/* CSS Document */
body {
margin:0;
padding:0;
background-color:#18296a;
background-image:url(../images/background.jpg);
background-repeat:no-repeat; 
background-position:top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}


img {
border:none;
}

#leftcol img {
border:none;
padding-right:5px;
}

h3 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0;
margin:0;
font-weight:normal;
}

h3.post-title {
font-size:25px;
font-weight:bold;
padding:0;
margin:0;
}

h5 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#33628a;
padding:0;
margin:0;
font-weight:normal;
}


h2 {
font-size:25px;
color:#33628a;
font-weight:normal;
padding:0;
margin:0;
}


a:link {color:#064373; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:visited {color:#064373; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover {color:#064373; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}

#wrapper {
width:980px; 
min-height:600px; 
margin:0 auto;
}

#header {
position:relative;
width: 980px;
height: 179px;
}

#header h1 {
width:650px;
height:179px;
margin-left:45px;
}

#header h1 a {
position:absolute;
width:650px;
height:179px;
margin-left:45px;
text-indent:-2000em;
}

#header #quotes {
position:absolute;
width:228px;
height:94px;
top:45px;
left:735px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#064273;
padding: 5px;
}

#quotes .source {
font-size:14px;
float:right;
}

#quotes .link {
font-size:14px;
text-align:right;
}

*:first-child+html #header #quotes {
position:absolute;
width:238px;
height:104px;
top:58px;
left:735px;
}

*html #header #quotes {
position:absolute;
width:238px;
height:104px;
top:53px;
left:805px;
}

/*html>body #header #quotes {
position:absolute;
width:238px;
height:104px;
top:58px;
left:735px;
}*/

#container {
width: 1017px; 
min-height:600px; 
margin:0 auto;
padding-bottom:25px;
}

*html #nav {
margin-left:37px;
}

#nav {
margin-top:13px;
width: 190px;
height:270px;
float:left;
}

#nav img {
margin:0;
padding:0;}

#content {
background-color:#fff;
width: 726px;
min-height:700px;
padding:10px;
float:left;
}

*:first-child+html #content {
margin-top:20px;
}

#leftcol {
width: 400px;
padding-right:15px;
float:left;
}

#books #leftcol {
width: 726px;
float:left;
}

#books .listleft {
width:340px;
height:250px;
padding:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#books .listright {
width:340px;
height:250px;
padding:10px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*margin-bottom:10px;*/
}

.listleft {
width:150px;
height:150px;
padding:10px 10px 10px 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.listright {
width:150px;
height:150px;
padding:10px 10px 10px 0;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*margin-bottom:10px;*/
}

#rightcol {
width:303px;
float:right;
text-align:left;
}

#rightcol .bookwrap {
width:303px;
}

#rightcol .bookleft {
width:147px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#rightcol .bookright {
width:147px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#rightcol ul {
margin:0;
padding:0;
list-style:none;
}

#rightcol .block {
width:300px;
border:none;
}


/*SUBNAV*/
#subnav {
width:400px;
margin:0 0 15px 0;
}

#subnav h2 {
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:black;
font-weight:normal;
padding:0;
margin:0;
}

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

#book #subnav li {
float:left;
padding:5px 8px 0 0;
}

#subnav li {
float:left;
padding:5px 10px 0 0;
}

#subnav li.on {
font-weight:bold;
}

#subnav a:link {font-size:14px;}
#subnav a:visited {font-size:14px;}
#subnav a:hover {font-size:14px; }

/*END SUBNAV*/



/*FOOTER*/
#footer {
width:726px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
padding: 10px;
float:left;
margin-left:190px;
}

#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#fff;}

#footer .left {
float:left;
text-align:left;
}

#footer .right  {
float:right;
text-align:right;
}
/*END FOOTER*/


.bookcover {
width:240px;
margin:0 auto;
font-size:14px;
font-weight:bold;
}

/*FLICKR BADGE*/
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:300px; margin:0 auto; float:right;}
#flickr_badge_wrapper {padding:0; margin:0 auto;}
.flickr_badge_image {margin:0; float:left;}
.flickr_badge_image img { border:none; }
#flickr_badge_source {text-align:left; margin:0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none; padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover {text-decoration:none !important; background:#f15a23 !important;color:#3993ff; }
#flickr_badge_uber_wrapper a:link, 
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff; padding:3px;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


#flickr_badge_uber_wrapper a img {
float:left;
margin:0 1px 1px 0px;
background:#ffffff;
padding:6px;
width:76px;
height:76px;
}

#flickr_badge_uber_wrapper a img:hover {
background:#33628a;
}

/*END FLICKR BADGE*/

/*BLOG*/
#rightcol dl {
margin:0;
padding:0;
}
#rightcol dd {
margin:0;
padding:0;
}


.block {
width:400px;
border-bottom:1px solid;
border-bottom-color:#000;
padding-bottom:10px;
}

.praisesource {
text-align:right; 
padding-bottom:0px;
font-weight:bold;
}

.clear {
clear:both;
}