/* == GLOBAL STYLES == */

html {
	margin: 0;
	padding: 0;
}

body {
	background: #f1f1f1 url("../images/body-bg.gif") repeat-x left top;
	margin: 0;
	padding: 0;
}

/* The following two rules remove the dotted links that show when clicking on links. */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

a img {
	border: 0;
}

input[type=hidden]{ display: none !important; }

#ad160x600 {
	margin-top: 1em;
	text-align:center;
}

#Page {
	background: #fff url("../images/page-bg.gif") repeat-y left top;
	width: 987px;
}

	#Header {
		background: #f1f1f1 url("../images/header-bg.gif") no-repeat left top;
		height: 91px;
		padding-right: 8px;
	}

		#Logo {
			float: left;
			height: 91px;
			width: 220px;
		}

			#Logo a, #Logo img {
				display: block;
			}

		#TopBlock {
			background: #000 url("../images/topblock-bg.gif") no-repeat center top;
			float: right;
			height: 42px;
			margin: 0 10px;
			padding: 0 10px;
			width: 718px;
		}

			#Navigation {
				color: #fff;
				float: left;
				font: bold 10px/10px Arial, sans-serif;
				padding: 15px 0 17px;
				width: 500px;
			}

				#Navigation:hover {
					cursor: default;
				}

				#Navigation .Divider {
					font-size: 12px;
					padding: 0 5px;
				}

				#Navigation a {
					color: #fff;
					letter-spacing: 0;
					text-decoration: none;
					text-transform: uppercase;
				}

					#Navigation a:hover {
						color: #e00;
						cursor: pointer;
					}

			#Search {
				float: right;
				padding: 10px 0;
				width: 197px;
			}

				#SearchForm {
					display: block;
				}

					#SearchForm input {
						display: block;
					}

					#SearchField {
						border: 2px inset #ddd;
						float: left;
						font: bold 12px/16px Arial, sans-serif;
						height: 16px;
						margin: 0;
						padding: 2px 2px 0;
						width: 163px;
					}

					#SearchSubmit {
						background: transparent;
						border: 0;
						color: #fff;
						cursor: pointer;
						float: right;
						font: bold 10px/10px Arial, sans-serif;
						height: 20px;
						margin: 0;
						padding: 0;
						width: 19px;
					}

					/* Safari Hack */
					::root #Search {
						width: 207px;
					}

					::root #SearchSubmit {
						height: auto;
						margin-left: 10px;
						margin-top: 2px;
						width: auto;
					}

		#LoginStatus {
			background: #f6f6f6 url("../images/loginstatus-bg.gif") no-repeat left top;
			clear: right;
			float: right;
			height: 28px;
			margin: 10px 10px 11px;
			width: 738px;
		}

			#WelcomeMessage {
				background: transparent url("../images/loginstatus-right-border.gif") no-repeat right center;
				float: left;
				font: bold 12px/12px Arial, sans-serif;
				height: 12px;
				padding: 8px 11px 8px 10px;
				width: 464px;
			}

			#RegisterMessage {
				background: transparent url("../images/loginstatus-right-border.gif") no-repeat right center;
				float: left;
				font: bold 12px/12px Arial, sans-serif;
				height: 12px;
				padding: 8px 11px 8px 10px;
				width: 659px;
			}

			#SubmitStuff {
				float: left;
				height: 28px;
				width: 95px;
			}

			#EditProfile {
				float: left;
				height: 28px;
				width: 90px;
			}

			#SignOut {
				float: left;
				height: 28px;
				width: 68px;
			}

			#SignIn {
				float: left;
				height: 28px;
				width: 58px;
			}

	#Body {
		padding-right: 8px;
	}

		#LeftColumn {
			float: left;
			padding: 10px;
			width: 200px;
		}

			#IndustryNews {
				background: transparent url("../images/industrynews-bg.gif") repeat-x left center;
				font: bold 10px/10px Arial, sans-serif;
				height: 10px;
				margin: 0;
				padding: 8px 0 10px;
				text-transform: uppercase;
			}

			.NewsBox {
				background: transparent url("../images/newsbox-bg.gif") no-repeat left top;
				font: bold 12px/13px Arial, sans-serif;
				margin-top: 10px;
				overflow: auto;
				width: 200px;
			}

				.NewsBox a {
					background: transparent url("../images/newsbox-bottom-border.gif") no-repeat center bottom;
					color: #000;
					display: block;
					overflow: auto;
					padding: 6px;
					text-decoration: none;
				}

				.NewsBox img {
					display: block;
					float: left;
					height: 40px;
					padding-right: 6px;
					width: 40px;
				}

				.NewsBox .NewsText {
					float: right;
					width: 142px;
				}

		#RightColumn {
			float: right;
			padding: 10px;
			width: 738px;
		}

			#BannerAd {
				background-color: #ddd;
				height: 90px;
				overflow: hidden;
				padding: 5px;
				width: 728px
			}

			#Content {
				margin-top: 20px;
			}

				#PanelAd {
					background-color: #ddd;
					float: right;
					height: 250px;
					overflow: hidden;
					margin: 0 -10px 15px 15px;
					padding: 5px;
					width: 300px;
				}

	#Footer {
		background: #eee url("../images/footer-bg.gif") no-repeat left bottom;
		height: 30px;
		padding-right: 13px;
	}

		#NewsArchiveLink {
			float: left;
			padding-left: 12px;
			width: 208px;
		}

		#Copyright {
			color: #939393;
			float: right;
			font: bold 10px/10px Arial, sans-serif;
			height: 10px;
			padding: 10px 0;
			text-align: center;
			text-transform: uppercase;
			width: 748px;
		}

			#Copyright a {
				color: #939393;
				text-decoration: underline;
			}

