/* CSS Document */


/*HEADERS/FONTS*/

h2 {
color:#ed008c;
font-family:helvetica;
}

h3 {
background-image:url(../images/greenstripe.jpg);
background-position:top left;
padding:10px 25pX 10px 0;
font-family:helvetica;
color:#ed008c;
font-size:28px;
margin:10px 0;
width:auto;
}

h4 {
padding:10px 25pX 10px 0;
font-family:helvetica;
color:#ed008c;
font-size:28px;
margin:10px 0;
width:auto;
}

#quiz h5 {
color:#38bbe6;
margin:0;
padding:0;
font-family:helvetica;
font-size:16px;
}

#quiz h4 {
color:#ed008c;
margin:0;
padding:0;
font-family:helvetica;
font-size:22px;
}



h5 {
color:#ed008c;
margin:10px 0;
padding:0;
font-family:helvetica;
font-size:22px;
}

h6 {
color:#38bbe6;
margin:0;
padding:0;
font-family:helvetica;
font-size:16px;
}

#appearances h6 {
color:#38bbe6;
margin:0;
padding:0;
font-family:helvetica;
font-size:16px;
}

.title {
background-color:white;
}

a:link {color:#ed008c; text-decoration:none; }
a:visited {color:#ed008c; text-decoration:none; }
a:hover {color:#ed008c; text-decoration:underline; }

img {
border:0;
}

.block {
float:left;
}
.clear {
clear:both;
}

/*STRUCTURE*/

body {
background-image:url(../images/bg.jpg); 
background-repeat:repeat-x; 
background-color:#ff0054; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0; 
padding:0;
}

#wrapper {
background-image:url(../images/wrapper-bg.jpg); 
background-position:top center; 
background-repeat:no-repeat; 
margin:0 auto; 
width:1000px;
}

#container {
background-image:url(../images/bgtop.jpg);
background-position:top center; 
background-repeat:no-repeat; 
margin:0 auto; 
width:861px; 
height:350px;
}

#header {
background-color:#38bbe6;
width:851px;
height:168px;
margin-left:2px;
}

#nav {
background-image:url(../images/navbg.jpg);
background-repeat:repeat-x;
background-position:top left;
font-family:Helvetica, sans-serif;
font-size:16px;
width:711px;
height:35px;
margin:0 auto;
text-align:center;
}


#content {
background-image:url(../images/bgbody.jpg);
background-position:top left; 
background-repeat:repeat-y;
width:861px; 
margin-top:150px;
}


#maincol {
width:800px;
margin:-150px auto 0 auto;
}

#home #leftcol {
width:305px;
float:left;
}

#home #rightcol {
width:455px;
float:right;
}

#leftcol {
width:610px;
float:left;
}

#rightcol {
width:150px;
margin:0 20px;
float:right;
}

#rightcol .right {
background-image:url(../images/bluestripe.jpg);
padding:10px;
margin:10px 0;
float: right;
}


/*QUIZ*/
#home .quiz {
text-align:left;
margin-top:25px;}

#home .innerquiz {
width:225px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
margin:auto;
}

.question {
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#ed008c;
}

/*BOOKS*/
#books .source {
font-weight:bold;
text-align:right;
}

#books .praise {
padding-bottom:25px;
}

#books img.cover {
margin:0 25px 10px 0;
}

#book img {
margin:0 10px 10px 0;
}

#book h5{
color:#38bbe6;
font-size:16px;
margin:0;
padding:0;
}

#book h5 a:link {color:#38bbe6;}
#book h5 a:visited {color:#38bbe6;}
#book h5 a:hover {color:#ed008c;}

#book {
margin:30px 0;
} 

/*BLOG*/
#recently {
list-style:none;
margin:0;
padding:0;
}

.archive-list{
list-style:none;
margin:0;
padding:0;
}

/*APPEARANCES*/
#appearances .listleft {
width:285px;
padding:10px;
float:right;
}

#appearances .listright {
width:285px;
padding:10px;
float:right;
}

/*FOOTER*/
#footer {
background-image:url(../images/bgfooter.jpg);
background-position:bottom center;
background-repeat:no-repeat;
width:861px;
height:74px;
color:#06aae0;
font-family:helvetica;
font-weight:bold;
font-size:15px;
}

#footer .left {
float:left;
padding:25px 15px 5px 15px;
}

#footer .right {
float:right;
padding:25px 25px 5px 10px;
}

/*PAPERBACKS*/
#paperbacks {
background-image:url(../images/bluestripe.jpg);
margin-top:25px;
}

#paperbacks a:link {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
#paperbacks a:visited {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
#paperbacks a:hover {font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }

#paperbacks img {
/*float:left;*/
padding-right:5px;
padding-bottom:5px;
}

#paperbacks ul {
list-style:none;
}

#paperbacks .left {
width:300px;
float:left;
margin: 0 10px 10px 10px;
}

#paperbacks .right {
width:300px;
float:right;
margin: 0 10px 10px 10px;

}

/*HEADER-NAV*/
h1 {
font-family:helvetica;
font-size:68px;
color:white;
text-align:center;
padding:0;
margin:0;
}

#nav ul {
list-style:none;
float:left;
padding:0;
margin:3px 0 3px 0;
width:716px;
}

#nav li {
float:left;
/*margin-right:13px;*/
}

#home #nav-home a,
#author #nav-author a,
#books #nav-books a,
#blog #nav-blog a,
#book-clubs #nav-book-clubs a,
#appearances #nav-appearances a,
#press #nav-press a,
#videos #nav-videos a,
#contact #nav-contact a {
		color:white;
		text-decoration:none; 
		background-color:#ed008c; 
		padding:5px 7px;
		}
				
#nav a:link,
#nav a:visited {
		color:#000;
		padding:5px 7px;
		float:left;
		width:auto;
		text-decoration:none;
		}
				
#nav a:hover {color:white; text-decoration:none; background-color:#ed008c; padding:5px 7px;}
#nav a:active {	color:white; text-decoration:none; background-color:#ed008c; padding:5px 7px;	}


/*SUBNAV*/
#subnav {
background-image:url(../images/greenstripe.jpg);
padding:10px 0;
margin:10px 0;
width:610px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#subnav h2 {
font-family:helvetica;
font-size:28px;
padding:0;
margin:0;
}

#subnav ul {
float:right;
list-style:none;
margin:0;
padding:0;
}

#subnav li {
float:right;
background-color:white;
padding:5px 10px 0 0;
color:#333333;
}

#subnav li a:link {font-size:18px; color:#ed008c;}
#subnav li a:visited {font-size:18px; color:#ed008c;}
#subnav li a:hover {font-size:18px; color:#ed008c; }

#subnav li.on a:link {font-size:18px; color:#38bbe6;}
#subnav li.on a:visited {font-size:18px; color:#38bbe6;}
#subnav li.on a:hover {font-size:18px; color:#38bbe6; }


/*QUOTEBOX*/

#quotes {
width:260px;
height:210px;
color:#7c45b9;
font-size:16px;
margin-top:10px;
}

#quotes .source {
color:#ed008c;
float:right;
}

/*VIDEOS*/
#videos #leftcol {
width:800px;
}

#videos .video-left {
width:360px;
float:left;
padding-bottom:20px;
}



#videos .video-right {
width:360px;
float:right;
padding-bottom:20px;
}