/*  

Theme Name: Typography

Theme URI: http://www.sciencefictionandfantasy.co.uk

Description: My Own integration of Wordpress into Science fiction and fantasy

Author: Ant

Author URI: http://www.sciencefictionandfantasy.co.uk

*/

body {font-family: arial,sans serif; font-size:14px; margin:0 auto; background: url(images/wood.jpg) repeat; text-align:justify; }
p {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; text-align:justify;}
a{color:#0545cc;text-decoration:none;}
a:hover{color: #000; text-decoration:underline;}
img {border:0;padding:2px;}
.imgleft {float:left; padding:5px;}
.imgright {float:right; padding:5px;}
#wrapper {width:1024px; margin:0 auto; height:auto; position:relative;}
#innerwrapper {position:relative; width:1010px; margin:12px 10px 0 0; background: url(images/background.jpg) repeat-y; overflow:hidden;}
* html #innerwrapper {
	height:1%; /* "haslyout" for IE6 & contains floats */
	overflow:visible;}
#headerwrapper {background: url(images/header.jpg) no-repeat; width:auto; height:auto; position:relative; overflow:auto;}
#header {width:680px; float:left;}
#logo2 {width:613px; height:93px; border:0px; padding:0; margin:0;}
#logo {width:633px; height:75px; border:0px; margin:20px 0 0 10px; padding:0;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#252120;  padding:5px 5px 2px 5px; margin:0 0 0 5px; font-weight:normal;}

#mainleft {position:relative; width:660px; height:100%; float:left; margin-left:10px;}
#rightcolumn {position:relative; width:310px; float:right; height:100%; margin:20px 10px 0 0;}
#menucolumn {position:relative;width:220px; float:left; height:100%;  margin: 5px 0 5px 0;}
#menucolumn h3{border-bottom:1px solid #599ee3; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#252120;}
#right-content { width:450px;}
#right-content p {margin:5px 5px 10px 5px;}
#right-content h3 { padding:0 0 0px 0px; border-bottom:3px solid #31302e; margin:5px 0 10px 0;}

#bibliography {margin-left:10px;}
#bibliography ul {list-style-type:none; margin:0; padding:0;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#bibliography li{padding:2px 0 2px 0;}
#bibliography h5 {font-family: Arial, Helvetica, sans-serif; font-size:12px; margin: 10px 0 10px 0;}

.image-left{padding:0px;margin:0px; float:left;}
.image-left img{margin-left:0px;margin-right:10px;}

/* *************** Menu **************/
#nav {position: relative;margin: 0 0 0 5px; padding: 0; border-bottom:4px double #b2afa3; height:25px; width:670px;}
#nav ul {float: left;list-style: none;margin: 5px 0 0 0;height: 25px;padding: 0 0 0 0px;}
#nav ul li {float: left; margin: 0; padding: 0 2px 0 2px;position:relative;}
#nav ul li a {float: left;margin: 0;padding: 0 6px 0 0;color: #000; font-size:14px; font-family: Arial, Helvetica, sans-serif;;overflow:hidden; display:block; text-decoration:none;}
#nav ul li a:hover, #nav ul li a:active {color:#8599C7; border-bottom:5px solid #8599C7; padding-bottom:3px; z-index:1000;}
#nav ul li#current {background: transparent url(assets/templates/simple/images/left-tab.gif) no-repeat;}
#nav ul li#current a {color:#8599C7;}

#nav ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:120px; z-index:1000; border-bottom:0;}
#nav ul ul a, #nav2 ul ul a:visited {background:#31302e; color:#fff; height:auto; line-height:1em; padding:5px 0 5px 5px; width:130px;border-width:0 1px 1px 1px; z-index:1000;}
#nav ul ul a:hover {background-color:#8599C7; border:none; padding-bottom:5px; z-index:1000; color:#000;}
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; z-index:1000;}

#randombooks {float:right; width:300px; height:500px; margin:0px 10px 5px 0px; padding:0;}
#randombooks img {border:0;}
#imgthumbs {margin-right:15px;}
#imgthumbs img{margin:10px 7px 0 8px;}

#carousel_container {z-index:1;}
#carousel1 {z-index:1;}

