/*

l

Theme Name: Expert WordPress Review

Theme URI: http://www.expertwordpress.com

Description: WordPress theme with right sidebar designed for review sites and optimized for SEO and performance. This is NOT a Free theme and unless purchased as part of the Review Blog System - it cannot be used. Copyright &copy; 2008 <a href="http://www.rapid-action.com/review-blog/">Review Blog System</a>. All Rights Reserved

Author: Expert WordPress Blog System

Author URI: http://www.expertwordpress.com

version: 1.0

*/

/* basics */





*{margin:0; padding:0;}



body {

	background: #ddd;

	font-family: verdana, arial, tahoma, sans-serif;

	margin: 20px;

	}

	

h1 {font-size: 16pt;}

h2 {font-size: 14pt; margin-top:10px;}

h3 {font-size: 12pt; margin-top:10px;}

h3 {margin:0 0 2px 0;font-size:110%}

h4 {font-size:10pt;}





ol li {

        list-style:none;

}

/* images and misc. */



img{ border: none;}

img a{border:none;}



img.left{ float: left; border: none;}

img.right{ float: right; border: none;}



blockquote{

	border-left:1px solid #A5ABAB;

	margin:15px;

	padding:0 12px 0 12px;

font-size:12px;

	}



code{

	margin:10px;

	font-family:"Courier New", Courier, monospace;}





/* links */



a{

	color:#43719C;

	text-decoration:none;

	border: none;

	}



a:hover{color:#7DB1E2;text-decoration: underline; border: none;}



/* container */

#container {

	width: 760px;

	margin: 0 auto;

	padding: 6px;

	background:#fff;

	color:#333;

	border: 1px solid #0B1224;

	}

	

/* header */



#header {

	background: #DDD;

        width: 760px;

	color: #fff; 

	height: 89px;

	}



#header h1{

	font-family: palatino linotype, georgia, arial, times;

	font-size: 18pt;

	font-weight: bold;

	letter-spacing: 1px;

	margin: 0;	

	padding: 10px 0 0 16px;	

	}

	

#header h1 a{color: #FFFFFF; text-decoration: none;}

#header h1 a:hover{color: #F3DB0C; text-decoration: none;}



#header h2{

	font-family: palatino linotype, georgia, arial, times;

	font-size: 10pt;

	font-weight: 300;

	font-style: italic;

	color: #FFFFFF;

	letter-spacing: 1px;

	margin: 0;	

	padding: 0 0 0 18px;	

	}



/* main menu */



#menu {

	background: #0B1224;

	font-family: verdana, arial, times, serif;

	font-size: 8pt;

	width:760px; 

	height:25px;

	border-top: 1px solid #fff;

}



#menu ul {

	margin: 6px 0 6px 0;

	padding: 0;

	text-align: left;

}



#menu ul li {

	list-style-type: none;

	display: inline;

	margin: 0;

	padding: 0;

}



#menu ul li a {

	padding: 6px 13px 6px 13px;

	margin: 0;

	text-decoration: none;

	color: #fff;

}



#menu ul li a:hover {

	padding: 6px 13px 6px 13px;

	margin: 0;

	text-decoration: none;

	background-color: #ffffff;

	color:#0B1316;

}



/* content */



#content {

	float: left;

	width: 72%;

	overflow: hidden;

	}	



.post {

	margin:0 10px;

	padding:10px 10px 10px 5px;

	line-height: 14pt;

	}

	

.post h2{

	font-family: baskerville, georgia, times, serif;

	font-size: 14pt;

	font-weight: 300;

	color: #08122E;

	}

	

.post h2 a{

	color: #08122E;

	text-decoration: none;

	}

	

.post h2 a:hover{

	color: #666;

	text-decoration: none;

	}

	

.post p{font-size: 8pt;}



.post a{text-decoration:underline;}



.post ul {}



.post li {}



.entry p{margin:12px 0;}



.entry ul, .entry ol {

	margin:0 0 0 30px;

}

.entry li {

	padding-bottom:8px;

}

.outlink a {

        display: block;

        text-align: center;

	padding-bottom:3px; 

	background:#0B1224;

	text-decoration:none;

	font-size:12px;

	font-weight;bold;

	color:#ffffff;

}

