/* PAGE STRUCTURE
/////////////////////////////////////*/
@font-face {
	font-family:"Trebuchet MS";
	src: url(/trebuch.ttf) format("truetype");
}
body {
	margin: 0;
	background-color: #000;
	background-image: url(/img/bg-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #FFFFFF;
	font-size: 1em;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 0 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	display: block;
	background-color: #731300;
	padding: 0 0 0 10px;
	margin: 0;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
}
a {
	color: #FFF;
	text-decoration: none;
}
input {
	border: 1px solid #FF882E;
	padding: 4px;
	background-color: #000;
	color: #FFFFFF;
}
textarea {
	border: 1px solid #FF882E;
	padding: 4px;
	background-color: #000;
	color: #FFFFFF;
}
#container {
	margin: 0;
	background-image: url(/img/skyBKG.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#topSection {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#content {
	background-repeat: repeat-x;
	width: 960px;
	margin: 0 auto;
	float: left;
}
#innerInner {
	width: 960px;
	margin: 10px auto;
	padding-bottom: 10px;
}
#fullContent {
	padding: 0 20px;
}
#fullContent a:link {
	color: #FF882E;
}
#footer {
	background-image: url(/img/footer.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 166px;
	margin: 0 auto 10px auto;
	float: left;
	font-size: 85%;
}
#topBanner {
	position: absolute;
	right: 0;
	text-align: right;
	top: 30px;
}
.reveal {
	display: inline;
}
.hidden {
	display: none;
}
/* TOP NAVIGATION BAR
/////////////////////////////////////*/

#nav ul {
	position: absolute;
	height: 38px;
	line-height: 38px;
	font-size: 1.1em;
	right: 0;
	top: 130px;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #000000;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: inline;
	margin: 0 12px;
}
#nav ul li a {
	text-decoration: none;
	color: #FFF;
}
#nav ul li a:hover {
	text-decoration: none;
	color: #FF882E;
}

/* OLD TOP NAVIGATION BAR
/////////////////////////////////////*/
ul#topnav {
	position: absolute;
	width: 754px;
	height: 47px;
	left: 215px;
	top: 104px;
	list-style: none;
}
ul#topnav li {
	display: inline;
}
ul#topnav li a {
	height: 47px;
	float: left;
	text-indent: -9999px;
	margin-right: 11px;
	text-decoration: none;
	color: #FFF;
}
ul#topnav li#topnavHome a {
	width:131px;
	background:url(/img/nav.png) no-repeat 0 0; /* X and Y position at 0 */
}
ul#topnav li#topnavHome a:hover {
	background-position:0 -50px; /* Y position -50px for Over instance image */
}
ul#topnav li#topnavWhatson a {
	width:151px;
	background:url(/img/nav.png) no-repeat -143px 0;
}
ul#topnav li#topnavWhatson a:hover {
	background-position: -143px -50px;
}
ul#topnav li#topnavSeries a {
	width:114px;
	background:url(/img/nav.png) no-repeat -304px 0;
}
ul#topnav li#topnavSeries a:hover {
	background-position: -304px -50px; 
}
ul#topnav li#topnavMovies a {
	width:129px;
	background:url(/img/nav.png) no-repeat -429px 0;
}
ul#topnav li#topnavMovies a:hover {
	background-position: -429px -50px; 
}
ul#topnav li#topnavVideos a {
	width:129px;
	background:url(/img/nav.png) no-repeat -570px 0;
}
ul#topnav li#topnavVideos a:hover {
	background-position: -570px -50px;
}

/* FOOTER
/////////////////////////////////////*/
#footer ul {
	float: left;
	clear: right;
	width: auto;
	margin: 10px 40px 20px 20px;
	list-style: none;
	font-size: 0.95em;
	padding: 0;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FF882E;
}
#footer img {
	margin-bottom: 10px;
}

/* NOW AND NEXT
/////////////////////////////////////*/

#nowNext {
	width: auto;
	margin: 185px auto 10px auto;
	float: right;	
}
.now {
	display: inline;
	width: auto;
	height: 30px;
	line-height: 30px;
}
.next {
	display: inline;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin-left: 30px;
}
.now em {
	font-style: normal;
	color: #FF882E;
}
.next em {
	font-style: normal;
	color: #FF882E;
}

/* HOME
/////////////////////////////////////*/

