/********** GENERAL SITE STYLES **********/

body {
	background: #000;
	font: 12px/15px Arial,Helvetica,sans-serif;
	margin: 0;
}

img { border: 0; }

form { display: inline; }

input { font: 11px/14px Arial,Helvetica,sans-serif; }

a { color: #581E8C; text-decoration: none; }
a:hover { text-decoration: underline; }

.center { text-align: center; }
.right { text-align: right; }

.clearfix { clear: both; font-size: 0px; }
.hidden { display: none; }

.titleCaps, 
.box .type,
.box .title,
#mainNav_nav li,
.secNav li.top,
.secHeader,
.homeCat .other,
.crumb,
.contentBox h2,
#sweeps_signup h5 {
	font-weight: bold;
	text-transform: uppercase;
}

.button {
	background: #581e8c;
	border: 1px solid #333 !important;
	border: none; /* IE6,7-only */
	color: #fff;
	cursor: pointer;
	font: 12px/15px Arial,Helvetica,sans-serif;
	padding: 2px 5px;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #6d3b8c,  #581E8C);
	background: -webkit-gradient(linear, left top, left bottom, from(#6d3b8c), to(#581E8C));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d3b8c', endColorstr='#581E8C');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button:hover {
	background: #6d3b8c;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #581E8C,  #6d3b8c);
	background: -webkit-gradient(linear, left top, left bottom, from(#581E8C), to(#6d3b8c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#581E8C', endColorstr='#6d3b8c');
}



/********** COMMON PAGE TEMPLATE STYLES **********/

#content {
	left: 0;
	position: absolute;
	text-align: center;
	top: 149px;
	width: 100%;
}

#content_inner {
	background: #fff;
	border-top: 1px solid #333;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: left;
	width: 1000px;
	/* CSS3 - will degrade */
	box-shadow: 0 0 8px #555;
	-moz-box-shadow: 0 0 8px #555;
	-webkit-box-shadow: 0 0 8px #555;
}

#mainCol {
	background: #fff;
	float: left;
	padding: 10px 0 20px;
	width: 780px;
}

#rightCol {
	background: #fff;
	float: left;
	padding: 10px 10px 0;
	width: 200px;
}

.contentBox { 
	margin: 0 10px 20px 10px; 
	/* CSS3 - will degrade */
	box-shadow: 3px 3px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px #aaa;
	-webkit-box-shadow: 3px 3px 5px #aaa;
}

.contentBox h2 {
	color: #fff;
	/*font: bold 14px/18px Arial,Helvetica,sans-serif;
	height: 18px;*/
	font: bold 12px/15px Arial,Helvetica,sans-serif;
	height: 15px;
	margin: 0;
	padding: 5px 10px;
	/* CSS3 - will degrade */
	background: #000;
	background: -moz-linear-gradient(top,  #000,  #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#555555');
}

.contentBox h2 a { color: #fff; }

.crumb { color: #666; }
.crumb a { color: #999; }
.crumb .catName a { color: #666; }


/***** Header Styles *****/

#header {
	height: 150px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

#header_inner {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

h1 { display: none; }

#header .home {
	float: left;
	width: 272px;
}

#ad768x90 {
	/* DEBUG STYLES
	background-color: #222;
	color: #fff;
	height: 53px;
	padding-top: 37px;
	*/
	float: left;
	height: 90px;
	margin: 5px 0;
	text-align: center;
	width: 728px;
}

#topNav {
	clear: both;
	color: #fff;
	display: block;
	float: right;
	padding-top: 7px;
	text-align: right;
	width: 300px;
}

#topNav ul {
	height: 14px;
	margin: 0;
	padding: 0;
}

#topNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

#topNav a, #topNav a:visited { color: #fff; }

#mainNav {
	clear: both;
	left: 0;
	height: 30px;
	position: absolute;
	top: 120px;
	width: 100%;
	text-align: center;
	z-index: 1000;
}

#mainNav_inner {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

