@charset "utf-8";
/* CSS Document */
 html, body, div, span, applet, object, iframe, h1, h2, 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }

#categories ul {float:left;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* END RESET *//* END RESET *//* END RESET */

body { font-family: "Arial", "Helvetica", sans-serif; background:#000;}
img { border: none; }
.vid-menu img { border: none; }
a, a:visited { color:white; text-decoration: none; border-style: none; }
body { margin:0; }
.clear { clear:both; }
#wrapper { margin: 0 auto; position: relative; width: 900px; margin-top:20px;  }
.vid-menu { position: relative; margin:322px 0 0 0; padding:0; }
.vid-menu h3 { float: left; color: white; margin:0 0 10px 10px; padding: 10px; height: 101px; width: 101px; background: #333; }
.vid-menu div {padding:10px; background:url(images/playlist_bg.jpg) repeat-x; position: absolute; top: -312px; left: 10px; width: 278px; height: 270px; border:2px solid #999; }
.vid-menu div img { vertical-align:middle; margin: 0 10px 0 0;}
.vid-menu div a { display:block;padding:5px; font-size:11px;}
.vid-menu div a:hover{ background-color:#3E3E3E; }
.vid-menu p { }

#video_container {height:360px;}	
#video_container img {}	
img.logo {padding: 5px 0px 10px 10px;
}

.playlist {padding:10px; background: url(images/playlist_bg.jpg) repeat-x; position: absolute; top: 10px; left: 0px; width: 280px; height: 327px; border:1px solid #555;
}
.playlist a img { vertical-align:middle; margin: 0 10px 0 0;}
.playlist a { display:block;padding:5px; font-size:11px; color:white; text-decoration:none;}
.playlist a:hover{ background-color:#3E3E3E; text-decoration:none;}
.playlist a.playing{ 
	background:url(images/light_medium.png) no-repeat top left;
}
.playlist a.paused{ 
	background:url(images/light_medium.png) no-repeat 0 -55px;
}
.playlist a.progress { }

#video { position:absolute; top: 10px; right: 10px; width:555px; height: 350px; background: #999; overflow:auto; }


#categories { overflow:auto; width:890px;}
#categories ul li {color:white; float:left; font-size:11px; margin:20px 40px 0px 30px;}

#categories ul li img{ margin:0 0 8px 0; border: 3px solid #fff;}
#categories ul li a{padding:8px; display:block;   width:210px;}
#categories ul li a:hover img{border-color: #a4a4a4;}
#categories ul li a:hover {text-decoration: none;}
#categories ul li span{ display:block; color:#DB0000; padding-bottom:5px; font-size: 14px;}
#categories ul li em {color: #fff; display:block; line-height: 14px; }

#well-txt {color:#E2E5E6;
font-size:12px;
line-height:15px;
margin-top:-10px;
text-align:left;}