/*
	# Main.css
	# Created by John Roescher | GlideDesign.com
	# Main styles for OnNetworks | Eat Drink + Dwell
*/


/* RESET
   these styles reset all browser default styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } table { border-collapse: separate; border-spacing: 0; }
/* end RESET */


/* GLOBAL
   these styles are for global site use */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #677b82;
	background: url(../images/body-bg.jpg) bottom repeat-x #fff;
}
#container {
	width: 920px;
	margin: 0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* end GLOBAL */


/* HEADER
   styles for the header */

#header {
	padding-top: 20px;
}
	#header h1 {
		display: block;
		height: 98px;
		width: 206px;
		float: left;
	}
		#header h1 a {
			height: 98px;
			width: 260px;
			position: relative;
			background: url(../images/header-logo.gif) no-repeat;
			display: block;
			text-decoration: none;
		}
			#header h1 a strong {
				display: block;
				height: 1px;
				width: 260px;
				text-indent: -999999px;
				color: #fff;
				font-size: .01em;
			}
				#header h1 a em {
					display: block;
					font-size: 30px;
					color: #333;
					position: absolute;
					left: 79px;
					top: 18px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: normal;
					text-decoration: none;
					text-transform: lowercase;
					font-style: normal;
				}
	#search-ads {
		width: 480px;
		float: right;
	}
	#navmain {
		display: block;
		list-style-type: none;
		clear: both;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		background: url(../images/nav-main-bg.gif) top repeat-x;
	}
		#navmain li {
			display: block;
			float: left;
			padding: 3px 0;
		}
			#navmain li a {
				display: block;
				float: left;
				padding: 8px 20px;
				border-right: 1px solid #f1f1f1;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				text-transform: lowercase;
				letter-spacing: -.5x;
				color: #666a74;
				text-decoration: none;
			}
			#navmain li a:hover { color: #000; }
			
/* end HEADER */


/* MAIN
   styles for the main content area */


	#main p {
		display: block;
		padding: 7px 5px 7px 10px;
		font: 12px/16px Arial, Helvetica, sans-serif;
		color: #677b82;
	}
	
	#top-panel {
		padding: 15px 0 0 0;
		background: url(../images/top-panel-bg.gif) top repeat-x;
	}
		#videobox {
			width: 459px;
			float: left;
			background: url(../images/videobox-bg.gif) no-repeat;
		}
			#videobox h2 {
				display: block;
				height: 45px;
				line-height: 45px;
				font-size: 20px;
				font-family: Arial, Helvetica, sans-serif;
				color: #565962;
				font-weight: bold;
				padding-left: 14px;
			}
				.videowrap {
					padding-left: 14px;
					padding-bottom: 18px;
				}
		
		#episode-list {
			margin-left: 482px;
			padding: 4px 18px 18px 18px;
			background: url(../images/episode-list-bg.gif) no-repeat;
		}
			#episode-list h3 {
				display: block;
				padding: 12px 0 5px 0;
				font: 16px Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #565962;
			}
			#episode-list ul {
				display: block;
				list-style-type: none;
				height: 314px;
				overflow: auto;
			}
				#episode-list ul li {
					display: block;
					margin: 0 10px 0 0;
					padding: 8px 0;
					background: url(../images/line-dotted-bg.gif) bottom repeat-x;
				}
					#episode-list ul li img {
						display: block;
						float: right;
					}
					#episode-list ul li p {
						padding-right: 71px;
						font: 11px Arial, Helvetica, sans-serif;
						color: #657d87;
					}
						#episode-list ul li p strong {
							display: block;
							font: 12px Arial, Helvetica, sans-serif;
							color: #537ded;
							font-weight: bold;
							padding-top: 2px;
							text-decoration: none;
						}
							#episode-list ul li p strong a {
								text-decoration: none;
								color: #537ded;
							}
						#episode-list ul li p span.rating {
							display: block;
							padding: 4px 0;
							background: left center no-repeat;
						}
							#episode-list ul li p span.rating.one { background-image: url(../images/rating-1.gif); }
							#episode-list ul li p span.rating.two { background-image: url(../images/rating-2.gif); }
							#episode-list ul li p span.rating.three { background-image: url(../images/rating-3.gif); }
							#episode-list ul li p span.rating.four { background-image: url(../images/rating-4.gif); }
							#episode-list ul li p span.rating.five { background-image: url(../images/rating-5.gif); }
							
							#episode-list ul li p span.rating small { display: block; width: 100px; text-indent: -999999px; }
	
						
			#sidebar-tabs-container {
				margin-top: 25px;
				width: 430px;
				float: left;

			}
				#sidebar-tabs-container ul.tabs-list {
					display: block;
					list-style-type: none;
					position: relative;
					height: 30px;
					border-bottom: 1px solid #bfbfbf;
				}
					#sidebar-tabs-container ul.tabs-list li {
						display: block;
						float: left;
						margin-right: 3px;
						position: relative;
						border: 1px solid #bfbfbf;
						top: 3px;
						width: 1%;
					}
						ul.tabs-list>li { width: auto !important; }
					#sidebar-tabs-container ul.tabs-list li a {
						display: block;
						padding: 0 12px;
						height: 26px;
						background: url(../images/tabnav-bg.gif) top repeat-x;
						font: 14px/26px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #677b82;
						text-decoration: none;
					}
						#sidebar-tabs-container ul.tabs-list li.selected {
							top: 1px;
							border-bottom: none;
						}
							#sidebar-tabs-container ul.tabs-list li.selected a {
								height: 29px;
								background: #f8f8f8;
								line-height: 29px;
								color: #37464b;
							}
						#sidebar-tabs-container ul.tabs-list li a:hover {
							background: #e6e6e6;
							color: #435055;
						}
				#sidebar-tabs-container div.tab {
					border: 1px solid #bfbfbf;
					border-top: none;
					background: #f8f8f8;
					padding: 5px 15px;
					color: #666;
					font-size: 12px;
				}
					#sidebar-tabs-container div a { color: #527ee9; }
					#sidebar-tabs-container div a:hover { color: #f8981d; }
					#sidebar-tabs-container div h3 { display: none; }
					
				#sidebar-tabs-container div ul {
					display: block;
					list-style-type: none;
                                        overflow: auto;
                                        height: 300px;
				}
					#sidebar-tabs-container div ul li {
						display: block;
						padding: 12px 0;
						background: url(../images/line-dotted-bg.gif) bottom repeat-x;
					}
						#sidebar-tabs-container div ul li h4 a {
							font-size: 14px;
							text-decoration: none;
							padding-bottom: 2px;
						}
						
		#videodesc {
			margin-left: 480px;
			background: url(../images/videodesc-bg.png) no-repeat;
			padding: 30px 30px 15px 30px;
			height: 337px;
		}
			#videodesc p {
				color: #677b82;
			}
			
/* end SIDEBAR */


/* FOOTER
   styles for the footer */

#footer {
	margin: 0 0 20px 0;
	padding: 10px 20px;
	background: #fff;
}
	#footer p#info {
		font: 11px Arial, Helvetica, sans-serif;
		color: #677b82;
		display: block;
		width: 400px;
		height: 37px;
		line-height: 37px;
		float: left;
	}
	#footer a { color: #527cea; text-decoration: none; }
		#footer a#legal { padding-left: 20px; padding-right: 10px; }
		#footer a#privacy { padding-left: 10px; }
	#footer p#poweredby {
		display: block;
		width: 150px;
		float: right;
	}
		#footer p#poweredby a {
			display: block;
			width: 150px;
			height: 37px;
			background: url(../images/poweredby-logo.gif) no-repeat;
			text-indent: -999999px;
		}
			
/* end FOOTER */


/* PREPAGE
   styles for the prepage area */

	#search-ads { padding-bottom: 20px; }
	#googleads { padding-bottom: 10px; text-align: right; }
	#searchbox {
		text-align: right;
	}
		#searchbox form {
			display: block;
			padding: 5px 10px;
			width: 240px;
			float: right;
			background: #f2f2f2;
		}
			#searchbox form input#query {
				width: 175px;
				padding: 3px 0;
				background: #fff;
				border: none;
				float: left;
			}
			#searchbox form input#submit {
				padding: 2px 0;
				width: 53px;
				text-align: center;
				background: #faa333;
				border: thin outset;
				color: #fff;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				float: right;
			}
		#searchbox #emailsignup {
			height: 26px;
			line-height: 26px;
			margin-left: 10px;
			display: block;
			width: 210px;
			float: right;
		}
			#searchbox #emailsignup a {
				display: block;
				padding: 3px 5px 3px 31px;
				background: url(../images/email-icon.gif) 10px center no-repeat #f2f2f2;
				color: #637b85;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
				#searchbox #emailsignup a:hover {
					background-color: #e9e8e8;
					color: #435861;
				}
#mainContentDiv {
  overflow: auto;
  height: 330px;
}