#mainNav_nav {
	height: 30px;
	margin: 0;
	padding-left: 10px;
}

#mainNav_nav li {
	background: #fff;
	border: 1px solid #000;
	display: block;
	float: left;
	height: 18px;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 7px 12px 3px;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #bbb,  #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#fff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#ffffff');
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#mainNav ul.c li#homeTab,
#mainNav ul.c23 li#movieTab,
#mainNav ul.c19 li#htTab,
#mainNav ul.c20 li#htTab,
#mainNav ul.c37 li#brTab {
	border-bottom-color: #fff;
	color: #581E8C;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #ddd,  #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}

#mainNav_nav li:hover {
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #ddd,  #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}

#mainNav_nav li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#mainNav_nav li a:hover { color: #000; }
#mainNav_nav li.sel a { color: #581E8C; }



/***** Right Column Styles *****/

#rightCol .box {
	border: 1px solid #ddd;
	border-width: 0 1px 1px;
	margin-bottom: 20px;
}

#rightCol .box .type {
	background: #ddd;
	height: 15px;
	padding: 6px 5px 5px;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #ddd,  #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}

#rightCol .boxContent {
	font: 11px/14px Arial,Helvetica,sans-serif;;
	padding: 5px;
}

#rightCol .boxContent h5 {
	font-size: 12px;
	margin: 5px 0 10px;
}

#rightCol .boxContent .image { 
	margin: 5px 0;
	text-align: center; 
}


	/** Newsletter Form **/
	
	#newsletter .boxContent div { margin: 5px 0; }

	.mail_signup label.signup {
		display: block;
		float: left;
		padding-top: 4px;
		width: 40px;
	}
	
	.mail_signup input.signup {
		border: 1px solid #581E8C;
		width: 130px;
	}
	
	.mail_signup div.submit {
		margin-top: 10px;
		text-align: center;
	}
	
	#newsletter .boxContent .box { border: none; margin: 0; }
	
	#mail_signup .sweepsShow { display: none; }
	
	
	/** Sweepstakes **/
	
	#rightCol #sweepsBox { 
		border-color: #581E8C; 
		border-top-width: 1px;
	}
	
	#sweepsBox .cta { 
		margin-top: 5px;
		text-align: right;
	}
		
	
	/** Connect **/

	#connect .leftLinks {
		background-image: url(/images/sprites.png);
		background-repeat: no-repeat;
		float: left;
		height: 16px;
		margin: 0 5px 0 0;
		width: 16px;
	}
	
	#connect .leftLinks a {
		display: block;
		height: 16px;
		width: 16px;
	}
	
	#connect .rightLinks {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#connect .rightLinks li {
		float: left;
		margin: 0;
		padding: 0 0 0 2px;
	}
	
	.shareIcon {
		background-image: url(/images/sprites.png);
		background-repeat: no-repeat;
		display: block;
		height: 16px;
		width: 16px;
	}
	
	.googleIcon    { background-position: -2px  -2px; }
	.rssIcon       { background-position: -2px -22px; }
	.yahooIcon     { background-position: -2px -42px; }
	.dashboardIcon { background-position: -2px -62px; }
	.twitterIcon   { background-position: -2px -82px; }
	
	
	/** Facebook **/

	#fbBox {
		background: #fff;
		overflow: hidden;
		width: 200px;
	}
	
	#fbBox iframe {
		border: none;
		height: 295px; 
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 200px;
	}
	
	
	/** Ads **/
	
	#ad180x150 {
		/* DEBUG STYLES 
		background: #222;
		color: #fff;
		height: 90px;
		padding-top: 60px;
		*/
		/*height: 150px;*/
		margin: 20px 10px;
		text-align: center;
		width: 180px;
	}
	
	#ad160x600 {
		/* DEBUG STYLES
		background: #222;
		color: #fff;
		height: 285px;
		padding-top: 285px;
		*/
		height: 600px;
		margin: 20px 20px 0;
		text-align: center;
		width: 160px;
	}



