/* CSS Document */



/* common */

* {margin:0; padding:0;}



/*pngfix for site */

img {behavior: url(/scripts/iepngfix.htc);} 

/* */



body {

background:url(../images/bkgd-page.jpg) 50% 0 no-repeat #000 fixed; 

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#ccc;

}



a {color: #fff;}

a:hover {text-decoration:none;}



h1 {font-size:24px;}

h2 {font-size:18px;}

h3 {font-size:15px;}

h4 {font-size:13px;}

h5 {font-size:11px;}

h6 {font-size:10px;}



.tan-color {font-size:11px; color:#B9ACA3;}



#content {padding:0;}

	

#content-inner{

width:1000px;

padding:0px;

position:absolute;

clear:both;

text-align:left;

}



.clear {

clear:both;

padding:0;

margin:0;

line-height:1px;

height:1px;

font-size:1px;

}



#divider {height:15px; clear:both;}



#main {

padding:20px;

margin:0;

background:url(../images/bkgd-main.jpg) repeat-y;

}

.main-content {

width:690px;

float:left;

padding:0;

margin:0;

}

.main-sidebar {

width:240px;

float:left;

padding:0 10px 0 20px;

margin:0;

}

.main-full-width {}

.main-content-bkgd {

width:670px;

background: url(../images/bkgd-gradient.jpg) 50% 0 no-repeat;

padding:0 10px 0 10px;

clear:both;  

}

.main-content-padding {

padding:17px;

}



/* backgrounds */



.bkgd-grey-grad {background:url(../images/bkgd-gradient.jpg) 50% 0 no-repeat;}

.bkgd-blue-h85 {background:url(../images/bkgd-blue-h85.jpg) 50% 0 no-repeat;}

.bkgd-blue-w680 {background:url(../images/bkgd-blue-w680.jpg) 50% 50% no-repeat;}

.bkgd-blue-symbol {background:url(../images/bkgd-blue.jpg) 46% 50% no-repeat;}

.bkgd-stone-h340 {background:url(../images/bkgd-stone-h340.jpg) 50% 50% no-repeat;}

.bkgd-stone-h240 {background:url(../images/bkgd-stone-h240.jpg) 50% 50% no-repeat;}

.bkgd-stone-blue {background:url(../images/bkgd-stone-blue.jpg) 17px 0 no-repeat;}

.bkgd-red {background:url(../images/bkgd-red.jpg) 50% 50% no-repeat;}

.bkgd-stone-long {background:url(../images/bkgd-pattern-black.jpg) 50% 0 no-repeat;}



/* boxes */

.border {border:#525252 1px solid;}

.sl {background: url(../images/sl.gif) 0 50% no-repeat; padding-left:10px;}

.sr {background: url(../images/sr.gif) 100% 50% no-repeat; padding-right:10px;}

.st {background: url(../images/st.gif) 50% 0 no-repeat;}

.tl {background: url(../images/c-tl.gif) 0 0 no-repeat;}

.tr {background: url(../images/c-tr.gif) 100% 0 no-repeat;}

.bl {background: url(../images/c-bl.gif) 0 100% no-repeat;}

.br {background: url(../images/c-br.gif) 100% 100% no-repeat;}



/* padding */



.pad-20 {padding:20px;}

.pad-lr-17 {padding:0 17px 0 17px;}

.pad-15 {padding:15px;}

.pad-lr-10 {padding:0 10px 0 10px;}

	

.img-margin-right {margin:0 17px 20px 0;}

	

/* header */



#site-header {

height:235px;

background:url(../images/bkgd-header.jpg) 50% 0 no-repeat;

clear:both;

}

#site-header .inner {

height:165px;

clear:both;

padding:35px 0 0 0;

}

#site-header .welcome {

width:730px;

height:160px;

padding:0;

text-align:right;

float:left;

}



/* navigation */

#navigation {

width:960px;

height:20px;

padding:5px 20px 5px 20px;

clear:both;

}

#navigation .inner {

height:29px;

padding:0;

text-align:center;

background:#181818;

}

#navigation .inner a img {

border-top:1px #444 solid;

border-right:1px #000 solid;

border-left:1px #444 solid;

border-bottom:1px #000 solid;

}

#navigation .inner a:hover img {

border-top:1px #000 solid;

border-right:1px #444 solid;

border-left:1px #000 solid;

border-bottom:1px #444 solid;

}



#navigation .border {border-top:#444 1px solid; border-bottom:#222 1px solid;}

	