.outlink a:hover {

	background:#990000;

}



.post blockquote {

border:2px solid #43719C;

font-size:14px;

background:#F3F8FF url(images/blockquote.gif) no-repeat scroll top left;

color:#43719C; 

margin: 20px 40px;

padding:15px;

}



.postmetadata{

	clear: both;

	background:#F7F7F7;

	padding:6px;

	margin-top: 16px;

	}

	



.oldnavigation {

	font-size:8pt;

	float:left;

	width:100%;

	}	

.navigation {

        display: block;

        font-size: 0.9em;

        text-align: center;

        padding-top: 10px;

        padding-right: 0pt;

        padding-bottom: 10px;

        padding-left: 0pt;

}



.alignleft {float:left; }

.alignright {float:right; }

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}



/* sidebar */



#sidebar {

	font-family: verdana, arial, tahoma;

	font-size:8pt;

	width: 200px;

	float:right;

	margin: 12px 0 24px 0;

	padding: 0;

	border-left: 1px dotted #A2A2A2;

	}



#sidebar h2{

	font-family: georgia, verdana, times;

	font-weight: normal; 

	font-size: 10pt; 

	text-align: left;

	color: #08122E;	

	margin: 0;

	padding: 0;

}



#sidebar p {margin:0; padding: 0 6px 0 12px;}

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

#sidebar ul {

	margin:12px;

	padding:0;

	list-style-type: none;

	}



#sidebar ul li {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}

#sidebar ul li a {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}



#sidebar ul ul {

	margin: 6px 0 6px 12px;

	padding: 0;

}



#sidebar ul ul li {

	padding: 0;

	list-style-type: none;

	}



#sidebar ul ul ul{

	margin: 0;

	padding: 0;

}



#sidebar ul ul ul li{

	padding: 0 0 0 12px;

	list-style-type: square;

	color: #898989;

}



/* Comments and Trackbacks */

.comment-section {

	margin:30px 10px;

	text-align:left;

}

#leavecomment {

	margin:30px 25px 20px 0 !important;

	text-align:center;

	color:#ccc;

	font:1.8em Georgia, "Times New Roman", Times, serif;

}

.section-title {

	font-size:1.6em;

	font-weight:400;

	text-align:center;

	margin:5px 25px 5px 0;

}

#commentform {

	margin:15px 0;

}

#authorinfo {

	width:100%;

}

input#author, input#email, input#url, textarea#comment {

	border:1px solid #ccc;

	padding:1px;

	background:#f4f4f4;

}

#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover {

	border:1px solid #fc0;

	background:#fff;

}

textarea#comment {

	width:99%;

}

#submit, #previewcomment {

	float:right;

	margin:0 0 0 10px;

	border:1px solid #3465A4;

	color:#fff;

	background:#5D8BB3;

	padding:0 2px;

}

#submit:hover, #previewcomment:hover {

	border:1px solid #3465A4 !important;

	color:#fff !important;

	background:#3465A4 !important;

}

.comment-header {

	text-align:left;

	margin:4px 0;

	font:1.6em Georgia, "Times New Roman", Times, serif;

}

.comment-content {

	margin:10px;

}

.comment-footer {

	text-align:left;

	margin:4px 0 0;

	font-size:.9em;

}

#commentlist, #pinglist, #previewlist {

	list-style:none;

}

#commentlist li, #pinglist li, #previewlist li {

	margin:10px 0;

	list-style:none;

	padding:4px 0;

	line-height:1.8em;

	background:url(images/bg_meta.gif) no-repeat top center;

}

#commentlist li .counter, #pinglist li .counter {

	display:none;

}

#commentlist li img {

	padding:0;

	border:0;

}

#commentlist li img.gravatar {

	float:right;

	margin:2px;

	border:1px solid #ccc;

	width:32px;

	height:32px;

}

#error {

	margin:2px;

	padding:2px;

	text-align:center;

	color:#FF0000;

	background:#FFFF99;

	border-left:1px solid #fc0;

	padding:2px 5px;

}

#commentload {

	padding-top:3px;

	float:right;

	vertical-align:middle;

	height:18px;

	width:18px;

	background:url(images/spinner.gif) center center no-repeat;

}





/* search */



