/*
Theme Name: WPRS: Award Winning Hosts
Author: WP Review Site
Author URI: http://www.wpreviewsite.com/
Description: A review site theme based on the "Award Winning Hosts" demonstration site. Fully integrates the WP Review Site features including ratings and affiliate links. To replicate the AWH sidebar, use the Top Rated Posts widget with a large post count setting.
*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif !important;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited, a:hover {
	color: #21759B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

#wrapper {
	width: 979px;
	margin: 0px auto;
	text-align: left;
}


#header {
	padding: 10px;
}

#header table, #header tr, #header td {
	border-collapse: collapse;
}

#header table td {
	vertical-align: middle;
}

#header img {
	margin-right: 15px;
}

#header h1 {
	font-family: 'Trebuchet MS';
	font-size: 24pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#header h2 {
	font-family: 'Trebuchet MS';
	font-size: 12pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#nav {
	border-bottom: 8px solid #c00;
	height: 24px;
}

#nav ul {
	margin: 0 0 0 10px; 
	padding: 0;
	position: relative;
	overflow: auto;
}

#nav ul li {
	list-style: none;
	display: inline;
	float: left;
}

#nav li a:link, #nav li a:visited {
	display: block;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
	padding: 4px 10px;
	margin: 0 10px 0 0;
}

#nav li a:link.selected, #nav li a:visited.selected {
	border-top: 1px solid #c60;
}


#footer {
	clear: both;
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	height: 40px;
}
#footer div{
	padding: 10px 0 0 0;
}

#sidebar {
	width: 240px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
text-align: center;
}

#sidebar ul li, #sidebar h2 {text-align: center !important;}


#page {
	margin: 15px 0 15px 10px;
	font-family: Helvetica;
	font-size: 10pt;
	line-height: 1.5em;
	width: 690px;
	float: left;
}

#page h1 {
	font-family: 'Trebuchet MS', arial;
	font-size: 14pt;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#page h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #c00;
}

#page h1 a:link, #page h1 a:visited {
	text-decoration: underline;
	color: #c00;
}

#page h1 a:hover, #page h1 a:active {	
	text-decoration: none;
}
#page .content {
	clear: left;
}

h2#comments {
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	color: #333;
	padding: 10px;
}

h3#respond {
	clear: right;
	font-size: 11pt;
	font-weight: bold;
	margin: 10px 0;
	color: #c00;
	padding: 0;
	border-bottom: 2px solid #c00;
}

#comments h3.review {
	clear: right;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	color: #333;
	font-family: Arial;
	font-size: 10pt;
}

#comments p {
	margin-top: 5px;
	font-size: 9pt;
	color: #333;
}

#comments ul {
	margin: 0;
	padding: 0;
}

#comments li {
	display: inline;
}

#comments .rating_value {
	padding-right: 10px;
}

#sidebar {
	text-align: left;
}

#sidebar h2 {
	margin: 0;
	padding: 10px 10px 2px 10px;
	font-size: 13pt;
	font-weight: bold;
	color: #666;
}

#sidebar ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	line-height: 2em;
	font-family: Arial;
	font-size: 10pt;
	border-bottom: 1px solid #eee;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	color: #666;
}

#page td {
	vertical-align: top;
}

.customer_favorite {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	padding-left: 10px;
}

.reviewcount, .visitsite, .visitsite_single {
	float: right;
}

.reviewcount a:link, .reviewcount a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite, .visitsite_single {
	padding-left: 8px;
}

.visitsite a:link, .visitsite a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:link, .visitsite_single a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	font-family: Arial;
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:hover {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	font-family: Arial;
	font-size: 8pt;
	color: #06c;
	text-decoration: underline;
	font-weight: bold;
}

td.ratings {
	white-space: nowrap;
	padding-left: 10px;
}

.rating_label {
	white-space: nowrap;
	font-family: Arial;
	font-size: 8pt;
	padding: 1px 4px;
}

.rating_value {
	white-space: nowrap;
	padding: 1px 3px;
	font-family: Arial;
	font-size: 8pt;
}

.rating_value .no_ratings {
	color: #666;
}
.text_box {padding-bottom:20px;}

#header_box {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 303px;
	width: 979px;
}
.menu_box {
	display: block;
	height: 25px;
	margin-top: 277px;
	position: absolute;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
.menu_box li {
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.menu_box a {
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
}
.mb_space {
	padding-right: 180px!important;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }