/*
Theme Name: Genrewonk
Theme URI: http://www.sandrewswann.com/
Description: Wordpress theme for S. Andrew Swann's Genrewonk blog
Version: 0.1 beta
Author: S. Andrew Swann
Author URI: http://www.sandrewswann.com/

Based on Big Blue by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>
and <a href="http://the-cloisters.net/themedemos/?SelectedTheme=Miscellany">Miscellany</a> by <a href="http://www.the-cloisters.net/">Mina</a>
*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif;margin:0;padding:0 }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 0 20px 5px; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; font-weight:700;}
h3 { font-size: 1.4em; font-weight:700;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a, a:link, a:visited, a:hover { text-decoration:none; color:#356aa0; border:none;  }
p { padding: 10px; }

blockquote { background-color: rgb(255, 255, 255); margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px;
             background:url('images/quotebck.jpg') repeat-y; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; 
       background-color:#fff; background-image:url('images/topbck3.jpg');
       background-repeat:repeat-x; color:#666; margin:0;padding:0 }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }
#main_content {  margin: 0 auto 0 auto; padding: 0; width: 1000px; }
#main_content_top {    margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 30px; }
#main_content_bottom {    margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 30px; }

#container { background: transparent; float: left; width: 530px; margin: 0 10px 0 0px; padding: 0 10px 10px 10px; border-right:1px solid #dadada; }
#container_wide { background: transparent; float: left; width: 600px; margin: 0 0 0 185px; padding: 5px 5px 0 7px;  }
#container_right { background: transparent; float: right; width: 400px; margin: 0 10px 0 0px; padding: 0 10px 10px 10px;  }

#home_sidebar {margin: 0 10px 0 0px; padding: 0 10px 10px 10px;}


.postmetadata {background:#eee; border-bottom:1px #ccc solid;border-top:1px #eee solid;
               font-size:8pt;margin:0;padding:5px;}
.entry { font-size: 1.02em; line-height: 1.6em; padding: 0 0 40px 0; }
.date {	font-size: .9em; margin-top: -30px; letter-spacing: 3px; text-align: right !important; }
.post h2 { font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; letter-spacing: 3px; text-align: right;}
.post a {text-decoration:none; font-weight:700; color:#356aa0;}

.post p { padding: 10px 0px 5px 20px; text-align: justify; }

.biblio ul li h5, .biblio ul li h6 {padding 0; margin 0;}

div.bookmarkify a img, div.linkbuttons a img { border-style: none; text-decoration: none; background-color: rgb(255, 255, 255);}



/***** HEADER *****/

#header-wrap { float: center; width: 1000px; height: 75px; padding: 0; margin: 0 auto 0 auto; }

#header{width:400px;height:69px;float:left;margin:0;padding:0;position:relative;}
#header h1.blogtitle a {line-height:69px; font-family: Arial, Helvetica, sans-serif;color:#fff;font-size:24pt;letter-spacing: 9pt;}
#header p.desc{font-family: Arial, Helvetica, sans-serif;color:#fff;font-size:8pt;margin:0;padding:0; letter-spacing: 0.2em;position:absolute; top:50px; left:10px; z-index:100}




/***** HORIZONTAL MENU *****/

