/*general settings*/


* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;	/*general font of the page unless otherwise*/
 font-size: 14px;	/*general font-size of the page unless otherwise*/
 color: #0173BD;
 background-color:#FFFFFF;
 background-image:url(images/background.gif);
}

#wrapper { 
 margin: 0 auto;
 width: 922px;	/*the width of the page in this case for 1024x768*/
}

/*clear div*/
.clear {
clear: both;
}

/*links*/

a:link, a:visited {
text-decoration:underline;
color: #0000CC;
}

a:hover, a:active {
text-decoration: none;
color: #FF0000;
}

.thumb {
border: 1px solid #0173BD;
padding: 5px;
}

a.thumblink:link img {
border: 1px dashed #0173BD;
}

a.thumblink:visited img {
border: 1px dashed #0173BD;
}

a.thumblink:hover img {
border: 1px solid #0173BD;
}

a.thumblink:active img {
border: 1px solid #0173BD;
}

.external {
background: url(images/external.png) no-repeat right top;
padding-right: 15px;
font-weight:bold;
}

.episodelink {
background: url(images/play.gif) no-repeat right;
padding-right:20px;
}

.downloadlink {
background: url(images/download.gif) no-repeat right;
padding-right:20px;
}

blockquote {
border : 1px solid #ccc;
width: 800px;
margin: 10px auto;
padding: 10px;
background-color: #EEF5FA;
}


/*header*/

#header {
 width: 900px;
 padding: 10px;	/*padding top left bottom right*/
 border: 1px solid #0173BD; /*broder settings*/
 height: 120px;	/*header height*/
 margin: 10px 0px 5px 0px;	/*margin top left bottom right*/
 background: #FFFFFF url(images/header.gif) no-repeat right top; /*background image of the header: backgroung color white, no repeat on x and y, align center, */
}

#header h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
margin: 0px;
padding:0px 0px 10px 0px;
}

#header p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 0px;
padding:0px;
}

/*navigation menu*/

#navigation {
 width: 922px;
 padding: 0px 0px 0px 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #0173BD;	/*background color of the nav menu*/
 overflow: hidden;
 height:26px;
}

#navigation ul{
margin: 0;
padding: 0;
font: bold 12px Verdana; /*font type here*/
list-style-type: none;
}

#navigation li{
display: inline;
margin: 0;
}

#navigation li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white; /*font color here*/
}

#navigation li.last a{
border-right:0px;
text-decoration:blink; 
}

#navigation li a:visited{
color: white;
}

#navigation li a:hover, li.active a{
background: #3399FF; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*content*/

#content { 
 width: 900px;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 5px 0px;
 padding: 10px 10px 10px 10px;
}

#content p {
text-indent:20px;
padding-bottom:5px;
background:url(images/arrow.gif) no-repeat left top;
}

#content h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0px;
padding:10px 0px 10px 0px;
text-align:center;
}

#content h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding:10px 0px 5px 20px;
}

#content h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding:10px 0px 5px 0px;
}

#episodes {
margin-left:40px;
}

#episodebox {
float: left;
padding:5px;
margin:0px 10px 10px 10px;
width:240px;
}

#episodebox a{
font-size:12px;
font-weight:bold;
}

#episodebox a img {
padding:5px;
margin-bottom:5px;
}

#episodebox p {
text-align:center;
font-size:12px;
text-indent:10px;
}

#episodebox h3 {
text-align:center;
padding-bottom:10px;
font-size: 12px;
}

#videobox {
float: left;
padding:5px;
margin:0px 10px 10px 10px;
width:320px;
}

#reviews ul {
margin: 0;
padding: 0;
list-style-type: none;
width:300px;
}

#reviews ul li a {
display:block;
margin: 10px;
padding: 0px 20px;
background:url(images/arrow.gif) no-repeat left top;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}


#inline-list {
	padding: 10px;
	text-align:center;
	}

#inline-list ul, #inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	}


/*footer*/

#footer { 
 width: 900px;
 border: 1px solid #0173BD;
 background:  #FFFFFF;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align:center;
}

#footer a {
font-weight:bold;
font-size:12px;
}

#footer ul li {
display:inline;
padding:0px 5px 0px 5px;
border-right:1px solid #999999;
}