/*
-------------------------------------------------
Site: Protolize.net
Created on May 10, 2006
Created by Tony H Yoo : http://www.tonyyoo.com
-------------------------------------------------
*/

/* include styles for other pages */
/* Reviews Page */
@import url(reviews.css);

/* Category Page */
@import url(category.css);

/* Review Form Page */
@import url(reviewForm.css);

/* Top Ratings Page */
@import url(topRatings.css);

/* About Page */
@import url(about.css);

/* Login Page */
@import url(login.css);

/* Register Page */
@import url(register.css);

/* Account Confirm Page */
@import url(acctConfirm.css);

/* User info Page */
@import url(userInfo.css);

/* User Submit Page */
@import url(submit.css);



/* HTML entities -------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, tahoma, arial;
	font-size: medium;
	text-align: center;
	color: #748388;
	background: #29343a;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	padding: 0;
	color: #deeff4; 
	font-size: 150%;
	font-weight: normal;
	line-height: 1.3em;
	display: block;
	padding: 11px 4px 9px 0px;
}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
	font-size: 180%;
	font-weight: normal;
	color: #9fafb4;
	background: transparent url(../images/catBtmBorder.gif) repeat-x bottom left;
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:35px;
	margin-bottom: 5px;
	font-size: 135%;
	font-weight: normal;
	color: #2a363a;	
}
a {
	text-decoration: none;
}
em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}


/* Layout --------------------- */
.divider {
	
}
.wrapper {
	width: 720px;
	margin: 0 auto;
	text-align:left;
}
.gutter {
	position: relative;
	padding: 20px;
}


/* Section Title ------------------ */
.secTitle {
	margin:20px 0px -11px 0px;
}
.secTitle span {
	display: block;
	margin-left: 8px;
	padding-left: 13px;
}
/* main section title */
#recentTitle h2 {
	background: transparent url(../images/bigTitleBgTop.gif) no-repeat top left;
}
#recentTitle {
	background: transparent url(../images/bigTitleBgBtm.gif) no-repeat bottom left;
}
/* categories */
#catTitle h2 {
	background: transparent url(../images/catTitleBgTop.gif) no-repeat top left;
}
#catTitle {
	background: transparent url(../images/catTitleBgBtm.gif) no-repeat bottom left;
}
/* top rated */
#topTitle h2 {
	background: transparent url(../images/topTitleBgTop.gif) no-repeat top left;
}
#topTitle {
	background: transparent url(../images/topTitleBgBtm.gif) no-repeat bottom left;
}



/* Header ------------------------ */
#header {
	background: #3a8ab3 url(../images/headerBG.gif) repeat-x top left;
}
#header .wrapper {
	position: relative;
}
#header h1 {
	text-indent: -5000px;
	height: 97px;
	background: transparent url(../images/logo.gif) no-repeat center left;
}
#header #search {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 3px;
	width: 266px;
	height: 97px;
	background: transparent url(../images/searchBG.gif) no-repeat bottom right; 
}
#header #search input {
	color: #2b3a45;
	width: 189px;
	font-size: 100%;
	vertical-align: middle;
	margin-top: 47px;
	margin-left: 14px;
	background: #dee9ec;
	border: 1px solid #304e59;
}
#header #search input.goBtn {
	width: 41px;
	height: 24px;
	border: none;
	margin-left: 5px;

}


/* Main Nav ---------------------- */
#mainNav {
	width: 100%;
	display: block;
	float: left;
	line-height: 40px;
	background: #333e46 url(../images/mainNavBG.gif) repeat-x center left;
}
#mainNav ul li {
	display: inline;
	float: left;
	background: transparent url(../images/mainNavDivider.gif) no-repeat center left;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	padding: 0px 15px 0px 25px;
	float: left;
	font-size: 120%;
	color: #ebebeb;
}
#mainNav ul li a:hover, #mainNav ul li a:active {
	/* background: #0b6a97; */
	color: #1aa1ff;
}	
#mainNav .first {
	margin: 0;
	background: none;
}



