@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
body{font-family:Georgia, "Times New Roman"; font-size:10px; background:white;line-height:14px;}
a{font-family:Georgia, "Times New Roman", Times, serif;  font-size:10px; color:#666; font-style:italic; text-decoration:none;}
a:hover{background:#666; color:white;}
img{border:none;}
h1{color:#666; font-style:italic; font-size:17px;padding:40px 0 20px 0 ;font-weight:normal;}
h2{text-transform:uppercase; font-style:italic; font-size:11px; margin:0 0 10px 0;font-weight:normal;}
h3{background:url('../img/pattern_grey.gif');color:black;font-weight:normal; font-size:11px; text-transform:uppercase; width:115px; height:60px; padding:10px;overflow:hidden;margin:0 0 10px 0; }
h3 span{color:black;background:white;}
.grey{color:#666666;}

#logo{z-index:6; position:absolute;left:10px;overflow:hidden;}
#navContainer{z-index:5; position:absolute;left:0px;overflow:hidden;min-height:100%;background:white; }
#listContainer{z-index:4; position:absolute;left:306px;overflow:hidden;min-height:100%;;background:white;}
#contentContainer{z-index:3; position:absolute;left:300px;overflow:hidden;min-height:100%;;background:white;}
#relatedContainer{z-index:2;position:absolute;left:615px;overflow:hidden;min-height:100%;background:white; }
#container{z-index:1; position:absolute;left:0px;overflow:hidden; width:100%;min-height:100%;;background:white;}

.panel{ min-height:100%; padding:10px 10px 50px 10px; }

#nav{background:url('../img/pattern_grey.gif') repeat-y top right ;display:none;}
#list{border-right:1px solid #ccc;display:none;}
#content{background:url('../img/pattern_grey.gif') repeat-y top right; padding-right:20px;display:none;}
#related{border-right:1px solid #ccc;display:none;}

/* in #content */
#text{}
#text p{padding-bottom:10px;}
#text a{background:black;color:white;}
#player{visibility:hidden; height:239px;}

/* item blocks */
.item{height:190px; width:135px;float:left; margin:0px 10px 10px 0px;}
.itemContent{ height:180px; background: url('../img/bar.gif') bottom left no-repeat;}
.item p {padding:0 0px;}
.thumbnail{background:url('../img/pattern_green.gif'); line-height:60px; height:60px; width:115px; text-align:center; padding:10px;margin:0 0 10px 0;}
.thumbnail img{vertical-align:middle;}
.videoTitle {height:30px;}

.line {background:url('../img/line.gif') repeat-x left bottom;margin:0 0 5px 0; height:2px;}

.bgGreen{background:url('../img/pattern_green.gif');}
.bgBlue{background:url('../img/pattern_blue.gif');}
.bgYellow{background:url('../img/pattern_yellow.gif');}
.bgPurple{background:url('../img/pattern_purple.gif');}
.bgGrey{background:url('../img/pattern_grey.gif');}

.navGreen{display:block;padding-left:15px;background:url('../img/pattern_green.gif') repeat-y;}
.navGreen:hover{background:url('../img/pattern_green.gif') repeat-y; }
.navBlue{display:block;padding-left:15px;background:url('../img/pattern_blue.gif') repeat-y;}
.navBlue:hover{background:url('../img/pattern_blue.gif') repeat-y; }
.navYellow{display:block;padding-left:15px;background:url('../img/pattern_yellow.gif') repeat-y;}
.navYellow:hover{background:url('../img/pattern_yellow.gif') repeat-y; }
.navPurple{display:block;padding-left:15px;background:url('../img/pattern_purple.gif') repeat-y;}
.navPurple:hover{background:url('../img/pattern_purple.gif') repeat-y; }