@charset "utf-8";
/* Colors being Used

Dark blue background: #090e18
Medium aqua:  #023a4c
Light border lines #588799

Text that gradiates to white: #68b4d3


*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #d7dfe1;
	background-color: #04060d;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
img { border: 0;
	}
img { -ms-interpolation-mode: bicubic; }
#dkmobile {
	margin: 20px 0px 35px;
}
.dkrightcol {
	background-image: url(images/sidebar-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
	padding: 23px 15px;
}
.dkleftcol {
	background-image: url(images/left-inside.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 20px 20px 0;
	width: 605px;
}
.dkleftcol-home {
	background-image: url(images/left-column.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 20px 20px 0;
	width: 605px;
}
#dkheader {
	text-align: right;
	margin: 0px auto;
	width: 964px;
	height: 109px;
}
#socialmedia {
	padding: 0px;
	margin: 0px 0 0 0;
}
#dkmenu {
	width: 964px;
	margin: 0 auto;
}
#footer {
	color: #e5cd68;
	background-image: url(images/bottom-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 7px 7px 30px;
	clear: both;
}
#maincallout {
	background-repeat: repeat-x;
	background-position: left top;
	width: 964px;
	margin: 0 auto;
	text-align: center;
}
/* Change imgbdr color too! */
a:link, a:visited {
	color: #e5cd68;
}
a:hover, a:visited:hover {
	color: #FFF;
}
.imgbdr {
	border:  1px solid #bdc988;
}
.posttd p {
	margin-top: 0px;
}
.posttd {
	padding-bottom: 20px;
	}
.posttd img {
	max-width: 380px;
	height: auto;
}
#breadcrumbs {
	background-image: url(images/nav-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	width: 922px;
	font-size: 12px;
	padding: 5px 20px;
	text-align: left;
}
.dkbookmain {
	background-image: url(images/book-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #8b959e;
	}
#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
	color: #fff;
	}
.tdslice {
	
	}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #acb8c4;
	font-weight: normal;
	font-size: 26px;
	margin-top: 10px;
	padding-top: 0px;
	line-height: 30px;
}
#bookdetails select {
	font-size: 12px;
	background-color: #CCC;
}

.sharebg {
	background-image: url(images/share-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 10px 8px 40px;
}
#bookdetails {
	width: 340px;
}
.leftcol {
	background-image: url(images/left-sidebar.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px;
	width: 257px;
	background-color: #000;
}
.aboutthebook {
	background-image: url(images/about-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px;
}

#bookdetails td {
	font-size: 11px;
}


.rightcol {
	background-color: #36332c;
	background-image: url(images/right-col-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 328px;
}
.sharebuttons {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding: 0 5px;
}

.rightcoldiv {
	text-align: left;
	padding: 10px 20px;
}
.addthis_default_style, .addthis_toolbox {
	text-align: center;
	}
.quotefrom {
	color: #8fc6e4;
	display: block;
	}
.bookphoto {
	float: left; 
	margin: 0 40px 0 0;
	height: 180px;
	width: 400px;
	} 
.bigbg {
	background-color: #000;
	padding: 25px;
	width: 913px;
	margin: 0 auto;
	background-image: url(images/general-page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	}
.dotted {
	border-top: dotted 2px #666;
	clear: both;
	margin: 25px 0;
	height: 2px;
	}
.booktitles {
	font-size: 15px;
	font-weight: bold;
	color: #68b4d3;
	margin: 0 0 10px;
	}
.seriescallout {
	background-color: #000;
	padding: 25px;
	width: 913px;
	margin: 0 auto;
	background-image: url(images/general-page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	}
.odd-bg {
	background-image: url(images/newest-title.jpg);
}
.newesttitle {
	float: right;
	width: 250px;
	text-align: center;
	margin: 0 0 0 0 ;
	color: #d1ba6a;
	}
.seriescallout p {
	margin: 0px;
	display: inline;
	}
.line-on-right {
	background-color: #000;
	background-image: url(images/right-col-2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.line-on-left {
	background-color: #000;
	background-image: url(images/right-col-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.brownleft {
	background-image: url(images/brown-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px;
	background-color: #000;
}
.mininav {
	color: #bcc7e5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 32px;
	margin-top: 15px;
	}
.mininav a:link, .mininav a:visited {
	border: 1px solid #bcc7e5;
	padding: 3px 6px;
	margin: 4px 0;
	text-decoration: none;
	color: #bcc7e5;
	}
.mininav a:hover, .mininav a:visited:hover {
	border: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	}
.odd-right {
	float: right;
	width: 200px;
	text-align: center;
	margin: 0 0 0 20px;
	}
.deaddetector {
	background-image: url(images/detector.jpg);
	background-repeat: no-repeat;
	padding: 2px;
	margin: 30px 0 0 0;
	}
.characters {
	background-image: url(images/character-bg-2.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	margin: 20px 0 0;
	height: 84px;
	}
.charactername {
	border-left: 8px solid #c4b25f;
	padding-left: 15px;
	float: left;
	width: 180px;
	margin: 0 0 6px 0;
	}
.comicart {
	background-image: url(images/characters-bg.jpg);
	background-repeat: no-repeat;
	padding: 20px 15px;
	margin: 20px 0 0;
	height: 84px;
	height: 140px;
	}
#showhidereviews {
	display: none;
	}
.tableheader {
	background-color: #023a4c;
	color: #fff;
	}
#cornernavs {
	float: right;
	width: 300px;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	padding-top: 20px;
	}
#dksearch {
	margin-bottom: 35px;
	}
#s {
	background-color: #646464;
	color: #CCC;
	border: 1px solid #000;
	height: 20px;
	padding: 3px 0 0 5px;
	width: 200px;
	}
form, select {
	margin: 0px;
	padding: 0px;
	}
.trailers {
	float: left;
	width: 225px;
	margin-right: 50px;
	text-align: center;
	height: 215px;
	}
#question {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0 5px;
	}
#answer {
	border-bottom: 3px dotted #6b907f;
	padding: 0 0 15px 0;
	margin-bottom: 20px;
	}
.legal {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #999;
	padding: 3px 17px 0 3px;
}	
.blackbg {
	background-color: #000;
}
#dropmenudiv{
position:absolute;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
text-align: left;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 5px;
	border-top: 2px solid #9daf99;
	padding: 2px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #3d32b3;
}