/* content inner */



.content-left {width:730px;	float:left;}

.content-right {width:270px; float:right;}



/* Home Page */



.pics {  

width:450px;  

height:180px;  

padding:0;  

margin:0;  

} 

 

.pics img {  

padding:0px;  

border:0px solid #ccc; 

width:450px; 

height:180px; 

top:0; 

left:0 

} 



#rotating-banner {

width:472px;

height:190px;

float:left;

padding:0 7px 0 0;

}

#rotating-banner .inner {width:450px; padding:4px 5px 4px 5px;}



#welcome-message {

width:472px;

height:190px;

float:right;

padding:0 0 0 7px;

}

#welcome-message .inner {height:178px; padding:7px 15px 3px 15px; font-size:12px;}

#welcome-message .inner p {margin:5px 0 0 0;}



.free-story-giveaway {height:158px; padding:20px 10px 10px 10px; width:440px; clear:both; background-image:url(../images/bkgd-blue.jpg); background-repeat:no-repeat; background-position:0 0;}

.free-story-giveaway p {color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}



.free-story-giveaway .copy {color: #B9ACA3; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

.free-story-giveaway .clickhere {padding:10px 0 10px 0;}

.free-story-giveaway .clickhere a {border:2px #000066 outset; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; padding:2px 5px 2px 5px; background:url(../images/bkgd-button.jpg) repeat-x; color:#FFFFFF; }

.free-story-giveaway .clickhere a:hover {border: 2px #000066 inset; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/bkgd-button.jpg) 50% 50% repeat-x; color:#FFFFFF;}

.free-story-giveaway .covers { width:95px; float:right; padding:0 10px 0px 3px;}

.free-story-giveaway .covers img {border-right:3px #999 solid; border-bottom:3px #777 solid; }



#coming-soon {width:240px; height:340px; float:left;}

#coming-soon .inner {height:330px; padding:8px 4px 0 4px;}

#coming-soon-scroll {overflow:auto; height:270px; padding:10px 0 0 0; color:#ccc; font-size:12px; text-align:left;}

#coming-soon .inner img {margin:5px 0 8px 0;}

	

#welcome {width:425px; height:340px; float:left;}

#welcome .inner {height:308px; padding:15px 25px 15px 25px;}

#welcome p {color:#FFFFFF;}

	

.dark-hunter-quiz {width:240px;	height:340px; float:left; padding:0;}

	

#iamplify {width:240px;	height:240px; float:left;}

#iamplify .inner {height:208px; padding:15px;}



#upcoming-books-home {

width:240px;

height:240px;

float:left;

padding:0;

background:url(../images/bkgd-pattern-short.jpg) 0 0 no-repeat;

}

#upcoming-books-home .inner {width:230px; height:224px; padding:8px 4px 4px 4px;}

#upcoming-books-home .inner img {margin:5px 0 8px 0;}

	

#twitter {width:682px; height:240px; float:right; padding:0;}

#twitter .inner {height:208px; padding:15px;}





/* Sidebar Boxes */



#calendar-sdbr {

width:240px;

height:240px;

padding:0;

margin:0;

clear:both;

}

#calendar-sdbr .inner {width:208px; height:208px; padding:15px;}



#upcoming-books {

width:240px;

height:240px;

padding:0;

background:url(../images/bkgd-pattern-short.jpg) 0 0 no-repeat;

}

#upcoming-books .inner {width:230px; height:224px; padding:8px 4px 4px 4px;}

#upcoming-books .inner img {margin:5px 0 8px 0;}



#sk-websites {

padding:10px;

}

#sk-websites a {color:#336699;}

#sk-websites a:hover {text-decoration:none;}



/* Series */



#story-thus-far {width:690px; height:auto; padding:0;}

#story-thus-far .inner {padding:20px; color:#B4AF9E;}

#story-thus-far .inner p {margin:8px 0 0 5px;}



#browse-all-books {

padding:15px 10px 15px 10px;

width:670px;

font-size:10px;

}

#browse-all-books .drop-down-series {width:205px; font-size:10px;}

#browse-all-books .drop-down-titles {width:180px; font-size:10px;}

#browse-all-books .drop-down-characters {width:150px; font-size:10px;}



.series-banner {padding:0 10px 0 10px;}

.series-banner img {padding:3px 1px 3px 1px;}



#series-main .button {padding:15px 0 10px 0; margin:0;}

