@charset "UTF-8";
/* CSS Document */

body {
	background-color: #464444;
	margin: 0 auto;
	padding-bottom: 25px;
	
	color: #6E6E6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:hover, a:focus {
	outline: none;
}

h3 {
	color: #DC8F27;
	font-size: 12px;
	
	/*width: 250px;*/
	display: inline;
	border-bottom: #CCCCCC 1px solid;
}

h4 {
	color: #DC8F27;
	font-size: 12px;
}

div#container {
	background-color: #FFFFFF;
	background-image: url(images/bottom.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 75px;
}

	div#top {
		height: 103px;
		background-image: url(images/top.jpg);
		background-position: left;
		background-repeat: repeat-x;
		margin-bottom: 50px;
	}
	
		img#header {
			position: absolute;
			top: 0px;
			left: 50%;
			margin-left: -275px;
		}
	
	div#content {
		width: 775px;
		margin: 0 auto;
		
		text-align: left;
	}
	
	span#movies {
		width: 350px;
	}
	
	span#tv {
		width: 350px;
		
		position: absolute;
		top: 225px;
		left: 50%;
		margin-left: 75px;
	}
	
		span.listItem {
			width: 400px;
			text-align: left;
			border-bottom: #CCCCCC 1px dotted;
			display: block;
		}
		
		span.starItem {
			width: 400px;
			text-align: left;
			border-left: #DC8F27 3px solid;
			/* optional rounded corners for browsers that support it */
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			display: block;
			border-bottom: #CCCCCC 1px dotted;
		}
		
			span a:link, span a:visited {
				color: #DC8F27;
				text-decoration: none;
				
				width: 397px;
				padding: 3px 0px 2px 3px;
				display: block;
			}
			
			span a:hover, span a:active {
				color: #FFFFFF;
				text-decoration: none;
				
				width: 397px;
				background-color: #DC8F27;
				padding: 3px 0px 2px 3px;
				display: block;
			}
		
		span#tv span.listItem {
			width: 275px;
		}
		
		span#tv span.starItem {
			width: 275px;
		}
		
			span#tv span a:link, span#tv span a:visited {
				color: #DC8F27;
				text-decoration: none;
				
				width: 272px;
				padding: 3px 0px 2px 3px;
				display: block;
			}
			
			span#tv span a:hover, span#tv span a:active {
				color: #FFFFFF;
				text-decoration: none;
				
				width: 272px;
				background-color: #DC8F27;
				padding: 3px 0px 2px 3px;
				display: block;
			}

div#bottom {
	width: 85%;
	height: 62px;
	margin: 0 auto;
}

	div#bottom div#info {
		float: right;
		padding: 17px 10px 17px 0px;
		
		text-align: right;
	}
	
	div#bottom div#name {
		float: right;
		padding: 17px 5px 17px 10px;
		border-left: #A4A4A4 1px solid;
		
		text-align: right;
	}
	
	div#bottom div#logo {
		float: right;
	}
	
	div#bottom a:link, div#bottom a:visited {
		color: #A4A4A4;
		text-decoration: none;
	}
	
	div#bottom a:hover, div#bottom a:active {
		color: #DC8F27;
	}
	
div#count {
	font-weight: bold;
	border-bottom: #DC8F27 1px solid;
	position: absolute;
	top: 133px;
	left: 50%;
	margin-left: 50px;
}