@charset "utf-8";

body {background-color:#CCC;color:#333;font-family:Tahoma,Verdana,Geneva,sans-serif;text-align:center;margin:0;padding:0;font-size:14px}
a {color:#5077cb}
a:hover {text-decoration:none}

header {text-align:center}
h1.logo {margin:10px 0 0;color:#424242;font-size:42px}
a.logo {display:inline-block;text-decoration:none}
a.logo h1.logo {text-decoration:underline}

.th_block {width:322px;height:222px;display:inline-block;vertical-align:top;background-color:#3d3d3d;margin:0 1px 4px 1px}
.th_block a {display:block}
.th_block img {width:320px;height:200px;border:0;margin:1px;background-color:#000;font-size:12px;color:#333;display:block}
.desc {width:310px;height:18px;overflow:hidden;font-size:12px;color:#ccc;margin:0 5px;padding:0 1px;line-height:16px}
.dur {position:relative;top:-214px;left:5px;padding:0 3px;z-index:5;font-size:11px;line-height:15px;font-family:Arial;float:left;color:#000;opacity:0.5}
.stars {position:relative;top:-214px;height:14px;width:60px;z-index:6;float:right}
.stars img {height:10px;width:50px;text-align:right;background:none}
.th_related {max-width:980px;margin:10px auto}

.nav {padding:4px;word-spacing:0px;line-height:36px}
.nav a {margin:2px}
span.page {margin:2px;font-size:16px;background-color:#888;padding:4px 10px;border:1px #555 solid}
a span.page {font-size:16px;background-color:#aaa;padding:4px 10px;border:1px #eeeaff solid}
a span.page:hover {background-color:#000000;color:#CCC;border:1px #333 solid}

.cats_list {margin:10px 5%}
.other {margin:10px}

.tops {}
.tops ul {display:inline-block;padding-left:20px}
.tops ul li {text-align:left;list-style:none}
.tops ul li a {font-weight:bold;line-height:25px}

.thumbs_tops {margin:20px auto;max-width:1500px}
.thumbs_tops div {width:242px;display:inline-block;vertical-align:top;background-color:#333;margin:0 1px 4px 1px;color:#aaa}
.thumbs_tops div a {display:block}
.thumbs_tops div img {width:240px;height:180px;border:0;background-color:#000;margin:1px;display:block}
.thumbs_tops div span {font-weight:bold}

.sb1 {max-width:852px;height:auto;margin:15px auto;font-size:16pt}
.sb1 img {width:100%;height:auto}
.cb1 {padding:0 0 15px 0;width:730px;margin:0 auto}
.cb2 {padding:15px 0;width:935px;margin:0 auto}
.cbs {margin:15px auto;text-align:center}
.cbs div {margin:3px;display:inline-block;text-align:center}


.friendly {font-family:Tahoma,Arial,Helvetica;display:block;margin:20px auto;max-width:1600px;line-height:22px}
.friendly ftitle {font-weight:bold;font-size:14pt;color:#FF6;display:block}
.friendly flinks {font-size:16pt}

tech {font-family:Tahoma,Arial,Helvetica;display:block;margin:10px 0}
tech ttitle {font-weight:bold;font-size:14pt;color:#FF6;display:block}
tech tlinks {font-size:16pt}

sfooter {margin:20px 0 10px;font-size:11px;display:block}
sfweb {font-weight:bold;font-size:10px}

.promo {width:730px;margin:20px auto}
.addth_footer {width:500px;margin:20px auto}

.player {display:block;margin:0 auto;text-align:center}
.player video {width:100%}
.uplayer {display:block;margin:0 auto;text-align:center}
.rate_t {float:left;padding-top:3px}
.description {margin:14px 0}
.rating-cancel {display:none !important}

@media screen and (max-width:750px) {
.promo {display:none}
}

@media screen and (max-width:670px) {
.th_block {width:48%;height:auto}
.th_block img {width:100%;height:auto}
.th_block .desc {width:100%}
.th_block .dur, .th_block .stars {display:none}
}

@media screen and (max-width:540px) {
.thumbs_tops div {width:48%;height:auto;font-size:11px}
.thumbs_tops div img {width:100%;height:auto}
}

@media screen and (max-width:520px) {
.addth_footer {display:none}
.logo {font-size:24px !important}
}

/* Rating */
#rating_div {float:left;line-height:18px;height:18px;padding:4px 0 0 3px;color:#999999}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{}
div.star-rating,div.star-rating a{background:url(/cmf/star.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */