/**

XS: default
SM: @media (min-width: 768px) {
MD: @media (min-width: 992px) {
LG: @media (min-width: 1200px) {

**/


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

body {
	background: #000;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
}

@media print { 
	body { background: #fff; } 
	#ad300x250 { display: none; }
	#ad728x90 { display: none; }
	#fbComments { display: none; }
	#footer { display: none; }
	#mrqe_widget { display: none; }
	#rightColumn { display: none; }
	#taxonomy { display: none; }
	#top { display: none; }
	.bottom { display: none; }
	.categoryHead { display: none; }
	.home img { display: none; }
	.home img.printLogo { display: block; }
	.navbar { display: none; }
	.navLinks div { display: none; }
	.search { display: none; }
	.share { display: none; }
	.social { display: none; }
	.tagLine { display: none; }
}

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

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

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

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

.bgWhite { background-color: #fff; }

.secNav .top,
.titleCaps,
.siteMap .top,
#newsletter 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 **********/

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


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

h1 { 
	display: none; 
}

.header .home {
	width: 272px;
}

#ad728x90 {
	box-sizing: content-box;
	height: 90px;
	/* Scaling masthead
	display: none;
	width: 728px; 
	*/
	display: block;
	max-width: 100%;
	margin: 0 auto 15px;
}

@media (min-width: 758px) {
	#ad728x90 {
		display: block;
		margin: 0 auto 15px;
	}
}

@media (min-width: 1200px) {
	.header .home {
		float: left;
	}
	
	#ad728x90 {
		display: block;
		float: right;
		margin: 5px 0;
	}
}

.navLinks {
	clear: both;
	color: #fff;
	display: block;
	padding: 7px 0;
	text-align: center;
}

@media (min-width: 768px) {
	.navLinks {
		text-align: right;
	}
}

.navLinks ul {
	margin: 0;
	padding: 0;
}

.navLinks li {
	display: inline;
	list-style: none;
	margin: 0;
}

.navLinks a, 
.navLinks a:visited { 
	color: #fff; 
}

.nav-tabs.c   > li > #homeTab,
.nav-tabs.c19 > li > #htTab,
.nav-tabs.c23 > li > #movieTab,
.nav-tabs.c37 > li > #brTab {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.navbar-inverse .navbar-nav.c   > #homeTab > a,
.navbar-inverse .navbar-nav.c19 > #htTab > a,
.navbar-inverse .navbar-nav.c23 > #movieTab > a,
.navbar-inverse .navbar-nav.c37 > #brTab > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}



/***** 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 h5 {
    margin-top: 0;
  }

  #newsletter label {
    font-weight: normal;
  }
  
  #newsletter input[type='text'] {
		border: 1px solid #581E8C;
    width: 100%;
  }
	
	#newsletter div.submit {
		margin-top: 10px;
		text-align: center;
	}
		
	#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_icon {
    float: left;
    padding: 0 5px 5px 0;
  }

	@media (min-width: 992px) { 
		.connect_icon img{
			height: 54px;
			width: 54px;
		}
	}
	
	@media (min-width: 1200px) {
		.connect_icon img {
			height: 64px;
			width: 64px;
		}
	}

	#connect .row {
		margin: 10px 0;
	}
	
	#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 ul {
		float: right;
		list-style: none;
		margin: 0;
		padding: 3px 0 0;
		text-align: right;
	}
	
	#connect .rightLinks li {
		float: left;
		margin: 0;
		padding: 0 0 0 2px;
	}
	
	@media (min-width: 992px) {
		#connect .rightLinks ul {
			float: none;
			margin: 0 0 10px;
			padding: 0;
			text-align: left;
		}
		#connect .rightLinks li {
			margin: 5px 0 0 0;
			padding: 0 5px 0 0;
		}
	}

	@media (min-width: 1200px) {
		#connect .rightLinks ul {
			margin: 0;
			padding: 3px 0 0;
			text-align: right;
		}
		#connect .rightLinks li {
			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 {
		box-sizing: content-box;
		height: 150px;
		margin: 20px auto;
		text-align: center;
		width: 180px;
	}
	
	#ad160x600 {
		box-sizing: content-box;
		display: none;
	}

	@media (min-width: 992px) {
		#ad160x600 {
			display: block;
			height: 600px;
			margin: 20px auto;
			text-align: center;
			width: 160px;
		}
	}


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

.search {
	margin: 10px 0;
}

@media (min-width: 992px) {
	.search {
		text-align: right;
		margin: 23px 0 10px;
	}
}

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

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

@media (min-width: 768px) {
	.search .searchInput, .textInput {
		width: 200px;
	}
}



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

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

#taxonomy .row {
	margin: 0;
}

.secHeader { margin-bottom:15px; }

.secNav {
	padding-left: 25px;
}

.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 **********/


.hbType a,
.hbType a:visited {
	color: #fff;
}

.hbContent .ht,
.hbContent .movie {
	clear: both;
	margin: 10px 15px;
}

.hbContent .movie .image {
	float: right;
	height: 140px;
	margin: 0 0 20px 5px;
}

.hbContent .ht .image img {
  display: block;
	margin: 10px auto;
	max-width: 100%;
}

.hbContent .other {
	clear: both;
	margin: 30px 15px 10px;
}

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

.hbContent .otherReviews {
	margin: 0 0;
	padding: 0;
}

