/* MAIN STUFF */
body { 
width: 800px;
background-color: #fafafa; 
margin-top: 2%; 
margin-left: auto;
margin-right: auto;
font-family:Helvetica, Verdana, sans-serif;
font-size: 18px;
line-height:1.5;
color:#232323;
}

div#splash { 
float:left;
width:1024px;
margin-top: 24px;
margin-left: -12%; 
margin-bottom: 48px;
background:#c8c8c8;
}


div#bookbox div.horrorgenre {
background-image:  url(horrorpicture.jpg);
background-repeat: no-repeat;
height: 500px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 0px;
}

div#bookbox div.picture {
float: right; 
}


div#bookbox div.crimegenre {
background-image:  url(crimepicture.jpg);
background-repeat: no-repeat;
height: 500px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

div#bookbox div.genres {
background-image:  url(genrespicture.jpg);
background-repeat: no-repeat;
height: 400px;
width: 894px;
float:left;
padding-right: 2px;
}

div#bookbox div.authorspage {
background-image:  url(authorspicture.jpg);
background-repeat: no-repeat;
height: 400px;
width: 894px;
float:left;
padding-right: 2px;
}

div#bookbox div.contactuspage {
background-image:  url(contactus2.jpg);
background-repeat: no-repeat;
height: 845px;
width: 894px;
float:left;
padding-right: 2px;
}

div#bookbox div.outofprint {
background-image:  url(outofprintpicture.jpg);
background-repeat: no-repeat;
height: 400px;
width: 894px;
float:left;
padding-right: 2px;
}

div#bookbox div.sfgenre {
background-image:  url(sffpicture.jpg);
background-repeat: no-repeat;
height: 430px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

div#bookbox div.studieshorrorgenre {
background-image:  url(studiespicture.jpg);
background-repeat: no-repeat;
height: 430px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}


div#bookbox div.gothicsgenre {
background-image:  url(gothicspicture.jpg);
background-repeat: no-repeat;
height: 430px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}


div#bookbox div.artbooks {
background-image:  url(artpicture.jpg);
background-repeat: no-repeat;
height: 430px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

div#bookbox div.anthologies {
background-image:  url(anthologies.jpg);
background-repeat: no-repeat;
height: 430px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

img {
border:none;
display:block;
margin:0;
padding:0;
}

em {
font-style:italic;
}

strong {
font-style: bold;
}

a:link {text-decoration:none; outline:none;color:#232323;}
a:visited {text-decoration:none; outline:none;color:#232323;}
a:hover {text-decoration:none; outline:none;color:#840c18;}
a:active {text-decoration:none; outline:none;color:#840c18;}

div#centipedelogo {
width:892px;
border-color: #eb4137;
border-width: 1px;
border-style: solid;
border-right-width: 0px;
border-left-width: 0px;
border-top-width: 0px;
margin-left: auto;
margin-left: auto;
margin-left: -4%;
margin-right: 0px;
padding-bottom: 6px;
margin-bottom: 15px;
}


/* GENRES PAGE */

div#genreholder {
float:left;
width:903px;
margin-top: 0%;
margin-left: -4%; 
margin-bottom: 18px;
background:#c8c8c8;
}

div#genreholder  div.genrebox {
float:left;
width:291px;
padding-right: 15px;
background: #fafafa;
}

div#genreholder  div.genreboxright {
float:left;
width:291px;
padding-right: 0px;
background: #fafafa;
}

div#genreholder div.gdesc {
float:left;
height:70px;
width:288px;
padding-top: 0px;
background:#c8c8c8;
}

p.genreheading {
font-size:18px;
font-weight:700;
color:#232323;
line-height:1.2;
margin-top:14px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
padding-bottom: 3px;
text-transform: uppercase;
}


/* NAVIGATION */
div#navigation {
float: right;
width:445px;
padding-top: 0px;
}

ul#nav input {
float:right;
position:relative;
top:-2px;
}

ul#nav li {
float:left;
color:#b7b7b7;
font-size:14px;
margin:0;
text-align: center;
}

ul#cartlast li {
color:#fafafa;
font-size:14px;
position:relative;
top:0px;
text-align: center;
}

ul#nav li a {
float:left;
display:block;
height:10px;
text-transform:uppercase;
position:relative;
top:0px;
margin:0 10px;
text-align: center;
}

ul#nav {
list-style-type:none;
margin-top: -23px; 
margin-left: 0px; 
margin-right: auto;
margin-left: auto;
padding:0;
}


/* HOME PAGE */
div#bookbox {
float:left;
width:894px;
margin-top: 0%;
margin-left: -4%; 
margin-bottom: 12px;
background:#c8c8c8;
}

