/*  
Theme Name: Phentramin
Theme URI: http://phentramin-customer-reviews.com/
Description: Custom theme for phentramin-customer-reviews.com
Version: 1.0
Author: Ryan McDonnell (<a href="mailto:ryan@ryanmcdonnell.com">ryan@ryanmcdonnell.com</a>)
*/

body {
	background-image: url('images/page-background.gif');
	background-position: top;
	background-repeat: repeat-x;
}

p strong {
font-weight: bold;
}

#yui-main p {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 26px;
}

/* DOC */

#doc5 {
	width: 100%;
	margin: auto;
	text-align: center;
	min-width: 750px;
}

#doc5 .wrapper {
	width: 73.076em;
	margin: auto;
	text-align: left;
	min-width: 750px;
}

.yui-t3 .yui-b {
	float: left;
	width: 200px;
}

.yui-t3 #yui-main .yui-b {
	margin-left: 214px;
}

/* HEADER */

#hd {
	position: relative;
	height: 99px;
}

#hd .logo {
	float: left;
	margin-top: 16px;
}

#hd .nav {
	position: absolute;
	background-color: #f2f6f6;
	top: 31px;
	right: 0;
	height: 40px;
}

#hd .nav ul.left, #hd .nav ul.right {
	padding: 5px 0 5px 5px;
	float: left;
	background-image: url('images/header-nav-background.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#hd .nav ul.right {
	padding: 5px 0;
	background-position: 100% -40px;
}

#hd .nav li {
	float: left;
	margin-right: 5px;
}

#hd .nav li.current_page_item, #hd .nav li:hover {
	background-image: url('images/header-nav-item-background.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #d5e4e4;
}

#hd .nav a {
	display: block;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	color: #738787;
	_text-align: center;
	_width: 120px;
}

#hd .nav li.current_page_item a, #hd .nav li:hover a {
	background-image: url('images/header-nav-item-background.gif');
	background-repeat: no-repeat;
	background-position: 100% -30px;
	color: #556363;
}

#hd .nav li.current_page_item a {
	font-weight: bold;
}

/* SUBHEADER (Reviews and Callout) */

#subhd {
	height: 118px;
}

#subhd .reviews {
	float: left;
}

#subhd .callout {
	float: right;
}

#subhd .review {
	height: 118px;
	width: 260px;
	background-image: url('images/review-border.gif');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: 6px;
}

#subhd .review .ratings td {
	padding: 2px;
	font-size: 12px;
}

#subhd .review .ratings td img {
	vertical-align: bottom;
}

#subhd .review .content {
	padding: 10px 10px 10px 15px;
}

#subhd .review .content h3 {
	color: #f065b6;
	font-weight: bold;
	border-bottom: 1px solid #e2eaeb;
	font-size: 18px;
	margin-bottom: 6px;
}

#subhd .review .content h3 a {
	font-weight: bold;
	color: #f065b6;
	text-decoration: none;
}

#subhd .review .content .prodimage {
	float: left;
	width: 57px;
	height: 65px;
}

#subhd .review .content .avgrating {
	font-weight: bold;
}

/* BODY */

#bd {
	background-image: url('images/body-background.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #e8eeee;
	padding: 13px 0 35px;
	border-bottom: 1px solid #d6e2e2;
	margin-top: 14px;
}

#bd #yui-main .yui-b .content {
	background-color: White;
	padding: 14px;
	border: 1px solid #c5d6d6;
}

/* SIDE BAR */

#sidebar .box {
	margin-bottom: 8px;
}

#sidebar .box h3.title {
	width: 200px;
	background-image: url('images/side-title.gif');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	height: 21px;
	padding: 7px 14px 0;
}

#sidebar .box .content {
	background-color: White;
	padding: 14px;
	border: 1px solid #c5d6d6;
}

/* FOOTER */

#ft {
	padding: 14px 0px;
	font-size: 85%;
}

#ft .nav li {
	float: left;
}

#ft .nav li a {
	display: block;
	padding: 0 10px;
	color: #84a5ad;
	border-left: 1px solid #dfe8e8;
	font-weight: bold;
}

#ft .nav li.first a {
	border: none;
	padding-left: 0;
}

#ft .copyright {
	float: right;
	color: #84a5ad;
}

/* UNIVERSAL */

.clear {
	clear: both;
}

/* LISTS */

ul.jewel {
	font-family: Tahoma;
	font-size: 85%;
	font-weight: bold;
	margin-top: -8px;
}

ul.jewel a {
	color: Black;
	text-decoration: none;
}

ul.jewel a:hover {
	text-decoration: underline;
}

ul.jewel li {
	padding-left: 19px;
	background-image: url('images/side-bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
}

ul.jewel li a {
	display: block;
	padding: 8px 0px;
	background-image: url('images/list-jewel-sep.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

ul.jewel li.first a {
	background-image: none;
}

/* HEADING */

#yui-main h1 {
	font-size: 200%;
	font-family: Segoe UI, Tahoma;
	color: #25a6c6;
	font-weight: bold;
	text-transform: uppercase;
		padding-bottom: 20px;
}


#yui-main h2 {
	font-size: 200%;
	font-family: "Segoe UI", Tahoma;
	color: #25a6c6;
	font-weight: bold;
	text-transform: capitalize;
		padding-bottom: 20px;
}

#yui-main h2 a {
	color: #25a6c6;
	text-decoration: none;
}