#prevwrapper {float:left; width:87px; margin-bottom:5px; position:relative;}
#prevwrapper a {width:87px; height:25px;}
#nextwrapper {float:right; width:87px; margin-bottom:5px; margin-right:10px;}
#prev,#prev span{display:block;width:87px;height:25px;position: relative;overflow: hidden;}
#prev span{height:200px;background: url(http://www.sciencefictionandfantasy.co.uk/assets/templates/typography/images/newprev.png) 0 0 no-repeat;}
#prev:hover span{top:-25px;}
#next,#next span{display:block;width:87px;height:25px;position: relative;overflow: hidden;}
#next span{height:200px;background: url(http://www.sciencefictionandfantasy.co.uk/assets/templates/typography/images/newnext.png) 0 0 no-repeat;}
#next:hover span{top:-25px;}

.more,.more span{display:block;width:141px;height:29px;position: relative;overflow: hidden;}
.more span{height:200px;background: url(http://www.sciencefictionandfantasy.co.uk/assets/templates/typography/images/more-button.png) 0 0 no-repeat;}
.more:hover span{top:-29px;}
.more-link{font-weight:bold;}

.divider {width:100%; height:2px; border-bottom:3px solid #252120; margin: 0 5px 0 5px; padding:0; position:relative;}

.latestlists {float:left; width:215px; height: 520px; margin: 0 4px 0 4px;}
.latestlists p { text-align:center;}
.latestlists h3{font-size:20px; border-bottom:3px solid #31302e; text-align:center; padding:0px 0px 2px 0px; margin:0 0 0 0px;}
#highestrated {}
#highestrated p { text-align:center;}
#highestrated h3 {padding:5px 5px 10px 5px; margin: 0 5px 0 5px;}

#serieslist {max-height:800px; overflow:auto;}
#serieslist p {text-align:center;}
#serieslist h3 {padding:5px 5px 10px 5px; margin: 0 5px 0 5px;}

#standardcontent {margin:0; width:660px; position:relative; float:left; padding:0 10px 0 10px;}
#standardcontent h2 {color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:24px;padding:0; margin:0 10px 0 0; font-weight:normal;border-bottom:3px solid #0f8cdc; }
#standardcontent h2 a{color:#666666;}

#standardcontent h3 { padding:0 0 0px 0px; }
#standardcontent h5 {font-size:12px; font-weight:normal; margin:0 0 10px 0; padding:0; color: #4B4B4B;}
#standardcontent h5 strong {color: #1C689D;}
#standardcontent p{font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.justify {text-align:justify;}

.clear{clear:both;line-height:0px;font-size:0px;height:0px;padding:0px;margin:0px;border:none;}
#reviewtitle {padding:0; margin:0; position:relative; font-size:12px;}
#reviewtitle span {font-size:12px;}
#reviewtitle span img {border:0; vertical-align:bottom;}
.spantext {color:#252120;}
.vcard { border-bottom: 1px solid #64b2ff;}
.vcard p {font-size:12px;}
.fn {color:#0f8cdc;}
.title {color:#252120;}
.org {color:#0f8cdc;}
#stardiv-old {float:right; text-weight:normal; width: 125px; margin:40px 0 0 0; height:45px; overflow:hidden; background: url(http://www.sciencefictionandfantasy.co.uk/assets/templates/typography/images/rating.jpg) no-repeat; width:125px;}
#stats {padding:0; margin-right:30px; position:relative; float:right;}
#stats p {text-align:center; margin: 0 10px 0 0;}
#stats img {border:0; z-index:1000;}

#feedbackform {float:right; width:250px; margin-right:30px; text-align:left;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#feedbackform h3 {padding:0 0 0px 0px; border-bottom:3px solid #31302e;}
#feedbackform p{text-align:left;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

#detail-content {margin:0; width:450px; position:relative; float:right;}
#detail-content h2 {color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:30px;padding:0; margin:0 0 0 0px; font-weight:normal; border-bottom:1px solid #64b2ff;}
#detail-content h3 { padding:0 0 0px 0px; border-bottom:3px solid #31302e;}
#detail-content p{margin:0px 0px 0px 0px;padding: 5px 10px 5px 5px;overflow:hidden;font-family: Arial, Helvetica, sans-serif;font-size:16px; color:#000; text-align:justify;}

#maincontent {border-top:3px solid #31302e; width:670px; margin:0 0 0 5px;}
#series-content {margin:10px 0 0 0; width:450px; position:relative; float:left;}
#series-content h2 {color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:30px;padding:0; margin:0 0 0 0px; font-weight:normal; border-bottom:1px solid #64b2ff;}
#series-content span {color:#8bc5ff; font-size:24px;}
#series-content h3 { padding:0 0 0px 0px; border-bottom:3px solid #31302e; margin:5px 0 10px 0;}
#series-content p{margin:0px 0px 0px 0px;padding: 0px 10px 10px 5px;overflow:hidden;font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#000; text-align:justify;}
#series-content img {float:left; border:0;}
#series-content ul {list-style-type:none; margin:0; padding:0;}
#full-content {margin:0; width:660px; position:relative; float:left; padding:0;}
#full-content h2 {color:#31302e; font-family: Arial, Helvetica, sans-serif; font-size:26px;padding:0; margin:10px 10px 10px 10px; font-weight:normal;border-bottom:3px solid #8b9cb0; }
#full-content h2 a{color:#31302e;}

#full-content h3 { padding:0 0 0px 0px; border-bottom:3px solid #ccc;}
#full-content h5 {font-size:12px; font-weight:normal; margin:0 0 10px 10px; padding:0; color: #4B4B4B;}
#full-content h5 strong {color: #1C689D;}
#full-content p{margin:0px 0px 0px 0px;padding: 0px 5px 0px 10px;overflow:hidden;font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#000; text-align:justify;}

.entries {clear: both; height: 25px;padding: 0;margin:35px 10px 20px 10px;}
.entries a {text-decoration: none; font-size:16px; color:#31302e; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.entries a:hover {text-decoration: none;color: #043264;}


.nl_wrapper {margin:10px 10px 20px 10px; width:680px; height:100%; position:relative; padding:15px 0 10px 0;}

#bookheading {width:680px; height:80px; position:relative; margin-left:5px;}
#bookheading h2 { font-family: Arial, Helvetica, sans-serif;color:#666666; padding:0 0 5px 2px; margin:0; font-weight:normal;}
#bookheading h3 { font-family: Arial, Helvetica, sans-serif; font-size:28px; color:#252120; padding:0; margin:-24px 0 0 26px; font-weight:normal;}
#bookheading h4 {font-family: Arial, Helvetica, sans-serif; font-size:28px; color:#64b2ff; margin:-18px 0 0 2px;font-weight:normal;}
#news {float:right; width:300px; margin: 0 10px 0 5px;}
#bookheading h5 {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#252120; padding:0; margin:0px 0 0 15px; font-weight:normal;}
#news h3{font-size:20px; border-bottom:4px double #b2afa3;}
#news ul{padding:10px 5px 0 5px; margin:0; list-style-type:none;}
#news li {padding:2px 0 2px 0;}

#book-container1 {float:left; width:320px; margin: 0px 10px 0px 10px;}
.future-book-container {}
.future-books {padding-top:5px; padding-left:5px; padding-right:5px; background-color:#eff1f5; border:1px solid #c9d7f1; margin-top:5px; margin-bottom:5px; height: 170px;}
.future-title {font-size:18px; text-decoration:underline;}
.image-thumb2 {float:left; margin:5px; border:1px solid #3700CE;}
.image-thumb2:hover {border:1px solid #0094FF;}

#book-container2 {float:left; width:320px; margin-left:10px;}

#quotes {float:right; width:240px; border-top:1px solid #000; border-bottom: 1px solid #000; margin: 10px 40px 0 20px;}
#quotes p{ font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size:16px;}
#quote-small {float:right; width:200px; border-top:1px solid #000; border-bottom: 1px solid #000; margin: 10px 10px 0 10px;}
#quote-small p{ font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size:16px;}

#lightblue {color:#6CA6CE;}

#preventry {float:left; margin:5px 0 5px 5px; font-weight:bold; font-size:12px;}
#nextentry  {float:right; margin:5px 5px 5px 0; font-weight:bold; font-size:12px;}
.gallery_title {font-size:10px; margin:5px 0 10px 10px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}

/* COMMENTS */

.com {clear: both;text-align: right;height: 18px;background: url(images/line.gif) bottom repeat-x;padding-right: 10px;margin-bottom: 20px;color: #3E3C3C;}
.com a {text-decoration: none;color: #1B609A;}
.com a:hover {text-decoration: none;color: #000000;}
.comment {padding: 0 10px;}

/** generic layout styles **/

.left{float:left;}
.right{float:right;}
.clear{clear:both;line-height:0px;font-size:0px;height:0px;padding:0px;margin:0px;border:none;}
.rel{position:relative;}

#footer {width:100%; height:108px; position:relative; text-align:center; margin-bottom:10px; background: url(images/footer.jpg) no-repeat;padding:40px 0 0 0;}

#paperclip {position:absolute; top:-14px; right:20px; z-index:10000; border:0;}

#book-history p img {float:left; padding:5px;}
#sidebar-ad {padding: 0 0 0 20px;}
#content-ad {padding: 0 0 0 100px;}