/* @override http://www.zappertv.com/cms/front/css/screen.css */

/*----------------------------------*/
/* ZAPPER TV stylesheet             */
/*__________________________________*/

* {
	margin: 0;
	padding: 0;
	list-style: none;	
}

body {
	font-family:  Arial, Lucida Grande, sans-serif;
	font-size: 62.5%;
	/*background: #ddd;*/
	text-align: center;
	/* IE 5.5SP2 */
	background: url(../images/z_bgrd.gif) top center repeat;
}
                                    
blockquote li, blockquote p, blockquote dd, blockquote dt,
dd blockquote, dd p, dd li,
li blockquote, li dd, li dt, li li, li p,
td blockquote, td dd, td dt, td li, td p, td td {
	font-size: 1em;
}

#wrapper {
	/*background: url(../images/highlight_bar.png) repeat-x 0 0 ;*/
	width: 900px;
	background: url(../images/bgrd_shadow_alpha.png) 0 0 repeat-y;
	margin: 0 auto;
}

#header {
	width: 820px;
	margin: 0 auto;
	background: url(../images/top_bar_big_bgrd.jpg) 0 0 no-repeat;
	position: relative;
	/*height: 133px;*/
	height: 180px;
}

#header h1.logo {
	position: absolute;
	top: 10px;
	left: -20px;
	width: 325px;
	height: 116px;
	background: url(../images/zappertv_logo_alpha.png) 0 0 no-repeat;
	display: block;
}

h1.logo a {
	display: block;
	width: 325px;
	height: 116px;	
}

h1 span {
	display: none;
}

#topBanner {
	position: relative;
	left: 318px;
	top: 34px;
	width: 468px;
	height: 60px;
}

#topBanner img {
	border: 0;
}

#bottomBanner {
	clear: both;
	width: 820px;
	height: 140px;
	background: #000 url(../images/bottom_banner.jpg) 0 0 no-repeat;
	position: relative;
}

#bottomBanner .rotator {
	position: absolute;
	top: 22px;
	left: 48px;	
}

/*#shows #holder {
	margin-top: -124px;	
}

#shows #container {
	padding-top: 124px;	
}

#catalogue #holder {
	margin-top: -104px;	
}

#catalogue #container {
	padding-top: 104px;
}*/

#container {
	width: 820px;
	margin: 0 auto;
	/*padding-top: 40px;*/
	/*important*/
	border-bottom: 1px solid #000;
	text-align: left;
}

#sideBar {
	width: 324px;
	float: left;
	/*margin-right: 1px;*/
	border: 0px solid #fff;
}

#funstuff #sideBar {
	padding: 20px;
	width: 254px;
}

form legend {
	display: none;
}

form fieldset {
 	border: 0;	
}

form label {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

label.field input {
	width: 270px;
	height: 24px;
	padding: 6px 3px 0 3px;
	border: 2px solid #fff;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Verdana, sans-serif;
}

label.field input:hover {
	border-color: #4bf;
}

label.field input:focus {
	border-color: #f00;	
}

label.field {
	display: block;
	padding: 1em 0 0 0;
}

label.radio span {
	padding-left: 8px;
}

label.radio input {
}

input.button {
	background: url(../images/enter_button.gif) top left no-repeat;
	width: 80px;
	height: 36px;
	border: 0;
	margin: 10px 0;
	position: relative; 
	text-indent: -1000px;
	cursor: pointer;
}
  
input.button:hover {
	background-position: bottom left;
}

#funstuff .smallPrint p {
	font-size: 1.1em;
	margin-top: 2em;
}

#watch #sideBar p {
	font-family:  Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 1.4em;
	margin: 0 1.2em 1.2em 2.2em;
}

#watch #sideBar .smallPrint p {
	font-family:  Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 1.1em;
	display: block;
	margin: 0 3.6em 1.2em 2.8em;
	line-height: 1.4em;
}