/***** Main Content Styles *****/

#top { padding: 10px 10px 0; }

#top h3 {
	font: bold 20px/24px Arial,Helvetica,sans-serif;
	margin: 0 0 10px;
}

#search {
	float: right;
	margin-top: 3px;
}

#search label { margin-right: 5px; }

#search .searchInput, .textInput {
	border: 1px solid #581E8C;
	height: 18px;
	width: 200px;
}



/***** Taxonomy *****/

#taxonomy { 
	background: #ddd; 
	clear: both;
	margin: 20px 10px 0; 
	padding: 10px; 
}

.secHeader { margin-bottom:15px; }

.secNav { 
	float: left; 
	margin: 0 20px 0 0; 
	padding:0 0 0 20px; 
	width: 135px; 
}
.movieNav { width: 100px; }

.secNav li { 
	color: #581E8C; 
	font-size: 10px; 
}

.secNav li a { 
	color: #000; 
	font-size: 12px; 
}

.secNav li.top { 
	list-style: none; 
	margin: 0 0 5px -20px; 
}

.secNav li.subsub { display: none; }

.old {
	float: right;
	font-style: italic;
}


/***** Footer Styles *****/

#footer {
	margin: 20px 10px 0;
	text-align: center;
}



/********** HOMEPAGE-SPECIFIC STYLES **********/

#mainCol .homeCat {
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 370px;
}

.hcBottom { margin-bottom: 0; }

#mainCol .box {
	/* CSS3 - will degrade */
	box-shadow: 3px 3px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px #aaa;
	-webkit-box-shadow: 3px 3px 5px #aaa;
}

#mainCol .box .type {
	background: #000;
	color: #fff;
	height: 15px;
	padding: 5px 10px;
	/* CSS3 - will degrade */
	background: -moz-linear-gradient(top,  #000,  #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#555555');
}

#mainCol .box .type a, #mainCol .box .type a:visited { color: #fff; }

#mainCol .box .boxContent {
	background: #fff;
	border: solid #d8d8d8; 
	border-width: 0 1px 1px;
	padding: 9px;
	width: 350px;
}

#mainCol .box .movie {
	clear: both;
	margin-bottom: 10px;
}

#mainCol .box .image {
	float: right;
	height: 140px;
	margin: 0 0 20px 5px;
}

#mainCol .ht .image {
	float: none;
	height: 150px;
	margin: 10px 0;
	text-align: center;
}

#mainCol .box .title { font: bold 14px/18px Arial,Helvetica,sans-serif; }

#mainCol .box .byline { font: 11px/14px Arial,Helvetica,sans-serif; }

#mainCol .box .summary { margin: 5px 0; }

#mainCol .other {
	clear: both;
	font: bold 13px/16px Arial,Helvetica,sans-serif;
	margin: 30px 0 10px;
}

#mainCol .other a { color: #000; }

#mainCol .otherReviews {
	margin: 0;
	padding: 0;
}

#mainCol .otherReviews li {
	list-style: none;
	margin: 0 0 5px;
}



/********** INDEX-SPECIFIC STYLES **********/

.entryList .entry { 
	background: #fff;
	border: solid #ddd;
	border-width: 0 1px 1px;
	clear: both;
	padding: 15px 9px;
	width: 740px;
}

.entryList .entry h3 { 
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	margin: 5px 0; 
}

.entryList .entry .byline {
	font: normal 10px/13px Arial,Helvetica,sans-serif;;
	margin: 5px 0 0;
}

.entryList .entry img.right, 
.entryList .entry img[align="right"] {
	float: right;
	padding-left: 5px;
}

.entryList .entry img.left, 
.entryList .entry img[align="left"] {
	float: left;
	padding-right: 5px;
}