/* MainNav current page highlight ---------- */
body.home #mainNav a#sHome {
	color: #1aa1ff;
}
body.about #mainNav a#sAbout {
	color: #1aa1ff;
}
body.topRatings #mainNav a#sTopRated {
	color: #1aa1ff;
}
body.submit #mainNav a#sSubmit {
	color: #1aa1ff;
}
body.login #mainNav a#sLogin {
	color: #1aa1ff;
}
body.register #mainNav a#sRegister {
	color: #1aa1ff;
}





/* Content ----------------------- */
#content {
	clear: both;
	background: #c7d1d4 url(../images/contentBG.gif) repeat-x top left;
}
#mainContent {
	float: left;
	width: 421px;
}
#recent {
	width: 406px;
	margin-left: 7px;
	background: #e3ecf0;
	margin-bottom: 35px;
}
#recent .first {
	margin-top: 0;
}
#recent h4.first {
	margin-top: 25px;
}
#recent a:link, #recent a:visited {
	color: #2a363a;
}
#recent a:hover, #recent a:active {
	border-bottom: 1px dotted #2a363a;
}
/* hide ugly dotted lines */
* html #recent a:hover {
	border-bottom: 1px solid #acb3b7;
}
#recent .gutter ul li {
	position: relative;
}
#recent .gutter ul li a.more {
	float: right;
	margin-top: -52px;
	margin-right: 2px;
	color: #69808b;
	font-size: 140%;
}
#recent p {
	margin-top: 11px;
	line-height: 1.2em;
	font-size: 15px;
}
#recent span {
	color: #0091c7;
	font-weight: bold;
	font-size: 90%;
}
#recent em {
	color: #2a5564;
}
/* RECENT - STAR RATINGS --------------------------- */
.zeroStar {
	background: transparent url(../images/zeroStar.gif) no-repeat 33% 50%;
}
.halfStar {
	background: transparent url(../images/halfStar.gif) no-repeat 33% 50%;
}
.oneStar {
	padding-right: 100px;
	background: transparent url(../images/oneStar.gif) no-repeat 33% 50%;
}
.oneHalfStars {
	padding-right: 100px;
	background: transparent url(../images/oneHalfStars.gif) no-repeat 33% 50%;
}
.twoStars {
	padding-right: 100px;
	background: transparent url(../images/twoStars.gif) no-repeat 33% 50%;
}
.twoHalfStars {
	padding-right: 100px;
	background: transparent url(../images/twoHalfStars.gif) no-repeat 33% 50%;
}
.threeStars {
	padding-right: 100px;
	background: transparent url(../images/threeStars.gif) no-repeat 33% 50%;
}
.threeHalfStars {
	padding-right: 100px;
	background: transparent url(../images/threeHalfStars.gif) no-repeat 33% 50%;
}
.fourStars {
	padding-right: 100px;
	background: transparent url(../images/fourStars.gif) no-repeat 33% 50%;
}
.fourHalfStars {
	padding-right: 100px;
	background: transparent url(../images/fourHalfStars.gif) no-repeat 33% 50%;
}
.fiveStars {
	padding-right: 100px;
	background: transparent url(../images/fiveStars.gif) no-repeat 33% 50%;
}
#secContent {
	float: right;
	width: 288px;
}
#categories {
	margin-left: 6px;
	width: 272px;
	background: #24a1c6 url(../images/catBoxBG.gif) no-repeat top right;
}
#categories ul {
	margin-bottom: 8px;
}
#categories .first {
	margin-top: -5px;
}
#categories ul a:link, #categories ul a:visited {
	display: block;
	font-size: 140%;
	padding: 5px 5px 3px 13px;
	color: #dfeaed;
	border-bottom: 1px solid #0786ac;
	background: transparent url(../images/catNavIcon.gif) no-repeat center left;
}
#categories ul a:hover, #categories ul a:active {
	color: #003140;
}
#categories ul a span {
	color: #00536c;
}
#topRated {
	margin-left: 6px;
	width: 272px;
	margin-bottom: 25px;
	color: #2a6500;
	background: #69c624 url(../images/topRatedBoxBG.gif) no-repeat top right;
}
#topRated h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	color: #effde5;
	font-size: 130%;
	background: none;
}
#topRated a:link, #topRated a:visited {
	color: #effde5;
}
#topRated a:hover, #topRated a:active {
	color: #003212;
}
#topRated a.more {	
	font-size: 120%;
	padding: 3px 7px;
	line-height: 1.9em;
	background: #298422;
}
#topRated span {
	color: #1c3908;
}
#topRated em {
	margin-bottom: 15px;
}
/* star ratings ----------------- */
/* topRated - STAR RATINGS --------------------------- */
#topRated .zeroStar {
	background: transparent url(../images/topZeroStar.gif) no-repeat 60% 50%;
}
#topRated .halfStar {
	background: transparent url(../images/topHalfStar.gif) no-repeat 60% 50%;
}
#topRated .oneStar {
	background: transparent url(../images/topOneStar.gif) no-repeat 60% 50%;
}
#topRated .oneHalfStar {
	background: transparent url(../images/topOneHalfStar.gif) no-repeat 60% 50%;
}
#topRated .twoStars {
	background: transparent url(../images/topTwoStars.gif) no-repeat 60% 50%;
}
#topRated .twoHalfStars {
	background: transparent url(../images/topTwoHalfStars.gif) no-repeat 60% 50%;
}
#topRated .threeStars {
	background: transparent url(../images/topThreeStars.gif) no-repeat 60% 50%;
}
#topRated .threeHalfStars {
	background: transparent url(../images/topThreeHalfStars.gif) no-repeat 60% 50%;
}
#topRated .fourStars {
	background: transparent url(../images/topFourStars.gif) no-repeat 60% 50%;
}
#topRated .fourHalfStars {
	background: transparent url(../images/topFourHalfStars.gif) no-repeat 60% 50%;
}
#topRated .fiveStars {
	background: transparent url(../images/topFiveStars.gif) no-repeat 60% 50%;
}




