/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("master.css");
@import url("scroller.css");


/* --- Titles
-------------------------------------------------------*/
p { margin: 1px 0 5px 0; padding: 0; }

#critics_choice_title {
	background: url(/hr/images/critics_choice.gif) no-repeat;
	}

#dvds_title {
	background: url(/hr/images/dvds.gif) no-repeat;
	}

#coming_next_week_title {
	background: url(/hr/images/coming_next_week.gif) no-repeat;
	}

#in_the_stores_title {
	background: url(/hr/images/in_the_stores.gif) no-repeat;
	}

#new_title {
	background: url(/hr/images/new.gif) no-repeat;
	}

#rock_pop_title {
	background: url(/hr/images/rockpop.gif) no-repeat;
	}
	
#rap_hip_hop_title {
	background: url(/hr/images/raphiphop.gif) no-repeat;
	}

#country_title {
	background: url(/hr/images/country.gif) no-repeat;
	}

#jazz_cabaret_title {
	background: url(/hr/images/jazzcabaret.gif) no-repeat;
	}

#recent_openers_title {
	background: url(/hr/images/recent_openers.gif) no-repeat;
	}

#also_in_release_title {
	background: url(/hr/images/also_in_release.gif) no-repeat;
	}

#festivals_title {
	background: url(/hr/images/festivals.gif) no-repeat;
	}

#film_highlights_title {
	background: url(/hr/images/film_highlights.gif) no-repeat;
	}
#tv_highlights_title {
	background: url(/hr/images/tv_highlights.gif) no-repeat;
	}
#music_highlights_title {
	background: url(/hr/images/musichighlights.gif) no-repeat;
	}

#more_reviews_title {
	background: url(/hr/images/more_reviews.gif) no-repeat;
	}

#search_info_title {
	background: url(/hr/images/search_info.gif) no-repeat;
	}

#video_highlights_title {
	background: url(/hr/images/video_highlights.gif) no-repeat;
	}

h2.grey_bg {
	margin-bottom: 10px;
	margin-left: 10px;
	}


/* --- Columns
-------------------------------------------------------*/

#primary_column {
	float: left;
	width: 616px;
	}

#primary_right {
	width: 327px;
	margin-bottom: 15px;
	float: left;
	
	}



/* --- Primary Content
-------------------------------------------------------*/

#main {
	float: left;
	display: inline;
	width: 596px;
	margin-left: 20px;
	background: url(/hr/images/border.gif) repeat-y 100% 0;
	}


	/* --- Main Review
	-------------------------------------------------------*/

	#main_review {
		float: left;
		width: 278px;
		margin-right: 20px;
		}

		#main_review img {
			margin-bottom: 10px;
			padding: 2px;
			background: #a4a4a4;
			}

		#main_review p {
			font-size: 12px;
			}
	
	
	
	/* --- Entries
	-------------------------------------------------------*/
	
	.entry {
		position: relative;
		width: 270px;
		margin-bottom: 15px;
		}
		
		.entry h3.big {
			margin-right: 0px;
			}
			
		.entry h3 {
			margin-right: 0px;
			}
			
		.entry img {
			float: left;
			margin: 2px 10px 3px 0;
			padding: 1px;
			background: #A4A4A4;
			}

		.entry .copy h3 {
			float: left;
			width: 110px;
			}
		
		.entry ol li, 
		.entry .copy ol li {
			float: left;
			text-indent: 0px;
			width: 100px;
			}

	#recent_reviews {
		float: left;
		width: 288px;
		margin-top: -4px;
		}






/* --- Secondary Content
-------------------------------------------------------*/

#secondary_content {
	clear: both;
	float: left;
	display: inline;
	width: 616px;
	margin-bottom: 10px;
	background: url(/hr/images/border.gif) repeat-y 100% 0;
	}
	
	#secondary_content #critics_choice {
		float: left;
		width: 100%;
		background: url(/hr/images/critics_choice_bg.gif) repeat-x;
		}
		
		#critics_choice h2 {
			margin: 7px 0 21px 20px;
			}
	
	.column_left,
	.column_right {
		float: left;
		display: inline;
		width: 270px;
		margin-left: 20px;
		}