#searchform{

	padding: 6px 0 6px 6px;

	font-family: verdana, arial, times;

	}



#searchform input#s{

	font-family: verdana, arial, times;

	font-size: 8pt;

	padding: 2px;

	margin: 2px;

	border: 1px solid #B7B7B7;

	}



#searchform input#searchsubmit{

	font-family: verdana, arial, times;

	font-size: 7pt;

	padding: 2px;

	margin: 2px 0 0 2px;

	border: 1px solid #B7B7B7;

	background-color: #fff;

	color: #797979;

	}



/* footer */



#footer {

	background: #0B1224;

	clear: both;

	width: 100%;

	margin-top:15px;

	border-top:solid 1px #DEDEDE;

	font-family: verdana, arial, tahoma;

	font-size: 7pt;

	}

	

#footer p{padding:6px;margin: 0; color: #eee;}

#footer a{color: #BCBCBC;text-decoration: none;}

#footer a:hover{color: #5D5D5D;text-decoration: underline;}



.tbllbl {

	background-color: #DEEAF3;

  padding-right:5px;

}

.tblwhole {

  float:left;

  margin-top:20px;

  margin-right:10px;

  margin-bottom:10px;

}



label {

        font-family: verdana, arial, tahoma, sans-serif;

	font-size:10px;

	padding-left:5px;

}

.clear {

	clear:both;

}

/*Ratings Table*/

table.ratingstbl {

	width:510px;

	border-width: 1px 1px 1px 1px;

	border-spacing: 0px;

	border-style: solid solid solid solid;

	border-color: #999999;

	border-collapse: collapse;

	background-color: #F3F8FF;

}

table.ratingstbl td {

	-moz-border-radius: 0px 0px 0px 0px;

}

.tblpos {

	padding: 2px 0 2px 24px;

	background:url(images/up.png) 0 1px no-repeat;

	border-width: 1px 1px 1px 1px;

	border-style: none none none none;

	border-color: gray gray gray gray;

}

.tblneg {

	padding: 2px 0 2px 24px;

	background:url(images/down.png) 0 1px no-repeat;

	border-width: 1px 1px 1px 1px;

	border-style: none none none none;

	border-color: gray gray gray gray;

}

.tbllink {

	padding: 2px 0 2px 5px;

        font-weight: bold;

	border-width: 1px 1px 1px 1px;

	border-style: none none none none;

	border-color: gray gray gray gray;

}

.total {

	padding: 2px 0 2px 10px;

	background-color: #F3F3F3;

	border-width: 1px 1px 1px 1px;

	border-style: none none none solid;

	border-color: gray gray gray gray;

}

table.commenthead {

	width:505px;

	border-width: 1px 1px 1px 1px;

	border-spacing: 0px;

	border-style: solid solid solid solid;

	border-color: gray gray gray gray;

	border-collapse: collapse;

	background-color: rgb(255, 255, 240);

}

table.commenthead td {

	border-width: 0px 0px 0px 0px;

	padding: 4px 4px 4px 4px;

	border-style: dotted dotted dotted dotted;

	border-color: gray gray gray gray;

	background-color: #F3F3F3;

	-moz-border-radius: 0px 0px 0px 0px;

}





/*  BEGIN STAR RATING SYSTEM 



    http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/



*/



/* star rating code - use lists because its more semantic */

/* No javascript required */

/* all the stars are contained in one matrix to solve rollover problems with delay */

/* the background position is just shifted to reveal the correct image. */

/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */

/*  key:  B=Blank : O=Orange : G = Green * /

/*..... The Matrix ....... */

/* colours ....Background position */

/* B B B B B - (0 0)*/

/* G B B B B - (0 -16px)*/

/* G G B B B - (0 -32px)*/

/* G G G B B - (0 -48px)*/

/* G G G G B - (0 -64px)*/

/* G G G G G - (0 -80px)*/

/* O B B B B - (0 -96px)*/

/* O O B B B - (0 -112px)*/

/* O O O B B - (0 -128px)*/

/* O O O O B - (0 -144px)*/

/* O O O O O - (0 -160px)*/





/* the default rating is placed as a background image in the ul */

/* use the background position according to the table above to display the required images*/

