html, body {height:100%;}html {background:url(../images/html-bg.jpg);}body { margin:0;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
}
img {border:none;}form { padding:0;
margin:0;
}
a:hover {text-decoration:none;}h2 { font:24px/33px Tahoma, Arial, Helvetica, sans-serif;
margin:0 0 14px;
padding:0 0 0 11px;
background:url(../images/title-bg.png) no-repeat;
height:1%;
}
.more { margin:0;
width:100%;
overflow:hidden;
}
.more a { color:#fff !important;
padding:0 4px 1px;
text-decoration:none;
border:1px solid #000;
float:left;
background:#000;
}
.more a:hover { color:#000 !important;
background:#fff;
border-color:#fff;
}
/*page*/
#page { margin:0 auto;
width:950px;
overflow:hidden;
}
/*header*/
.header { height:1%;
overflow:hidden;
margin:0 0 29px;
}
.info-area { height:1%;
overflow:hidden;
background:url(../images/info-area-bg.png) no-repeat;
padding:0 19px 12px 17px;
margin:0 0 19px;
}
.podcast { float:left;
color:#ff0024;
margin:10px 32px 0 0;
width:166px;
background:url(../images/podcast-ico.gif) no-repeat 100% 0;
line-height:17px;
position:relative;
}
.podcast a { text-decoration:none;
color:#fff;
}
.podcast a:hover {text-decoration:underline;}
.forum { position:relative;
float:left;
width:545px;
margin:10px 0 0;
padding:1px 0 0 32px;
line-height:16px;
color:#949494;
background:url(../images/forum-ico.gif) no-repeat;
}
.forum span,
.forum em { color:#fff;
font-size:10px;
}
.forum em { font-style:normal;
color:#949494;
}
.forum strong {color:#d1ccb0;}.forum a { color:#00b4ff;
text-decoration:none;
background:url(../images/bullet.gif) no-repeat 100% 0;
padding:0 21px 0 0;
}
.forum a:hover {text-decoration:underline;}
.info-area ul { float:right;
padding:11px 0 0;
margin:0;
list-style:none;
position:relative;
}
.info-area ul li { float:left;
padding:1px 6px 2px 7px;
line-height:12px;
background:url(../images/separator.gif) no-repeat 0 3px;
}
.info-area ul li.login { background:url(../images/login-ico.gif) no-repeat;
padding-left:20px;
}
.info-area ul a {color:#fff;}
.logo-area { height:1%;
overflow:hidden;
margin:0 0 25px;
}
.logo { float:left;
width:199px;
height:99px;
margin:0;
text-indent:-9999px;
overflow:hidden;
background:url(../images/logo.png) no-repeat;
}
.logo a { display:block;
height:100%;
}
.logo-area img { float:right;
margin:5px 0 0;
}
ul.menu { width:100%;
overflow:hidden;
height:33px;
padding:0;
margin:0;
list-style:none;
background:url(../images/menu-bg.png) no-repeat;
}
ul.menu li { float:left;
font:17px/33px Tahoma, Arial, Helvetica, sans-serif;
}
ul.menu li a { padding:0 14px;
color:#fff;
float:left;
height:33px;
text-decoration:none;
position:relative;
}
ul.menu li a:hover,
ul.menu li.active a { background:url(../images/menu-bg.png) no-repeat;
cursor:pointer;
}
/*primary content*/
.primary-content { height:1%;
padding:0 0 25px;
overflow:hidden;
}
.main-col { width:506px;
float:left;
z-index:5;
position:relative;
}
.main-col:after { content:" ";
display:block;
width:100%;
overflow:hidden;
height:1%;
clear:both;
}
.video { height:266px;
width:502px;
overflow:hidden;
position:relative;
border:1px solid #82807e;
padding:1px;
margin:0 0 11px;
}
.video img {display:block;}.video-txt { position:absolute;
left:1px;
bottom:0;
width:458px;
padding:5px 32px 3px 12px;
background:url(../images/video-txt-bg.png) repeat-y;
}
.video-txt h2 { font:18px Tahoma, Arial, Helvetica, sans-serif;
margin:0 0 5px;
padding:0;
background:none;
}
.video-txt h2 a {color:#fff;}.video-txt p { margin:0 0 5px;
}
.tag { position:absolute;
top:29px;
left:1px;
display:block;
padding:0 17px;
text-transform:uppercase;
background:#ff0048;
font:18px/36px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
ul.video-nav { padding:0;
margin:0;
list-style:none;
position:absolute;
top:12px;
right:10px;
}
ul.video-nav li { float:left;
margin:0 5px 0 0;
font:12px/16px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-align:center;
}
ul.video-nav a { color:#000;
text-decoration:none;
float:left;
padding:0 5px;
height:16px;
background:url(../images/bullet2.gif) no-repeat 50% 0;
}
ul.video-nav a:hover,
ul.video-nav li.active a { background-position:50% -16px;
color:#fff;
}
ul.gallery { height:1%;
padding:0;
margin:0;
list-style:none;
}
ul.gallery:after { content:" ";
display:block;
width:100%;
overflow:hidden;
height:0;
clear:both;
}
ul.gallery li { float:left;
width:70px;
padding:1px;
border:1px solid #858381;
margin:0 12px 16px 0;
}
ul.gallery li.last {margin-right:0;}ul.gallery li img {display:block;}ul.gallery li a { position:relative;
display:block;
text-decoration:none;
}
.popup { position:absolute;
top:70px;
right:-99999px;
width:129px;
display:block;
z-index:5;
}
.popup-top,
.popup-btm { display:block;
width:129px;
height:13px;
background:url(../images/popup-top.gif) no-repeat;
}
.popup-btm { height:3px;
background:url(../images/popup-btm.gif) no-repeat;
}
.popup-cnt { display:block;
width:124px;
color:#313030;
background:url(../images/popup-bg.gif) repeat-y;
font-size:10px;
padding:0 0 0 5px;
}
ul.gallery li a:hover {border:0;}ul.gallery li a:hover .popup {right:-119px;}
.news-show { height:1%;
padding:0 4px 18px 0;
overflow:hidden;
}
.news-col { width:240px;
float:left;
}
ul.news-list { height:1%;
overflow:hidden;
padding:0;
margin:0;
list-style:none;
}
ul.news-list li { height:1%;
padding:0 0 17px;
overflow:hidden;
}
ul.news-list li span,
.shows-col p span,
.must ul p span,
.news-box p span {display:block;}
ul.news-list li img,
.news-box img { float:left;
margin:0 14px 0 0;
padding:1px;
border:1px solid #858381;
}
ul.news-list li a,
.shows-col p a,
.must ul p a,
.news-box p a {color:#00b4ff;}
ul.news-list li p,
.news-box p { margin:0;
height:1%;
display:table;
}
.shows-col { float:right;
width:241px;
}
.shows-col img,
.must ul li img { display:block;
padding:1px;
margin:0 0 12px;
border:1px solid #858381;
}
.shows-col p {margin:0 0 21px;}.shows-col p span,
.must ul p span {padding-bottom:3px;}
.must { height:1%;
overflow:hidden;
width:505px;
}
.must h2 {background:url(../images/title-bg2.png) no-repeat;}
.must ul { width:520px;
padding:0 0 5px;
margin:0;
list-style:none;
overflow:hidden;
}
.must ul li { float:left;
width:160px;
margin:0 12px 0 0;
}
.must ul li img {margin-bottom:8px;}.must ul p {margin:0;}
.secondary-col { width:435px;
float:right;
z-index:1;
position:relative;
}
.search { height:1%;
padding:6px 5px 5px 12px;
margin:0 0 8px;
overflow:hidden;
background:url(../images/search-bg.png) repeat-y;
}
.search-area { width:291px;
float:left;
}
.input-area { height:1%;
overflow:hidden;
border:1px solid #fff;
margin:5px 0 8px;
background:url(../images/input-bg.png);
}
.input-area input { width:277px;
padding:3px 6px 4px;
border:0;
background:none;
color:#fff;
font:11px Tahoma, Arial, Helvetica, sans-serif;
}
.category { height:1%;
overflow:hidden;
}
.category label { float:left;
margin:0 14px 0 0;
}
.category input.check { margin:0 5px 0 0;
padding:0;
}
* html .category input.check {margin:-2px 3px -1px 0;}
.category a { float:right;
background:url(../images/search-ico.gif) no-repeat 100% 0;
padding:0 19px 3px 0;
color:#fff;
}
.recent-area { width:105px;
float:right;
font-size:10px;
}
.recent-area p { margin:0 0 1px;
color:#626262;
}
.recent-area ul { padding:0;
margin:0 0 0 1px;
list-style:none;
height:1%;
overflow:hidden;
}
.recent-area ul li { height:1%;
overflow:hidden;
}
.recent-area ul li a {color:#fff;}
.extra { height:1%;
overflow:hidden;
}
.column { float:left;
width:305px;
}
.column h2 { background-image:url(../images/title-bg3.png);
margin-bottom:8px;
}
.chart-box { height:1%;
background:#090809;
margin:0 1px 2px;
padding:1px 0;
}
.chart-box-cnt { position:relative;
margin:0 -1px;
padding:8px 10px 8px 73px;
height:1%;
overflow:hidden;
z-index:1;
}
.chart-box img { float:left;
padding:1px;
margin:0 10px 0 0;
border:1px solid #6e6e6e;
}
.chart-box p { margin:0;
display:table;
height:1%;
}
.chart-box p span { display:block;
padding:0 0 6px;
}
.chart-box p a {color:#d1ccb0;}
.one .chart-box-cnt,
.three .chart-box-cnt,
.five .chart-box-cnt,
.seven .chart-box-cnt,
.nine .chart-box-cnt {background:#090809 url(../images/one.gif) no-repeat 11px 8px;}
.three .chart-box-cnt {background-image:url(../images/three.gif);}.five .chart-box-cnt {background-image:url(../images/five.gif);}.seven .chart-box-cnt {background-image:url(../images/seven.gif);}.nine .chart-box-cnt {background-image:url(../images/nine.gif);}
.two,
.four,
.six,
.eight,
.ten {background-color:#0e0d0e;}
.two .chart-box-cnt,
.four .chart-box-cnt,
.six .chart-box-cnt,
.eight .chart-box-cnt,
.ten .chart-box-cnt {background:#0e0d0e url(../images/two.gif) no-repeat 11px 8px;}
.four .chart-box-cnt {background-image:url(../images/four.gif);}.six .chart-box-cnt {background-image:url(../images/six.gif);}.eight .chart-box-cnt {background-image:url(../images/eight.gif);}.ten .chart-box-cnt {background-image:url(../images/ten.gif);}
.banner-box { height:1%;
overflow:hidden;
padding:0 0 0 3px;
margin:6px 0 7px;
}
.banner-box img {display:block;}
.column .more {margin:13px 0 19px;}
.adv-box { height:1%;
overflow:hidden;
}
.adv-box img { display:block;
border:1px solid #6e6e6e;
padding:1px;
}
.side-banner { float:right;
width:120px;
}
.side-banner img {display:block;}
/*footer*/
.footer { height:74px;
width:899px;
padding:18px 33px 0 18px;
overflow:hidden;
background:url(../images/footer-bg.png) no-repeat;
}
.footer-menu { float:left;
width:363px;
position:relative;
}
.footer-menu ul { margin:0;
padding:0 0 10px;
list-style:none;
width:310px;
overflow:hidden;
}
.footer-menu ul li { float:left;
padding:0 14px 3px 0;
}
.footer-menu ul a {color:#fff;}.footer-menu p,
.share p { margin:0;
color:#969696;
}
.share { width:340px;
float:left;
padding:15px 0 0;
position:relative;
}
.share ul { height:1%;
overflow:hidden;
padding:5px 0 0;
margin:0;
list-style:none;
}
.share ul li { float:left;
padding:0 4px 0 0;
}
.share ul li img {display:block;}.kavoon { float:right;
position:relative;
width:127px;
height:40px;
text-indent:-9999px;
margin:9px 0 0;
overflow:hidden;
}
/* inner page
------------- */
.intro { height:1%;
overflow:hidden;
}
.intro h1 { margin:0 0 9px;
padding:0 0 0 11px;
height:1%;
background:url(../images/title-bg2.png) no-repeat;
font:24px/33px Tahoma, Arial, Helvetica, sans-serif;
}
.intro-img { height:1%;
overflow:hidden;
margin:0 0 8px;
}
.intro-img img { display:block;
padding:1px;
border:1px solid #6e6e6e;
}
.intro p { margin:0 0 14px;
}
.rate-box { height:1%;
padding:0 7px 0 8px;
margin:0 0 12px;
overflow:hidden;
font-size:10px;
background:#000;
}
.rate-box p { float:left;
margin:0 6px 0 0;
color:#c4c4c4;
line-height:16px;
}
.rate-box ul { float:left;
width:75px;
height:11px;
padding:0;
margin:3px 0 0;
list-style:none;
background:url(../images/rate-bg.gif) no-repeat;
}
.rate-box ul li { float:left;
width:12px;
overflow:hidden;
margin:0 3px 0 0;
}
.rate-box ul li.on {background:url(../images/full-star.gif) no-repeat;}.rate-box ul li.half {background:url(../images/half-star.gif) no-repeat;}.rate-box ul li a { display:block;
text-indent:-9999px;
overflow:hidden;
height:100%;
}
.rate-box .comment { float:right;
color:#00b4ff;
}
.comments { height:1%;
overflow:hidden;
}
.comments h2 {background-image:url(../images/title-bg2.png);}.comment-box { background:#000;
padding:11px;
margin:0 0 6px;
height:1%;
overflow:hidden;
}
.comment-box img { float:left;
border:1px solid #6e6e6e;
padding:1px;
margin:0 14px 0 0;
}
.comment-box p { display:table;
margin:0;
height:1%;
color:#00b4ff;
}
.comment-box p span { display:block;
padding:0 0 3px;
color:#969696;
font-size:10px;
}
.comment-box p span em { color:#fff;
font-style:normal;
}
.comment-box p strong { color:#d1ccb0;
font-size:11px;
}
ul.comm-nav { height:1%;
overflow:hidden;
padding:0;
margin:13px 0 24px;
list-style:none;
}
ul.comm-nav li { float:right;
padding:0 0 0 5px;
}
ul.comm-nav li a { background:#000;
border:solid #000;
border-width:1px 0 2px;
float:left;
color:#fff;
padding:0 5px;
text-decoration:none;
}
ul.comm-nav li a:hover,
ul.comm-nav li.active a { background:#6b6b6b;
border-color:#6b6b6b;
}
.comment-area { height:1%;
overflow:hidden;
background:#000;
padding:11px 14px 0 13px;
}
.comment-area textarea { color:#fff;
display:block;
width:465px;
height:73px;
border:1px solid #fff;
padding:3px 6px;
font:11px Tahoma, Arial, sans-serif;
background:#1f1f1f;
}
.comment-area .rate-box {padding:12px 0 0;}.comment-area .rate-box a { color:#fff;
font-size:11px;
}
.column .rate-box p { float:right;
margin:0;
}
.news-box { height:1%;
overflow:hidden;
margin:0 0 13px;
}
.news-box p span {padding-bottom:3px;}
/* inner 2 page
---------------- */
.date { height:1%;
overflow:hidden;
padding:10px 0 5px;
border-bottom:1px solid #929292;
}
.date p { float:left;
font-weight:bold;
margin:0;
}
.date ul { float:right;
padding:0;
margin:0;
list-style:none;
overflow:hidden;
}
.date ul li { float:left;
margin:0 0 0 4px;
line-height:14px;
}
.date ul li a { color:#fff;
display:block;
padding:0 5px 2px;
text-decoration:none;
background:#000;
}
.date ul li a:hover,
.date ul li.active a {background:#6b6b6b;}
.schedule-box { height:1%;
overflow:hidden;
border-bottom:1px solid #929292;
padding:15px 0 14px;
}
.schedule-title { height:1%;
overflow:hidden;
padding:0 7px;
}
.time { float:left;
width:39px;
color:#d1ccb0;
}
.schedule-box p { height:1%;
display:table;
margin:0;
}
.schedule-box p span,
ul.schedule-list div p span {display:block;}.schedule-box p a { color:#fff;
font-weight:bold;
text-decoration:none;
}
.schedule-box p a:hover {text-decoration:underline;}
.top .schedule-title { background:#110f0e;
padding:10px 7px;
}
.schedule-cnt,
ul.schedule-list div { height:1%;
overflow:hidden;
background:#1c1a19;
padding:6px 7px 7px;
}
.schedule-cnt img,
ul.schedule-list div img { float:left;
border:1px solid #747272;
padding:1px;
margin:0 14px 0 0;
}
.schedule-cnt span {padding-bottom:3px;}.schedule-box .schedule-cnt a,
ul.schedule-list li div a { font-weight:normal;
color:#00b4ff;
text-decoration:underline;
}
.schedule-box .schedule-cnt a:hover,
ul.schedule-list li div a:hover {text-decoration:none;}
.news-month,
.news-month div { height:1%;
overflow:hidden;
padding:0 0 10px;
}
.news-month div {padding:0 0 10px;}.news-month p { margin:0 0 2px;
font-weight:bold;
}
.news-month ul { float:left;
width:90px;
padding:0 10px 0 0;
margin:0;
list-style:none;
}
.news-month ul li { height:1%;
overflow:hidden;
color:#929292;
}
.news-month ul li a {color:#fff;}
ul.schedule-list { height:1%;
overflow:hidden;
padding:0 0 30px;
margin:0;
list-style:none;
}
ul.schedule-list li { height:1%;
padding:8px 0;
overflow:hidden;
border-bottom:1px solid #929292;
}
ul.schedule-list li a { display:block;
padding:0 10px 0 12px;
color:#fff;
text-decoration:none;
}
ul.schedule-list li a:hover {text-decoration:underline;}ul.schedule-list li.active a { background:#110f0e;
padding:8px 10px 8px 12px;
}
ul.schedule-list li div {display:none;}ul.schedule-list li.active div {display:block;}ul.schedule-list li.active div a { display:inline;
padding:0;
background:none;
}
ul.schedule-list div p {margin:0 70px 0 0;}