.GoToLink {
	color: #939393;
	font: bold 10px/10px Arial, sans-serif;
}

	.GoToLink a {
		color: #939393 !important;
		text-decoration: none !important;
	}

/* New tabs */

.Tabs{ 
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	top: 1px;
}
	
	/* Styles for when JavaScript IS NOT available. */
	.Tabs li {
		padding: 10px;
	}

		.Tabs li a {
			color: #000;
			font: bold 10px/10px Arial, sans-serif;
			margin-bottom: 10px;
			text-transform: uppercase;
			display: block;
		}

	.Tabs li {
		float: left;
		padding: 0;
	}

		.Tabs li a{
			color: #939393;
			cursor: pointer;
			margin: 0;
			padding: 10px;
			position: relative;
			text-decoration: underline;
			z-index: 10;
		}

		.Tabs li.Active a {
			background: transparent url("../images/tabbedbox-title-left-bg.gif") no-repeat left top;
			margin: 0;
			position: relative;
			z-index: 10;
		}

			.Tabs li.Active {
				background: #fff url("../images/tabbedbox-title-right-bg.gif") no-repeat right top;
				padding-right: 1px;
			}

	.TabBody{
		display: none;
		clear: left;
		background: transparent url("../images/tabbed-box-body-bg-reallywide.gif") no-repeat center top;
		margin: 0px;
		padding: 11px;
	}
	.TabBody.Active{
		display: block;
	}
		#InnerLeftColumn .TabBody{
			background: transparent url("../images/tabbedbox-body-bg-wide.gif") no-repeat center top;
			border: 0px;
		}
		#InnerRightColumn .TabBody {
			background: transparent url("../images/tabbedbox-body-bg.gif") no-repeat left top;
			border: 0px;
		}

/* == CONTENT STYLES == */

#Content {
	color: #555;
	font: 12px/16px Arial, sans-serif;
	padding: 0 10px;
}

	#Content h1 {
		color: #d90000;
		font: 18px/22px Arial, sans-serif;
		margin: 0;
		padding: 0;
	}

		#Content h1 a {
			color: #d90000;
			text-decoration: none;
		}

		#Content h1 .Section {
			color: #000;
		}

			#Content h1 .Section a {
				color: #000;
				text-decoration: underline;
			}

	#Content .InfoLine {
		color: #000;
		font: bold 10px/12px Arial, sans-serif;
		margin: 0 0 18px;
	}

	#Content .Byline {
		font-weight: bold;
		margin: 14px 0 16px;
	}

	#Content .Entry {
		border-bottom: 1px solid #ddd;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

		#Content .Entry .EntryText {
			margin: 0;
		}

	#Content .ReadMore {
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}

	#Content p {
		margin: 12px 0 16px;
	}

	#Content h2 {
		font: bold 12px/14px Arial, sans-serif;
	}

	#Content a {
		color: #000;
	}

	#Content img {
		display: block;
		margin: 0 auto;
		padding: 0;
	}

	#Content #comments {

	}

		#Content #comments h1, #Content #submit h1, #Content #archives h1 {
			border-bottom: 1px solid #ddd;
			border-top: 1px solid #ddd;
			color: #000;
			font: bold 10px/10px Arial, sans-serif;
			margin: 3px 0px;
			padding: 10px 0px;
			text-transform: uppercase;
			clear: both;
		}

			.Comment {
				border-bottom: 1px solid #ddd;
				padding: 14px 0 3px;
			}

				.Comment .CommentByline {
					font-weight: bold;
					margin-bottom: -12px;
					padding: 0;
				}

					.Comment .CommentByline .CommenterName, .Comment .CommentByline .CommenterName a {
						color: #d90000 !important;
					}

				.Comment .CommentText {
					margin:12px 0pt 5px;
				}

			#CommentForm {
			}

				#CommentForm form {
					display: block;
					margin: 0;
					padding: 0;
				}

				#CommentForm #LoginMessage {
					margin: 16px 0 8px;
				}

				#CommentForm textarea {
					border: 2px inset #ddd;
					color: #555;
					display: block;
					font: 12px/16px Arial, sans-serif;
					height: 152px;
					margin-bottom: 10px;
					padding: 3px;
					width: 708px;
				}

				#CommentForm input {
					border: 2px outset #ddd;
					display: block;
				}

