/*
Theme Name:     Hot Topix Child
Description:    Hot Topix Child Child theme
Author:         Me
Template:       hottopix
Version:        1
*/
@import url("../hottopix/style.css");

.score-bubble {background-color: #CC0033;float: right;position: absolute;top: 10px;right: 10px;height: 24px;z-index: 50;	}

span.final-score {color: #fff;float:left;font: 700 16px/16px 'Open Sans Condensed', sans-serif;padding: 3px 6px;}
.score_box { font-family:'oswald';  width: 90px; padding: 0px; background: #C00 url(wp-content/themes/hottopix/images/menu-fade.png) repeat-x bottom; color: #FFF; margin: 0px 20px 0px 0px; float:left; text-align: center !important; }
.percent_summary { font-size: 16px;display: block; padding: 0px 0px 5px 0px; }
.percent_label { background: #555555  url(wp-content/themes/hottopix/images/menu-fade.png) repeat-x bottom; font-size: 14px; margin: 0px; padding: 4px 0px; text-align: center;  width: 100%; display: block; }
.percent_box { color: #FFF; text-align: center; font-size: 36px; margin: 0px; padding: 10px 0px 10px 0px; display: block; }

.main-text h2 { font-family: 'Oswald', sans-serif; color: #fff; float: left; font-size: 50px; font-weight: 700; line-height: 120%; margin: 0 4% 5px; text-align: center; text-decoration: none; text-shadow: 1px 1px 2px #000; -moz-text-shadow: 1px 1px 2px #000; -ms-text-shadow: 1px 1px 2px #000; -o-text-shadow: 1px 1px 2px #000; -webkit-text-shadow: 1px 1px 2px #000; text-transform: uppercase; width: 92%; }
h1.cat-header { font-family: 'Oswald', sans-serif; color: #333; font-size: 40px; font-weight: 700; line-height: 100%; text-transform: uppercase; }
@media screen and (max-width: 1002px) and (min-width: 768px){
.main-text h2 {font-size: 40px;}
}
@media screen and (max-width: 767px) and (min-width: 600px) {
.main-text h2 { font-size: 52px; }
}
@media screen and (max-width: 599px) and (min-width: 480px) {
.main-text h2 { font-size: 42px; }
}
@media screen and (max-width: 479px) {
.main-text h2 { font-size: 28px; }
h1.cat-header { font-size: 30px; }
}
#post-area { float: left; font: 15px/25px "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%; }
.alignright, .imgRight { float: right; clear: none; margin: 0 0 15px 15px; }
.alignleft, .imgLeft { float: left; clear: none; margin: 0 25px 20px 0; }
.aligncenter { display: block; margin: 15px auto; text-align: center; }
.clear { clear: both; }
.rating-container { height: 24px; width: 126px; background: url(http://www.allsexreviews.com/images/rate-off.gif) no-repeat; overflow: hidden; margin-bottom: 20px; }
.rating { padding-top: 24px; height: 0px !important; height /**/: 24px; /* for IE5/Win only */ background: url(http://www.allsexreviews.com/images/rate-10.png) no-repeat; text-align: left; overflow: hidden; }
.zero { width: 0px; }
.zero-and-half { width: 17px; }
.one { width: 29px; }
.one-and-half { width: 39px; }
.two { width: 53px; }
.two-and-half { width: 65px; }
.three { width: 76px; }
.three-and-half { width: 88px; }
.four { width: 100px; }
.four-and-half { width: 114px; }
.five { width: 125px; }
a.buy-link {width: 200px; height: 130px; display: inline-block; float: left; margin: 0 1px 1px; padding: 5px 7px; text-transform: uppercase; background: #e91b23; color: #fff !important; font: 400 16px/16px 'Oswald', sans-serif; border: 0; cursor: pointer; }
a.buy-link:hover, input[type="submit"]:hover { background-color: #999999; text-decoration: none; color: #252525; box-shadow: 0 1px 1px #CFCFCF; -webkit-box-shadow: 0 1px 1px #CFCFCF; -moz-box-shadow: 0 1px 1px #CFCFCF; }
a.buy-link:active, input[type="submit"]:active { background-color: #ff3333; position: relative; top: 1px; box-shadow: none; color: #252525; }
a.buy-link:visited, {color: #fff;}
.bottom-buy { padding: 0px; margin: 25px 0 25px 0px; height: 30px; width: 600px; }
.top-buy { padding: 0px; margin: 0px 0 26px 0px; width: 620px; height: 25px; }

.green-box {

	border: 1px solid #fff;
background: #e2f2ce;

	border: 1px solid #bfe098;

	color: #466840;

	float: left;

	margin-bottom: 20px;

	padding: 10px;

	width: auto;

	}
.grey-box {

	background: #eaeaea;

	border: 1px solid #c1c1c1;

	color: #838383;

	float: left;

	margin-bottom: 20px;

	

	}