.pagination { 
	font-weight: bold; 
	text-align: center;
}

	/** Right-nav category box **/
	
	#boxC { display: none; }

	.catBox .type { display: none; }
	.catBox .type a { color: #000; }
	
	#boxC19 .cb37, #boxC19 .cb23 { display: none; }
	#boxC20 .cb37, #boxC20 .cb23 { display: none; }
	#boxC36 .cb37, #boxC36 .cb23 { display: none; }
	#boxC19 #boxHTTitle { display: block; }
	#boxC20 #boxHTTitle { display: block; }
	#boxC36 #boxHTTitle { display: block; }

	#boxC23 #boxMovTitle { display: block; }
	#boxC23 .cb19, #boxC23 .cb37 { display: none; }

	#boxC37 #boxBRTitle { display: block; }
	#boxC37 .cb19, #boxC37 .cb23 { display: none; }
	

/********** ARTICLE-SPECIFIC STYLES **********/

.contentArea {
	border: solid #ddd;
	border-width: 0 1px 1px;
	padding: 10px;
}

.article h2 { 
	font: bold 12px/15px Arial,Helvetica,sans-serif; 
	height: 15px;
}

.article .published {
	float: right;
	font-weight: normal;
	text-transform: none;
}

.article h3 {
	font: bold 18px/22px Arial,Helvetica,sans-serif;
	margin: 0 0 4px;
}

.article h4 {
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	margin: 10px 0;
}

.article #fbLike { 
	float: left;
	margin-top: 10px; 
	width: 460px;
}

.article #gPlus1 {
	float: right;
	margin-top: 10px;
	text-align: right;
	width: 85px;
}

.bottom { margin: 0 0 25px; }

.bottom.solo {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 10px;
}

#ad300x250 {
	/* DEBUG STYLES 
	background: #222;
	color: #fff;
	height: 140px;
	padding-top: 110px;
	*/
	border: 1px solid #000;
	float: right;
	height: 250px;
	margin: 0 0 5px 5px;
	text-align: center;
	width: 300px;
}

.stub #ad300x250 {
	float: none;
	margin: 20px auto;
}

.categoryBox {
	margin: 0;
	padding: 0 0 0 19px;
}

.categoryBox li {
	color: #581E8C;
	font-size: 10px;
	margin: 5px 5px 5px 0;
}

.categoryBox li a {
	color: #000;
	font-size: 12px;
}

.categoryBox li.sel { font-weight: bold; }

.categoryBox li.top { display: none; }

.categoryBox li.subsub { margin-left: 20px; }

