/*  Using a PHP Based CSS File, you can selectively open and close PHP tags to manage variables */

/*Core Html*/

html {height: 100%; width: 100%; margin: 0; padding: 0; }

body {width:100%; height:100%; margin:0; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  background: url(chalk.jpg) top left; background-attachment: fixed; }
a { color: #003; font-weight: 500; font: 12px;}
h2 {font-size: 26px; margin-top: 130px;}

/*Core Divs*/
div#page { float:left; clear:none; width:1000px; margin: -110px auto 0 50px; display: block; background: url(bg3.jpg) 20px top left repeat-y; padding-bottom:10px;}

div#episode {}
div#episodeList {width: 320px; float: right;}
div#episodeList h3 {background: #556; color: #FFF; font-size: 12px; padding: 5px; width: 310px;margin:0;background:url('grad.png') white repeat-y;}
div#episodeList img {width: 50px; margin: 0px; }
div.episodeListBlock{margin:3px; float:left; clear:none; width:54px; background-color:transparent;}
div.episodeListBlock span{color:white; background-color:transparent;font-size:10px; display:block; width:54px; text-align: center;}
div#episodeRight {background: #a3cea6; float: right; width: 335px; margin: -10px 3px; 0 0; min-height:643px;}
div#episodeRight div#episodeRightChild{margin:7px;background: #000; float:left; clear:left; width:320px; min-height:628px;}


div.episodeInformation{float:left;clear:left;margin-left:30px; margin-bottom:30px; padding-left:10px;padding-top:15px; background-color:#222; color: #FFF; width:590px;height:135px; font-size: 12px;}
div#episode div#download{float:left; clear:left;}

div#availableClips {width: 320px; float: right; clear: right;}
div#availableClips h3 {background: #556; color: #FFF; font-size: 12px; padding: 5px; width: 310px;margin:0;background:url('grad.png') white repeat-y;}
div#availableClips a {margin-left:5px; margin-right:5px;float:left;clear:left;color: #FFF; font-size: 14px; font-weight: 300; padding: 5px; width: 300px;cursor:pointer; text-decoration: underline;}
div#playlistClip {background: #29322a;}
/*div#playlistClip a:hover{cursor: pointer;}*/

a.watchclip {color: #CCC;}
.watchclip {cursor: pointer;}
a.watchclip h4{color: #000;}
 
div#footer {padding: 0;clear: both; color: #000;width: 1000px; margin-bottom:100px;}
div#footer span#erv{color:#3d4b1e; margin-left:50px;float:left;clear:left;width:940px;background-color:white; padding:3px; background-image:url('grad.png');background-repeat:repeat-y; text-align:right;  }
div#footer span#tangle{float:left; clear:left; margin-left:50px; width:662px; background-color: #29322a; padding-top:10px;text-align:center; height:20px; color:white; font-size: 10px;}

div#header{background-image: url(applecheck.png) top right; float:left;clear:none;width:100%;color:white;  margin:0;padding:0;}
div#header div{float:left;clear:left; height:100px; background-repeat: repeat-y; width:662px;margin-bottom:10px;}
div#header h1{float:left;margin: 0 0 0 0;width:612px; padding: 10px 10px 10px 40px; text-align:left; font-weight:100; font-size: 44px; }

li.first{list-style: none;}

div#currentInfo {float:left; clear:none;color: #FFF; background: #29322a; padding: 5px; height:16px; width: 590px; font-size: 12px; margin-left: 30px;}
div#download {margin-left:30px; padding:5px; width:590px;background-color:white; margin-top:-25px; cursor: pointer;}
div#download img {border:0;margin-top:2px; height:20px;}
div#player {margin: 7px 0 0 30px;}

div#page div#main div#page2{
float:left;
clear:left;
width:600px;
color: #FFF;
margin: 10px;
height: auto;
}

p{
float:left;
clear:left;
width: auto;
font-size: 12px; 
color: #000;
margin: 5px;;
}

ul#nav {position: absolute; left: 50px; top: 149px; text-align: left;  width: 960px; height: 25px; background: url(grad.png) repeat-y #FFF;}
div#header ul li{float:left; clear:none; font-size: 14px;color:#FFF;margin:10px; list-style: none; position: relative; left: -20px; top: -6px;}
div#header ul li a {color: #FFF:}

.ie ul#nav{top:165px; left:0px;padding-left:60px; width:947px;}
.ie div#page{margin: -100px auto 0 50px;}