﻿/*
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;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited, a:hover {
	color: #06c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

#wrapper {
	width: 740px;
	margin: 0px auto;
	text-align: left;
	background: #fff;
	border-left: 2px #191919 solid;
    border-right: 2px #191919 solid;
}


#header {
	background: #fff;
	padding: 10px;
}

#header table, #header tr, #header td {
	border-collapse: collapse;
}

#header table td {
	vertical-align: middle;
}

#header img {
	margin-right: 10px;
}

#dis{
padding-bottom: 20px;
display:inline;
}

#header h1 {
	font-family: 'Trebuchet MS';
	font-size: 24pt;
	font-weight: normal;
	display:inline;
}

#header h2 {
	font-family: 'Trebuchet MS';
	font-size: 12pt;
	font-weight: normal;
	padding: 0;
	margin: 0 0 4px 0;
}

#nav {
	background: #fff;
	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;
	background: #f3f2ed;
	margin: 0 10px 0 0;
}

#nav li a:link.selected, #nav li a:visited.selected {
	border-top: 1px solid #c60;
}

#nav li a:hover {
	background: #e0ded4;
}

#footer {
	clear: both;
	margin-top: 15px;
	border-top: 2px solid #c00;
	background: #f3f2ed;
	padding: 10px;
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
}

#sidebar {
	width: 180px;
	float: right;
	margin-top: 15px;
	text-align: center;
	border-bottom: 10px solid #fff;
}

#page {
	margin: 15px 0;
	font-family: Helvetica;
	font-size: 10pt;
	line-height: 1.5em;
	width: 550px;
	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;
}

#commentBox{
border:#DDDDDD;
padding: 4px;
}

h2#comments {
	background: #f3f2ed;
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	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 #E3E3DD;
	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: 2px 10px;
	background: #f3f2ed;
	font-family: Arial;
	font-size: 10pt;
	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: 8pt;
	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;
	background: #f3f2ed;
	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;
	background: #f3f2ed;
	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;
	background: #c00;
	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;
	background: #fcc;
	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;
	background: #e3f1ff;
	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;
}

.ratings_bottom{ margin-top:5px; font-size:11px;}
.ratings_bottom img{vertical-align:middle;}
.ratings_bottom span{margin-right:20px; }

#commentform {
	margin:10px 0 0 0;
}
#commentform input.txt, #commentform textarea {
	font:14px/14px Arial, Helvetica, sans-serif;
	border-color:#ccc #efefef #efefef #ccc;
	border-width:1px;
	border-style:solid;
}
#commentform input.txt {
	color:#666;
	background:#fcfcfc;
	width:170px;
	margin:0 5px 10px 0;
	padding:5px 7px;
}
#commentform textarea {
	color:#666;
	background:#fcfcfc;
	width:95% !important;
	padding:5px 7px;
}
#commentform #submit {
	margin:15px 0 0 0;
}

/* subbmit & reply button */
.button, .button:visited, .reply a {
	display:inline-block;
	position:relative;
	background:url(images/alert-overlay.png);
	padding:5px 8px 6px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff !important;
	text-decoration:none;
	border:none;
	cursor:pointer;
}
.button, .button:visited, .reply a {
	background-color:#666;
}
.button:hover, .reply a:hover {
	color:#fff  !important;
	text-decoration:none;
}
.button:active, .reply a:active {
	top:0px;
}
.button, .button:visited {
	font-size:13px;
	font-weight:bold;
	line-height:1;
}
.button, .button:visited {
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
.button, .button:visited, .reply a {
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border:1px solid rgba(0,0,0,.25);
	border-bottom-color:rgba(0,0,0,.35);
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
.button:hover, .reply a:hover {
	opacity:0.9;
}