.biggie {
	cursor: pointer;
	float: right;
	margin-left: 5px;
}

	/** Share **/
	
	.article .share {
		border: 1px solid #ddd;
		float: right;
		margin-left: 10px;
		padding: 10px;
		width: 143px;
	}
	
	.article .share div { margin: 2px 0; }
	
	.article .share .icns img {
		cursor: pointer;
		margin-right: 9px;
	}
	
	#print { margin-right: 0; }


	/** Article images **/
	
	.artImg.right {
		float: right;
		padding-left: 5px;
		margin-bottom: 5px;
	}

	.artImg.left {
		float: left;
		padding-right: 5px;
		margin-bottom: 5px;
	}
	
	.artImg.center {
		margin: 5px auto;
		text-align: center;
	}
	
	.artImg .image_caption {
		font-size: 10px;
		margin-bottom: 5px;
		text-align: left;
	}
	
	
	/** Review-specific **/
	
	.reviewMeta {
		border: solid #ddd;
		border-width: 1px 0;
		margin: 20px 0;
		padding: 10px 0;
	}
	
	.reviewMeta th {
		font-size: 12px;
		font-weight: normal;
		padding: 3px 0 2px;
		text-align: left;
		text-transform: uppercase;
		vertical-align: top;
	}
	
	.reviewMeta.movie th { width: 115px; }
	.reviewMeta.dvd th { width: 100px; }
	.reviewMeta.ht th { width: 175px; }
	
	
	/** BluRay-specific **/	
	
	.categoryBox.cbBr .cb19, .categoryBox.cbBr .cb23 { display: none; }

	
	/** Movie-specific **/
	
	.categoryBox.cbMov .cb19, .categoryBox.cbMov .cb37 { display: none; }

	.article #myMovieLocation {
		height: 30px;
		margin-top: 10px;
		width: 143px;
	}
	
	#mrqe_widget {
		float: right;
		width: 150px;
	}

	
	/** HT-specific **/
	
	.categoryBox.cbHT .cb37, .categoryBox.cbHT .cb23 { display: none; }
	
	.priceGrabber { margin-top: 10px; }

	.discBox {
		border: 1px solid gray;
		margin: 40px 20px 20px;
		padding: 10px 10px 0;
	}
	
	.discBox div { margin-bottom: 10px; }
	
	
	/** Sweepstakes **/
	
	#sweeps_signup {
		border: 1px solid #ddd;
		margin: 30px 225px 10px;
	}
	
	#sweeps_signup h5 {
		font: bold 12px/15px Arial,Helvetica,sans-serif;
		height: 15px;
		margin: 0;
		padding: 6px 10px 5px;
		/* CSS3 - will degrade */
		background: -moz-linear-gradient(top,  #ddd,  #fff);
		background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
	}
	
	#sweeps_signup div {
		clear: both;
		margin: 10px 0;
	}
	
	#sweeps_signup div.text { margin: 15px 0 5px; }
	#sweeps_signup div.checks { margin: 5px 0 10px; }
	
	#sweeps_signup label.signup { width: 50px;}
	#sweeps_signup input.signup  { width: 200px;}
	
	#sweeps_signup .sweepsHide { display: none; }
	#sweeps_signup .lists { display: none; }
	#sweeps_signup #list2, #sweeps_signup #list3 { display: block; }
	#sweeps_signup .numList1 { display: none; }
	#sweeps_signup .box {
		padding: 0 10px;
		/* CSS3 - will degrade */
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	/** Facebook Comments **/
	
	#fbComments {
		border: 1px solid #ddd;
		margin: 30px 10px 10px; 
		padding: 10px; 
	}
	
	#fbComments h4 { margin: 0 0 10px; }
	

/********** SEARCH RESULTS **********/

#searchResults .gsc-resultsHeader { display: none; }
#searchResults .gsc-tabsArea { display: none; }

#searchResults .gsc-results {
	padding: 0;
	width: auto;
}

#searchResults .gsc-result, #searchResults .gsc-cursor-box, #empty, #searching {
	border: solid #ddd;
	border-width: 0 1px 1px;
	clear: both;
	margin: 0;
	padding: 15px 10px;
}

#searching { display: none; }

#searchResults .gsc-cursor-box { text-align: center; }

#searchResults .gs-title {
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
}

#searchResults .gs-result .gs-title, #searchResults .gs-result .gs-title * {
	color: #581e8c;
	text-decoration: none;
}

#searchResults .gs-result .gs-title a:hover { text-decoration: underline; }

#searchResults .gs-visibleUrl { display: none; }


/********** SITE MAP **********/

.smCol { float: left; }

.smCol ul { 
	margin: 0 0 20px; 
	padding: 0; 
}

.smCol li { margin-left: 20px; }

.smCol .top, .smCol h3 {
	font: bold 14px/18px Arial,Helvetica,sans-serif;
	list-style: none;
	margin: 0 0 5px;
}

.smCol .top a { color: #000; }

.smCol .subsub { margin-left: 40px; }


/********** PROMOS **********/

.hpPromo {
	font-size: 0;
	line-height: 0;
}

.hpPromo * {
	font: auto;
}


/********** ECOUSTICS **********/

.ht_score_head { font-weight: 700; margin-bottom: 1em; }
#ecoustics_widget { float: right; width: 349px; padding-left: 20px; }
#ecoustics_widget #eclistnone li, #ecoustics_widget #eclistdisc li { padding: 3px 0 2px; }