/*

-------------------------------------------------

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: 920px;

	margin: 0 auto;

	text-align:left;

}

.gutter {

	position: relative;

	padding: 20px 20px 20px 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/bigTitleBgTop2.gif) no-repeat top left;

}

#recentTitle {

	background: transparent url(../images/bigTitleBgBtm2.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/logo2.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: 621px;

}

#recent {

	width: 606px;

	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;

}

#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 {

top: 400px;

	float: right;

	width: 288px;

	

}

#categories {

	margin-left: 6px;

	width: 272px;

	background: #f79c20 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.urov2 {
    border-bottom: 0 none;
    font-size: 11px;
    margin-left: 13px;
}


#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;

}

.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;

}


#lin {

font-family: helvetica, tahoma, arial;
font-size: 0.6em;
text-align: left;
color: #748388;
text-decoration: none;
}

#lin a{
font-family: helvetica, tahoma, arial;
font-size: 0.6em;
text-align: left;
color: #748388;
text-decoration: none;
}

#lin a:hover{
text-decoration: underline;
}

.nil {
margin-top: 10px;
font-size: 10px;
}






/* hack for IE to display correct font size */

* html body {

	font-size: small; /* for IE5/Win */

	f\ont-size: medium; /* for other IE versions */

}