/*
 Theme Name: West Hollywood Bookfair Theme 2010
 Theme URI: http://www.westhollywoodbookfair.org/
 Description: 2010 Design Update for the West Hollywood Book Fair
 Author: Ron Tremblay
 Author URI: www.rontremblay.com
 */

* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: center; background:url(images/bg.jpg) repeat-y top; padding:0 0 5px 0; }
h2 { font-family: Times New Roman, Times, serif; font-size: 2.3em; text-align: left; color: #FFFFFF; }
h3 { font-family: Times New Roman, Times, serif; font-size: 1.5em; text-align: left; color: #FFFFFF; padding: 15px 0 0 0}
h4 { font-family: Times New Roman, Times, serif; font-size: 1.3em; text-align: left; color: #FFFFFF; }
h5 { font-family: Times New Roman, Times, serif; font-size: 1.2em; text-align: left; color: #FFFFFF; }



/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link,
a:visited { color: #000000; text-decoration: none; }
a:hover, a:active { text-decoration: none; }
blockquote { display: block; margin: 5px 20px 5px 20px; padding: 0 0 0 10px; border-left: dotted black 1px; }
blockquote blockquote { padding: 0 0 0 10px; border-left: dotted black 1px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: center; }

/*********************/
/* S T R U C T U R E */
/*********************/
#container {position: relative; width: 1007px; height:auto; margin: 0 auto; text-align: left; }
#header { position:relative; width: 1007px; height: 205px; text-align:center; }
/*wraps content and sidebar*/
#wrapper { position: relative; float:left;  width: 100%; height:auto; margin:5px 0 0 0; background:url(images/bg_wrapper.gif) repeat-y; }
#sidebar { position: relative; float: right; width: 228px; margin:0 13px 0 0; display: inline; }
#content { position: relative; float: left; width: 748px;  margin:0 0 0 12px; }
#footer { position:relative; float:left; width: 973px; height: 20px; padding:0 5px 10 5px; margin:0 0 0 0; left:11px; text-align:right; background: #22255a; clear: both; }

/*********************/
/* H E A D E R       */
/*********************/
.logo { position:relative; display:block; width: 980px; height: 200px; margin:0px auto 0 auto; padding: 0px 0px; }
.logo a.map{ position:absolute; width:32px; height:22px; right:0px; bottom:0px; text-indent:-9999px; cursor:pointer;}
#navigation{ position:absolute; width:983px; height:33px; bottom:0px; left:12px; background-color:#22255a; text-align:center; }
ul#nav{ display:block; width:auto; height:33px; margin: 0 auto 0 auto;  line-height:33px; font-size:14px; font-weight:bold; font-family:Arial;  z-index:1000; }
ul#nav li { display:inline;  margin:0 5px 0 0; background:url(images/square.jpg) no-repeat left; padding:0 0 0 10px;}
ul#nav li:first-child{ background:none;}
ul#nav li a,
ul#nav li a:link,
ul#nav li a:visited{ color:white;}
ul#nav li.current_page_item a,
ul#nav li.current_page_parent a,
ul#nav li a:hover,
ul#nav li a:active{ color:#ddaed3; text-decoration:underline;}

a.header:link,
a.header:visited { text-decoration:underline; font-weight: normal; color: white;}
a.header:hover,
a.header:active { color: white; text-decoration: underline; }
/*
a.header:visited { text-decoration:underline; font-weight: normal; color: white; line-height: 1.3em; font-size: 1.2em; }
/*********************/
/* F O O T E R      */
/*********************/
		
#footer p {  line-height:20px; text-align:right; font-size:11px; color:white;  }	
.square{ background:url(images/square_small.jpg) no-repeat left; padding:0 0 0 8px;}	
a.footer:link,
a.footer:visited { text-decoration:none; font-weight: normal; color: white;}
a.footer:hover,
a.footer:active { color: white; text-decoration: underline; }
		
/*********************/
/*  S I D E B A R    */
/*********************/
.widget { width: 230px; margin: 0px auto 0px auto; padding:0 0px 3px 0px; text-align: left; overflow: hidden; font-family:Georgia; background:url(images/bg-widget.jpg) repeat-x bottom;  }
.widget h2 { padding:0 5px 0 10px; text-align: left; font-size: 2.0em; line-height:40px; color: white; }
.widget a:link,
.widget a:visited { padding:0 5px 0 0; text-decoration: none; font-weight: normal; color: white; line-height: 1.5em; font-size: 1.2em; }
.widget a:hover,
.widget a:active { color: white; text-decoration: underline; }
.widget ul { list-style-type: square; color: white; margin: 10px 0 10px 25px; text-align: left; font-size:12px; line-height: 1em;}
.widget ul li{ margin:0 5px 20px 0; }
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: white; }
.widget .image{ width:227px; border:1px solid #909AA4; margin:0 auto 0 auto;}

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 710px; margin: 0px 0px 10px 20px; padding:20px 0 0 0; font-family:Georgia; }
.post-content h1{ font-size: 2.3em; font-weight:normal; }
.post-entry { margin: 0px 0 0px 0; font-size: 1.2em;}
.post-entry p{ padding: 10px 0 10px 0; }
.post-entry ul { padding: 5px 0 5px 30px; }
.post-entry ol { padding: 5px 0 5px 33px; }
.post-entry img { margin: 5px 5px 5px 5px; border: 5px solid white; }
.post-entry table{ border-bottom: 3px solid #DDD; border: 1px solid #DDD; }
.post-entry table td,
.post-entry table th{ text-align: left; padding: .2em .4em; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.post-entry table th{ background: #ebebeb; border-bottom: 2px solid #d9d9d9; }
.post-entry table tr.odd{ background: #ebebeb; }
.navigation { width: auto; height: 20px; font-size: 1.2em; margin: 0 20px 0px 20px; }
/*   S E A R C H     */
#searchform { display:block; width: 228px; height: 26px; margin: 0 auto 0 1px; background:url(images/search.jpg) no-repeat; }
#searchfield { float: right; width: 195px; height: 20px; margin: 2px 0px 0px 0px; padding: 1px 2px 0px 2px; font-size: 1.2em; background: none; border: none; display: inline; color:#A2A4B9; }
#searchsubmit { float: left; width: 20px; height: 20px; margin: 1px 0px 0 1px; background:none; color: #FFFFFF; border: 0px none; cursor: pointer; display: inline;}
h3#search { font-size: 1.4em; margin: 10px 30px 10px 15px; }

/*********************/
/*  C O M M E N T S  */
/*********************/

/*form*/
#commentform { width: 70%; margin: 0 0 0 40px; }
#commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 20px 0; float: right; }
.alt { margin: 0; padding: 10px; }
h3#comments,
#respond h3 { font-size: 1.4em; margin: 10px 30px 10px 20px; }
#commentform p { margin: 5px 0; }

/*comments*/
ol.commentlist { width: 400px; list-style: none; margin: 0 auto 0 auto; padding: 0; }
ol.commentlist li { border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px; padding: 5px 7px 5px 64px; position: relative; background: #808000; }
ol.commentlist li.bypostauthor {background-color:#87CEFA;}/*admin's comment*/
ol.commentlist li.byuser {}
ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style: normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color: #cc0000; text-decoration: none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color: #000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border: 1px solid #aaa; padding: 5px; position: absolute; left: 7px; _left: -57px; top: 7px; }
ol.commentlist li div.comment-meta { font-weight: bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position: absolute; right: 10px; text-align: right; top: 5px; }
ol.commentlist li div.comment-meta a { color: #205B87; text-decoration: none; }
ol.commentlist li p { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin: 5px 0 12px; }
ol.commentlist li ul { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style: square; margin: 0 0 12px; padding: 0; }
ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; padding: 6px 5px 4px; text-align: center; width: 36px; }
ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; }
ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; }
ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent: 0; }
ol.commentlist li ul.children li.depth-2 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-6 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-7 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-8 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-9 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-10 { margin: 0 0 3px; }
ol.commentlist ul.children li.even { background: red; }/*2nd,4th,6th etc..*/
ol.commentlist ul.children li.odd { background: yellow; }/*3rd,5th,6th etc..*/
ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; }

/*********************/
/* H O M E        */
/*********************/

#wrapper-home { position: relative; float: left; width: 100%; margin:5px 0 0 0; padding:0 0 0px 0; background:url(images/bg_wrapper-home.gif) repeat-y; }
.post-content-home { width: 748px; margin: 0px 0px 0px 0px; padding:0px 0 0 0; font-family:Georgia; color:white; font-size:12px; }
.post-content-home h1{ font-size:2.0em;}
.home-left{ float:left; width: 294px; }
.home-right{ float:right; width: 450px; }
.home-right .darkbox{ display:block; width:430px; height:auto; margin:5px 0 0 0; padding:10px 10px 10px 10px; background:#667686;}


/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }


/*********************/
/*  R O N     T      */
/*********************/

#clearboth {
position: relative;
width: 625px;
height: 20px;
width
clear:left;
clear:right;
background-color: ffff00;
}

#author-image {
	position: relative;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#author-text {
	position: relative;
	
	margin:5px 0 0 10px;
	padding:0 0 0px 0;
}