.rating{

	width:80px;

	height:16px;

	margin:0 0 5px 0;

	padding:0;

	list-style:none;

	clear:both;

	position:relative;

	background: url(images/star-matrix.gif) no-repeat 0 0;

}

/* add these classes to the ul to effect the change to the correct number of stars */

.nostar {background-position:0 0}

.onestar {background-position:0 -16px}

.twostar {background-position:0 -32px}

.threestar {background-position:0 -48px}

.fourstar {background-position:0 -64px}

.fivestar {background-position:0 -80px}

ul.rating li {

	cursor: pointer;

 /*ie5 mac doesn't like it if the list is floated\*/

	float:left;

	/* end hide*/

	text-indent:-999em;

}

ul.rating li a {

	position:absolute;

	left:0;

	top:0;

	width:16px;

	height:16px;

	text-decoration:none;

	z-index: 200;

	border-style: none none none none;

}

ul.rating li.one a {left:0;}

ul.rating li.two a {left:16px;}

ul.rating li.three a {left:32px;}

ul.rating li.four a {left:48px;}

ul.rating li.five a {left:64px;}

ul.rating li a:hover {

	z-index:2;

	width:80px;

	height:16px;

	overflow:hidden;

	left:0;	

	background: url(images/star-matrix.gif) no-repeat 0 0

}

ul.rating li.one a:hover {background-position:0 -96px;}

ul.rating li.two a:hover {background-position:0 -112px;}

ul.rating li.three a:hover {background-position:0 -128px}

ul.rating li.four a:hover {background-position:0 -144px}

ul.rating li.five a:hover {background-position:0 -160px}



.ratecontainer {

        float:right; 

        width:270px;

        background-color: #f3f3f3;

        padding-top: 5px;

        margin-right: 12px;

}

.ratingtext {

width: 170px;

float: left;

padding: 0 3px 0 7px;

color: #000;

font-size: 9px;

font-weight: bold;

}

.ratingstars {

float: left;

}

/* end rating code */





/*Google 404 Page Widget*/

#goog-wm {

  width: 500px;

  padding: 10px;

  border: 3px solid #f3f3f3;

  background-color: white;

}

#goog-wm h3.closest-match {

  color: #8f2831;

  border-bottom: 3px dashed #f3f3f3;

  padding-bottom: 7px;

  font-size: 24px;

  margin: 5px 0 5px 0;

}

#goog-wm h3.closest-match a { } 

#goog-wm h3.other-things {

  color: #8f2831;

} 

#goog-wm ul li { }

#goog-wm li.search-goog {

  display: none;

  margin: 20px 0 20px 0;

}





.comment {

position: relative;

margin: 3px;

margin-top: 6px;

padding: 4px 4px 4px 8px;

font-size: 100%;

background-color: #fff;

}

.odd {

background-color: #f8f8f8;

}

.comment div {

 position: relative;

}

.comment .comment img {

margin: 0px;

}

.comment .collapseicon {

width: 13px;

height: 13px;

overflow: hidden;

background-image: url(http://www.howtospoter.com/wp-content/plugins/briansthreadedcomments.php?image=subthread-open.png);

}

.collapsed .collapseicon {

background-image: url(http://www.howtospoter.com/wp-content/plugins/briansthreadedcomments.php?image=subthread.png);

}

.comment .reply {

text-align: right;

font-size: 80%;

padding: 0px 6px 6px 0px;

}

.comment {

border: 1px solid #ddd;

margin-top: 10px;

}

input#subscribe {

width: auto;

}

.comment .body .content {

padding: 0px 3px 0px 3px;

width: 100%;	

overflow: auto; 

}

.comment .title abbr {

border: none;

}

.collapsed .body, .collapsed .comment {

display: none;

}

#commentform textarea {

width: 97%;

margin-top: 5px;

}

#commentform #submit {

  margin-right: 10px;

  margin-top: 5px;

}

#respond {

        margin: 0 0 0 15px;

}



.commentbox {

    margin-top: 5px;

}

.comment-author {

    clear: both; float: left;

}

.comment-meta {

    float: right;

}

.comment .tblwhole {

    clear:both;float: right;

    margin: 5px 5px 5px 5px;

}



.comment p {

  clear: both;

  padding-top: 5px;

  padding-bottom: 5px;



}