div#slideshow { 
float:left;
width:894px;
margin-top: 0%;
margin-left: -4%; 
margin-bottom: 12px;
background:#c8c8c8;
}

#slideshow div.first { 
float:left;
display:inline;
width:800px;
height:auto !important;
margin-top: 0%;
}

#slideshow div.descslide {
float:left;
display:inline;
width:800px;
height:auto !important;
padding-top: 17px;
padding-right: 0px;
padding-left: 30px;
padding-bottom: 10px;
}

div#bookboxauthor {
float:left;
width:894px;
margin-top: 0%;
margin-left: -4%; 
margin-bottom: 12px;
background:#c8c8c8;
}

div#bookbox div.desc {
float:left;
display:inline;
width:408px;
height:auto !important;
padding-top: 17px;
padding-right: 20px;
padding-left: 17px;
padding-bottom: 10px;
}

div#bookbox div.desctwo {
float:left;
display:inline;
width:800px;
height:auto !important;
padding-top: 17px;
padding-right: 0px;
padding-left: 30px;
padding-bottom: 10px;
}

div#bookboxauthor div.authordesc {
float:left;
display:inline;
width:444px;
height:auto !important;
padding-top: 33px;
padding-right: 40px;
padding-left: 30px;
padding-bottom: 10px;
}

div#bookbox div.horrorgenre {
background-image:  url(horrorpicture.jpg);
background-repeat: no-repeat;
height: 500px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

div#bookbox div.mastersweirdgenre {
background-image:  url(masterspicture.jpg);
background-repeat: no-repeat;
height: 500px;
width: 894px;
float:left;
padding-top: 0px;
margin-right: 150px;
}

div#bookbox div.bookslist {
background-image:  url(booksgraphic.jpg);
background-repeat: no-repeat;
height: 400px;
width: 894px;
max-height: 400px;
float:left;
}

p.bodytextwhite {
color:white;
line-height:1.5;
font-size:20px;
margin-top: 166px;
margin-left: 48px;
margin-right: 330px;
}

p.bodytextwhitesmaller {
color:white;
line-height:1.5;
font-size:15px;
}


div#bookboxauthor div.authorpicture {
float: left; 
}

div#releases {
float:left;
width:855px;
position:relative;
background: #e6e6e6;
border-top:12px solid #e6e6e6;
border-bottom:12px solid #fafafa;
padding-top:8px;
padding-bottom:2px;
padding-right:20px;
padding-left:20px;
margin-left: -4%; 
}


div#releasesnospaceafter {
float:left;
width:855px;
position:relative;
background: #e6e6e6;
border-top:12px solid #e6e6e6;
padding-top:8px;
padding-right:20px;
padding-left:20px;
margin-left: -4%; 
}

div#releasesnospaceafter div.whitespace {
margin-top:0px;
margin-left: 18px;
}

div#releasesnospace {
float:left;
width:855px;
position:relative;
background: #e6e6e6;
border-bottom:12px solid #fafafa;
padding-top:0px;
padding-bottom:2px;
padding-right:20px;
padding-left:20px;
margin-left: -4%; 
}

div#releasesnospace div.whitespace {
margin-top:12px;
margin-left: 18px;
}


div.bookcolumns {
float:left;
width:140px;
}

div.opinioncolumns {
float:left;
width:160px;
}

div#releases div.whitespace {
margin-top:12px;
margin-left: 30px;
}

div#releases div.authorwhitespace {
margin-top:12px;
margin-left: 30px;
}


div#firstcolumn {
float: left;
clear: both;
width: 370px;
padding-left: 14px;
}

div#secondcolumn{
width: 390px;
float: left;
padding-left: 30px;
}

div#thirdcolumn {
float: left;
clear: both;
width: 696px;
padding-left: 46px;
}


div#firstcolumn div.type1 {
color:#232323;
line-height:1.5;
font-size:14px;
margin: 0px;
}

div#secondcolumn div.type2 {
color:#232323;
line-height:1.5;
font-size:14px;
}


/* MAIN BOOK PAGES */
div#mainbook {
float:left;
width:894px;
background:#fafafa;
margin-top:0%;
padding: 0px;
margin-left: -4%;
height: 400px;
}

div#mainbook div.blackbar {
background:#232323;
float: left;
width:604px;
margin-left: 290px; 
padding-left: 0px;
padding-bottom: 17px;
max-height: 100px;
}

div#mainbook div.titleauthor {
float: left;
margin-top: 20px;
margin-left: 0px;
margin-right:0px;
padding-top: 2px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 0px;
}


div#mainbook div.bookimage2 {
float: left;
margin-left: 290px; 
margin-top:0px;
left:0px;
}

