/* Reset Reloaded from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, font, img, small, strike, strong, sub, sup, var, 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%;
  font-family: inherit;
  vertical-align: baseline;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* end Reset Reloaded */

body {
background:#fff;
color:#111;
font:12px/1.6em "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
overflow-y:scroll;
}

h1 {
color:#FFF;
font:2em Tahoma, sans-serif;
height:0;
}

h2 {
clear:both;
color:#fff;
font-size:15px;
font-weight:400;
margin:0 0 5px;
}

img {
border:none;
}

p {
margin:0 0 10px;
}

p a {
color:#003F8C;
}

.tabber {
border:2px solid red;
}

ul.tabbernav {
background: url(menu.jpg) left top no-repeat;
height:40px;
position:fixed;
top:0px;
z-index:10;
margin:0 auto;
padding-left:20px;
}

ul.tabbernav li a {
color:#fff;
display:block;
float:left;
font-size:12px;
font-weight:700;
line-height:30px;
margin:0 10px 0 0;
padding:2px 0;
text-align:center;
text-decoration:none;
width:90px;
}

ul.tabbernav li.tabberactive a {
text-decoration:underline;
}

ul.tabbernav li a:hover,#menu li a:hover {
text-decoration:underline;
}

a {
color:#222;
text-decoration:underline;
}

#actions li,ul.tabbernav li {
display:inline;
}

#black {
height:54px;
position:fixed;
top:0;
width:100%;
z-index:9;
background: url(menu-right.jpg) right top no-repeat;
margin:0 auto;
}

#embed input {
margin:0 0 10px;
width:430px;
}

#header {
background:#fff;
border-bottom:5px solid #ccc;
clear:both;
color:#111;
display:none;
font-size:11px;
height:25px;
left:0;
line-height:25px;
padding:0 5px;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:10;
}

#header img {
float:left;
margin:5px;
}

#left-sidebar {
position:fixed;
width:480px;
z-index:10;
}

#left-sidebar #ad {
clear:both;
margin:20px 0 0;
}

#left-sidebar #video {
height:353px;
width:487px;
background:url(bg-video.jpg) no-repeat;
padding:8px 9px 0;
}


#left-sidebar-wrap {
float:left;
position:relative;
width:478px;
margin:0 10px;
}

#main-content {
padding:0 0 0 510px;
position:relative;
}

#page-wrap {
margin:10px auto;
max-width:1100px;
min-width:780px;
position:relative;
width:expression(document.body.clientWidth<782?"780px":document.body.clientWidth>1102?"1100px":"auto");
}

#page-wrap #inside {
}

#page-wrap .channel li a:hover h3 {
background:#9e0e0e;
color:#fff;
}

#page-wrap .channel li#nowplaying a h3,#page-wrap .channel li#nowplaying .source,.channel li#nowplaying .time,#page-wrap .channel li#nowplaying img.thumb {
background:#40728b;
border-color:#40728b;
}

#tools .tabberlive .tabbertab {
background:#adcbda;
padding:5px 10px;
top:0;
left:-1px;
width:442px;
border-bottom:5px solid #c0d4e0;
}

#tools h3 {
font-size:15px;
font-weight:700;
margin:0 0 5px;
}

#tools ul.tabbernav {
position:relative;
width:467px;
height:38px;
margin:0;
background:url(bg-tools.jpg) no-repeat;
}

#tools ul.tabbernav li a {
color:#fff;
display:block;
float:left;
font-size:11px;
font-weight:400;
line-height:18px;
margin:5px 10px 0 0;
text-align:center;
width:70px;
}

#tools ul.tabbernav li a:hover {
text-decoration:underline;
}

#tools ul.tabbernav li.tabberactive a {
text-decoration:underline;
}

.channel .source {
color:#111;
display:block;
font-size:12px;
height:25px;
line-height:23px;
margin-left:60px;
padding:0 5px;
position:relative;
}

.channel img.play {
display:none;
height:48px;
left:2px;
position:absolute;
top:2px;
width:60px;
z-index:11;
}

.channel img.site {
background:#fff;
left:2px;
position:absolute;
top:34px;
}

.channel img.thumb {
border:5px solid #adcbda;
border-width:3px 0;
float:left;
height:48px;
position:relative;
width:60px;

}

.channel li {
clear:both;
display:block;
margin:0 0 10px;
position:relative;
}

.channel li .time {
color:#000;
font-size:12px;
font-weight:700;
padding:0 5px;
position:absolute;
right:0;
}

.channel li .via,.channel li .via a {
color:#ccc;
font-size:14px;
}

.channel li a {
text-decoration:none;
}

.channel li a h3 {
color:#000;
font-weight:700;
}

.channel li a:hover img.play {
display:block;
}

.channel li h3 {
font-size:16px;
font-weight:400;
height:29px;
line-height:29px;
overflow:hidden;
padding-left:5px;
}

.channel li h3, .channel .source {
background:#adcbda;
}

.channel li p {
margin:10px 0;
padding-left:70px;
}

.tabberlive .tabbertab {
background:#fff;
border:5px solid #c0d4e0;
border-width:0 5px;
clear:left;
position:relative;
top:30px;
margin:0 9px;
}

.tabberlive .tabbertabhide,.tabber,.tabberlive .tabbertab h2 {
display:none;
}

.welcome,#channels {
padding:10px;
}