#watch #content {
	text-align: left;
	border: 0px solid red;
}

#watch #sideBar .img {
	text-align: center;
	margin-bottom: 2em;
	margin-top: 5em;
}

#catalogue #sideBar {
	width: 250px;
}

#catalogue #sideBar h1 {
	background: url(../images/browse_shows.jpg) 50% 50% no-repeat;
	width: 250px;
	height: 103px;
}

#catalogue #sideBar span {
	display: none;
}

#content {
	margin-left: 324px;
	width: 479px;
	z-index: 20px;
	/*width: 496px;*/
	/*float: right;*/
}

#body #content {
	width: 700px;
	margin: 0 auto;
}

ul, ol {
	margin-bottom: 1.0em;
}

li {
	color: #fff;
	font-size: 1.4em;
}

li li {
	margin-left: 1.0em;
}

ol li {
	list-style-type: decimal;
	/*margin-left: 1.4em;*/
}

p {
	color: #fff;
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

a {
	color: #4bf;
	text-decoration: none;
}

h1 {
	margin-bottom: 0.4em;
	font-size: 2.0em;
}

h2 {
	margin-bottom: 0.5em;
	font-size: 1.8em;
}

h3 {
	margin-bottom: 0.5em;
	font-size: 1.6em;
}

pre {
	font-size: 1.5em;
	font-family: American Typewriter;
	background-color: #333;
	color: #ddd;
	padding: 8px 20px;
	line-height: 1.2em;
}

.gameTitle {
	margin-left: 15px;
	width: 200px;
}

.gameTitle embed {
	height: 40px;
}

a:hover {
	color: #f00;
	text-decoration: underline;
}

#catalogue #content {
	margin-left: 250px;
	width: 570px;
}

#showInfo {
	width: 250px;
	float: left;
	margin-top: 110px; /*110*/
}

#showInfo .text p {
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1.0em;
	width: 218px;
	margin-left: 16px;
	margin-top: 16px;
}

#showInfo h1, #showInfo h1 {
	margin-left: 16px;
}

#showInfo .smallPrint p {
	font-size: 1em;
	margin-left: 16px;
	margin-right: 14px;
}

#showInfo img {
	background: url(../images/preview_frame.png) 0 0 no-repeat;
	padding: 16px;
}

#showPreview {
	float: right;
	width: 315px;
	height: 660px;
	padding-left: 5px;
	background: url(../images/phone.jpg) 0 0 no-repeat;
	position: relative;
}

#showPreview #video {
	position: absolute;
	top: 128px;
	left: 54px;
}

.infoBox {
	background: url(../images/phone_info.jpg) 2px 0 no-repeat;
	width: 324px;
	height: 30.7em;
	min-height: 307px;
}

.infoBox h2 {
	margin-left: 150px;
	padding-top: 70px;
}

.infoBox p {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin-left:  150px;
	display: block;
	width: 140px;
	line-height: 1.2em;
}

.advert {
	background: url(../images/hotm_bottom.gif) bottom left no-repeat;
	padding-bottom: 50px;
	margin-left: 15px;
}

.advert h1.title {
	height: 100px;
	background: url(../images/hotm_top.jpg) top left no-repeat;
	margin-bottom: 0;
}

.advert h2, .advert h3 {
	margin-top: 5px;
	padding-left: 43px;
}

.advert h2 {
	
}

.advert h3 embed {
	height: 15px;
}

.advert .link a {
	font-weight: bold;
	padding: 2px 8px;
	background: #000;
}

.advert a:hover {
}

.advert p {
	padding-left: 45px;
	padding-top: 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	width: 224px;	
}

.advert img {
	margin-left: 45px;
	border: 1px solid #000;	
}

.pageNav {
	width: 160px;
	height: 36px;
	margin-left: 45px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
}

.pageNav img {
	padding: 10px;
}

.pageNav a.previous {
	width: 80px;
	height: 36px;
	float: left;
	display: block;
	background: url(../images/prev_next.gif) center left no-repeat;
}