/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	color: #9edeff;
	background: #29343a;
}
#footer p {
	margin: 0;
	padding: 20px 15px 80px 15px;
	text-align: left;
	background: #29343a url(../images/footerBG.gif) no-repeat top left;
}
#footer span {
	color: #fff;
}



/* other ------------------------ */
.clear {
	clear: both;

}
#recent a.goTop {
	color: #8a9ea5;
	padding-left: 13px;
	background: transparent url(../images/goTopBG.gif) no-repeat 0% 40%;
}
.text p {
	line-height: 1.4em;
}
h4.success {
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/confirmIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
h4.error {
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/errorIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
#recent p.paginate {
	position: relative;
	padding-left: 15px;
	display: block;
	line-height: 29px;
	font-size: 110%;
	color: #7d8f96;
	background: #5d7078;
}
#recent .paginate a:link, #recent .paginate a:visited {
	color: #dfdfdf;
	font-weight: bold;
}
#recent .paginate a:hover, #recent .paginate a:active {
	color: #fff;
	border: none;
}
.paginate a.viewAll {
	position: absolute;
	right: 0;
	margin-right: 14px;
	color: #73d2ff;
}
#recent ul {
	margin-bottom: 50px;
}
#recent a.reviewBtn {
	padding: 5px;
	padding-left: 22px;
	background: #c4d9e2 url(../images/reviewBtnIcon.gif) no-repeat 8% 50%;
}
#recent a.reviewBtn:hover {
	color: #2f6283;
	border: none;	
}

/* get rid of annoying powered by */
span.affstyle {
	display: none;
}



/* Form styles --------------------- */
#recent .txt {
	margin-top: -3px;
	width: 365px;
	font-size: 110%;
	color: #465c66;
	border: 1px solid #9db8c4;
	background: #d5e8f0;
}
textarea {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}





/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}