/* --- Tertiary Content
-------------------------------------------------------*/

#tertiary_content {
	clear: both;
	float: left;
	display: inline;
	width: 616px;
	margin-bottom: 10px;
	background: url(/hr/images/border_two_column.gif) repeat-y;
	}

	#tertiary_content .module_full_bar {
		float: left;
		display: inline;
		width: 307px;
		margin-right: 1px;
		padding-bottom: 10px;
		}
		
		#tertiary_content .module_full_bar h2 {
			margin-bottom: 15px;
			}
		
		
#tertiary_content .headlines li a,
#quaternary_content .headlines li a {
	padding: 0 20px;
	background-image: none;
	}
	
	
	
	/* --- Scroller
	-------------------------------------------------------*/

	/* --- | This constrains the content | --- */

	#tertiary_content .scroller,
	#quaternary_content .scroller {
		position: relative;
		overflow: hidden;
		width: 307px;
		}

	/* --- | Target for javascript | --- */

	#tertiary_content .scrollContainer,
	#quaternary_content .scrollContainer {
		/*position:absolute;*/
		top: 0;
		left: 0;
		width: 307px
		}

	/* --- | Scrollbar | --- */

	#tertiary_content .scrollControls,
	#quaternary_content .scrollControls {
		position: absolute;
		top: 0;
		right: -1px;
		height: 74px;
		width: 21px;
		}

/* --- Quaternary Content
-------------------------------------------------------*/

#quaternary_content {
	clear: both;
	float: left;
	display: inline;
	width: 616px;
	margin-bottom: 10px;
	background: url(/hr/images/border_two_column.gif) repeat-y;
	}

	#quaternary_content .module_full_bar {
		float: left;
		display: inline;
		width: 307px;
		margin-right: 1px;
		padding-bottom: 10px;
		}
		
		#quaternary_content .module_full_bar h2 {
			margin-bottom: 15px;
			}
	
		
		#quaternary_content .module_full_bar .more_dark {
			line-height: 14px;
			float: right;
			margin: 15px 20px 0 0;
			}

/* --- Tertiary Content
-------------------------------------------------------*/

#left_content {
	clear: both;
	float: left;
	display: inline;
	width: 308px;
	margin-bottom: 10px;
	background: url(/hr/images/border_two_column.gif) repeat-y;
	}

	#left_content .module_full_bar {
		float: left;
		display: inline;
		width: 307px;
		margin-right: 1px;
		padding-bottom: 10px;
		}
		
		#left_content .module_full_bar h2 {
			margin-bottom: 15px;
			}
		
		
#left_content .headlines li a,
#right_content .headlines li a {
	padding: 0 20px;
	background-image: none;
	}
	
	
	
	/* --- Scroller
	-------------------------------------------------------*/

	/* --- | This constrains the content | --- */

	#left_content .scroller,
	#right_content .scroller {
		position: relative;
		overflow: hidden;
		width: 307px;
		}

	/* --- | Target for javascript | --- */

	#left_content .scrollContainer,
	#right_content .scrollContainer {
		/*position:absolute;*/
		top: 0;
		left: 0;
		width: 307px
		}

	/* --- | Scrollbar | --- */

	#left_content .scrollControls,
	#right_content .scrollControls {
		position: absolute;
		top: 0;
		right: -1px;
		height: 74px;
		width: 21px;
		}

/* --- Quaternary Content
-------------------------------------------------------*/

#right_content {
	float: left;
	display: inline;
	width: 308px;
	margin-bottom: 10px;
	background: url(/hr/images/border_two_column.gif) repeat-y;
	}

	#right_content .module_full_bar {
		float: left;
		display: inline;
		width: 307px;
		margin-right: 1px;
		padding-bottom: 10px;
		}
		
		#right_content .module_full_bar h2 {
			margin-bottom: 15px;
			}
	
		
		#right_content .module_full_bar .more_dark {
			line-height: 14px;
			float: right;
			margin: 15px 20px 0 0;
			}



/* --- Secondary Column
-------------------------------------------------------*/

#primary_right .module_full_bar,
#primary_right .module_dark {
	clear: both;
	}

