body, ul, li, p, h1, h2, form, input { margin: 0; padding: 0; }

li { list-style-type: none; }


body { background-color: rgb(250,250,250); color: rgb(150,150,150); font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; }

img { background-color: rgba(0,0,0,0.1); display: block; border: 0 none; }
a { color: rgb(20,20,20); text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(78,125,155); }

h1 { background-color: rgb(240,240,240); border-bottom: 1px solid rgb(78,125,155); color: rgb(78,125,155); text-transform: capitalize; font-size: 20px; font-weight: bold; line-height: 22px; padding: 5px 10px; display: block; margin: 10px 5px 0 5px; display: block; }
h2 { background-color: rgb(240,240,240); border-bottom: 1px solid rgb(78,125,155); color: rgb(78,125,155); font-size: 18px; font-weight: bold; line-height: 20px; padding: 5px 10px; display: block; margin: 10px 5px 0 5px; display: block; }

.head_wrapper { background-color: rgba(78,125,155,0.4); overflow: hidden; }
.head { margin: 0 auto; font-size: 0; padding: 0 0 10px 0; }
.logo { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; width: 165px; height: 30px; font-size: 14px; }
.logo a { background-image: url(../images/logo.png); background-repeat: no-repeat; display: block; width: 165px; height: 30px; }

.menu { display: inline-block; vertical-align: middle; }
.menu li { font-size: 14px; display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; height: 30px; line-height: 30px; }
.menu li a { display: block; padding: 0 10px; background-color: rgba(255,255,255,0.3); color: rgb(0,0,0); font-weight: bold; height: 28px; line-height: 28px; border: 1px solid rgb(125,125,125); }
.menu li.active a, .menu li a:hover { background-color: rgb(178,225,255); }

.search { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; width: 240px; height: 30px; }
.search form { display: block; width: 240px; height: 30px; overflow: hidden; }
.search input { display: block; height: 30px; line-height: 30px; color: rgb(20,20,20); text-align: center; background: transparent; float: left; border: 0 none; }
.search input.search_field { font-family: 'Source Sans Pro', sans-serif; width: 200px; background-color: rgb(255,255,255); }
.search input.search_button { background-color: rgb(78,125,155); background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 12px 7px; background-size: 15px 15px; cursor: pointer; width: 40px; height: 30px; transition: 0.2s ease; }
.search input.search_button:hover { background-color: rgb(178,225,255); }

.shares { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; }

.content { margin: 0 auto; }

.thumbs_wrapper, .thumbs_cat_big_wrapper { font-size: 0; }

.thumb { background-color: rgb(240,240,240); width: 240px; height: 205px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; overflow: hidden; text-align: left; }
.thumb a { display: block; }
.thumb_img { width: 240px; height: 180px; overflow: hidden; position: relative; }
.thumb img { width: 240px; height: 180px; }
.thumb_info, .total_videos {color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); transition: 0.2s ease; position: absolute; left: 0; bottom: 0; height: 20px; background-color: rgba(0,0,0,0.3);  overflow: hidden; width: 220px; padding: 0 10px; line-height: 20px; }
.thumb_info ul { font-size: 0; }
.thumb_info li { color: rgb(255,255,255); display: block; float: left; margin: 0 10px 0 0; height: 20px; line-height: 20px; font-size: 13px; }
.thumb_info li.thumb_date { float: right; margin: 0; }
.thumb_name { display: block; line-height: 25px; height: 25px; overflow: hidden; font-size: 14px; padding: 0 10px;}

.thumb_cat .thumb_name { font-size: 16px; font-weight: bold; text-transform: capitalize; }
.total_videos { font-size: 13px; }


.pages { margin: 10px 0 0 0; padding: 0 0 10px 0; }
.pages ul { font-size: 0; }
.pages li { font-size: 12px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; height: 30px; line-height: 30px; }
.pages a {  background-color: rgb(240,240,240); display: block; width: 30px; height: 30px; text-align: center; }
.pages a:hover, .pages li a.act_page { background-color: rgb(78,125,155); color: rgb(255,255,255); }

.all_cats a { width: auto; padding: 0 10px; font-size: 14px; }

.video_block { width: 98%; overflow: hidden; margin: 10px auto 0 auto; }
.video_block_player { background-color: rgb(240,240,240); width: 100%; padding: 0 0 10px 0; }
.player { background-color: rgb(0,0,0); width: 100%; height: 250px; position: relative; }
.player iframe { width: 100%; height: 100%; }
.player object { width: 100%; height: 100%; }
.player embed { width: 100%; height: 100%; }

.video_info { font-size: 0; }
.video_info h1 { background-color: none; border: 0 none; color: rgb(20,20,20); font-size: 18px; font-weight: normal; line-height: 20px; padding: 0;  margin-left: 0; }

.video_info li { color: rgb(140,140,140); font-size: 14px; margin: 10px 10px 0 10px; display: inline-block; vertical-align: top; }
.video_info li span { color: rgb(78,125,155); }

.video_tags { font-size: 0; color: rgb(150,150,150); }
.video_tags a, .video_tags span { font-size: 14px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; }
.video_tags i { color: rgb(78,125,155); }
.video_tags a { background-color: rgb(78,125,155);  color: rgb(255,255,255); padding: 0 8px; }
.video_tags a:hover { background-color: rgb(58,105,135);  text-decoration: underline; }

