body { margin:0; padding:0; width:100%; background-color:#6f6f6f; 
	/*background-image:url("/img/bg.jpg"); background-repeat: no-repeat; background-position: -60px -100px;*/
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #cccccc; }
#header { display:block; height:43px; width:100%; overflow:hidden; margin-bottom:10px; background-image:url("/img/header-small.gif"); background-repeat: no-repeat; background-position: 0px 0px;}
#header .title { border:0px solid yellow; margin:10px auto 0 170px; font-size:16px; }
#header .title {color:#ccc; text-decoration: none;}
#header .title:hover {color:#ccc;}
a { color: #ffab00; text-decoration: none; }
a:hover { color: #ffab00; text-decoration: underline;}
img {border:0; }
/*
.detail {padding-bottom:10px;}
.detail h2 { margin:15px 0 0px 0; padding:0px; font-size:13px; line-height:15px; text-align:left; color:#eee; border:0px;}
.detail h3 { margin:15px 0 0px 0; padding:0px; font-size:13px; line-height:15px; color:#eee; border:0px solid yellow;}
.detail h4 { font-weight:normal;}
.detail p {font-size:12px; line-height:16px; padding:5px 0 5px 0;}
.detail li {font-size:12px; line-height:16px; padding:5px 0 5px 0;}

.listLinks {display:block;}
*/
img.avtype { width:10px; height:10px; padding:0 5px 0 0; vertical-align:text-bottom;}

.detail { display:table; background-color:#383838; margin:0 0 15px 15px; padding:0;}
.detail { -webkit-border-radius:8px; -moz-border-radius:8px;  -webkit-box-shadow:0px 5px 10px #222; }
.detail .left {border:0px solid yellow; display:table; width:120px; height:100px; float:left; margin:15px 0 0px 15px;}
.detail .right {border:0px solid yellow; display:table; width:370px; height:100px; float:right; margin:15px 0px 0px 10px;}
.detail .cover {width:120px; height:120px; border:0; display:block; float:none;}

.detail .left b.tit { display:block; width:100%; color:#ddd; margin-top:5px; border-bottom:1px solid #666; }
.detail .left b		{ display:block; width:100%; color:#aaa;}

.stars { width:50px; height:10px; margin-top:2px; Xwhite-space: nowrap; display:block; background-image: url("/img/stars-50px.png"); background-repeat: no-repeat; background-position: 0px -117px; behavior:url(/iepngfix.htc); }
.s10 { background-position: 0px 0px; }
.s15 { background-position: 0px -10px; }
.s20 { background-position: 0px -21px; }
.s25 { background-position: 0px -32px; }
.s30 { background-position: 0px -43px; }
.s35 { background-position: 0px -54px; }
.s40 { background-position: 0px -65px; }
.s45 { background-position: 0px -76px; }
.s50 { background-position: 0px -87px; }
.s00 { background-position: 0px -117px; margin-top:0px; height:12px;}

.detail .left .other {border:1px solid #666; text-align:center; background-color:#555; padding:3px 0 10px 0; margin:15px 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; }
.detail .left .other img.cover { width:60px; height:60px; margin:0 28px 3px 28px; padding:0; }
.detail .left .other b { margin:0; padding:0; font-size:9px; line-height:10px; color:#FFAF00; border:0px solid yellow;}
.detail .left .other > a { display:block; margin-top:10px;}
.detail .left .other > b { color:#eee; font-size:10px; line-height:12px; border:0px; }

.detail h1 { font-size:17px; line-height:14px; margin:0px; padding:0; color:#d79308; text-align:right; border-bottom:1px solid #d79308; }
.detail h2 { font-size:15px; line-height:15px; margin:7px 0 3px 0; padding:0; color:#e5e5e5;}
.detail h2 a { color:#e5e5e5; }
.detail h2 a:hover { color: #ffab00; text-decoration: underline;}
.detail .chan_sub { line-height:18px; font-size:13px;}
.detail .chan_sum { line-height:15px; font-size:11px;}

/*————————————————————————————————————————————————————————————————————————————————————————————————*/
.new { display:inline; font-size:9px; line-height:9px; font-weight:normal; color:#fff; background-color:#E70A11; padding:0px 6px 0px 5px; margin:0 7px 0px 0;
	border:1px solid #87080C;
	cursor:default;
	-webkit-border-radius:6px; -moz-border-radius:6px; -webkit-box-shadow:0px 1px 2px #222;
}
.playlist { display:inline; font-size:9px; line-height:9px; font-weight:normal; color:#fff; background-color:#3E8410; padding:0px 6px 0px 5px; margin:0 7px 0px 0;
	border:1px solid #294F09;
	cursor:default;
	-webkit-border-radius:6px; -moz-border-radius:6px; -webkit-box-shadow:0px 1px 2px #222;
}
.played { display:inline; font-size:9px; line-height:9px; font-weight:normal; color:#111; background-color:#ff7300; padding:0px 6px 0px 5px; margin:0 7px 0px 0;
	border:1px solid #A44A00;
	cursor:default;
	-webkit-border-radius:6px; -moz-border-radius:6px; -webkit-box-shadow:0px 1px 2px #222;
}
/*————————————————————————————————————————————————————————————————————————————————————————————————*/
.TabView { width:426px;  display:table; margin:0; padding:0; background-color:#383838; border:solid 0px yellow;}
.TabView.black { background-color: #222222; }
.TabView img { margin:0 10px 0 0; padding-top:5px; }
.TabViewContent { min-height:260px; width: 100%; background-color: #241212; -border: solid 1px #0b0a0b; padding:0px 0 0px 0; line-height: 1.3em; }
.TabViewContent .ListItem { width:408px; padding:5px 10px 5px 10px; border-bottom:1px solid #3a1919;}
.TabViewContent .ListItem i { padding-right:10px; color:#aaa; }
.TabViewContent .ListItem .review { padding:5px 15px 0px 15px; border:0px solid red; }
.TabViewContent .ListItem h2 { border:0; padding:5px;}
.TabViewContent .ListItem h2 a { color:#FFAF00; }
.TabViewContent .ListItem .listLinks {margin-top:5px; padding-bottom:3px;}
.TabViewContent .ListItem .stars {float:right; margin-left:5px;}

.more {float:right; display:block; padding-right:10px; background-image:url("/img/left-arrow.gif"); background-repeat: no-repeat; background-position: center right;}
ul.tab { margin:0; padding:0; }
ul.tab li { cursor:pointer; list-style-image:none; list-style-type:none;
	font-size:11px; color:#bbb; text-align:center; display:block; float:left; width:101px; height:24px;
	margin:0 0px 0 0; padding:0px 0 0 0; line-height:23px;
	background-image:url("/img/tab-quiet24.png"); background-repeat: no-repeat;
}
ul.tab li:hover {color:#ffab00;}
ul.tab li.sel { color:#fff; background-image:url("/img/tab-active24.png"); }
ul.tab li.sel:hover {color:#fff;}

#footer { height:28px; padding-left:20px; width:100%; display:table;
/*	background-image: url("/img/footer-bg.gif"); background-repeat: repeat-x;*/
	color: #FFF; font-weight:bold; text-align:left;
}
#footer > div { line-height:28px;  color: #d1d1d1;  text-align:left; }
#footer a { color: #d1d1d1; text-decoration: none; }
#footer a:hover { color:#ffab00; text-decoration: none; }
	
#content {display:table; float:none; border:0px solid yellow;}