#homeLeft {
	width: 630px;
	margin-top: 0;
	float: left;
}
#homeLeft a {
	color: #FFFFFF;
	text-decoration: none;
}
#homeLeft p {
	margin: 0;
	padding: 0 10px 10px 10px;
}
#homeLeft h2 {
	margin: 0;
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #ED1C24;
	padding-left: 8px;
}
.homeShowOn {
	background-color: #370807;
	width: 620px;
}
.homeShow {
	background-color: #141414;
	width: 620px;
}
.homeShowButton {
	float: left;
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 24px;
	margin: 10px 10px 0 0;
	background-image: url(/img/home-button.png);
	font-weight: bold;
}
.homeShowButton a {
	cursor: pointer;
}
.homeShowButton:hover {
	background-image: url(/img/home-button-on.png);
}
#homeRight {
	width: 320px;
	margin-top: 0;
	float: right;
}
#homeRight a {
	color: #FFFFFF;
	text-decoration: none;
}
#homeRight a:hover {
	color: #FF882E;
	text-decoration: none;
}
#homeRight h2 {
	margin: 0;
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #ED1C24;
	padding-left: 8px;
}
#featureMovie {
	position: relative;
	margin-bottom: 10px;
}
.videoMenu {
	/*background-color: #370807;*/
	background-color: #731300;
	width: auto;
	clear: both;
	display: block;
}
.videoMenu img {
	float: left;
	margin: 10px;
}
.videoMenu h4 {
	margin: 0 8px;
	display: block;
	padding: 8px 0;
}
.videoMenu a {
	font-size: 80%;
}
.videoMenu h4 a:link {
	color: #FF882E;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}
.videoMenu h4 a:visited {
	color: #FF882E;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}
.videoMenu h4 a:hover {
	color: #FF882E;
	text-decoration: none;
	font-weight: normal;
}
.videoMenu h4 a:active {
	color: #FF882E;
	text-decoration: none;
	font-weight: normal;
}
.imgButton {
	margin: 20px 0;
}

/* WHAT'S ON
/////////////////////////////////////*/

.wo-controls {
	float: right;
	font-size: 1.2em;
	width: 320px;
	clear: right;
	margin: 10px 0;
}
.wo-controls h4 {
	margin: 5px 0;
	color: #FF882E;
}
.wo-controls form {
	margin: 0;
	display: block;
}
.wo-controls input[type="text"] {
	width: 270px;
}
#pick {
	border: 1px solid #FF882E;
	padding: 0 10px;
	margin: 20px 0 10px 0;
	float: right;
	clear: right;
	width: 300px;
}
#pick h4 {
	margin: 5px 0;
	color: #FF882E;
	font-size: 1.4em;
}
#pick h5 {
	margin: 5px 0;
	color: #FFF;
	font-size: 1.2em;
}
#pick p {
	font-size: 0.9em;
}
#pickHome {
	border: 1px solid #FF882E;
	padding: 0 10px;
	margin: 0 0 20px 0;
	float: right;
	clear: right;
	width: 300px;
}
#pickHome h4 {
	margin: 5px 0;
	color: #FF882E;
	font-size: 1.4em;
}
#pickHome h5 {
	margin: 5px 0;
	color: #FFF;
	font-size: 1.2em;
}
#pickHome img {
	margin-bottom: 10px;
}
ul.calendarDays  {
	margin: 0;
	list-style: none;
	font-size: 0.95em;
	padding: 0;
}
ul.calendarDays li {
	float: left;
	display: inline;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 20px;
	margin-right: 2px;
	font-size: 1em;
	background: url(/img/calendar-bkg.png) no-repeat 0 0;
}
ul.calendarDays li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul.calendarDays li:hover {
	color: #FF882E;
	background-position: -40px 0;
}
#listings {
	float: left;
	width: 620px;
	margin: 10px 0;
}
.event {
	clear: both;
	margin-top: 2px;
}
.eventOn {
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	padding: 0 5px 0 10px;
	background-color: #ED1C24;
}	
.event a {
	color: #FFF;
}	
.event em {
	font-size: 0.8em;
}
.eventClose {
	cursor: pointer;
}
.eventTitle {
	height: 35px;
	line-height: 35px;
	padding: 0 5px 0 10px;
	background-color: #C01B15;
	cursor: pointer;
}
.eventTitle:hover {
	background-color: #ED1C24;
}
.eventDetail img {
	float: left;
	margin-right: 10px;
}
.eventDetail {
	padding: 10px;
	background-color: #ED1C24;
}
.eventDetail a {
	text-decoration: none;
}
.eventActions {
	text-align: right;
}