/* == SUBMIT FORM STYLES == */
#Content #submit form{

	padding: 15px 0px;
	margin: 0px;
}
	#Content #submit label{
		display: block;
		width: 145px;
		float: left;
		clear: both;
		font-weight: bold;
		padding-top: 3px;
	}
	#Content #submit div.Field{
		padding-bottom: 15px;
		margin-left: 145px;
	}

		#Content #submit div.Field input.Text {
			width: 60%;
		}

		#Content #submit div.Field textarea{
			width: 500px;
			height: 315px;
		}
	#Content #submit div.Submit{
		padding-left: 145px;
		clear: both;
	}

	#Content #submit div.Password{
		width: 400px;
		margin: 10px auto;
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #eee;
	}

	#Content #submit p.Error{ color: red; font-weight: bold; }

	#Content #submit .MoreMovies{}
		#Content #submit .MoreMovies h4{ display: none;}
		#Content #submit .MoreMovies.expanded{
			margin-top: 10px;
			background: transparent url(../images/movie-selector-bg.gif) no-repeat top left;
			padding: 11px 12px 10px 10px;
			height: 124px;
			width: 562px;
			overflow: hidden;
			position: relative;
			font-size: 11px;
		}

			#Content #submit .MoreMovies .Filters{
				margin: 0px;
				padding: 0px;
			}
				#Content #submit .MoreMovies .Filters a{
					font-weight: bold;
				}

			#Content #submit .MoreMovies ul{
				list-style-type: none;
				margin: 0px;
				margin-top: 10px;
				padding: 0px;
			}
				#Content #submit .MoreMovies ul li{
					margin: 0px;
					height: 11px;
					padding: 0px 0px 6px 15px;
					background: transparent url(../images/bullet_toggle_plus.png) no-repeat -2px top;
				}
					#Content #submit .MoreMovies ul li a{
						font-weight: bold;
						text-decoration: none;
					}

			#Content #submit .MoreMovies a.Page{
				position: absolute;
				bottom: 10px;
				text-decoration: none !important;
				text-transform: uppercase;
				font-weight: bold;
			}

				#Content #submit .MoreMovies a.Page span{
					text-decoration: underline;
				}
				
				#Content #submit .MoreMovies a.Page.Prev{
					left: 10px;
				}
				#Content #submit .MoreMovies a.Page.Next{
					right: 10px;
				}

		#Content #submit .MoreMovies.collapsed h4{ display: block; margin: 10px 0px 0px 0px; width: 75px; }
			#Content #submit .MoreMovies.collapsed .MovieList{
				display: none;
			}

/* == ARCHIVE STYLES == */

#Content #MonthSelector a, #Content #archives a{
	text-decoration: none;
	font-weight: bold;
}
#Content #MonthSelector{ margin-top: 25px;}

	#Content #MonthSelector div.Year{
		width: 150px;
		float: left;
		font-weight: bold;
	}
		#Content #MonthSelector div.Year h2{
			color: #da0000;
			margin: 0px;
		}
		#Content #MonthSelector div.Year ul{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

#Content #archives{

}
	#Content #archives div.Day{
		padding: 11px 0px;
	}
		#Content #archives div.Day h2{
			margin: 0px;
			padding: 0px;
			font-size: 100%;
			color: #da0000;
		}

		#Content #archives div.Day ul{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

/* == REVIEWS PAGE STYLES ==  */

#Content .Entry .Rating{
	width: 33px;
	height: 23px;
	float: left;
	color: white;
	background: transparent url(../images/rating-bg.gif);
	text-align: center;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
}

/* == POST VOTE STYLES == */

#Content .ReviewInfo{

}
	#Content .ReviewInfo .Votes{
		margin: 0px;
		padding: 0px;
		float: right;
		width: 186px;
		height: 80px;
		background: #f1f1f1 url(../images/vote-back.gif);
	}

		#Content .ReviewInfo .Votes div{
			float: left;
			height: 80px;
			width: 93px;
			text-align: center;
		}
			#Content .ReviewInfo .Votes div h2{
				margin: 0px;
				margin-top: 20px;
				margin-bottom: 14px;
				font-size: 26px;
				color: #db0000;
			}
			#Content .ReviewInfo .Votes div p{
				font-size: 10px;
				line-height: 14px;
				text-align: left;
				padding-left: 11px;
				text-transform: uppercase;
				font-weight: bold;
				margin: 0px;
			}
				#Content .ReviewInfo .Votes div p input{
					width: 13px;
					height: 13px;
					vertical-align: middle;
					margin-right: 4px;
				}