.hbContent .otherReviews li {
	list-style: none;
	margin: 0 15px 5px;
}


/** CATEGORY PAGES **/

.catTitle a,
.catTitle a:visited {
	color: #fff;
}

.catEntry {
	border-bottom: 1px solid #aaa;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.catEntry .byline {
	font-size: smaller;
}

.catEntry .extLink {
	font-weight: bold;
	margin: 15px 0;
}

.catEntry h4 {
	font-weight: bold;
}

.catEntry .summary {
	margin: 10px 0;
}

.catEntry .summary img.right, 
.catEntry .summary img[align="right"] {
	box-sizing: content-box;
	display: block;
	float: right;
	padding-left: 5px;
	max-width: 100%;
}

.catEntry .summary img.left, 
.catEntry .summary img[align="left"] {
	box-sizing: content-box;
	display: block;
	float: left;
	padding-right: 5px;
	max-width: 100%;
}

 @media (min-width: 768px) {
	 .catEntry .summary img.right, 
	 .catEntry .summary img[align="right"],
	 .catEntry .summary img.left, 
	 .catEntry .summary img[align="left"] {
		 display: block;
	 }
 }

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



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




/********** 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;
}


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

	.catBox .panel-title { display: none; }
	.catBox .panel-title 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; }
	#boxC38 #boxBRTitle { display: block; }
	#boxC37 .cb19, #boxC37 .cb23 { display: none; }
	#boxC38 .cb19, #boxC38 .cb23 { display: none; }
	

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

/** Extending bootstrap **/
.panel-bpbs {
  border-color: #000;
}
.panel-bpbs > .panel-heading {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.panel-bpbs > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000;
}
.panel-bpbs > .panel-heading .badge {
  color: #000;
  background-color: #fff;
}
.panel-bpbs > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000;
}

.article h3 {
  margin-top: 0;
}

.article .bcrumb a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.article .published {
	font-weight: normal;
	margin-top: 10px;
	text-transform: none;
}

@media (min-width: 992px) {
	.article .published {
		margin: 0;
		text-align: right;
	}
}

.social {
	margin-bottom: 15px;
	margin-top: 10px;
}

.social > div {
	margin: 10px 0;
}

.bottom { margin: 0 0 25px; }

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

#ad300x250 {
	border: 1px solid #000;
	box-sizing: content-box;
	height: 250px;
  margin: 0 auto 5px;
	text-align: center;
	width: 300px;
}

 @media (min-width: 768px) {
   #ad300x250 {
   	float: right;
  	margin: 0 0 5px 5px;
   }
 }

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

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

.rightBox li {
	color: #581E8C;
	margin: 0 0 5px 0;
}

.rightBox li a { color: #000; }

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

.rightBox li.top { display: none; }

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

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

	/** Share **/
	
	.share {
		margin: 10px 0 0;
	}

	@media (min-width: 768px) {
		.share {
			float: right;
			margin: 0 0 0 10px;
		}
	}
	
	.share .icns img {
		cursor: pointer;
		height: 32px;
		margin-left: 5px;
		width: 32px;
	}

	@media (min-width: 992px) {
		.share .icns img {
			margin-left: 0;
		}
	}

	@media (min-width: 1200px) {
		.share .icns img {
			margin-left: 5px;
		}
	}

	#twitter {
		margin-left: 0;
	}

	/** Article images **/
	
	.artImg,
  .artImg2 {
		box-sizing: content-box;
		max-width: 100%;
	}

	.artImg img,
  .artImg2 img {
		height: auto;
		max-width: 100%;
	}
	
	.artImg .image_caption,
  .artImg2 .image_caption {
		font-size: 10px;
		margin-bottom: 5px;
		text-align: left;
	}

	.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;
	}
  
  .artImg2,
	.artImg2.center {
		margin: 5px auto;
		text-align: center;
	}
		
  @media (min-width: 768px) {
  	.artImg2.right {
  		float: right;
  		padding-left: 5px;
  		margin: 0 0 5px;
  	}

  	.artImg2.left {
  		float: left;
  		padding-right: 5px;
  		margin: 0 0 5px;
  	}
  }
		
	
	/** 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 {
		display: none;
	}
	
	@media (min-width: 768px) {
		#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-above-wrapper-area { 
  border: none; 
  padding: 0;
}

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

#searchResults .gsc-result-info {
  border-bottom: 1px solid #aaa;
  font-size: 14px;
  margin: 0;
  padding: 0 0 15px 0;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result  {
  font-weight: 14px;
}

#searchResults .gsc-result, #searchResults .gsc-cursor-box, #empty, #searching {
	border-bottom: 1px solid #aaa;
	clear: both;
  font-size: 14px;
  padding: 15px 0;
}

#searchResults .gs-web-image-box, .gs-promotion-image-box {
  padding: 0 10px 5px 5px;
  box-sizing: content-box;
}

#searchResults .gs-result img.gs-image {
  border: none;
}

#searching { display: none; }

#searchResults .gsc-cursor-box { 
  font-size: 14px;
  text-align: center; 
}

#searchResults .gs-title {
  font-size: 18px;
  font-weight: bold;
	margin: 0 0 10px;
}

#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 **********/

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

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

.siteMap .top, .siteMap h4 {
	list-style: none;
	margin: 0 0 5px;
}

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

.siteMap .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 #eclistnone li, 
#ecoustics_widget #eclistdisc li { 
	padding: 3px 0 2px; 
}