#series-main .button a {border:2px #000066 outset; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; padding:2px 5px 2px 5px; background:url(../images/bkgd-button.jpg) #003366 repeat-x; }

#series-main .button a:hover {border: 2px #000066 inset; text-decoration:none; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}



.clickhere {padding:10px 0 5px 0; margin:0;}

.clickhere a {border:2px #000066 outset; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; padding:2px 5px 2px 5px; background:url(../images/bkgd-button.jpg) #003366 repeat-x; }

.clickhere a:hover {border: 2px #000066 inset; text-decoration:none; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}



.buy-preorder {background:#003366; color:#FFFFFF; font-size:10px; font-weight:bold; border: 1px solid #333333; outline:none; margin-top:10px; width:115px;}

.buy-preorder select { }

.buy-preorder option { color:#CCCCCC;}



/* Dark-Hunter Series */



#series-main {padding:10px;}



#dark-hunter-series  {

width:315px;

height:255px;

float:left;

background:url(../images/bkgd-drk-hunter.jpg) 50% 50% no-repeat;

}

#dark-hunter-series .inner {width:305px; height:245px; padding:5px;}

#dark-hunter-series .browse {padding:50px 0 10px 30px;}



#dream-hunter-series  {

width:315px;

height:255px;

float:right;

background:url(../images/bkgd-drm-hunter.jpg) 50% 50% no-repeat;

}

#dream-hunter-series .inner {width:305px; height:245px; padding:5px;}	

#dream-hunter-series .browse {padding:25px 30px 35px 0; text-align:right;}

	

#manga-series  {

width:315px;

height:255px;

float:left;

background:url(../images/bkgd-manga.jpg) 50% 50% no-repeat;

}

#manga-series .inner {width:305px; height:245px; padding:5px;}

#manga-series .browse {padding:40px 0 20px 20px;}

#manga-series .browse img {margin:0 0 0 30px;}	



#league-series  {

width:315px;

height:255px;

float:right;

background:url(../images/bkgd-league.jpg) 50% 50% no-repeat;

}

#league-series .inner {width:305px;	height:245px; padding:5px;}	

#league-series .browse {padding:40px 30px 20px 0; text-align:right;}

#league-series .browse img {margin:0 10px 0 0;}	

	

/* Reading Order Hover Effect */

.imgteaser {

margin: 0;

padding:0;

overflow: hidden;

float: left;

position: relative;

}

.imgteaser a {text-decoration: none; float: left;}

.imgteaser a:hover {cursor: pointer; padding:0; margin:0;}

.imgteaser a img {

float: left;

margin: 0;

border: none;

padding: 0px;

background: #fff;

border-right: 3px solid #666;

border-bottom: 3px solid #444;

}



.imgteaser a .desc {display: none;}

.imgteaser a:hover .more {visibility: hidden;}

.imgteaser a:hover .desc{

display: block;

font-size: 10px;

padding: 50px 0 0 0;

background: #111;

filter:alpha(opacity=80);

opacity:.80;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/

color: #fff;

position: absolute;

bottom: 0px;

left: 0px;

margin: 120px 0 0 0;

width: 113px;

height:178px;

border-top: 0px solid #999;

text-align:center;

}

.imgteaser a:hover .desc strong {

display: block;

padding:0;

margin: 120px 0 5px 0;

font-size:16px;

font-weight:bold;

text-align:center;

}

.imgteaser a:hover .desc p {

display: block;

padding:0;

margin:70px 5px 5px 5px;

color:#FFFFFF;

font-size:20px;

font-weight:normal;

text-align:center;

}



.large {

padding:0;

margin:0 0 10px 0;

font-family:"Times New Roman", Times, serif;

font-size:28px;

font-weight:normal;	

}



/* dark-hunter styles */

#acherons-journal {width:240px; height:350px;}

#acherons-journal .inner {padding:15px 0 0 0;}

#acherons-journal-feed {padding:15px 20px 20px 20px; font-size:11px; height:auto;}

#acherons-journal-feed li {margin-top:8px; list-style-type:none;}

#acherons-journal-feed li a {font-weight:bold; color:#CCCCCC; text-decoration:none; font-size:12px;}

#acherons-journal-feed li a:hover {color:#fff; text-decoration:none;}

#acherons-journal-feed .date {display:none; font-size:10px; margin:5px 0 10px 0; color:#999999;}

#acherons-journal-feed .feedburnerFeedBlock #creditfooter {display:none;}