#yui-main h3 {
	color: #525252;
	text-transform: capitalize;
	font-size: 153.9%;
	font-family: Tahoma;
	padding-bottom: 20px;
	padding-top: 14px;
}

#yui-main h3 .highlight {
	color: #f065b6;
	text-transform: none;
}

#respond {
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6e3e3;
}

#reviewlist {
	width: 30%;
}

#reviewlist h4 {
	font-size: 123.1%;
	color: #444444;
	margin-bottom: 13px;
}

/* Data entry form */

.dataentry {
	width: 100%;
}

.dataentry th, .dataentry td {
	text-align: left;
	vertical-align: top;
	padding: 5px 4px;
}

.dataentry th {
	padding-top: 7px;
	font-size: 12px;
	color: #444444;
	width: 6.3em;
}

.dataentry #submit {
	background-image: url('images/button-submit-review.gif');
	background-repeat: none;
	width: 141px;
	height: 29px;
	text-indent: -900px;
	border: none;
	margin-top: 10px;
	display: block;
	background-color: none;
}

.commentlist .comment {
	margin-bottom: 15px;
}

.commentlist .comment .meta {
	background-color: #fffae5;
	border-top: 1px solid #f7e3b1;
	height: 22px;
	line-height: 22px;
	color: #859b9b;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 11px;
}

.commentlist .comment .meta .author {
	color: #afc2c2;
}

.commentlist .comment .meta .author a {
	color: #afc2c2;
	text-decoration: none;
}

.commentlist .comment .commenttext {
	padding: 5px;
	font-size: 12px;
	color: #444444;
}

.commentlist .comment .commenttext .stars {
	margin-bottom: 14px;
}

/* Order box */

.orderbox {
	border: 1px solid #fccbe7;
	padding: 2px;
	margin: 15px 0 25px;
	width: 560px;
}

.orderbox table {
	width: 100%;
}

.orderbox table tr {
	background-color: White;
}

.orderbox table tr.alt {
	background-color: #feeaf5;
}

.orderbox table td {
	vertical-align: center;
	padding: 10px;
}

.orderbox table td.first {
	padding-left: 13px;
}

.orderbox table td.name {
	font-size: 17px;
	color: #202020;
}

.orderbox table td.name .count {
	font-size: 14px;
	color: #c68dad;
}

.orderbox table td.name .freeshipping {
	color: #ed2328;
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding-left: 20px;
	background-image: url('images/icon-truck.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
}

.orderbox table td.price {
	font-weight: bold;
	font-size: 18px;
	color: #ce368f;
	text-align: center;
}

.orderbox table td.sale {
	font-size: 17px;
	color: #ec2429;
	text-align: center;
}

.orderbox table td.order {
	width: 80px;
}


.bigquestion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;

}

.results-table {
	border: 1px solid #E9E9E9;
	background-color: #FFFFFF;
}
.results-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CAE0FB;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right-style: none;


}
.results-months {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ECF5FD;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;



}
.results-data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;



}
.results-datalink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EDFFEA;
	border: 1px solid #FFFFFF;


}
.results-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.results-lightblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #FFFFFF;
	background-color: #f9fafc;

}
.results-month-light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #F3F9FE;

}
.results-heading-dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #bfdafb;

}
.results-heading-dark-with-border {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #1C4D88;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;


}
.results-months-lightblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F3F9FE;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;

}
.results-heading-dark-bordered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #bfdafb;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;


}
.results-heading-dark-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #406AAA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right-style: none;
	color: #FFFFFF;

}

/* Charts */

.chart {
	border: 1px solid #fccbe7;
	padding: 2px;
	margin: 15px 0 25px;
	width: 580px;
}

.chart table {
	width: 100%;
}

.chart table tr {
	background-color: White;
}

.chart table tr.alt {
	background-color: #feeaf5;
}

.chart table td {
	vertical-align: center;
	padding: 4px;
}

.chart table td.first {
	padding-left: 13px;
}

.chart table td.name {
	font-size: 17px;
	color: #202020;
}

.chart table td.name .count {
	font-size: 14px;
	color: #c68dad;
}

.chart table td.name .freeshipping {
	color: #ed2328;
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding-left: 20px;
	background-image: url('images/icon-truck.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
}

.chart table td.price {
	font-weight: bold;
	font-size: 18px;
	color: #ce368f;
	text-align: center;
}

.chart table td.sale {
	font-size: 17px;
	color: #ec2429;
	text-align: center;
}

.chart table td.order {
	width: 80px;
}
ul.jewel-list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 12px;
	background-color: #F9FDFF;
	border: 1px solid #DDEAF7;
	padding: 5px;
	width: auto;



}

ul.jewel-list a {
	color: Black;
	text-decoration: none;
}

ul.jewel-list a:hover {
	text-decoration: underline;
}

ul.jewel-list li {
	padding-left: 19px;
	background-image: url(http://www.phentramin-customer-reviews.com/images/arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 25px;
}

ul.jewel-list li a {
	display: block;
	padding: 8px 0px;
	background-image: url('images/list-jewel-sep.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul.jewel-list li.last a {
	background-image: none;
}