/****************************
	Site Wide Styles
****************************/
body {background:#262626; font-family:"Times New Roman", Times, serif;font-size:14px;margin:0px;padding:0px;color:#fff;}
#header {}
#footer {margin:50px 0 30px 380px;}


h1 span, h2 span, h3 span, h4 span, h5 span, a span {display:none;}
h1, h2, h3 {padding:0px;margin:0px;}
h2 {font-size:30px;color:#fff;font-weight:normal;font-family:"Times New Roman", Times, serif;margin:10px 0px 5px;}
h3, h3 a {font-size:22px;color:#ffab00;margin:0px;font-weight:normal;}
h4 {font-size:14px;font-weight:bold;margin:0px;padding:0px;}
a {color:#00c6ff;text-decoration:none;cursor:pointer;outline-style:none;}
a:hover {color:#ffab00;}
p {margin:10px 0px;line-height:1.5;padding:0px;}
a img {border:none;cursor:pointer;}
form, fieldset {border:none;padding:0px;margin:0px;}
ul.inline {margin:0px;padding:0px;}
ul.inline li {list-style:none;display:inline;}
ul.naked {margin:0px;padding:0px;}
ul.naked li {list-style:none;}
hr {margin:5px 0px;padding:0px;border:0px;background:#666;height:1px;clear:both;}

.top {margin-top:0px;padding-top:0px;}
.bottom {margin-bottom:0px;padding-bottom:0px;}
.right {text-align:right;float:right;}
.left {text-align:left;float:left;}
.clear {clear:both;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:12px;}
.large {font-size:18px;}
.vlarge {font-size:20px;}
.normal {font-size:13px;font-weight:normal;}
.dim {color:#666666;}
.center {text-align:center;}
.black {color:#000;}
.orange {color:#ffab00;}
.blue {color:#00C6FF;}

/***************************
	Page Structure
****************************/

.content {float:left;background:url(../images/dark.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

/***************************
		Header
**************************/
#header h1.logo{width:1099px;height:247px;background:url(../images/rachelaaron-logo.png) no-repeat top left;float:left;display:block;}

.socialmedia {position:absolute;left:977px;}
.socialmedia a {height:50px;width:50px;margin:5px 5px 0px 0px;display:block;float:left; background-position:top left;}
.socialmedia a.twitter {background:url(../images/twitter-icon.png) no-repeat;}
.socialmedia a.fb {background:url(../images/fb-icon.png) no-repeat;}
.socialmedia a.fb:hover, .socialmedia a.twitter:hover {background-position:bottom left;}

/***************************
		Footer
**************************/


/***************************
		Side Nav
**************************/
.sidenav {float:left;display:block;margin:-50px 0 0 20px;}
.sidenav ul {padding:0px;margin:0px;}
.sidenav ul li {list-style:none;display:block;padding:0px;margin:0px;}
.sidenav ul li a {background-image:url(../images/sidenav.png);background-repeat:no-repeat;display:block;width:205px;}

.sidenav ul li a.books {background-position:0px 0px;height:167px;}
.sidenav ul li a.books.on, .sidenav ul li a.books:hover {background-position:-281px 0px;}
.sidenav ul li a.blog {background-position:0px -167px;height:193px;}
.sidenav ul li a.blog.on, .sidenav ul li a.blog:hover {background-position:-281px -167px;}
.sidenav ul li a.about {background-position:0px -364px;height:166px;}
.sidenav ul li a.about.on, .sidenav ul li a.about:hover {background-position:-281px -364px;}
.sidenav ul li a.extras {background-position:0px -534px;height:177px;}
.sidenav ul li a.extras.on, .sidenav ul li a.extras:hover {background-position:-281px -534px;}
.sidenav ul li a.contact {background-position:0px -731px;height:190px;}
.sidenav ul li a.contact.on, .sidenav ul li a.contact:hover {background-position:-281px -731px;}


/*************************************
	Common Elements
****************************************/

form {margin:0px;padding:0px;}
form label {font-size:20px;display:block;float:left;width:100%;margin-bottom:5px;margin-left:3px;}
form input {margin-bottom:10px;float:left;margin-left:3px;}
form input[type="text"], form textarea {border:1px solid #665d47;font-family:Arial, Helvetica, sans-serif;font-size:14px;width:98%;padding:5px;}
form textarea {height:250px;margin-left:3px;}
form input[type="submit"] {display:block;height:49px;width:241px;padding:0px;cursor:pointer;background:url(../images/send.png) top left no-repeat;border:none;margin:5px -40px 20px 0;float:right;}
form input[type="submit"]:hover {background-position:bottom left;}

/* buttons */
a.btn {display:block;}

/**************************************
	Content
**************************************/

/* index */
a.readnow {background:url(../images/readnow.png) top left no-repeat;display:block;width:437px;height:58px;margin:-10px 0px 10px;float:right;margin:10px 0px;}
a.readnow:hover {background-position:bottom left;}

/* books */
a.book1, a.book2, a.book3 {display:block;float:left;height:228px;width:154px;margin:5px 3px;}
a.book1 {background:url(../images/cover-TheSpiritThief-small.png) top center no-repeat;}
a.book2 {background:url(../images/cover-TheSpiritRebellion-small.png) top center no-repeat;}
a.book3 {background:url(../images/cover-TheSpiritEater-small.png) top center no-repeat;}

/* Rachel's blog */
.blog h2 {background:url(../images/thelatest.png) top left no-repeat;display:block;float:left;height:37px;width:226px;}
.blog ul.inline {float:right;}
.blog ul.inline li a.icon {display:block;height:25px;width:25px;float:left;margin:10px 2px;}
.blog ul.inline li a.facebook {background:url(../images/icon-fb.png) center center no-repeat;margin-right:6px;}
.blog ul.inline li a.twitter {background:url(../images/icon-twit.png) center center no-repeat;}
.blog ul.inline li a.rss {background:url(../images/icon-rss.png) center center no-repeat;}
.blog .post {background:url(../images/blogpost-bottom.png) bottom left no-repeat;display:block;float:left;margin-bottom:10px;}
.blog .post .bcontent {background:url(../images/blogpost.png) top left no-repeat;display:block;;float:left;width:561px;padding:5px 10px 10px;margin-bottom:15px;}
.blog .post .bcontent h4, .blog .post .bcontent h4 a {font-size:20px;font-weight:bold;color:#052b3c;margin:0px;padding:0px;font-style:normal;}
.blog .post .bcontent h4 a:hover {color:#0d435b;}
.blog .post .bcontent span.date {color:#3d575f;font-size:12px;font-style:italic;padding-bottom:10px;}
.blog .post .bcontent p {margin:0px;padding:5px 0px;}
.blog .post .bcontent a {font-weight:bold;color:#984307;font-style:italic;}
.blog .post .bcontent a:hover {color:#aa4c09;}
.blog a.seeall {background:url(../images/seeallposts.png) top left no-repeat;display:block;height:49px;width:215px;float:left;}
.blog a.seeall:hover {background-position:bottom left;}
a.readblog {margin:5px 0px 15px;display:block;width:575px;height:119px;background:url(../images/readblog.png) top left no-repeat;cursor:pointer;}
a.readblog:hover {background-position:bottom left;}


/* about */
img.photo {float:right;margin:0px 0px 10px 10px;padding:5px;background:#fff;border:1px solid #665d47;display:block;}

/* extras */
.extraspage {min-height:600px;}

/* blog */
.blogpage {font-size:14px;}
.blogpage h2 {margin:10px 0px;}
.blogpage .sidebar h4 {color:#D7CDB4;font-size:18px;font-weight:normal;}
.blogpage .sidebar ul, .blogpage .sidebar p {padding:0px;margin:0px 0px 15px;}
.blogpage .sidebar ul li {list-style:none;}
.blogpage .sidebar ul li span {display:block;width:100%;font-size:12px;margin-bottom:5px;}
.blogpage .entry {display:block;clear:right;}

/* promo page */
img.promo {background:url(../images/ST-promo.png) center center no-repeat;padding:5px;margin:10px 0px;}