div#releases {
float:left;
width:855px;
position:relative;
background: #e6e6e6;
border-top:12px solid #e6e6e6;
border-bottom:12px solid #fafafa;
padding-top:8px;
padding-bottom:2px;
padding-right:20px;
padding-left:20px;
margin-left: -4%; 
}


div#mainbookimage {
position: absolute;
top: 122px;
z-index: 99;
margin-left: -20px;
}

div#mainbookimage div.bookimage {
margin-top: -25px;
}


div#mainbook  div.widescreengraphic {
float: left;
margin-left: 326px; 
margin-top: -360px;
}

div#whiterulemain {
float:left;
width:1000px;
padding-top: 14px;
background:#fafafa;
}


/* TYPE */

p.subhead {
color:#232323;
text-transform:uppercase;
line-height:1.2;
padding-bottom: 8px;
font-size:18px;
font-weight:700;
margin: 0px;
}

p.subheadrule {
color:#232323;
text-transform:uppercase;
line-height:1.;
padding-bottom: 8px;
font-size:18px;
font-weight:700;
margin-top: 0px;
margin-bottom: 10px;
border-style: dotted;
border-color: #232323;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: thin;
}


p.heading {
color:#232323;
text-transform:uppercase;
line-height: .1;
font-size: 22px;
font-weight:700;
}

p.headingwhite {
color:#e6e6e6;
text-transform:uppercase;
line-height:1.25;
font-size: 22px;
font-weight:700;
padding-bottom: 5px;
margin: 0px;
}

p.bookauthorwhite {
color:#e6e6e6;
text-transform:uppercase;
line-height:1.5;
font-size: 18px;
font-weight:500;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

p.bookauthor {
color:#232323;
text-transform:uppercase;
line-height:1.25;
font-size: 18px;
font-weight:500;
margin: 0px;
padding-top: 5px;
padding-bottom: 15px;
}

p.bookprice {
color:#232323;
line-height:1.25;
font-size: 16px;
font-weight:500;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 10px;
}

p.soldout {
color:#840c18;
text-transform:uppercase;
line-height:1.25;
font-size: 18px;
font-weight:700;
margin: 0px;
padding-top: 10px;
}

p.bodytext {
font-family: Georgia; 
color:#232323;
line-height:1.5;
font-size:18px;
margin: 0px;
margin-bottom: 16px;
}

p.bodyessay {
font-family: Georgia; 
color:#232323;
line-height:1.5;
font-size:22px;
margin: 0px;
margin-bottom: 16px;
}

ul#bodytext li {
color:# 232323;
line-height:1.5;
font-size:16px;
padding-left: 6px;
margin-left: -25px;
}

p.smalltitle {
font-size:12px;
font-weight:700;
color:#232323;
text-transform:uppercase;
line-height:1.2;
margin-top:8px;
margin-right: 9px;
margin-bottom: 6px;
padding-bottom: 3px;
border-style: dotted;
border-color: #646464;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: thin;
}

p.smalltitlegray {
font-size:12px;
font-weight:700;
color:#969696;
text-transform:uppercase;
line-height:1.2;
margin-top:8px;
margin-right: 9px;
margin-bottom: 6px;
padding-bottom: 3px;
border-style: dotted;
border-color: #646464;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: thin;
}

p.smallauthorpage {
font-size:12px;
font-weight:700;
color:#232323;
text-transform:uppercase;
line-height:1.2;
margin-top:12px;
margin-right: 9px;
margin-bottom: 6px;
padding-bottom: 3px;
}

p.opinionauthor {
font-size:16px;
font-weight:700;
color:#232323;
line-height:1.2;
margin-top:10px;
margin-left: 0px;
margin-bottom: 6px;
padding-bottom: 3px;
border-style: dotted;
border-color: #646464;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: thin;
text-transform: capitalize;
}

p.opiniontitle {
font-size:14px;
color:#232323;
line-height:1.2;
margin-top:0px;
margin-left: 0px;
text-transform: capitalize;
}


p.mediumtitle {
font-size:18px;
font-weight:700;
color:#232323;
line-height:1.2;
margin-top:14px;
margin-left: 10px;
margin-bottom: 6px;
padding-bottom: 3px;
border-style: dotted;
border-color: #646464;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: thin;
}

p.mediumauthor {
font-size:18px;
color:#232323;
line-height:1.1;
margin-top:2px;
margin-left: 10px;
text-transform: capitalize;
}

p.smallauthor {
font-size:12px;
color:#232323;
line-height:1.1;
margin-top:2px;
}


/* TWO COLUMNS AND VERTICAL RULE */
div.verticalrule.last {
padding-left:24px;
border-left:1px dotted #646464;
}

div#firstcolumnsynopsis {
float: left;
clear: both;
width: 520px;
padding-left: 2px;
}

div#secondcolumninfo {
width: 290px;
float: left;
padding-left: 30px;
}