@charset "utf-8";
/*** General ***/
body {
	margin: 0px;
	padding: 0px;
	background-image: url(template/images/header_bg.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
img {
	border: none;
}

/*** Header ***/
#header {
	width: 930px;
	height: 120px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#header a.logo, #header a.logo:link, #header a.logo:visited, #header a.logo:active, #header a.logo:hover {
	width: 204px;
	height: 95px;
	margin: 15px 0px 0px 8px;
	padding: 0px;
	float: left;
	background-image: url(template/images/logo.png);
	background-repeat: no-repeat;
}
#header #login {
	width: 172px;
	height: 32px;
	background-image: url(template/images/login_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 0px 80px;
	padding: 0px;
}
#header #login p.login {
	font-size: 12px;
	margin: 8px 0px 0px 14px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
}
#header #login p.join {
	font-size: 12px;
	margin: 8px 0px 0px 24px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
}
#header #login p.login a, #header #login p.login a:link, #header #login p.login a:visited, #header #login p.login a:active, #header #login p.join a, #header #login p.join a:link, #header #login p.join a:active, #header #login p.join a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#header #login p.login a:hover, #header #login p.join a:hover {
	text-decoration: underline;
}
#header #login a.rss, #header #login a.rss:link, #header #login a.rss:visited, #header #login a.rss:active, #header #login a.rss:hover {
	width: 39px;
	height: 26px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: right;
	background-image: url(template/images/rss.png);
	background-repeat: no-repeat;
	display: block;
}
#header #search {
	width: 302px;
	height: 52px;
	float: right;
	background-image: url(template/images/search_bg.png);
	background-repeat: no-repeat;
	margin: 0px 45px 0px 0px;
	padding: 0px;
}
#header #search input.search {
	width: 217px;
	height: 18px;
	margin: 15px 0px 0px 22px;
	padding: 4px 0px 0px 5px;
	float: left;
	background-image: url(template/images/search.png);
	background-repeat: no-repeat;
	border: none;
	color: #050505;
	font-size: 12px;
}
#header #search input.icon {
	width: 40px;
	height: 22px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-image: url(template/images/search_icon.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
}
#header p.link {
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	margin: 0px 0px 0px 75px;
	padding: 0px 0px 0px 10px;
	background-image: url(template/images/header_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #FFFFFF;
	float: left;
	width: 400px;
}
#header p.link a, #header p.link a:link, #header p.link a:active, #header p.link a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#header p.link a:hover {
	text-decoration: underline;
}
#header #navigation {
	width: 680px;
	height: 30px;
	margin: 27px 0px 0px 30px;
	padding: 0px;
	float: left;
}
#header #navigation ul {
	width: 680px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header #navigation ul li {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0px 4px 0px 4px;
	padding: 0px;
	color: #333333;
	font-size: 14px;
}
#header #navigation ul li a, #header #navigation ul li a:link, #header #navigation ul li a:visited, #header #navigation ul li a:active {
	color: #333333;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #FFFFFF;
	display: block;
	background-image: url(template/images/nav.png);
	background-repeat: repeat-x;
}
#header #navigation ul li a:hover {
	background-image: url(template/images/nav_hov.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-top: 1px solid #599fcc;
	border-right: 1px solid #599fcc;
	border-left: 1px solid #599fcc;
	height: 30px;
}

/*** Frame ***/
#frame {
	width: 930px;
	margin: 4px auto 0px auto;
	padding: 0px;
	background-color: #dbe6ee;
}

/*** Top Advertisement ***/
#topAd {
	width: 930px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	background-color: #b6bec3;
}
#topAd .small {
	width: 150px;
	height: 90px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	float: left;
}
#topAd .leaderboard {
	width: 728px;
	height: 90px;
	float: right;
	margin: 10px 15px 0px 0px;
	padding: 0px;
}

/*** Content ***/
#content {
	width: 430px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* Newest Reviews */