#nav{height:69px;float:right;width:550px;margin:0;padding:0;}
ul.nav{height:69px;line-height:69px;float:right;list-style:none;font-size:10pt;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a, ul.nav li a:link, ul.nav li a:visited{background:#356aa0 url('images/menubck.jpg') repeat-x;color:#fff; float:left; display:block; text-decoration:none; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0; background-image:url('images/menubck.jpg'); background-repeat:repeat-x}
ul.nav li a:hover, ul.nav li a:active{background:#fff url('images/menubckhlt.jpg') repeat-x;color:#205387;text-decoration:none;background-image:url('images/menubckhlt.jpg'); background-repeat:repeat-x}
ul.nav li.current_page_item a{text-decoration:none;background:#39c url('images/menubckhlt2.jpg') repeat-x;color:#fff;background-image:url('images/menubckhlt2.jpg'); background-repeat:repeat-x}
ul.nav li ul{float:left;margin:0;padding:0;}



/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #544b40 1px solid; padding: 3px; background: none; }

img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }


.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;   padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#flickrrss img { border: 1px solid #544b40; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #544b40 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #544b40 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** FOOTER *****/
.footer-wrap { background: #fff /* url(images/footer-bg.jpg) repeat */; width: 1000px; height: 100%; margin: 0 auto;}
#footer { width: 1000px; background: #fff /* url(images/footertop-bg.jpg) no-repeat */; float: left; font-size: 95%; line-height: 130%; border-top:2px solid #dadada;  }
#footer_bottom { background: #fff /* url(images/credits-bg.jpg) no-repeat */; clear: both; margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 8px; }

/* #footer a, #footer a:visited { color: #ebe1c8; } */
#footer .left-col { width: 270px; float: left; margin-left: 30px; padding-right: 10px; border-right:1px solid #dadada; }
#footer .right-col { width: 270px; float: right; margin-right: 25px; margin-left: 10px; }
/* #footer h4 { font-size: 1.7em; font-family: "Trebuchet MS", Tahoma, Arial; font-variant: small-caps; color: #3f2713; margin: 20px 0px 5px; } */


#footer h3, .right-col h3, .left-col h3 { font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; letter-spacing: 3px; }



/***** FOOTER EXTRAS *****/
.footer-misc {list-style: none; margin: 0; padding: 0; font-size: 92%; line-height: 110%; }
.footer-misc li {padding: 0 0 10px 20px; }
.footer-misc a {font-size: 115%; line-height: 130%; font-weight: bold; }

#credits { height: 30px; clear: both; background: transparent; margin: 0; padding: 0; text-align: right; color: #ceb87f; font-size: 85%; line-height: 120%; }
#credits a, #credit a:visited { color: #666; }
#credits p { margin-right: 20px; }

.bookshadow      { display: none; padding: 0; height:82px; width:50px; z-index:50; border-style: none; background-color: #111;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

 }



/***** SIDEBAR *****/

#sidebar { background: transparent; width: 420px; float: left; margin: 0 5px 20px 0; padding: 0 auto 0 auto; }
#left_sidebar { background: transparent; width: 210px; float: left; margin: 0 5px 20px 0; padding: 0 auto 0 auto; }
#right_sidebar { background: transparent; width: 210px; float: left; margin: 0 0 20px 5px; padding: 0 auto 0 auto; }
#home_sidebar { background: transparent; width: 520px; float: left; margin: 0 5px 20px 0; padding: 0 auto 0 auto; border-right:1px solid #dadada;}

#right_sidebar ul, #left_sidebar ul, #footer .left-col ul, #footer .right-col ul
{list-style-type:none;line-height:200%;font-size:8pt;margin:0 auto;padding:0;}
#right_sidebar ul li, #left_sidebar ul li, #footer .left-col ul li, #footer .right-col ul li
{list-style-type:none;margin:0 0 20px;padding:0;}
#right_sidebar ul li ul, #left_sidebar ul li ul, #footer .left-col ul li ul, #footer .right-col ul li ul
{list-style-type:square;margin:0 auto;padding:0 3px;}

#right_sidebar ul li ul li, #left_sidebar ul li ul li, #footer .left-col ul li ul li, #footer .right-col ul li ul li
{border-left:0px none; border-right:0px none; border-top:0px none; list-style-type:none;border-bottom:1px solid #dadada;margin:0 auto;padding:0}
#right_sidebar ul li ul li, #left_sidebar ul li ul li, #footer .left-col ul li ul li, #footer .right-col ul li ul li
{border-left:0px none; border-right:0px none; border-top:0px none; list-style-type:none;border-bottom:1px solid #dadada;margin:0 auto;padding:0}
#right_sidebar ul li ul li ul.children li, #left_sidebar ul li ul li ul.children li, 
#footer .left-col ul li ul li ul.children li, 
#footer .right-col ul li ul li ul.children li
{list-style-type:none;border:0px none;margin:0 auto;padding:0}
#right_sidebar ul li ul li a, #left_sidebar ul li ul li a, #footer .left-col ul li ul li a, #footer .right-col ul li ul li a
{text-decoration:none;}

#right_sidebar h2, #left_sidebar h2, #footer .left-col h2, #footer .right-col h2
{font-family: Arial, Helvetica, sans-serif; background:url('images/h2.jpg') no-repeat;height:22px;font-size:10pt;font-weight:700;color:#6995c2;margin:0;padding-left:8px; padding-right:0; padding-top:0; padding-bottom:10px}


.friendfeed {font-family: Arial, Helvetica, sans-serif !important; font-size:8pt !important; border:1px solid #dadada !important; color:#666 !important;}

.friendfeed a {text-decoration:none !important;  color:#356aa0 !important;}


.bookquotes { float:left; width:100%; margin-bottom:10px;padding:0;  background: #eee; border:1px solid #dadada; }
.bookquote  { margin:10px; font-style: italic; text-align:justify; }
.bookcite  { font-style: normal; text-align:right; margin:10px}


.progbar {float:left;font-size:1px;height:6px;margin:0;padding:0;}
.bargraph {background: url('images/bar3.jpg');background-repeat: repeat-x; }
.barbck   {background: url('images/topbck3.jpg') ; }


  
/***** SEARCH *****/
.search { float: left; width: 210px; margin: 0 0 10px 0; padding: 0; }
.search form { float: right; margin: .5em 10px 0 0; padding: 0; }
.search input#s { background: #e3d7b5; color: #544b40; width: 160px; margin: 0 10px 0 0; padding: 3px 5px; border: 1px solid #b3a381; }
.search .search-submit { display: none; }

/***** Calendar *****/



#wp-calendar { text-align: center; background: #fff; margin: 0 0 10px 20px; padding: 0; width: 100%; border: #dadada 1px single; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
#wp-calendar th { line-height: 12px; font-size: 10px; font-weight: 700; background: #eee !important; color:#666 !important;}

#wp-calendar #todayWidget { font-weight: 700; background: #eee !important; color:#666 !important; border:2px solid #356aa0 !important;}
#wp-calendar #EC_previousMonth, #wp-calendar #EC_nextMonth {color:#356aa0 !important;}


/***** COMMENTS *****/

.comments-template { margin: 0 10px; border-top: 1px solid #dadada; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #fff; }
.authorcomment { background: #eee; }

/***** IE HACKS *****/
* html .menu  { width: 98.5%; }