@charset "UTF-8";

/*styles for pulpapocalipsis studio page*/

/* general styles */

*{

margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;

}

html,body {

min-height: 100%;
height: 100%;

}

a {

text-decoration: none;
color: white;

}

a:hover {

text-decoration: underline;

}

a img {

border: none;

}

html, body {

background: black;

}

#main-wrap {

background: url(images/pulp_back.jpg) 0 0 no-repeat;
padding-top: 25px;

}

#wrapper {

width: 980px;
margin: 0 auto;

}

#side {

float: left;
width: 170px;

}

#info-box {

padding-top: 40px;
background: url(images/back_grad.png) 20px 43px no-repeat;
height: 380px;

}

#info-box h4{

height: 33px;
background: url(images/label.png) 0 0 no-repeat;
padding-top: 10px;
text-align: center;

}

#info-box span {

color: #504f4f;
font-size: 14px;
padding-left: 30px;
margin-top: 10px;
display: block;
font-weight: bold;

}

#info-box p {

color: black;
padding: 10px 10px 0 30px;
font-size: 13px;

}

#title{

padding-top: 36px;

}

#section {

float: left;

}

#title ul {

float: right;
padding-top: 7px;

}

#title li {

display: inline;

}

#content {

clear: right;
height: 583px;
margin-left: 170px;

}

#footer {

text-align: right;
font-size: 10px;
padding-top: 5px;
margin-bottom: 40px;

}

#image-wrapper img {

border: solid 3px black;
height: 570px;
overflow: hidden;

}

#showcase, #showcase-cont, #published, #published-cont {

width: 800px;
height: 580px;
overflow: auto; 

}

#side.works {

background: url(images/filter_back.png) 15px 110px no-repeat;
height: 650px;

}

#side.works h4 {

padding: 27px 0 0 40px;

}

#side.studio h4 {

padding: 27px 0 0 40px;

}


#filter-box ul {

text-align: center;
padding-left: 20px;
padding-top: 20px;

}

#filter-box li {

list-style: none;

}

#filter-box p {

font-size: 10px;
color: black;
font-weight: bold;
padding-left: 10px;
text-align: center;

}

#filter-box.info h4 {

margin-bottom: 20px;

}

#filter-box.info p {

font-size: 10px;
font-weight: normal;
margin-bottom: 10px;
text-align: left;
margin: 0 15px 10px 15px;

}

.thumb {

float: left;
margin: 5px;
border: solid 1px black;
background: white;

}

#footer.works{

text-align: left;
padding-left: 30px;

}

#viewing {

position: absolute;
width: 600px;
left:50%;
margin-left: -140px;
top: 685px;
text-align: right;
color: #bfc7c1;

}

#viewing span {

color: white;
font-weight: bold;

}

#iewarning{display: none;}

/* estilos para los libros */

#side.studio{background: url(images/info_back.png) 0 110px no-repeat; height: 650px;}

#published-cont h3 {color: black; border-bottom: solid 2px white; padding: 10px;}

#side.studio em {font-weight: bold; color: black;}

.book {float: left; width: 240px; padding: 10px; height: 190px;}

.book h4 {border-bottom: solid 2px white; padding-bottom: 5px; font-size: 14px;}

.book h4 a{color: black;}

.cover a {float: left; margin: 10px 10px 0 0;}

.book ul {padding-top: 10px;}

.book li {list-style: none; font-size: 12px; color: black;}

.book li strong {color: black;}