#content #newest {
	width: 410px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	float: left;
}
#content #newest h1.header {
	font-size: 18px;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 3px 5px;
	font-weight: normal;
	border-bottom: 1px solid #333333;
}
#content #newest .review {
	width: 410px;
	height: 135px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px dashed #333333;
}
#content #newest .review a.pic, #content #newest .review a.pic:link, #content #newest .review a.pic:visited, #content #newest .review a.pic:active {
	width: 175px;
	height: 100px;
	float: left;
	margin: 12px 0px 0px 5px;
	padding: 0px;
	background-color: #333333;
	border: 1px solid #999999;
}
#content #newest .review a.pic:hover {
	border: 1px solid #184e79;
}
#content #newest .review h1.title {
	color: #0b3a65;
	font-size: 14px;
	float: left;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	font-weight: normal;
	width: 210px;
}
#content #newest .review h1.title a, #content #newest .review h1.title a:link, #content #newest .review h1.title a:active, #content #newest .review h1.title a:visited {
	color: #0b3a65;
	text-decoration: none;
}
#content #newest .review h1.title a:hover {
	color: #082239;
}
#content #newest .review p.category {
	color: #666666;
	font-style: italic;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 210px;
	font-size: 10px;
}
#content #newest .review p.category a, #content #newest .review p.category a:link, #content #newest .review p.category a:visited, #content #newest .review p.category a:active {
	color: #666666;
	text-decoration: none;
}
#content #newest .review p.category a:hover {
	color: #000000;
}
#content #newest .review p.desc {
	color: #000000;
	font-size: 12px;
	float: left;
	margin: 3px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	width: 210px;
	border-bottom: 1px dashed #666666;
}
#content #newest .review p.rating {
	font-size: 12px;
	color: #000000;
	margin: 6px 10px 0px 10px;
	padding: 0px;
	float: left;
}
#content #newest .review img.rating {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: none;
}
#content #newest .review p.more {
	float: right;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	width: 210px;
	text-align: right;
}
#content #newest .review p.more a, #content #newest .review p.more a:link, #content #newest .review p.more a:visited, #content #newest .review p.more a:active {
	color: #000000;
	text-decoration: none;
}
#content #newest .review p.more a:hover {
	text-decoration: underline;
}

/* More Reviews */
#content .more {
	width: 410px;
	margin: 20px 10px 0px 10px;
	padding: 0px;
	float: left;
}
#content .more h1.header {
	color: #333333;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 410px;
	font-weight: normal;
	border-bottom: 1px solid #333333;
}
#content .more ul.left {
	width: 195px;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#content .more ul.right {
	width: 195px;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	float: right;
}
#content .more ul.left li, #content .more ul.right li {
	width: 195px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 3px 5px;
	border-bottom: 1px dashed #666666;
	color: #333388;
	font-size: 12px;
}
#content .more ul.left li a, #content .more ul.left li a:link, #content .more ul.left li a:visited, #content .more ul.left li a:active, #content .more ul.right li a, #content .more ul.right li a:link,#content .more ul.right li a:visited, #content .more ul.right li a:active {
	color: #333388;
	text-decoration: none;
}
#content .more ul.left li a:hover, #content .more ul.right li a:hover {
	text-decoration: underline;
}

/* Half-Banner Advertisement */
#content .halfbanner {
	width: 234px;
	height: 60px;
	margin: 10px 88px 10px 88px;
	padding: 0px;
	float: left;
}


/*** Left Side ***/
#side {
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* Categories */
#side #categories {
	width: 160px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
}
#side #categories .header {
	width: 160px;
	height: 25px;
	background-image: url(template/images/side_head.png);
	background-repeat: repeat-x;
	borer-top: 1px solid #96b9d3;
	border-right: 1px solid #96b9d3;
	border-left: 1px soldi #96b9d3;
}
#side #categories .header p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
}
#side #categories ul {
	width: 159px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#side #categories ul li {
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: url(template/images/categories_bg.png);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #666666;
	border-bottom: 1px solid #bbbbbb;
}
#side #categories ul li a, #side #categories ul li a:link, #side #categories ul li a:active, #side #categories ul li a:visited {
	color: #666666;
	padding: 0px 0px 0px 6px;
	height: 20px;
	width: 153px;
	margin: 0px;
	text-decoration: none;
	display: block;
}
#side #categories ul li a:hover {
	background-image: url(template/images/categories_hov.png);
	background-repeat: repeat-x;
	color: #273964;
}