.banner {padding:0 30px 0 30px; width:671px;}

.banner img {padding:3px 2px 3px 2px;}



.grey-bkgd {padding:1px;}

.summary-excerpt {padding:0 10px 0 10px; clear:both; background: url(../images/bkgd-gradient.jpg) 50% 0 no-repeat; width:670px}

.summary-excerpt-sidebar {width:140px; padding:0; float:left; text-align:center;}

.summary-excerpt-copy{width:468px; padding:0 0 0 20px; float:left;}

.summary-excerpt-copy p {margin:10px 0 10px 0; color:#B4AF9E;}



.covers {clear:both;}

.covers img {border-right:3px #999 solid; border-bottom:3px #777 solid;}

.button {padding:15px 0 15px 0;}

.button a {border:2px #000066 outset; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; padding:2px 5px 2px 5px; background:url(../images/bkgd-button.jpg) #003366 repeat-x; }

.button a:hover {border: 2px #000066 inset; text-decoration:none; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}



#audio-book {padding:10px 0 0 0; font-size:11px;}

#audio-book .button {padding:5px 0 5px 0;}

#audio-book .button a {border:2px #000066 outset; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; padding:2px 10px 2px 10px; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}

#audio-book .button a:hover {border: 2px #000066 inset; text-decoration:none; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}



/* Calendar */

.calendar-banner {

width:690px;

height:145px;

padding:0;

}

.calendar-banner-inner {

width:665px;

height:136px;

padding:1px 1px 1px 2px;

background:#000000 url(../images/loading.gif) 50% 50% no-repeat;

}

.calendar {

width:670px;

height:550px;

padding:0 10px 0 10px;

color:#000000;

}	

.calendar-inner {

width:660px;

padding:4px;

}

	

/* Calendar 30Boxes */

div#thirtyBoxes { width:150px; margin:0; padding:8px; font-size: 12px;

font-family:"Lucida Grande", Verdana,sans-serif; background-color:#F7F7F7; 

border-right:1px solid #ADAABD; border-bottom:1px solid #ADAABD; overflow:visible; color:#000000; }

div#thirtyBoxes .avatar { float: left; margin-right: 8px; color:#000; }

div#thirtyBoxes .tags { font-size: 10px; font-weight: bold; margin-bottom: 6px; margin-top: 8px; color:#000; }

div#thirtyBoxes .eventItem {margin-left:10px; text-indent:-10px; color:#000; }

div#thirtyBoxes .eventDate {font-size:10px; color:#000; }

div#thirtyBoxes .eventSummary {color:#000; font-size:10px; }

div#thirtyBoxes .header {font-weight: bold; margin-bottom: 6px; color:#000; }

div#thirtyBoxes .footer {margin-top: 6px; background-color: #eee; font-size: 10px; color:#000;  }

div#thirtyBoxes .eventBlock { cursor: pointer; color:#000; }

div#thirtyBoxes .repeatType { display: none; color:#000; }

div#thirtyBoxes #calNavPopup {color:#000000;}

div#thirtyBoxes #mouseOverDiv {color:#000000;}

div#thirtyBoxes .cpYearNavigation,.cpMonthNavigation{background-color:#EEE;text-align:center;text-decoration:none;color:#333;font-weight:bold;}

div#thirtyBoxes .cpDayColumnHeader, div#thirtyBoxes .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:30px;}

div#thirtyBoxes TD.cpDayColumnHeader{text-align:right;border:solid thin

#000;border-width:0px 0px 1px 0px;}

div#thirtyBoxes .cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none; color:#000000;}

div#thirtyBoxes .cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#000;text-align:right;text-decoration:line-through;}

div#thirtyBoxes .cpCurrentMonthDate, .cpCurrentDate{color:#000000;} 

div#thirtyBoxes .cpOtherMonthDate{color:#000;}

div#thirtyBoxes TD.cpCurrentDate{color:#000; background-color: #000; border-width:1px;border:solid thin #800000;}

div#thirtyBoxes TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;} 

div#thirtyBoxes TD.cpTodayText, TD.cpTodayTextDisabled{border:solid

thin #C0C0C0;border-width:1px 0px 0px 0px;}

div#thirtyBoxes A.cpTodayText, div#thirtyBoxes SPAN.cpTodayTextDisabled{height:20px; color:#000000;}

div#thirtyBoxes .cpTodayTextDisabled{color:#000;}

div#thirtyBoxes .cpBorder{border:solid thin #808080;}





/* Free Stuff */

#manga-extras a{

background: #222;

color:#999;

font-size:10px;

border:#333 0px solid;

display:inline;

text-decoration:none;

padding:1px;

margin:5px 2px 5px 2px;

line-height:18px;

}

#manga-extras a:hover{

background: #555;

color:#fff;

text-decoration:none;

}

#manga-extras h2 {font-size:16px;}



#free-stuff {width:670px; padding:0 10px 0 10px; margin:0; background:url(../images/bkgd-gradient.jpg) 50% 20% no-repeat;}

#free-stuff .inner {padding:0; text-align:center; margin:0;}

#free-stuff ul {padding:0; margin:0;}

#free-stuff li {display:inline; list-style:none; text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 10px 0 10px;}

#free-stuff li a{border:2px #000066 outset; padding:5px 25px 5px 25px; background:url(../images/bkgd-button.jpg) #003366 repeat-x; text-decoration:none;}

#free-stuff li a:hover {border: 2px #000066 inset; padding:5px 25px 5px 25px; background:url(../images/bkgd-button.jpg) #003366 repeat-x;}



#free-story {

float:left;

width:240px;

height:240px;

padding:0 10px 0 10px;

background:url(../images/bkgd-pattern-short.jpg) 10px 0 no-repeat;

}

#free-story .inner {width:230px; height:224px; padding:8px 4px 4px 4px;}

#free-story .inner img {margin:5px 0 8px 0;}



#giveaways {float:left; width:400px; padding:0 10px 0 10px;}

#giveaways .inner {padding:10px 0 0 0; margin:0;}



/* privacy and terms of use styles */

.privacy-terms ul {padding:0 0 15px 15px; margin-left:17px;}

.privacy-terms li {list-style-type:square; margin:2px; padding:2px 0 2px 5px;}

.privacy-terms ol li {list-style-type:decimal; margin:0 0 0 25px;}

.privacy-terms p {margin:3px 0 8px 0; color:#999999;}

.privacy-terms a {color:#CCCCCC;}



/* footer */

#google {font-size:13px; color:#FFFFFF; font-weight:bold; display:inline;}

input.google-search {

color:#000000;

background-color:#FFFFFF;

background-image:url(../images/google_search.gif);

background-repeat: no-repeat;

background-position: left center;}

onfocus.google-search {background-image:none;}



.addthis {padding:15px 0 0 0; height:15px;}



.footer {font-size:10px; padding:0; clear:both; color:#666666; height:120px;}

.footer-left img {padding-right:10px;}

.footer-left {float:left; width:600px; padding:20px 0 0 20px; height:60px;}

.footer-left a {text-decoration:none; color:#999999;}

.footer-left a:hover {text-decoration:none; color:#FFFFFF;}

.tan-link a {color:#716558;}

.tan-link a:hover {color:#FFFFFF;}

.footer-right {float:left; width:360px; height:60px; padding:20px 20px 0 0; text-align:right;}



.cvstudios {padding:10px 0 0 0; color:#555}

.cvstudios a {color:#555; text-decoration:none;}

.cvstudios a:hover {color:#777; text-decoration:none;}



/* Feedburner Feed Styles */

#Twitter/Sherrilynkenyonam65iu61b0cfl9sgqjdo49j7rs { text-align:left;}

#Twitter/Sherrilynkenyonam65iu61b0cfl9sgqjdo49j7rs .feedburnerFeedBlock {}

#twitter-feed .feedTitle p {color:#003399; width:200px;}

#Twitter/Sherrilynkenyonam65iu61b0cfl9sgqjdo49j7rs ul {}

#twitter-feed li {padding:0 10px 10px 0;}

#twitter-feed li a {text-decoration:none; color:#22BBED;}

#twitter-feed li a:hover {text-decoration:none; color:#BAE8FF;}

#twitter-feed p {}

#twitter-feed li div {}

#twitter-feed .date { font-weight:normal; margin:5px 0 7px 0; color:#B9ACA3; font-size:10px;}

#twitter-feed .feedburnerFeedBlock #creditfooter {display:none;}

#follow-twitter {padding:5px 0 0 0; clear:both;}

#follow-twitter img {margin:2px 0 2px 0;}

#follow-twitter a {font-size:11px; text-decoration:none; color:#66CCFF;}

#follow-twitter a:hover {text-decoration:underline;}#content-inner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper {
	width:1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