.pageNav a.previous:hover {
	background-position: bottom left;
}

.pageNav a.next {
	float: right;
	width: 80px;
	height: 36px;
	display: block;
	background: url(../images/prev_next.gif) center right no-repeat;
}

.pageNav a.next:hover {
	background-position: bottom right;
}

.pageNav a.previous.disabled:hover, .pageNav a.previous.disabled {
	background-position: top left;	
}

.pageNav a.next.disabled:hover, .pageNav a.next.disabled {
	background-position: top right;	
}

#footer {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 820px;
	padding: 0 40px;
	background: url(../images/bgrd_shadow_alpha.png) 0 0 repeat-y;
}

#footer p {
	padding: 10px;
	color: #fff;
	font-size: 1.0em;
}

/* @group Main Nav */

#nav {
	position: absolute;
	left: 0;
	margin-top: 50px;
	right: 15px;
	height: 64px;
	width: 820px;
}
  
#nav ul {
	margin: 0;
	list-style:none;
	float: right;
}

#nav li {
	float: left;
	margin:0;
}

#nav a {
	display: block;
	width: 82px;
	text-align: center;
	height: 42px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 0.9em;
	font-size: 0.8em;
	padding: 22px 25px 0px 25px;
	background:url(../images/nav_button.png) no-repeat right bottom;
}

#nav a:hover {
	background-position: top left;
}

a span {
	display:none;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {
	float: none;
}
/* End IE5-Mac hack */

#nav a:hover {
	color: #fff;
}

#nav #current {
  background-position: top left;
}

#nav #current a {
  background-position: top left;
}

/* @end */

/* @group Show List */

div.item {
	position: relative;
	margin-bottom: 3.0em;
}

div.item img {
	position: absolute;
	top: 19px;
	left: 17px;
	border: 0;
}

div.item div {
	background: url(../images/star_bgrd.png) top left no-repeat;
	height: 109px;
	width: 479px;
	position: relative;
}

div.item div:hover {
	background-position: bottom left;
}

div.item h1 {
	position: absolute;
	left: 120px;
	top: 18px;
	font-size: 2.0em;
	text-transform: uppercase;
}

div.item p {
	color: #fff;
	position: absolute;
	width: 300px;
	left: 120px;
	top: 40px;
	font-size: 1.2em;
	font-weight: bold;
}

div.item p a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 360px;
	height: 64px;
	position: relative;
	padding-left: 120px;
	left: -120px;
	padding-top: 40px;
	top: -40px;
}

/* @end */

/* @group Catalogue List */

ul.list {
	margin-top: 20px
}

ul.list li {
	position: relative;
	margin-bottom: 6px;
}

ul.list li img {
	position: absolute;
	top: 4px;
	left: 14px;
	border: 0;
}

ul.list li a {
	border: 0;
}

ul.list li div {
	background: url(../images/frame_bgrd.png) 10px 0px no-repeat;
	height: 46px;
	width: 250px;
	position: relative;
}

ul.list li div:hover {
	background-position: 10px bottom;
	cursor: pointer;
}

ul.list li h3 a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 46px;
	font-size: 0.6em;
}

ul.list li p a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 240px;
	height: 44px;
	margin: 0;
	left: 10px;
	position: relative;
}

ul.list li h3 {
	position: absolute;
	left: 80px;
	width: 160px;
	top: 8px;
	font-size: 2.0em;
	text-transform: uppercase;
}

/* @end */


h1 a, h2 a, h3 a, h1, h2, h3 {
	color: #fff;
	letter-spacing: -1px;
	line-height: 0.8em;
	font-weight: bold;
	text-decoration: none;	
}

h3 a {
	font-size: 0.8em;
}

/* @group nasty hacks */

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body.swfObject h1.replacer,
body.swfObject h2.replacer,
body.swfObject h3.replacer {
	display: none;
}

/* @end */