body { background-color: #3b3b3b; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; }
img { border: 0; margin: 0; padding: 0; }
a { color: #000000; text-decoration: none; }
h1 { color:#a71c1c; font-size:18px; font-weight:bold; margin-top: 0px; }
h2 { color:#c63f3f; font-size:15px; font-weight:bold; margin:0pt; padding:0pt; }
h3 { color:#666666; font-family:Arial,sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:normal; font-size:115%; font-weight:bold; margin:1em 0pt 0.25em; padding:7px 0pt 2px; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
input, textarea, checkbox { border: 1px solid #D6D6D6; color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; font-size: 13px; }
.form_button {text-decoration: none; padding: 2px; text-align: center; border: 1px solid #9D3838; color: #ffffff; background-color: #930000; }
.form_text { height: 17px; font-size: 13px; }

.clear { margin: 0; padding: 0; height: 0px; clear: both; }
.error { color: #ff0000; }
.success { color: #00ff00; }
.icon_link { display: block; padding: 5px 5px 5px 22px; }

.link0 { color: #000000; text-decoration: none; }
.link0:hover { color: #000000; }
.link1 { color: #ffffff; text-decoration: none; }
.link1:hover { color: #ffffff; }

.p0 { padding: 0; margin: 0; }

.ads_medium { float: left; text-align: right; width: 260px; }

#menubar { color: #ffffff; padding: 0px 50px 0px 50px; height: 175px; position: relative; border: 0px; background: #ffffff url(images/framework_menu.png) top repeat-x; z-index: 1; }
#menubar div { position: relative; max-width: 1014px; margin: 0 auto; }
#menubar ul { float: left; padding: 0; margin: 0; list-style: none; }
#menubar li { float: left; padding: 0; margin: 0; }
#menubar ul a:link, #menubar ul a:visited { display: block; float: left; padding: 0px 10px 11px 0px; text-decoration: none; color: #fafff9; font-weight: bold; }
#menubar ul a:hover { text-decoration: underline; }
#menubar #auth { background: transparent url(images/box/box4.png) no-repeat top left; right: 0; padding: 0; margin: 6px 0 0 0; list-style: none; position: absolute; top: 0; font-size: 10px; height: 80px; width: 268px; }
#menubar #auth_content { padding: 4px; height: 72px; }

#main { clear: both; padding: 0px 50px; background: url(images/framework_shadow.png) top repeat-x; text-align: left; margin-top: 0; }
#main_content { background-color: #ffffff; max-width: 1014px; margin: 0 auto; padding-top: 4px; border: none; }

#ad1 {  margin-top: 2px; float: left; text-align: center; width: 260px; left: 1014px; top: 1px; }

#bottom { clear: both; margin-bottom: 1em; color: #cccccc; padding: 25px 50px; background: url(images/framework_bottom.png) top repeat-x; text-align: left; margin-top: 0; font-size: 85%; }
#bottom_content { max-width: 1014px; margin: 0 auto; padding: 0; border: none; }
#bottom p { margin: 0.3em; }
#bottom a { color: #888; margin-right: 2em;}

.head1 { background: #ffffff url(images/table_head.png) repeat-x; height: 35px; color: #ffffff; font-weight: bold; }
.back1 { background-color: #e1e1e1; }
.back1:hover { background-color: #d1d1d1; }

.box1 { width: 260px; }
.box1 .head { background-color: #747c86; color: #ffffff; font-size: 12px; width: 260px; height: 24px; }
.box1 .content { background-color: #22252a; color: #ffffff; padding: 4px; width: 252px; }

.box2 { width: 412px; height: 271px; }
.box2 .content_box { background: #ffffff url(images/box/box2_middle.png) no-repeat; color: #ffffff; width: 412px; height: 244px; }
.box2 .content { margin: 0px; padding: 1px 17px 17px 17px; color: #000000; }
.box2 .over { background: #ffffff url(images/box/box2_over.png) no-repeat; color: #ffffff; width: 412px; height: 14px; font-size: 1px; }
.box2 .under { background: #ffffff url(images/box/box2_under.png) no-repeat; color: #ffffff; width: 412px; height: 13px; font-size: 1px; }

.box3 { background: #ffffff url(images/box/box3.png) no-repeat; color: #ffffff; width: 213px; height: 73px; }
.box3 .content { border: 0; padding: 5px 5px 5px 5px; font-weight: bold; font-size: 20px; text-shadow: #222222 1px 1px 1px; width: 203px; height: 63px; line-height: 63px; text-align: center; }

.button { overflow: hidden; }

.button1 { background: transparent url(images/buttons/button1_left.png) no-repeat top left; display: block; float: left; height: 23px; padding-left: 3px; }
.button1_content { background: transparent url(images/buttons/button1_right.png) no-repeat top right; display: block; padding: 4px 6px 4px 3px; font-weight: bold; }

.button2 { background: transparent url(images/buttons/button2_left.png) no-repeat top left; display: block; float: left; height: 37px; padding-left: 4px; }
.button2_content { background: transparent url(images/buttons/button2_right.png) no-repeat top right; display: block; padding: 10px 8px 10px 3px; font-weight: bold; }

.form { height: 25px; }
.form2 { height: 22px; }
.form_row label { clear: left; float: left; width: 120px; }

.list_odd { background-color: #a41c1c; }
.list_even { background-color: #c63f3f; }

.list_head { color: #b20000; line-height: 24px; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.list_head span { display: block; padding: 13px 5px 13px 50px; background: transparent url(images/cam.png) no-repeat scroll 0pt 5px; }

.channel_list { background: #ffffff url(images/lists/list1_background.png) no-repeat; width: 194px; height: 36px; padding: 0px 2px 0px 2px; overflow: auto; }
.channel_list:hover { background: #ffffff url(images/lists/list1_background_hover.png) no-repeat; }
.channel_bottom { background: #ffffff url(images/lists/list1_bottom.png) no-repeat; width: 194px; height: 20px; padding: 0px 2px 0px 2px; }
.channel_bottom a { color: #a11111; }

.channel_list2 { width: 252px; height: 80px; }
.channel_list2 .active { float: left; background-image: url(images/lists/list2_tab_active.png); width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 10px; font-weight: bold; }
.channel_list2 .deactive { float: left; background-image: url(images/lists/list2_tab_deactive.png); width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 10px; }
.channel_list2 .space { background: #ffffff url(images/lists/list2_space.png) top repeat-y; width: 252px; height: 11px; font-size: 1px; }
.channel_list2 .item { position: relative; background: #ffffff url(images/lists/list2_background.png) no-repeat; width: 252px; height: 83px; padding: 0px 4px 0px 4px; overflow: auto; }
.channel_list2 .item:hover { background: #ffffff url(images/lists/list2_background_hover.png) no-repeat; }
.channel_list2 .item .image { float: left; width: 64px; height: 64px; border: 1px solid #AEC8BE; margin: 7px 0px 0px 0px; background-color: #000000; }
.channel_list2 .item .rate { color: #ffffff; font-size: 10px; position: absolute; right: 10px; bottom: 5px; width: 35px; height: 39px; margin: 7px 0px 0px 0px; }
.channel_list2 .item .content { float: left; width: 130px; padding: 0px 2px 0px 2px; color: #000000; }
.channel_list2 .item .content a { color: #000000; }
.channel_list2 .bottom { background: #ffffff url(images/lists/list2_bottom.png) no-repeat; width: 252px; height: 20px; padding: 0px 4px 0px 4px; font-size: 10px; }
.channel_list2 .bottom a { color: #000000; }

.play div { background-image: url(images/icons/play.png); width: 20px; height: 20px; }
.play div:hover { background-image: url(images/icons/play_hover.png); width: 20px; height: 20px; }

.howto { float: left; width: 260px; padding-left: 0px; }

.number { width: 262px; float: left; margin: 4px 0px 10px 0px; padding: 0 0 0 0; text-align: left; }
.number img { width: 45px; height: 45px; float: left; border: 0px solid #AEC8BE; margin: 0px 10px 0px 2px; }
.number p { margin: 0px; padding: 10px 0px 0px 0px; font-weight:bold; }

.number2 { text-align: left; width: 600px; }
.number2 img { width: 45px; height: 45px; float: left; border: 0px solid #AEC8BE; margin: 0px 10px 0px 0px; }
.number2 p { border-bottom: 1px solid #AEC8BE; margin: 0px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; }

#channel_head { color:#a71c1c; font-size:18px; font-weight:bold; }
#channel_line { background-color: #565656; height: 5px; width: 440px; }
.channel { border: 1px solid #dadada; background-color: #eeeeee; color: #000000; padding: 7px 7px 7px 7px; }
.channel a { color: #dddddd; text-decoration: none; }
.channel a:hover { color: #ffffff; text-decoration: none; }
.channel .embed { font-size: 10px; padding-top: 10px; }
.channel_image { float: left; width: 64px; height: 64px; border: 1px solid #AEC8BE; margin: 0px 4px 0px 0px; background-color: #000000; }
.channel .presentation { font-size: 10px; }
#playlist { border: 1px solid #dadada; background-color: #eeeeee; color: #000000; padding: 7px 7px 7px 7px; width: 426px; }
#playlist h2 { font-weight: bold; color: #000000; padding: 0px; margin: 0px; }
#playlist ol { margin-top: 0px; margin-bottom: 0px; }

#comments { border: 1px solid #dadada; background-color: #eeeeee; color: #000000; padding: 7px 7px 7px 7px; width: 426px; }
#comments h2 { font-weight: bold; color: #000000; padding: 0px; margin: 0px; }

#comments_post { border: 1px solid #dadada; background-color: #eeeeee; color: #000000; padding: 7px 7px 7px 7px; width: 426px; }
#comments_post h2 { font-weight: bold; color: #000000; padding: 0px; margin: 0px; }
#comments_post p a { color: #444444; }

.news { width: 600px; }
.news_head { border-bottom: 1px solid #000000; margin-bottom: 4px; vertical-align: bottom; }
.news_subject { float: left; font-size: 16px; font-weight: bold; color: #666666; }
.news_time { float: right; font-size: 10px; }
.news_delim { border-top: 2px solid #000000; clear: both; margin: 8px 0px 8px 0px; overflow: hidden; }

#genre { border: 1px solid #dadada; background: #eeeeee; color: #000000; float: left; padding: 0px; margin: 0px; width: 200px; }
#genre h1 { background: #ffffff url(images/lists/list3_top.png) repeat-x; color: #ffffff; height: 26px; padding-left: 4px; margin: 0px; }
#genre .content { padding: 4px; }
#genre a { color: #000000; }

#channels { border: 0px solid #000000; float: left; margin-left: 4px; width: 536px; }
#channels a { color: #000000; }
#channels .head { background: #ffffff url(images/lists/list3_top.png) repeat-x; border: 1px solid #dadada; color: #ffffff; font-size: 18px; font-weight:bold; height: 26px; padding-left: 4px; margin: 0px; }
#channels .item { clear: both; margin-bottom: 2px; padding: 0px; }
#channels .image { background: #000000; border: 1px solid #ffffff; float: left; margin-right: 10px; }
#channels .info { border: 1px solid #dadada; color: #000000; float: left; padding: 2px; width: 350px; }
#channels .name { color: #000000; height: 20px; font-size: 12px; overflow: auto; }
#channels .presentation { border: 0px solid #000000; height: 45px; font-size: 10px; overflow: auto; }
#channels .page { color: #000000; margin-bottom: 2; padding: 0px; text-align: center; }
#channels .page a { color: #000000; }
#channels .stats { border: 1px solid #dadada; background: #dadada url(images/lists/list3_stats.png) repeat-x; color: #000000; float: left; font-size: 10px; margin-left: 1px; padding: 2px; width: 172px; }

.image_box { border: 1px solid #AEC8BE; float: left; height: 100px; margin-bottom: 10px; margin-right: 10px; padding: 4px; text-align: center; width: 100px; }

.video_box { height: 96px; margin-bottom: 10px; text-align: left; width: 600px; }
.video_box .image { border: 1px solid #AEC8BE; float: left; height: 96px; margin-right: 10px; padding: 4px;  text-align: center; width: 132px; }
.video_box .info { float: left; height: 96px; }