#primary_right .module_full_bar {
	float: left;
	width: 100%;
	}

#primary_right .module_dark {
	padding-top: 1px;
	margin: 0 20px 25px;
	}
	
#primary_right .advertisement {
	padding: 0 0px 0 20px;
	}



	/* --- Film Highlights
	-------------------------------------------------------*/

	#film_highlights ul {
		float: left;
		width: 135px;
		margin: 15px 0 15px;
		}

		#film_highlights ul li {
			list-style: none;
			margin: 0 0 5px 20px;
			}
			
			
/* --- tv Highlights
	-------------------------------------------------------*/

	#tv_highlights ul {
		float: left;
		width: 135px;
		margin: 15px 0 15px;
		}

		#tv_highlights ul li {
			list-style: none;
			margin: 0 0 5px 20px;
			}




	/* --- More Reviews
	-------------------------------------------------------*/

	#more_reviews {
		height: 250px;
		}

		#more_reviews h2 {
			margin-bottom: 25px;
			}

		#more_reviews ul {
			margin: 0 20px 25px 20px;
			border-top: 1px solid #c1c1c1;
			}

			#more_reviews ul li {
				list-style: none;
				padding-bottom: 2px;
				background: url(/hr/images/border_triple.gif) repeat-x 0 100%;
				}
				
				#more_reviews ul li:hover a {
					font-weight: bold;
					color: #fff;
					background: #646464;
					}
				

				#more_reviews ul li a {
					line-height: 18px;
					display: block;
					height: 1%;
					padding-left: 10px;
					}

					#more_reviews ul li:hover a,
					#more_reviews ul li a:hover {
						font-weight: bold;
						color: #fff;
						background: #646464;
						}
			
			/* --- | Second Level | --- */
			
			#more_reviews ul li ul {
				margin: 0;
				background: #f1f1f1;
				border-left: 1px solid #cdcdcd;
				}
			
				#more_reviews ul li ul li {
					padding: 0;
					background: none;
					}
				
					#more_reviews ul li:hover ul li a,
					#more_reviews ul li ul li a {
						font-weight: normal;
						color: #3d3d3d;
						background: #f1f1f1;
						}
					
						#more_reviews ul li ul li a:hover {
							font-weight: normal;
							color: #d7122e;
							background: #fff;
							}
	
	
		/* --- Scroller
		-------------------------------------------------------*/

		/* --- | This constrains the content | --- */

		#more_reviews .scroller {
			position: relative;
			overflow: hidden;
			width: 288px;
			height: 74px;
			}

		/* --- | Target for javascript | --- */

		#more_reviews .scrollContainer {
			position:absolute;
			top: 0;
			left: 0;
			width: 288px
			}

		/* --- | Scrollbar | --- */

		#more_reviews .scrollControls {
			position: absolute;
			top: 0;
			right: 0;
			height: 74px;
			width: 21px;
			}
	
	
	/* --- Search Reviews
	-------------------------------------------------------*/
	
	#primary_right #search_reviews {
		clear: both;
		position: relative;
		display: block;
		width: 287px;
		height: 16px;
		margin: 0 20px 20px;
		}
		
		#primary_right #search_reviews fieldset {
			border: 0;
			}

		#primary_right #search_reviews label {
			text-indent: -9999px;
			position: absolute;
			display: block;
			top: 2px;
			width: 85px;
			height: 10px;
			background: url(/hr/images/search_reviews.gif) no-repeat;
			}

		#primary_right #search_reviews #reviews_search {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 10px;
			color: #fff;
			position: absolute;
			left: 90px;
			width: 135px;
			border: 1px solid #bfc1c2;
			}

			#primary_right #search_reviews #reviews_search:hover,
			#primary_right #search_reviews #reviews_search:focus,
			html body #container #primary_content #primary_right fieldset input.focus {
				color: #947a5b;
				background: #f7f5f2;
				border-color: #dccba5;
				}

		#primary_right #search_reviews #search_reviews_submit {
			position: absolute;
			left: 235px;
			top: 1px;
			}

#primary_right .module_dark {
	padding-top: 5px;
	}

#primary_right .module_dark h2 {
	margin-bottom: 15px;
	}