/* SHOWS
/////////////////////////////////////*/

.featureShow {
	width: 300px;
	height: 220px;
	float: left;
	margin: 8px;
	background-color: #ED1C24;
	border: 1px solid #750F0D;
	background-image: url(/img/showarrow.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.featureShow:hover {
	border: 1px solid #FF882E;
}
.featureShow h2 {
	margin: 0;
	padding: 10px;
}
.Show {
	width: 300px;
	height: 220px;
	float: left;
	margin: 8px;
	background-color: #ED1C24;
	border: 1px solid #750F0D;
}
.Show:hover {
	border: 1px solid #FF882E;
}
.Show h2 {
	margin: 0;
	padding: 10px;
}
.Show p {
	margin: 0;
	padding: 10px;
}


/* My Name Is Earl
/////////////////////////////////////*/

#earl {
	width: 938px;
	margin: 0 auto;
	background-color: #FFFFFF;
	color: #333333;
	padding-bottom: 15px;
}
#earl p {
	margin: 15px;
}
#earl h2 {
	margin-left: 15px;
}
.earlImg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#earlNav {
	background-color: #FF0000;
	color: #FFFFFF;
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
}
.earlItem {
	float: left;
	font-weight: bold;
	padding: 0 20px 0 20px;
	line-height: 50px;
	border-left: 2px solid #FFF;
}
.earlLink {
	float: left;
	padding: 0 20px 0 20px;
	line-height: 50px;
}
.earlLink a:hover {
	text-decoration: underline;
}
/* Law & Order UK
/////////////////////////////////////*/

#loUK {
	width: 938px;
	margin: 0 auto;
	padding-bottom: 15px;
	background-color:#000000;
}
#loUK p {
	margin: 15px;
}
#loUK h2 {
	margin-left: 15px;
}
.loUK-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#loUK-nav {
	background-color: #FF0000;
	color: #FFFFFF;
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
}
.loUK-item {
	float: left;
	font-weight: bold;
	padding: 0 15px;
	line-height: 50px;
	border-left: 2px solid #FFF;
}
.loUK-link {
	float: left;
	padding: 5px 12px 0 12px;
	line-height: 20px;
	text-align: center;
}
.loUK-link a:hover {
	text-decoration: underline;
}
/* Flipping Out
/////////////////////////////////////*/

#flippingOut {
	width: 938px;
	margin: 0 auto;
	padding-bottom: 15px;
	background-color:#FFF;
	color:#333333;
}
#flippingOut p {
	margin: 15px;
}
#flippingOut h2 {
	margin-left: 15px;
}
.flippingOut-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.flippingOut-thumbs {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.flippingOut-cast {
	clear: both;
}
/* MOVIES
/////////////////////////////////////*/

.Movie {
	width: 300px;
	height: 220px;
	float: left;
	margin: 8px;
	background-color: #ED1C24;
	border: 1px solid #750F0D;
	font-size: 90%;
}
.Movie:hover {
	border: 1px solid #FF882E;
}
.Movie h2 {
	margin: 0;
	padding: 10px;
}
.Movie p {
	margin: 0;
	padding: 10px;
}

/* MEDIA
/////////////////////////////////////*/

#wallpapers p {
	width: 45%;
	float: left;
	padding: 10px;
}
#wallpapers p img {
	float: left;
	margin-right: 8px;
}
#wallpapers h2 {
	clear: both;
}

#wallpapers a:hover {
	color: #FF882E;
}

/* SCI FI
/////////////////////////////////////*/

#scifiRight {
	width: 300px;
	margin-top: 0;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}
#scifiRight a {
	color: #FFFFFF;
	text-decoration: none;
}
#scifiRight a:hover {
	color: #C6B7C8;
	text-decoration: none;
}
#scifiRight h2 {
	margin: 0;
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #8200A0;
	padding-left: 8px;
}
#scifiLeft {
	width: 640px;
	margin-top: 0;
	float: left;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#scifiLeft a {
	color: #FFFFFF;
	text-decoration: none;
}
#scifiBody {
	background-image: url(/img/scifi-sanctuary.jpg);
	background-repeat: no-repeat;
}
#scifiBody p {
	padding: 0 20px 10px 20px;
}