/* Related */
#side .related {
	width: 160px;
	margin: 20px 10px 0px 10px;
	padding: 0px;
	float: left;
}
#side .related .header {
	width: 160px;
	height: 25px;
	background-image: url(template/images/side_head.png);
	background-repeat: repeat-x;
	borer-top: 1px solid #96b9d3;
	border-right: 1px solid #96b9d3;
	border-left: 1px soldi #96b9d3;
}
#side .related .header p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
}
#side .related ul {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	width: 159px;
	list-style: none;
}
#side .related ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #BBBBBB;
	color: #666666;
	font-size: 12px;
}
#side .related ul li a, #side .related ul li a:link, #side .related ul li a:active, #side .related ul li a:visited {
	color: #666666;
	text-decoration: none;
	padding: 5px;
	margin: 0px;
	width: 149px;
	display: block;
}
#side .related ul li a:hover {
	background-color: #f7fbfe;
	text-decoration: underline;
}

/* Sponsor Links */
#side p.sponsor {
	height: 10px;
	font-size: 10px;
	margin: 10px 0px 0px 55px;
	padding: 0px 0px 0px 12px;
	color: #333333;
	background-image: url(template/images/sponsor_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	float: left;
}
#side .sponsor {
	width: 160px;
	margin: 3px 10px 0px 10px;
	padding: 0px;
	float: left;
}

/*** Right Side ***/
#right {
	width: 320px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* Editor Picks */
#right .picks {
	width: 300px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	float: left;
}
#right .picks h1.header {
	color: #333388;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	font-weight: normal;
	border-bottom: 1px solid #333388;
}
#right .picks .review {
	width: 300px;
	height: 60px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #666666;
}
#right .picks .review a.pic {
	width: 70px;
	height: 50px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	background-color: #333333;
}
#right .picks .review h1.title {
	font-size: 12px;
	margin: 3px 0px 0px 8px;
	padding: 0px;
	float: left;
	font-weight: normal;
	color: #333388;
	width: 210px;
}
#right .picks .review p.desc {
	color: #000000;
	width: 210px;
	margin: 1px 0px 0px 8px;
	padding: 0px;
	float: left;
}

/* Advertisement */
#right .ad {
	width: 300px;
	margin: 10px;
	padding: 0px;
	float: left;
}

/*** Footer ***/
#footer {
	height: 191px;
	margin: 0px;
	padding: 0px;
	background-image: url(template/images/footer_bg.png);
	background-repeat: repeat-x;
}
#footer #contain {
	width: 930px;
	height: 191px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* Columns */
#footer #contain #columns {
	width: 930px;
	margin: 0px;
	padding: 0px;
	height: 160px;
}
#footer #contain #columns ul.popular {
	width: 200px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	float: left;
	list-style: none;
}
#footer #contain #columns ul.popular li.header {
	width: 200px;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #999999;
	border-bottom: 2px solid #999999;
}
#footer #contain #columns ul.popular li {
	width: 200px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	border-bottom: 1px dashed #666666;
}
#footer #contain #columns ul.popular li a, #footer #contain #columns ul.popular li a:link, #footer #contain #columns ul.popular li a:visited, #footer #contain #columns ul.popular li a:active {
	color: #666666;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	text-decoration: none;
	width: 200px;
	display: block;
}
#footer #contain #columns ul.popular li a:hover {
	color: #5c88ac;
}

/* Sites */
#footer #contain #columns ul.sites {
	width: 200px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	float: left;
	list-style: none;
}
#footer #contain #columns ul.sites li.header {
	width: 200px;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #999999;
	border-bottom: 2px solid #999999;
}
#footer #contain #columns ul.sites li {
	width: 200px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	border-bottom: 1px dashed #666666;
}
#footer #contain #columns ul.sites li a, #footer #contain #columns ul.sites li a:link, #footer #contain #columns ul.sites li a:visited, #footer #contain #columns ul.sites li a:active {
	color: #666666;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	text-decoration: none;
	width: 200px;
	display: block;
}
#footer #contain #columns ul.sites li a:hover {
	color: #5c88ac;
}

/* Copyright */
#footer p.copyright {
	height: 12px;
	color: #999999;
	margin: 4px 0px 0px 10px;
	padding: 4px 0px 0px 30px;
	float: left;
	background-image: url(template/images/footer_icon.png);
	background-repeat: no-repeat;
	height: 25px;
}
#footer p.copyright span.links {
	color: #999999;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#footer p.copyright span.links a, #footer p.copyright span.links a:link, #footer p.copyright span.links a:active, #footer p.copyright span.links a:visited {
	color: #999999;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	text-decoration: none;
}
#footer p.copyright span.links a:hover {
	color: #FFFFFF;
}