/* == PAGE-SPECIFIC STYLES == */

#FrontPage {
}

	#InnerLeftColumn {
		float: left;
		margin-left: -10px;
		width: 418px;
	}

	#InnerRightColumn {
		color: #000;
		float: right;
		margin-right: -10px;
		width: 310px;
	}

		#InnerRightColumn h1 {
			color: #000;
			font: bold 10px/10px Arial, sans-serif;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}

		#InnerRightColumn #PanelAd {
			float: none;
			margin: 0 0 20px;
		}

		#RecentUserReviews, .ReviewList {
			background: transparent url("../images/recentuserreviews-bg.gif") no-repeat center top;
			padding: 10px 10px 0 10px;
			margin-bottom: 20px;
		}

			#RecentUserReviews table, .ReviewList table {
				border-collapse: collapse;
				border-spacing: 0;
				margin: 8px 0 10px;
				padding: 0;
			}

				#RecentUserReviews table th, .ReviewList table th {
					border-bottom: 1px solid #000;
					border-top: 1px solid #000;
					color: #d90000;
					font: bold 10px/21px Arial, sans-serif;
					height: 21px;
					margin: 0;
					padding: 0;
					text-transform: uppercase;
				}

				#RecentUserReviews table th.Movie, .ReviewList table th.Movie {
					border-right: 1px solid #ddd;
					text-align: left;
				}

				#RecentUserReviews table th.Rating, .ReviewList table th.Rating {
					border-right: 1px solid #ddd;
				}

				.ReviewList table th.Rating{
					border-right-width: 0px;
				}

				#RecentUserReviews table th.Critic, .ReviewList table th.Critic {
					padding-left: 10px;
					text-align: left;
				}

				#RecentUserReviews table td, .ReviewList table td {
					border-bottom: 1px solid #ddd;
					font: bold 12px/21px Arial, sans-serif;
					height: 21px;
					margin: 0;
					padding: 0;
				}

					#RecentUserReviews table td a, .ReviewList table td a {
						color: #000;
						text-decoration: none;
					}

				#RecentUserReviews table td.Movie, .ReviewList table td.Movie {
					border-right: 1px solid #ddd;
					width: 142px;
				}

				.ReviewList table td.Movie{
					width: 230px;
				}

				#RecentUserReviews table td.Rating, .ReviewList table td.Rating {
					border-right: 1px solid #ddd;
					text-align: center;
					width: 57px;
				}

				.ReviewList table td.Rating{
					border-right-width: 0px;
					width: 58px;
				}

				#RecentUserReviews table td.Critic, .ReviewList table td.Critic {
					font-weight: normal;
					padding-left: 10px;
					width: 78px;
					overflow: hidden;
				}

				#BoxOfficeAndReleaseDates table {
					color: #555;
					font: normal 12px/12px Arial, sans-serif;
					margin: 0 0 10px;
					padding: 0;
				}
					#BoxOfficeAndReleaseDates table th{
						text-align: left;
					}

					#BoxOfficeAndReleaseDates table caption {
						margin: 0 0 4px;
						padding: 0;
						text-align: left;
					}

						#BoxOfficeAndReleaseDates table caption span {
							font-weight: bold;
							text-transform: uppercase;
						}

					#BoxOfficeAndReleaseDates table td.Ranking {
						width: 18px;
					}

					#BoxOfficeAndReleaseDates table td.MovieName {
						width: 158px;
					}

					#BoxOfficeAndReleaseDates table td.Income {
						width: 110px;
					}
				
				table.Trailers{
					width: 100%;
				}
				table.Trailers td{
					padding-bottom: 4px;
				}
				table.Trailers a{
					text-decoration: none;
					font-weight: bold;
				}
				
		/*profile page */
.profile-title{
	font-weight: bold;
	
}

/* Rotten Tomatoes */
div.RT{
	width: 166px;
	margin: 15px 0px;
	background-color: #385428;
	padding: 0px;
	border: 2px solid #385438;
}
div.RT h2{
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-bottom: 2px;
}
	div.RT h2 span{
		display: none;
	}
	div.RT h2 img{
		width: 105px;
		border: 0px;
	}

	div.RT form{
		margin: 0px;
		padding: 0px;
	}
		div.RT form h3{
			margin: 0px;
			text-align: center;
			font-size: 100%;
			font-weight: bold;
			background-color: #A0B860;
			padding: 0px;
			line-height: 120%;
			padding: 5px;
		}
		div.RT form p{
			margin: 0px !important;
			padding: 15px 0px;
			background-color: #E5E9AE;
			text-align: center;
		}