.video_ads { font-size: 0; }
.video_ad { font-size: 13px; background-color: rgba(0,0,0,0.1); margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; height: 250px; }
.video_ad_2 { display: none; }


.thumbs_tl_block { font-size: 0; }

.thumbs_tl { width: 168px; height: 126px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; font-size: 13px; overflow: hidden; position: relative; }
.thumbs_tl a { text-decoration: underline; }
.thumbs_tl a:hover { text-decoration: none; }
.thumbs_tl img { width: 168px; height: 126px; }
.thumbs_tl span { background-color: rgba(0,0,0,0.5); color: rgb(255,255,255); width: 100%; display: block; height: 20px; line-height: 20px; position: absolute; left: 0; bottom: 0;}

.text_tl_block { font-size: 0; margin: 10px 5px 0 5px; padding: 0; }
.text_tl_block ul { width: 48%; display: inline-block; vertical-align: top; margin: 0 1%; font-size: 14px; overflow: hidden; }
.text_tl_block li { height: 25px; line-height: 25px; overflow: hidden; }
.text_tl_block li span { font-size: 12px; color: rgb(78,125,155); }
.text_tl_block a { color: rgb(150,150,150); text-decoration: underline; }
.text_tl_block a:hover { text-decoration: none; }

.bottom_ads { font-size: 0; margin: 5px 0 0 0; }
.bottom_ad { font-size: 13px; background-color: rgba(0,0,0,0.1); margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; height: 250px; }
.bottom_ad_2, .bottom_ad_3, .bottom_ad_4 { display: none; }

.main_description { color: rgb(78,125,155); margin: 10px 5px 0 5px; font-size: 14px; line-height: 16px; }


.footer_wrapper { margin: 20px 0 0 0; background-color: rgba(78,125,155,0.2); }
.footer { margin: 0 auto; padding: 0 0 5px 0; color: rgb(78,125,155); }
.footer_about { margin: 5px 5px 0 5px; display: inline-block; vertical-align: middle; font-size: 14px; }
.footer_about span { color: rgb(0,0,0); }
.footer ul { font-size: 0; display: inline-block; vertical-align: middle; }
.footer li { font-size: 13px; margin: 5px 5px 0 5px;  display: inline-block; vertical-align: middle;  }
.footer li a { text-decoration: underline; color: rgb(78,125,155); }
.footer li a:hover { text-decoration: none; }



@media screen and (min-width: 400px) {
.player { height: 300px; }
}

@media screen and (min-width: 500px) {
.player { height: 350px; }
}
@media screen and (min-width: 600px) {
.player { height: 400px; }
.text_tl_block ul { width: 48%; display: inline-block; vertical-align: top; margin: 0 1%; font-size: 13px; overflow: hidden; }
}

@media screen and (min-width: 620px) {

.bottom_ad_2, .video_ad_2 { display: inline-block; }

}

@media screen and (min-width: 700px) {
.player { height: 450px; }
}
@media screen and (min-width: 800px) {
.player { height: 500px; }
.text_tl_block { width: 800px; margin: 10px auto 0 auto; }
.text_tl_block ul { width: 190px; margin: 0 5px; }
}
@media screen and (min-width: 900px) {
.player { height: 550px; }
}
@media screen and (min-width: 920px) {
.player { height: 550px; }
}

@media screen and (min-width: 1015px) {

h1, h2 { text-align: left; }

.head_wrapper { position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; }
.head { width: 1000px; padding: 0; height: 40px; }
.logo { float: left; display: block; margin: 5px 0 5px 5px; }

.menu { float: left; display: block; margin: 5px 0 5px 20px; overflow: hidden; }
.menu li { float: left; display: block; margin: 0 5px 0 0; }

.search { float: right; display: block;  margin: 5px 5px 5px 0; }

.shares { display: none; }

.content { padding-top: 40px; width: 1000px; }

.thumb_info, .total_videos { height: 0; background-color: transparent; }
.thumb:hover .thumb_info { height: 20px; background-color: rgba(78,125,155,0.5); }
.thumb:hover .total_videos { height: 20px; background-color: rgba(78,125,155,0.5); }

.text_tl_block li {text-align: left; }

.footer { width: 990px; margin: 0 auto; overflow: hidden; }
.footer_about { float: left;}
.footer ul { float: right; }
.bottom_ad_3 { display: inline-block; }

.video_block { width: 990px; }
.video_block_player { float: left; width: 680px; }
.player { height: 440px; }

.video_info { text-align: left; overflow: hidden; padding: 0 10px; }
.video_info ul { overflow: hidden; margin: 10px 0 0 0; float: left; }
.video_info li { margin: 0px 20px 0 0; display: block; float: left; }

.video_tags { float: left; overflow: hidden;  }
.video_tags span, .video_tags a { float: left; }

.video_ads { float: right; width: 300px; }
.video_ad { display: block; margin: 0; }
.video_ad_2 { display: block; margin: 10px 0 0 0; }
}






@media screen and (min-width: 1265px) {
.head { width: 1250px; }
.shares { display: block; float: right; margin: 4px 10px 0 0; }
.content { width: 1250px; }
.footer { width: 1240px; }
.bottom_ad_4 { display: inline-block; }

.text_tl_block { width: 1240px; }
.text_tl_block ul { width: 145px; }

.video_block { width: 1240px; }
.video_block_player { width: 930px; }
.video_info li { margin: 0px 30px 0 0; }
.player { height: 510px; }

}