@charset "utf-8";

body {
	background-color:#111;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:62.5%;
	margin:0;
}

/* links and heading tags */

h1 {
	color:#fff;
	font-size:3em;
	margin:0;
	visibility:hidden; /* a way to have a SEO friendly header with no visible html text */
}
h2 {
	color:#f3c800;
	font-size:3em;
	margin:10px auto;
	text-align:center;
}
h3 {
	color:#00bff3;
	font-size:2.5em;
	margin:0;
	text-align:center;
}
h4 {
	color:#999;
	font-size:1.4em;
	margin:0; /* margin:0 140px 0 0; for full width */
	padding:10px 0;
	text-align:right;
}
a {
	color:#00bff3;
	border-bottom:1px dotted #00bff3;
	text-decoration:none;
}
a:hover {
	color:#f3c800;
	border-color:#f3c800;
}

/* page structure */

#join {
	background:#000;
	color:#999;
	margin:0 auto;
	width:900px;
}
#members {
	background:#000;
	color:#999;
	margin:0 auto;
	width:610px; /* width:900px; for full width */
}
#join #left {
	background:#333;
	display:inline;
	float:left;
	width:660px;
}
#members #left {
	background:#333;
	display:inline;
	float:left;
	width:470px; /* width:660px; for full width */
}
#join #right {
	display:inline;
	float:right;
	width:240px;
}
#members #right {
	display:inline;
	float:right;
	width:120px;
}

/* logo */

#join #logo {
	background:url(images/logo.jpg);
	display:block;
	height:180px;
	width:240px;
}
#members #logo {
	background:url(images/logo-small.jpg);
	display:block;
	height:90px;
	width:120px;
}

/* top menu */

#join #topnav {
	background:#000;
	height:180px;
	width:100%;
}
#members #topnav {
	background:#000;
	height:90px;
	width:100%;
}
#join #topnav ul {
	list-style:none;
	margin:0;
	padding:150px 0 0 0;
}
#members #topnav ul {
	list-style:none;
	margin:0;
	padding:60px 0 0 0;
}
#topnav ul li {
	display:inline;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:0;
}

/* members page content */

#members #content {
	background:#111;
	width:100%;
}
#members #content .block {
	border-bottom:1px dotted #111;
	color:#111;
	font-size:1.2em;
	margin:0 auto;
	padding:5px;
	width:600px;
}
#members #content .block img {
	display:inline;
	float:left;
	padding:0 5px 0 0;
}
#members #content .block .title {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
}
#members #content .block .title a {
	color:#000;
	border-color:#000;
}
#members #content .block .title a:hover {
	border-bottom:none;
} 
.grey-blocks .a { background:#515151; } 
.grey-blocks .b { background:#616161; } 
.grey-blocks .c { background:#717171; }
.grey-blocks .d { background:#818181; } 
.grey-blocks .e { background:#919191; } 
.grey-blocks .f { background:#a0a0a0; }  
.grey-blocks .g { background:#b0b0b0; } 
.grey-blocks .h { background:#c0c0c0; }  
.blue-blocks .a { background:#00bff3; } 
.blue-blocks .b { background:#1ac6f4; } 
.blue-blocks .c { background:#33ccf5; }
.blue-blocks .d { background:#4dd2f7; } 
.blue-blocks .e { background:#66d9f8; } 
.blue-blocks .f { background:#80dff9; }  
.blue-blocks .g { background:#99e5fa; } 
.blue-blocks .h { background:#b3ecfb; }  
.yellow-blocks .a { background:#f3c800; } 
.yellow-blocks .b { background:#f4ce1a; } 
.yellow-blocks .c { background:#f5d333; }
.yellow-blocks .d { background:#f7d94d; } 
.yellow-blocks .e { background:#f8de66; } 
.yellow-blocks .f { background:#f9e480; }  
.yellow-blocks .g { background:#fae999; } 
.yellow-blocks .h { background:#fbefb3; }  

/* join page options table */

#join table {
	font-weight:bold;
	margin:0 auto;
	width:550px;
}
#join td {
	background:#000;
	margin:0;
	padding:10px 10px;
}
#join #footer {
	background-color:#111;
	padding:10px;
	text-align:right;
	margin:0 auto;
	width:880px;
}
#members #footer {
	background-color:#111;
	padding:10px;
	text-align:right;
	margin:0 auto;
	width:590px;
}
.yellow {
	color:#f3c800;
}
.blue {
	color:#00bff3;
}
img.thumb {
	display:inline;
	float:left;
	margin-right:10px;
}

/* misc classes */

.tiny {
	font-size:1.1em;
}
.small {
	font-size:1.3em;
}
.medium {
	font-size:1.8em;
}
.clear {
	clear:both;
}
.txtcenter {
	text-align:center;
}

/* episode */


.episode {
	width:930px;
	height:897px;
	background:url(images/bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
		}
		
.episode-left {
	float:left;
	width:478px;
	}
.episode-right {
	float:right;
	width:448px;
	}
	
.description {
	margin:36px 10px 0 30px;
	height:126px;
	color:#FFFFFF;
	font-size:12px;
}

.Title{
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS";
			
			}
			
#clickhere {
	width:464px;
	height:24px;
	margin:7px 0 6px 15px;
	
	}
	
#clickWatch{
	width:455px;
	height:127px;
	margin:18px 0 0 22px;
	}
	
.getInside{
float:right;
	width:425px;
	height:127px;
	margin:17px 0 0 0;

	}
	
.rightThumbs {
	margin:33px 22px 0 4px;}
	
.leftThumbs {
	margin:0 0 0 23px;
	
	}

.Ethumbs img {
	border-color:ffffff;


}

* html a:hover { visibility: visible; }     
.b1 { width: 425px; height: 127px; background-image: url(images/click-to-watch_.gif); background-position: top; background-repeat: no-repeat;}
.b1 a {  display: block;}
.b1 a:hover img { visibility: hidden; }

.b2 { width: 425px; height: 127px; background-image: url(images/clickhere_.gif); background-position: top; background-repeat: no-repeat;}
.b2 a {  display: block;}
.b2 a:hover img { visibility: hidden; }
.welcome {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b8f0ff;
	line-height: 16px;
	text-align: justify;
	
}