* {font-size: 100.01%;}
html {font-size: 62.5%;}
body{
margin:0;
color:#878484;
font:1.2em/1.34em Helvetica, Arial, sans-serif;
background:#dedede url(../images/bg-page.gif);
min-width:320px;
/*
-webkit-text-size-adjust:none;
*/
min-width: 775px;
}
img{border-style:none;}
a{
text-decoration:none;
color:#2e9edb;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
color:#000;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
q{quotes:none;}
q:before{content:''}
q:after{content:''}
header, footer, article, section, hgroup, nav, figure{display:block;}
/* container */
.container:after{
content:''; display:block; clear:both;
}
.container{
max-width:1024px;
margin:0 auto;
position:relative;
}
#main .container{overflow-y:hidden;}
/* home page settings */
.home-page #main,
.home-page #sidebar{
box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;
}
/* animation */
.video img,
.btns-part,
#header .block,
.search-form input[type="text"],
.c1,
#sidebar{
transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease;}
/* header */
#header{
z-index:50;
position:relative;
}
.home-page #header .bar{display:block;}
.home-page .nav-block .light-set{display:none;}
#header .bar{display:none;}
/* logo-block */
#header .block:after{
content:''; display:block; clear:both;
}
#header .block .container{
padding:6px 10px 13px 13px;
/*
max-width:1001px;
*/
}
#header .block{
min-height:72px;
background:rgb(255,255,255);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 47%, rgba(240,240,240,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(248,248,248,1)), color-stop(100%,rgba(240,240,240,1)));
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 47%,rgba(240,240,240,1) 100%);
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 47%,rgba(240,240,240,1) 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 47%,rgba(240,240,240,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 47%,rgba(240,240,240,1) 100%);
}
/* logo */
.logo{
background:url(../images/logo.png) no-repeat;
width:131px;
height:57px;
overflow:hidden;
text-indent:-9999px;
margin:8px 0 0;
float:left;
}
.logo.halloween {
background:url(../images/halloween-logo.png) no-repeat;
}
.logo a{
display:block;
height:100%;
}
/* bar */
.top-bar{
float:right;
width:140px;
}
/* social-tools */
.social-tools{
overflow:hidden;
margin:0 0 17px;
}
.social-tools .holder{float:right;}
.social-tools img{vertical-align:top;}
.social-tools .like,
.social-tools .google{float:left;}
.social-tools .like{margin:0 0 0 10px;}
/* btn-signup */
.btn-holder{overflow:hidden;}
.btn,
.btn-signup{
float:right;
height:25px;
font:bold 12px/25px Helvetica, Arial, sans-serif;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
padding:0 5px;
min-width:108px;
text-align:center;
color:#fff;
border:1px solid #85b639;
cursor:pointer;
text-shadow:0 -1px 1px #68842c;
background:rgb(207,223,160);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZGZhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjY2ZkZmEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM5ZGMzNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzlhOTM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background:-moz-linear-gradient(top, rgba(207,223,160,1) 0%, rgba(207,223,160,1) 1%, rgba(157,195,66,1) 1%, rgba(121,169,54,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,223,160,1)), color-stop(1%,rgba(207,223,160,1)), color-stop(1%,rgba(157,195,66,1)), color-stop(100%,rgba(121,169,54,1)));
background:-webkit-linear-gradient(top, rgba(207,223,160,1) 0%,rgba(207,223,160,1) 1%,rgba(157,195,66,1) 1%,rgba(121,169,54,1) 100%);
background:-o-linear-gradient(top, rgba(207,223,160,1) 0%,rgba(207,223,160,1) 1%,rgba(157,195,66,1) 1%,rgba(121,169,54,1) 100%);
background:-ms-linear-gradient(top, rgba(207,223,160,1) 0%,rgba(207,223,160,1) 1%,rgba(157,195,66,1) 1%,rgba(121,169,54,1) 100%);
background:linear-gradient(to bottom, rgba(207,223,160,1) 0%,rgba(207,223,160,1) 1%,rgba(157,195,66,1) 1%,rgba(121,169,54,1) 100%);
}
.btn{
text-shadow:0 -1px 1px #407e9e;
border:1px solid #2a93cc;
background: rgb(146,208,240);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyZDBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOTJkMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM2Y2JmZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg5MmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background:-moz-linear-gradient(top, rgba(146,208,240,1) 0%, rgba(146,208,240,1) 2%, rgba(108,191,234,1) 2%, rgba(40,146,204,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(146,208,240,1)), color-stop(2%,rgba(146,208,240,1)), color-stop(2%,rgba(108,191,234,1)), color-stop(100%,rgba(40,146,204,1)));
background:-webkit-linear-gradient(top, rgba(146,208,240,1) 0%,rgba(146,208,240,1) 2%,rgba(108,191,234,1) 2%,rgba(40,146,204,1) 100%);
background:-o-linear-gradient(top, rgba(146,208,240,1) 0%,rgba(146,208,240,1) 2%,rgba(108,191,234,1) 2%,rgba(40,146,204,1) 100%);
background:-ms-linear-gradient(top, rgba(146,208,240,1) 0%,rgba(146,208,240,1) 2%,rgba(108,191,234,1) 2%,rgba(40,146,204,1) 100%);
background:linear-gradient(to bottom, rgba(146,208,240,1) 0%,rgba(146,208,240,1) 2%,rgba(108,191,234,1) 2%,rgba(40,146,204,1) 100%);
}
/* nav-block */
.nav-block .container{
padding:0 10px 0 0;
/*
max-width:1014px;
*/
}
.nav-block{
border-top:1px solid #dfdfdf;
min-height:35px;
background:rgb(255,255,255);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 2%, rgba(244,244,244,1) 2%, rgba(237,237,237,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,1)), color-stop(2%,rgba(244,244,244,1)), color-stop(100%,rgba(237,237,237,1)));
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%);
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%);
}
.nav-block .light-set{
float:right;
display:none;
}
/* nav */
#nav{
z-index:150;
position:absolute;
top:1px;
left:0;
font:11px/35px Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
#nav .active-element{display:none;}
#nav .lists{float:left;}
#nav ul{
padding:0; margin:0; list-style:none;
float:left;
}
#nav li{
position:relative;
float:left;
background:url(../images/sprite.png) no-repeat 100% -269px;
}
#nav strong{cursor:pointer;}
#nav span{
transition:padding 1s ease; -moz-transition:padding 1s ease; -webkit-transition:padding 1s ease; -o-transition:padding 1s ease; float:left;
padding:0 22px 0 40px;
cursor:pointer;
background:url(../images/sprite.png) no-repeat;
}
#nav a{
color:#878484;
float:left;
height:35px;
}
#nav .video span{background-position:14px 13px;}
#nav .comments span{background-position:13px -35px;}
#nav .channels span{background-position:13px -73px;}
#nav .users span{background-position:14px -121px;}
#nav .forum span{background-position:15px -162px;}
#nav .videosift span{background-position:15px -216px;}
#nav li.hover a,
#nav a:hover{
color:#2a2929;
text-decoration:none;
}
#nav li.hover{z-index:50;}
#nav li.hover .video span,
#nav .video:hover span{background-position:-286px 13px;}
#nav li.hover .comments span,
#nav .comments:hover span{background-position:-287px -35px;}
#nav li.hover .channels span,
#nav .channels:hover span{background-position:-287px -73px;}
#nav li.hover .users span,
#nav .users:hover span{background-position:-286px -121px;}
#nav li.hover .forum span,
#nav .forum:hover span{background-position:-285px -162px;}
#nav li.hover .videosift span,
#nav .videosift:hover span{background-position:-285px -216px;}
#nav .active:hover a,
#nav .active a:hover,
#nav .active a{
color:#fff;
margin:-1px 0 0;
padding:1px 0 0;
background: rgb(92,182,231);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYjZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNWNiNmU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM5MGNmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzc5YzVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUwYWRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODkyY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(92,182,231,1) 0%, rgba(92,182,231,1) 2%, rgba(144,207,240,1) 2%, rgba(121,197,237,1) 7%, rgba(80,173,222,1) 50%, rgba(40,146,203,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,182,231,1)), color-stop(2%,rgba(92,182,231,1)), color-stop(2%,rgba(144,207,240,1)), color-stop(7%,rgba(121,197,237,1)), color-stop(50%,rgba(80,173,222,1)), color-stop(100%,rgba(40,146,203,1)));
background:-webkit-linear-gradient(top, rgba(92,182,231,1) 0%,rgba(92,182,231,1) 2%,rgba(144,207,240,1) 2%,rgba(121,197,237,1) 7%,rgba(80,173,222,1) 50%,rgba(40,146,203,1) 100%);
background:-o-linear-gradient(top, rgba(92,182,231,1) 0%,rgba(92,182,231,1) 2%,rgba(144,207,240,1) 2%,rgba(121,197,237,1) 7%,rgba(80,173,222,1) 50%,rgba(40,146,203,1) 100%);
background:-ms-linear-gradient(top, rgba(92,182,231,1) 0%,rgba(92,182,231,1) 2%,rgba(144,207,240,1) 2%,rgba(121,197,237,1) 7%,rgba(80,173,222,1) 50%,rgba(40,146,203,1) 100%);
background:linear-gradient(to bottom, rgba(92,182,231,1) 0%,rgba(92,182,231,1) 2%,rgba(144,207,240,1) 2%,rgba(121,197,237,1) 7%,rgba(80,173,222,1) 50%,rgba(40,146,203,1) 100%);
text-shadow:0 1px 1px #317fa8;
}
#nav .active.hover .video span,
#nav .active .video span{background-position:-616px 13px;}
#nav .active.hover .comments span,
#nav .active .comments span{background-position:-617px -35px;}
#nav .active.hover .channels span,
#nav .active .channels span{background-position:-617px -73px;}
#nav .active.hover .users span,
#nav .active .users span{background-position:-616px -121px;}
#nav .active.hover .forum span,
#nav .active .forum span{background-position:-615px -162px;}
#nav .active.hover .videosift span,
#nav .active .videosift span{background-position:-615px -216px;}
/* drop */
#nav ul li.hover .drop{display:block;}
#nav ul .drop{
display:none;
position:absolute;
top:35px;
left:-4px;
padding:0 3px 2px;
overflow:hidden;
}
#nav ul ul{
font-weight:bold;
width:158px;
border:1px solid #fff;
border-width:0 1px 1px;
background:#eee url(../images/bg-drop.gif) repeat-x;
float:none;
box-shadow:0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
padding:2px 0 0;
}
#nav ul ul li{
background:none;
float:none;
border:none;
}
#nav ul .active.hover ul a,
#nav ul li.hover ul a,
#nav ul li.active ul a,
#nav ul ul a{
float:none;
display:block;
color:#878484;
border:none;
line-height:18px;
padding:10px 15px;
margin:0 -1px;
height:auto;
background:none;
text-shadow:0 0 0;
}
#nav ul li.active.hover ul li.hover a,
#nav ul li ul li.active a,
#nav ul li.hover ul li.active a,
#nav ul li.hover ul li.hover a,
#nav ul li.active.hover ul a:hover,
#nav ul li.hover ul a:hover,
#nav ul ul a:hover{
padding:10px 15px;
margin:0 -1px;
color:#fff;
cursor:pointer;
text-shadow:0 -1px 1px #317fa8;
background:rgb(104,188,233);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YmNlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTg1YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(104,188,233,1) 0%, rgba(25,133,191,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,188,233,1)), color-stop(100%,rgba(25,133,191,1)));
background:-webkit-linear-gradient(top, rgba(104,188,233,1) 0%,rgba(25,133,191,1) 100%);
background:-o-linear-gradient(top, rgba(104,188,233,1) 0%,rgba(25,133,191,1) 100%);
background:-ms-linear-gradient(top, rgba(104,188,233,1) 0%,rgba(25,133,191,1) 100%);
background:linear-gradient(to bottom, rgba(104,188,233,1) 0%,rgba(25,133,191,1) 100%);
}
/* searh-form */
.search-form{
float:right;
margin:6px 0 0;
height:23px;
background:#e1e1e1;
border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px;
padding:0 9px 0 4px;
box-shadow:inset 0 1px 1px #ccc, 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 1px #ccc, 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 1px #ccc, 0 1px 0 #fff;
}
.search-form input[type=text]{
float:left;
padding:5px;
margin:0;
width:166px;
outline:none;
background:none;
border:none;
color:#878484;
font:italic 12px Helvetica, Arial, sans-serif;
}
.search-form input[type=submit]{
padding:0; margin:6px 0 0; border:none; cursor:pointer; float:left;
background:url(../images/sprite.png) no-repeat 0 -269px;
overflow:hidden;
text-indent:-9999px;
font-size:0;
line-height:0;
width:11px;
height:12px;
}
/* bar */
.bar:after{
content:''; display:block; clear:both;
}
.bar .container{
padding:13px 10px 11px 14px;
/*
max-width:1000px;
*/
}
.bar{
background:url(../images/bg-bar.gif);
min-height:27px;
border-bottom:1px solid #fff;
box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1), 0 2px 1px rgba(0,0,0,0.2) inset; -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1), 0 2px 1px rgba(0,0,0,0.2) inset; -moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1), 0 2px 1px rgba(0,0,0,0.2) inset;
}
.btns-part{float:right;}
#sidebar .bar{
padding:12px 10px 11px;
margin:-10px -10px 10px;
}
/* set-panel */
.set-panel{
padding:3px 0 0;
float:left;
color:#5d5d5d;
line-height:19px;
text-shadow:0 1px 1px #fff;
}
.set-panel .title{
float:left;
font-weight:normal;
padding:0 7px 0 0;
}
.set-panel ul{
padding:0; margin:0; list-style:none;
float:left;
}
.set-panel li:first-child{
padding-left:0;
background:none;
}
.set-panel li{
float:left;
padding:0 7px 0 11px;
background:url(../images/sprite.png) no-repeat -376px -266px;
}
/* paging */
.paging{
padding:3px 78px 0 77px;
float:left; margin:0; list-style:none;
line-height:17px;
}
.paging li{
float:left;
padding:0 5px 0 0;
}
.paging span,
.paging strong,
.paging a{
font-weight:normal;
display:block;
text-align:center;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.paging span,
.paging a{
border:1px solid #c6c6c6;
color:#676565;
padding:0 5px;
min-width:7px;
background:rgb(244,244,244);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(237,237,237,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(237,237,237,1)));
background:-webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%);
background:-o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%);
background:-ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%);
background:linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%);
text-shadow:0 1px 1px #fff;
}
.paging span{
padding:0;
width:18px;
}
.mob-paging strong,
.paging strong{
text-shadow:0 1px 1px #2088be;
color:#fff;
line-height:19px;
padding:0 6px;
min-width:7px;
line-height:19px;
background:rgb(91,191,231);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYmZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzkwZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(91,191,231,1) 0%, rgba(23,144,209,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,191,231,1)), color-stop(100%,rgba(23,144,209,1)));
background:-webkit-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:-o-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:-ms-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:linear-gradient(to bottom, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
}
.paging a:hover{
text-decoration:none;
text-shadow:none;
color:#fff;
border-color:#5bbfe7;
background:rgb(91,191,231);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYmZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzkwZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(91,191,231,1) 0%, rgba(23,144,209,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,191,231,1)), color-stop(100%,rgba(23,144,209,1)));
background:-webkit-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:-o-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:-ms-linear-gradient(top, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
background:linear-gradient(to bottom, rgba(91,191,231,1) 0%,rgba(23,144,209,1) 100%);
}
.paging .prev a{
background:url(../images/sprite.png) no-repeat -18px -288px;
width:19px;
height:19px;
padding:0;
overflow:hidden;
text-indent:-9999px;
border:none;
}
.paging .prev a:hover{background-position:-39px -288px;}
.paging .next a{
background:url(../images/sprite.png) no-repeat -18px -269px;
width:19px;
height:19px;
padding:0;
overflow:hidden;
text-indent:-9999px;
border:none;
}
.paging .next a:hover{background-position:-39px -269px;}
/* mob-paging */
.bar .mob-paging{padding:10px 0 0 37px;}
.mob-paging{
padding:0;
display:none; margin:0; list-style:none;
overflow:hidden;
line-height:29px;
color:#fff;
text-shadow:0 1px 0 #1e81b5;
}
.mob-paging strong,
.mob-paging a{float:left;}
.mob-paging li{
float:left;
padding:0 6px;
}
.mob-paging strong{
line-height:29px;
font-size:18px;
font-weight:normal;
min-width:17px;
height:29px;
text-align:center;
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
.mob-paging a{
overflow:hidden;
text-indent:-9999px;
width:29px;
height:29px;
background:url(../images/sprite.png) no-repeat;
}
.mob-paging .prev a{background-position:0 -399px;}
.mob-paging .next a{background-position:-32px -399px;}
/* light-set */
.light-set{
padding:0; margin:0; list-style:none;
float:left;
}
.light-set li{
float:left;
width:42px;
}
.light-set li:first-child{width:41px;}
.light-set li:first-child a{
border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;
}
.light-set .active a:hover,
.light-set .active a{
box-shadow:0 1px 0 #797979 inset, 0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #797979 inset, 0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #797979 inset, 0 1px 0 #fff;
background: rgb(163,163,163);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(213,213,213,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,1)), color-stop(100%,rgba(213,213,213,1)));
background: -webkit-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(213,213,213,1) 100%);
background: -o-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(213,213,213,1) 100%);
background: -ms-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(213,213,213,1) 100%);
background: linear-gradient(to bottom, rgba(163,163,163,1) 0%,rgba(213,213,213,1) 100%);
}
.light-set a{
display:block;
height:21px;
padding:5px 0 0;
border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;
box-shadow:0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
}
.light-set span{
width:18px;
height:19px;
display:block;
margin:0 auto;
cursor:pointer;
overflow:hidden;
text-indent:-9999px;
background:url(../images/sprite.png) no-repeat;
}
.light-set .active .day:hover span,
.light-set .day span{background-position:-82px -269px;}
.light-set .active .night:hover span,
.light-set .night span{
background-position:-127px -269px;
width:15px;
}
.light-set a:hover{
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
}
.light-set .day:hover span{background-position:-82px -290px;}
.light-set .night:hover span{background-position:-127px -290px;}
/* type-set */
.type-set{
padding:0; margin:0 15px 0 0; list-style:none;
float:left;
font-weight:bold;
line-height:26px;
}
.type-set li:first-child{
background:none;
padding:0;
}
.type-set li{
float:left;
background:url(../images/sprite.png) no-repeat -376px -290px;
padding:0 0 0 1px;
}
.type-set li:first-child a{
border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;
}
.type-set a:hover {
text-decoration: none;
color: #333;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
}
.type-set .active a{
text-decoration:none;
color: #fff;
text-shadow:0 -1px 0 #3f7d9e;
background:rgb(138,138,138);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhOGE4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(187,187,187,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(138,138,138,1)), color-stop(100%,rgba(187,187,187,1)));
background:-webkit-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(187,187,187,1) 100%);
background:-o-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(187,187,187,1) 100%);
background:-ms-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(187,187,187,1) 100%);
background:linear-gradient(to bottom, rgba(138,138,138,1) 0%,rgba(187,187,187,1) 100%);
text-shadow:0 -1px 0 #6b6b6b;
box-shadow:0 1px 0 #fff, inset 0 1px 0 #676767;
-webkit-box-shadow:0 1px 0 #fff, inset 0 1px 0 #676767;
-moz-box-shadow:0 1px 0 #fff, inset 0 1px 0 #676767;
}
.type-set a{
display:block;
width:70px;
height:26px;
text-align:center;
border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;
-webkit-box-shadow:0 1px 0 #888;
-moz-box-shadow:0 1px 0 #888;
box-shadow:0 1px 0 #aaa;
/*
color:#fff;
text-shadow:0 -1px 0 #3f7d9e;
background:rgb(111,193,236);
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmYzFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTkzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(111,193,236,1) 0%, rgba(42,147,204,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,193,236,1)), color-stop(100%,rgba(42,147,204,1)));
background:-webkit-linear-gradient(top, rgba(111,193,236,1) 0%,rgba(42,147,204,1) 100%);
background:-o-linear-gradient(top, rgba(111,193,236,1) 0%,rgba(42,147,204,1) 100%);
background:-ms-linear-gradient(top, rgba(111,193,236,1) 0%,rgba(42,147,204,1) 100%);
background:linear-gradient(to bottom, rgba(111,193,236,1) 0%,rgba(42,147,204,1) 100%);
*/
color: #777;
text-shadow:0 -1px 0 #fff;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
}
/* main */
#main{
box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
z-index:30;
position:relative;
}
/* twocolumns */
#twocolumns{
overflow:hidden;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
z-index:40;
position:relative; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
/* content */
#content{
float:left;
width:100%;
}
.c1{padding:20px 343px 12px 10px;}
/* videos-list */
.videos-list:after{
content:''; display:block; clear:both;
}
.videos-list{
padding:4px 0 30px; margin:0 0 25px; list-style:none;
background:url(../images/divider.gif) repeat-x 0 100%;
}
.videos-list ul ul li.last-child{margin:0;}
.videos-list li.last-child{
padding:0;
margin:0 -15px 0 0;
}
#main .videos-list .info-panel{
padding:6px 1px 0 0;
margin:0 0 0 -10px;
}
.videos-list li{
float:left;
width:205px;
padding:0 25px 0 0;
}
.videos-list .content{display:table;}
.videos-list h2 a{color:#878484;}
.videos-list h2{
text-shadow:0 1px 0 #fff;
font-size:0.92em;
font-weight:normal;
line-height:1.28em;
margin:0;
}
/* img-box */
.img-box{
box-shadow:0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.4); -moz-box-shadow:0 0 2px rgba(0,0,0,0.4);
background:#fff;
margin:0 0 5px;
padding:5px;
position:relative;
}
.img-box .featured{
background:url(../images/sprite.png) no-repeat 0 -310px;
width:53px;
height:54px;
overflow:hidden;
text-indent:-9999px;
position:absolute;
top:-4px;
right:-3px;
}
.img-box img{
height:auto;
display:block;
margin:0 0 3px;
max-width:150px;
}
.img-box .actions .holder{float:right;}
.img-box .actions{overflow:hidden;}
.img-box .comments-value{
margin:4px 0 0;
float:left;
}
.img-box .comments-value{
padding:0 0 1px 15px;
font-size:10px;
line-height:10px;
color:#bfbfbf;
background:url(../images/sprite.png) no-repeat -629px -309px;
}
.minimize-link{
background:url(../images/sprite.png) no-repeat -377px -470px;
padding:0 0 0 9px;
color:#bfbfbf;
font-size:10px;
}
.img-box .comments-value:hover{
background-position:-629px -363px;
text-decoration:none;
color:#404040;
}
#main .img-box .actions ul{
float:right;
padding:5px 0 0; margin:0; list-style:none;
}
#main .img-box .actions ul li{
padding:0 0 0 8px;
float:left;
width:auto;
margin:0;
}
.img-box .actions ul a{
background:url(../images/sprite.png) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;
}
.img-box .actions ul .embed{
background-position:-267px -269px;
width:12px;
height:9px;
}
.img-box .actions ul .email{
background-position:-287px -269px;
width:10px;
height:8px;
}
.img-box .actions ul .like{
background-position:-305px -269px;
width:10px;
height:9px;
}
.img-box .actions ul .save{
background-position:-323px -268px;
width:10px;
height:10px;
margin:-1px 0 0;
}
#main .img-box .actions .notes li{
width:35px;
padding:0;
margin:0 1px 0 0;
}
#main .img-box .actions .notes{
padding:2px 0 0;
position:static;
float:left;
}
.img-box .actions ul .embed:hover{background-position:-267px -282px;}
.img-box .actions ul .email:hover{background-position:-287px -282px;}
.img-box .actions ul .like:hover{background-position:-305px -282px;}
.img-box .actions ul .save:hover{background-position:-323px -281px;}
#main .img-box .notes{
position:absolute;
top:6px;
left:6px;
width:35px;
padding:0; margin:0; list-style:none;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.5);
text-transform:uppercase;
text-align:center;
font-size:9px;
line-height:13px;
letter-spacing:-1px;
font-weight:bold;
}
#main .img-box .notes .blue{
background: rgb(93,180,227);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjRlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMThhYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(93,180,227,1) 0%, rgba(33,138,195,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,180,227,1)), color-stop(100%,rgba(33,138,195,1)));
background: -webkit-linear-gradient(top, rgba(93,180,227,1) 0%,rgba(33,138,195,1) 100%);
background: -o-linear-gradient(top, rgba(93,180,227,1) 0%,rgba(33,138,195,1) 100%);
background: -ms-linear-gradient(top, rgba(93,180,227,1) 0%,rgba(33,138,195,1) 100%);
background: linear-gradient(to bottom, rgba(93,180,227,1) 0%,rgba(33,138,195,1) 100%);
}
#main .img-box .notes .yellow{
background: rgb(249,207,71);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5Y2Y0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWEzMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(249,207,71,1) 0%, rgba(206,163,33,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,207,71,1)), color-stop(100%,rgba(206,163,33,1)));
background: -webkit-linear-gradient(top, rgba(249,207,71,1) 0%,rgba(206,163,33,1) 100%);
background: -o-linear-gradient(top, rgba(249,207,71,1) 0%,rgba(206,163,33,1) 100%);
background: -ms-linear-gradient(top, rgba(249,207,71,1) 0%,rgba(206,163,33,1) 100%);
background: linear-gradient(to bottom, rgba(249,207,71,1) 0%,rgba(206,163,33,1) 100%);
}
#main .img-box .notes .red{
background: rgb(213,49,50);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1MzEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDA5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(213,49,50,1) 0%, rgba(173,9,10,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,49,50,1)), color-stop(100%,rgba(173,9,10,1)));
background: -webkit-linear-gradient(top, rgba(213,49,50,1) 0%,rgba(173,9,10,1) 100%);
background: -o-linear-gradient(top, rgba(213,49,50,1) 0%,rgba(173,9,10,1) 100%);
background: -ms-linear-gradient(top, rgba(213,49,50,1) 0%,rgba(173,9,10,1) 100%);
background: linear-gradient(to bottom, rgba(213,49,50,1) 0%,rgba(173,9,10,1) 100%);
}
#main .img-box .notes li{
float:none;
margin:0 0 1px;
height:13px;
padding:0;
width:auto;
}
/* info panel*/
#main .info-panel{
margin:0 0 0 -4px;
float:left;
min-width:54px;
padding:7px 2px 0 0;
text-align:center;
}
.info-panel img{vertical-align:top;}
.info-panel .star{padding:22px 0 19px;}
.info-panel .like{margin:0 0 20px;}
.info-panel .google{margin:0 0 10px;}
.info-panel .btn-top,
.info-panel .btn-down{
display:block;
margin:0 auto;
overflow:hidden;
text-indent:-9999px;
background:url(../images/sprite.png) no-repeat -168px -269px;
width:22px;
height:11px;
}
.info-panel .btn-top{background-position:-168px -269px;}
.info-panel .btn-down{background-position:-168px -282px;}
.info-panel .btn-top:hover{background-position:-195px -269px;}
.info-panel .btn-down:hover{background-position:-195px -282px;}
.info-panel .btn-top.voted{background-position:-220px -269px;}
.info-panel .btn-down.voted{background-position:-220px -282px;}
.info-panel .value{
font-size:24px;
line-height:28px;
opacity:0.5; display:block;
margin:0 0 1px;
}
.info-panel ul{
letter-spacing:-1px;
font-size:10px;
line-height:12px;
padding:24px 0 0; margin:0;
text-shadow:0 1px 0 #fff; list-style:none;
}
.info-panel .blue{color:#4cbde5;}
.info-panel .blue2{color:#1b1464;}
.info-panel .blue3{color:#2e9edb;}
.info-panel .blue4{color:#003663;}
.info-panel .blue5{color:#6dcff6;}
.info-panel .blue6{color:#1cbbb4;}
.info-panel .orange{color:#f7941d;}
.info-panel .red{color:#ce2927;}
.info-panel .lilac{color:#92278f;}
.info-panel .lilac2{color:#662d91;}
.info-panel .pink{color:#f06eaa;}
.info-panel .green{color:#007236;}
.info-panel .green2{color:#005826;}
.info-panel .lilac3{color:#4b0049;}
.info-panel .lilac4{color:#8781bd;}
.info-panel .green3{color:#aba000;}
.info-panel .green4{color:#005952;}
.info-panel .green5{color:#8dc63f;}
.info-panel .green6{color:#005e20;}
.info-panel .brown{color:#790000;}
#main .info-panel ul li{
margin:0;
float:none;
padding:0;
width:auto;
}
/* videos-details */
.videos-details .ico-star{margin:1px 0 -7px 10px;}
.videos-details:after{
content:''; display:block; clear:both;
}
.videos-details{
background:url(../images/divider.gif) repeat-x 0 100%;
padding:0 0 34px;
margin:0 0 24px;
min-height:173px;
position:relative;
}
.media-block{
position:absolute;
top:0;
left:0;
}
#main .videos-details .info-panel{padding:9px 6px 0 0;}
.videos-details .img-box{
margin:4px 12px 0 0;
float:left;
}
.videos-details .description,
.headline{padding:0 0 0 228px;}
.video-block h2 a,
.videos-details h2 a{color:#484848;}
.links-list h2,
.quote-block h2,
.comments-block h2,
.video-block h2,
.videos-details h2{
font-size:1.5em;
color:#484848;
text-shadow:0 1px 0 #fff;
line-height:1.11em;
margin:0 0 2px;
}
.heading:after{
content:''; display:block; clear:both;
}
.ico-star{
float:right;
margin:0 0 0 10px;
}
.tags{
font-size:11px;
margin:0 0 10px;
}
.tags strong{font-weight:normal;}
.tags ul{
padding:0; margin:0; list-style:none;
display:inline;
}
.tags li{
display:inline;
}
.video-block p,
.videos-details p{margin:0 0 9px;}
.details .lilac{color:#9e005d;}
.users-list .green,
.details .green{color:#005e20;}
.users-list .pink,
.details .pink{color:#ec008c;}
.details{
font-size:11px;
color:#acacac;
}
/* video-block */
#main .video-block .info-panel{
padding:0 5px 0 0;
margin:-44px 0 0 -4px;
}
#main .video-block.big-block .info-panel{
margin:0 0 0 -4px;
padding:10px 5px 0 0;
}
.video-block .info-panel ul{
line-height:14px;
padding:22px 0 0;
}
.video-block .tags{margin:0 0 12px;}
.video-block .img-box img{margin:0 0 5px;}
.video-block:after{
content:''; display:block; clear:both;
}
.video-block .content{display:table;}
.video-block.big-block{
padding:2px 0 22px;
margin:0 0 34px;
}
.video-block{
background:url(../images/divider.gif) repeat-x 0 100%;
padding:0 0 29px;
margin:0 0 25px;
}
.video-block .description{padding:0 0 0 55px;}
.video-block .headline{padding:0 0 0 55px;}
.video-block .media-block:after{
content:''; display:block; clear:both;
}
.video-block .media-block{position:static;}
.video{
overflow:hidden;
width:100%;
}
#main .video img{max-width:598px;}
.video-block .img-box{
margin:0 0 13px;
display:table;
}
.paging-holder{
margin:-12px 0 0;
padding:0 0 0 47px;
height:19px;
text-align:center;
}
.paging-holder .paging{
display:inline-block;
padding:0;
float:none;
overflow:hidden;
}
/* sidebar */
#sidebar{
box-shadow:0 2px 1px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 2px 1px rgba(0,0,0,0.2) inset;
float:right;
margin:0 0 0 -100%;
width:300px;
padding:10px 10px 8px 12px;
background:url(../images/bg-sidebar.gif) repeat-y;
border-bottom:1px solid #ececec;
}
/*#sidebar .box:first-child{ ROMMEL */
#sidebar .bar:first-child{
padding-top:0;
background: none;
}
#sidebar .box{
background:url(../images/divider.gif) repeat-x;
padding:22px 0 20px;
}
/* ad-holder */
.ad-holder, .a-d-holder{position:relative;}
.ad-holder img, .a-d-holder img{
display:block;
width:100%;
}
.ad-holder .description .holder, .a-d-holder .description .holder{
overflow:hidden;
padding:17px 15px 10px 14px;
}
.text-sift{
background:url(../images/text-sift.png) no-repeat;
width:133px;
height:30px;
overflow:hidden;
text-indent:-9999px;
position:absolute;
top:5px;
left:6px;
}
.ad-holder .description, .a-d-holder .description{
box-shadow:inset 0 -3px 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 -3px 10px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 -3px 10px rgba(0,0,0,0.4);
color:#fff;
position:absolute;
bottom:0;
left:0;
width:100%;
text-shadow:0 1px 0 rgba(0,0,0,0.6);
font-size:14px;
line-height:17px;
background:url(../images/bg-description.png) repeat-x;
}
.ad-holder p, .a-d-holder p{margin:0;}
.ad-holder .logo, .a-d-holder .logo{
background:url(../images/logo-sidebar.png) no-repeat;
width:75px;
height:33px;
float:right;
margin:4px 0 0 20px;
}
/* fb-plugin */
.fb-plugin{padding:0 0 0 3px;}
.fb-plugin img{
display:block;
max-width:289px;
width:100%;
}
/* link block */
.link-block{
position:relative;
padding:0 20px 0 103px;
text-align:center;
min-height:100px;
font-size:21px;
line-height:26px;
text-shadow:0 1px 0 #fff;
color:#484848;
}
.text-videosoft{
background:url(../images/text-videosoft.png) no-repeat;
width:54px;
height:142px;
position:absolute;
left:21px;
top:-22px;
overflow:hidden;
text-indent:-9999px;
}
.link-block a{font-size:24px;}
.link-block strong{
display:block;
overflow:hidden;
padding:6px 0 0;
}
/* news-list */
.news-block{margin:-3px 0 0;}
.news-block h3{
font-size:18px;
line-height:20px;
margin:0 0 13px;
color:#484848;
text-shadow:0 1px 0 #fff;
}
.news-list{
margin:0 0 -9px -3px;
padding:0 0 0 1px;
overflow:hidden;
counter-reset:item;
text-shadow:0 1px 0 #fff;
line-height:14px;
}
.news-list li{
display:block;
padding:9px 0 11px 70px;
position:relative;
min-height:40px;
}
.news-list li:before{
content: counters(item, ".") ". ";
counter-increment: item;
color:#2e9edb;
}
.news-list .time{font-style:normal;}
.news-list .photo{
position:absolute;
top:0;
left:3px;
box-shadow:0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.4); -moz-box-shadow:0 0 2px rgba(0,0,0,0.4);
border:3px solid #fff;
}
.news-list .description{padding:5px 0 0;}
/* fb-block */
.fb-block{
margin:-4px 0 0;
padding:0 8px 0 4px;
}
.fb-block .block{
overflow:hidden;
padding:0 5px 10px;
}
.fb-block .img-holder{
float:left;
margin:1px 10px 0 0;
}
.description{overflow:hidden;}
.fb-block .title strong{font-size:16px;}
.fb-block .title a{color:#3b5998;}
.fb-block .title{
display:block;
margin:0 0 2px;
font-weight:normal;
}
.like img{vertical-align:top;}
/* scroll-box */
.scroll-box{
border:1px solid #c5c5c5;
border-width:1px 0;
height:243px;
padding:14px 0;
overflow:auto;
margin:0 0 9px;
}
.fb-block .item .img-holder{margin:3px 10px 0 0;}
.fb-block .item .block .img-holder{margin:0 10px 0 0;}
.fb-block .item .block{
padding:0;
font-size:11px;
line-height:13px;
color:#808080;
}
.fb-block .item{
overflow:hidden;
padding:0 5px 20px;
width:225px;
line-height:18px;
color:#333;
}
.fb-block p{margin:0 0 10px;}
.fb-block .scroll-box .title{
margin:0 0 2px;
font-size:14px;
font-weight:bold;
}
.fb-block .scroll-box .block p{margin:0 0 9px;}
.fb-block .scroll-box .block .title{
font-size:11px;
margin:0 0 3px;
}
.fb-block .time{
font-style:normal;
font-size:11px;
color:#808080;
padding:3px 0 3px 20px;
background:url(../images/sprite.png) no-repeat -376px -327px;
display:block;
}
/* footer */
#footer{
margin:-1px 0 0;
border-top:1px solid #fff;
background:url(../images/bg-bar.gif);
padding:28px 0 0;
font-size:11px;
line-height:14px;
box-shadow:0 2px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;
}
/* lists-area */
.lists-area{
color:#878484;
text-shadow:0 1px 0 #fff;
overflow:hidden;
padding:0 0 22px 9px;
}
.lists-area .column{float:left;}
.lists-area .col.last-child{
width:190px;
padding:0 0 0 3px;
}
.lists-area .col{
float:left;
width:260px;
padding:0 0 0 5px;
}
.lists-area a{color:#878484;}
.lists-area .title{
color:#484848;
display:block;
font-size:14px;
line-height:18px;
padding:3px 0 15px 18px;
}
.ico-cup,
.ico-calendar,
.ico-news,
.ico-lizard{background:url(../images/sprite.png) no-repeat;}
.ico-cup{background-position:-630px -394px;}
.ico-calendar{background-position:-630px -455px;}
.ico-news{background-position:-630px -523px;}
.ico-lizard{background-position:-630px -591px;}
.lists-area ol{
line-height:16px;
margin:0;
padding:0;
counter-reset:item;
}
.lists-area ol li{display:block}
.lists-area ol li:before{content: counters(item, ".") ". "; counter-increment: item;}
.lists-area .news-list{
line-height:14px;
margin:0 0 0 -3px;
padding:1px 0 0;
}
.lists-area .news-list .photo{top:3px;}
.lists-area .news-list li{padding:0 51px 9px;}
.lists-area .news-list li:before{color:#878484;}
/* nav-area */
.nav-area .container{
padding:16px 35px 21px 13px;
max-width:976px;
}
.nav-area{
background:#fff;
box-shadow:0 -2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 -2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 -2px 2px rgba(0,0,0,0.1);
}
/* footer nav */
.nav{
float:left;
line-height:18px;
}
.nav ul{
padding:0; margin:0; list-style:none;
overflow:hidden;
font-size:14px;
}
.nav li.last-child{
width:80px;
padding:0 0 0 36px;
}
.nav li{
float:left;
width:128px;
padding:0 6px 0 0;
}
.nav a{color:#878484;}
.nav ul ul a{color:#acacac;}
.nav ul ul{font-size:11px;}
.nav ul ul li{
float:none;
width:auto !important;
padding:0 !important;
}
/* footer logo */
#footer .logo{
background:url(../images/logo-footer.png) no-repeat;
width:175px;
height:76px;
float:right;
margin:15px 0 0;
}
/* footer block */
#footer .block .container{
padding:11px 14px;
max-width:996px;
}
#footer .block a{color:#999;}
#footer .block{
overflow:hidden;
color:#aaa;
background:#f4f4f4;
}
/* copyright */
.copyright{
padding:0 2px 0 0;
}
/* footer-nav */
.footer-nav{display:inline;}
.footer-nav ul{
display:inline;
padding:0; margin:0; list-style:none;
}
.footer-nav li:first-child{
background:none;
padding-left:0;
}
.footer-nav li{
display:inline;
padding:0 3px 0 8px;
background:url(../images/sprite.png) no-repeat -630px -322px;
}
/* quote-block */
.quote-block{
background:url(../images/divider.gif) repeat-x 0 100%;
padding:0 7px 22px 55px;
margin:-17px 0 16px;
}
.comments-block .photo,
.quote-block .photo{
float:left;
border:3px solid #fff;
box-shadow:0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
margin:0 19px 0 0;
}
.quote-block .content{display:table;}
.quote-block p{margin:0 0 3px;}
.comments-block .arrow,
.quote-block .arrow{
position:absolute;
top:10px;
left:-15px;
background:url(../images/sprite.png) no-repeat -71px -321px;
width:15px;
height:26px;
}
.comments-block .text-block,
.quote-block .text-block{
background:#fff;
position:relative;
padding:7px 10px 9px;
box-shadow:0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
margin:0 0 11px;
}
.quote-block .holder:after{
content:''; display:block; clear:both;
}
.quote-block h2{margin:0 0 19px;}
/* users-list */
.users-list.mark{padding:10px 0 18px;}
.users-list{
overflow:hidden;
padding:0 0 18px;
background:url(../images/divider.gif) repeat-x 0 100%;
margin:0 0 20px;
color:#acacac;
font-size:11px;
}
.users-list strong{
min-width:130px;
font-weight:normal;
float:left;
}
.users-list .view-all a{font-size:9px;}
.users-list .view-all{
font-size:10px;
text-transform:uppercase;
margin:0;
}
.users-list .description ul{padding:0 10px 9px 0;}
.users-list ul{
padding:0; margin:0; list-style:none;
overflow:hidden;
}
.users-list li{display:inline;}
.users-list .pink2{color:#f5989d;}
.users-list .green3{color:#a3d39c;}
.users-list .green4{color:#00a99d;}
.users-list .lilac{color:#630460;}
/* comments-block */
.comments-block:after{
content:''; display:block; clear:both;
}
.comments-block h2{margin:0 0 23px;}
.comments-block .arrow{top:13px;}
.comments-block{
padding:0 7px 5px 55px;
background:url(../images/divider.gif) repeat-x 0 100%;
margin:0 0 39px;
}
.comments-block .post{margin:0 0 27px;}
.comments-block .text-block{
margin:0;
display:table;
padding:3px;
}
.comments-block .content{
border:1px solid #fff;
padding:3px 5px 5px;
margin:0 0 3px;
}
.comments-block .pink-area{
background:#ffe8e8;
border:1px solid #f5dada;
}
.comments-block .blue-area{
background:#e8f2ff;
border:1px solid #d8e2f4;
}
.comments-block p{margin:0;}
.comments-block .text p{margin:0 0 16px;}
.comments-block .text{margin:0 0 -16px;}
.comments-block .heading{
overflow:hidden;
padding:0 3px 5px 0;
}
.comments-block .user{
font-weight:normal;
color:#acacac;
}
.comments-block .details{
overflow:hidden;
background:url(../images/bg-footer.gif) repeat-x;
padding:8px 7px 7px 11px;
margin:0 -3px -3px;
text-shadow:0 1px 0 #fff;
}
.answer-post:after{
content:''; display:block; clear:both;
}
.comments-block .answer-post p{margin:0;}
.answer-post{padding:8px 16px 0 0;}
.comments-block .answer-post .text-block p{margin:0;}
.comments-block .answer-post .photo{margin:0 16px 0 0;}
.comments-block .answer-post .arrow{
background:url(../images/sprite.png) no-repeat -90px -321px;
width:11px;
height:21px;
left:-10px;
top:8px;
}
.comments-block .answer-post .text-block{
background:#eee;
border:1px solid #d9d9d9;
padding:8px 5px 18px 9px;
color:#acacac;
box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;
margin:2px 0 0;
}
/* tools-panel */
.tools-panel{
padding:2px 0 0; margin:0; list-style:none;
float:right;
}
.tools-panel li{
float:left;
padding:0 0 0 5px;
}
.tools-panel a{
display:block;
background:url(../images/sprite.png) no-repeat;
height:12px;
width:10px;
overflow:hidden;
text-indent:-9999px;
}
.tools-panel .delete{background-position:-111px -321px;}
.tools-panel .edit{background-position:-126px -321px;}
.tools-panel .quote{background-position:-141px -321px;}
.tools-panel .copy{
background-position:-157px -321px;
width:14px;
}
.tools-panel .delete:hover{background-position:-111px -338px;}
.tools-panel .edit:hover{background-position:-126px -338px;}
.tools-panel .quote:hover{background-position:-141px -338px;}
.tools-panel .copy:hover{background-position:-157px -338px;}
.comments-block .panel a{color:#acacac;}
.comments-block .panel .flag{
padding:0 0 0 9px;
margin:0 0 0 3px;
background:url(../images/sprite.png) no-repeat -376px -394px;
}
.comments-block .panel{float:right;}
.comments-block .details p{float:left;}
.comments-block .panel span{
padding:0 0 0 3px;
float:left;
}
.comments-block .link-top,
.comments-block .link-bottom{
float:left;
margin:5px 0 0 3px;
background:url(../images/sprite.png) no-repeat;
overflow:hidden;
text-indent:-9999px;
width:8px;
height:8px;
}
.comments-block .link-top{background-position:-188px -321px;}
.comments-block .link-bottom{background-position:-206px -321px;}
.comments-block .link-top:hover{background-position:-188px -338px;}
.comments-block .link-bottom:hover{background-position:-206px -338px;}
/* links-list */
.links-list h2 span{color:#ec008c;}
.links-list{
overflow:hidden;
text-shadow:0 1px 0 #fff;
padding:6px 0 18px 54px;
line-height:14px;
}
.links-list .col:first-child{padding:0;}
.links-list .col{
float:left;
width:265px;
padding:0 0 0 64px;
}
.links-list h2{margin:0 0 13px;}
.links-list ul{
padding:0; margin:0; list-style:none;
}
.links-list li:after{
content:''; display:block; clear:both;
}
.links-list li{padding:0 0 10px;}
.links-list .description{padding:10px 0 0;}
.links-list .photo{
border:3px solid #fff;
float:left;
margin:0 7px 0 1px;
box-shadow:0 0 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.3); -moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
}
#footer .logo-holder{float:right;}
/* mobile-panel */
.mobile-panel:after{
content:''; display:block; clear:both;
}
.mobile-panel .mob-paging{float:right;}
.mobile-panel .type-set{
padding:0;
margin:0;
background:none;
float:left;
}
.mobile-panel{
display:none;
background:url(../images/bg-bar.gif);
border-bottom:1px solid #fff;
box-shadow:0 -1px 1px rgba(0,0,0,0.3) inset;
-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.3) inset;
-moz-box-shadow:0 -1px 1px rgba(0,0,0,0.3) inset;
padding:9px 17px 10px 9px;
}
/* back-to-top */
.back-to-top{
margin:0 12px 0 40px;
float:right;
padding:0 11px 0 0;
background:url(../images/sprite.png) no-repeat 100% -652px;
}
@media only screen and (max-width: 1023px) {
body{
font-size:1.1em;
line-height:1.27em;
}
#header .block .container{padding:6px 10px 13px 11px;}
#nav span{padding:0 8px 0 28px;}
#nav .video span{background-position:5px 13px;}
#nav .comments span{background-position:5px -35px;}
#nav .channels span{background-position:5px -73px;}
#nav .users span{background-position:5px -121px;}
#nav .forum span{background-position:5px -162px;}
#nav .videosift span{background-position:5px -216px;}
#nav li.hover .video span,
#nav .video:hover span{background-position:-295px 13px;}
#nav li.hover .comments span,
#nav .comments:hover span{background-position:-295px -35px;}
#nav li.hover .channels span,
#nav .channels:hover span{background-position:-295px -73px;}
#nav li.hover .users span,
#nav .users:hover span{background-position:-295px -121px;}
#nav li.hover .forum span,
#nav .forum:hover span{background-position:-295px -162px;}
#nav li.hover .videosift span,
#nav .videosift:hover span{background-position:-295px -216px;}
#nav .active.hover .video span,
#nav .active .video span{background-position:-625px 13px;}
#nav .active.hover .comments span,
#nav .active .comments span{background-position:-625px -35px;}
#nav .active.hover .channels span,
#nav .active .channels span{background-position:-625px -73px;}
#nav .active.hover .users span,
#nav .active .users span{background-position:-625px -121px;}
#nav .active.hover .forum span,
#nav .active .forum span{background-position:-625px -162px;}
#nav .active.hover .videosift span,
#nav .active .videosift span{background-position:-625px -216px;}
.nav-block .container{padding:0 8px 0 0;}
.search-form input[type="text"]{width:118px;}
#sidebar{
width:200px;
padding:8px 8px 15px 11px;
}
.link-block{
padding:0 10px 0 66px;
font-size:16px;
line-height:19px;
}
.link-block a{font-size:18px;}
.text-videosoft{left:-2px;}
.news-list{font-size:11px;}
.news-block h3{
font-size:14px;
margin:0 0 6px;
}
.news-list li{padding:6px 0 12px 70px;}
.fb-block{
margin:0;
padding:1px 8px 0 4px;
font-size:11px;
}
.fb-block .block{padding:0 1px 9px;}
.fb-block .title strong{font-size:12px;}
.fb-block .title{font-size:10px;}
.scroll-box{
margin:0 -10px 10px -4px;
padding:5px 0;
height:241px;
}
.fb-block .item{
line-height:14px;
width:170px;
}
.fb-block .scroll-box .title{font-size:11px;}
.fb-block .item .block .img-holder{width:50px;}
.fb-block .scroll-box .block .title{
font-size:10px;
line-height:12px;
}
.fb-block .time{font-size:10px;}
.fb-block .item .block{
font-size:10px;
line-height:12px;
}
.set-panel{
font-size:11px;
line-height:14px;
padding:6px 0 0;
}
.paging{padding:3px 35px 0 27px;}
.paging li{padding:0 4px 0 0;}
.c1{padding:4px 228px 9px 6px;}
.bar .container{padding:13px 10px 11px 5px;}
.set-panel .title{padding:0 3px 0 0;}
.set-panel li{padding:0 7px 0 8px;}
.type-set{margin:0 10px 0 0;}
.type-set a{
width:53px;
font-size:10px;
}
.light-set li,
.light-set li:first-child{width:37px;}
.videos-details .img-box .img-frame,
.videos-list .img-box .img-frame{
/* ROMMEL took out
height:115px;
*/
margin:0 0 2px;
overflow:hidden;
}
.videos-list{
padding:4px 0 32px;
margin:0 0 11px;
}
.videos-list li{
width:160px;
position:relative;
}
.videos-list .info-panel ul{display:none;}
.videos-list .info-panel .value{margin:0 0 -1px;}
.videos-list .info-panel{
position:absolute;
left:-4px;
top:140px;
}
.videos-list h2{padding:0 0 0 36px;}
.videos-details .info-panel .value{margin:-4px 0 0;}
.videos-details{
min-height:140px;
padding:0 0 24px;
margin:0 0 10px;
}
#main .videos-details .info-panel{
padding:5px 0 0;
margin:0 -2px 0 -10px;
}
.info-panel ul{
padding:7px 0 0;
line-height:10px;
letter-spacing:-2px;
}
.videos-details .ico-star{margin:-4px 0 -6px 10px;}
.videos-details .description{padding:0 0 0 207px;}
.tags{margin:0 0 5px;}
.headline{padding:6px 0 0 207px;}
.video-block p,
.videos-details p{margin:0 0 6px;}
.links-list h2,
.quote-block h2,
.comments-block h2,
.video-block h2,
.videos-details h2{
font-size:1.28em;
line-height:1em;
letter-spacing:-1px;
}
.tags{
font-size:10px;
line-height:14px;
}
.details{
display:block;
font-size:10px;
line-height:11px;
}
.lists-area{
letter-spacing:-1px;
padding:0 0 13px 9px;
}
.nav-area .container{padding:11px 18px 7px 13px;}
.lists-area .title{font-size:12px;}
.lists-area ol{
font-size:10px;
line-height:12px;
}
.lists-area .col{width:180px;}
.lists-area .news-list li{
padding:0 0 3px 41px;
line-height:10px;
min-height:35px;
}
.lists-area .news-list .photo{width:24px;}
.nav li{width:98px;}
.nav li.last-child{width:65px;}
.nav ul ul{
font-size:10px;
line-height:12px;
padding:3px 0 0;
}
#footer .logo{
background:url(../images/logo-footer-small.gif) no-repeat;
width:109px;
height:48px;
}
#footer .block{font-size:10px;}
.comments-block{
padding:0 0 2px 38px;
margin:0 0 30px;
}
.comments-block h2{margin:0 0 14px;}
.comments-block .content{padding:3px 5px 1px;}
.quote-block{
padding:0 0 10px 38px;
margin:-17px 0 13px;
}
.quote-block h2{margin:0 0 7px;}
.quote-block .text-block{
padding:7px 10px 5px;
margin:0 0 8px;
}
.users-list{
font-size:10px;
line-height:12px;
padding:0 0 15px;
margin:0 0 13px;
}
.users-list .description ul{padding:0;}
.links-list .col{
width:235px;
padding:0 0 0 27px;
}
.back-to-top{margin:-2px -4px 0 40px;}
.links-list{padding:0 0 0 37px;}
.links-list h2{margin:0 0 7px;}
.links-list li{padding:0 0 8px;}
.comments-block .details{
font-size:11px;
padding:3px 8px 4px 11px;
line-height:16px;
}
.comments-block .post{margin:0 0 17px;}
.comments-block .text p{margin:0 0 14px;}
.comments-block .text{margin:0 5px -14px 0;}
.comments-block .answer-post .text-block{
padding:7px 5px 8px 9px;
margin:2px 0;
}
#main .video-block .info-panel{
margin:-37px -8px 0 -10px;
padding:0;
}
.video-block .headline{
margin:0 0 -4px;
padding:0 0 0 36px;
}
.video-block .info-panel ul{
line-height:10px;
padding:3px 0 0;
}
.video-block .description{padding:0 0 0 36px;}
.video-block .img-box{margin:0 0 5px;}
.video-block{
padding:6px 0 17px;
margin:0 0 10px;
}
.paging-holder{
margin:-1px 0 0;
padding:0 0 0 25px;
}
#sidebar .box{padding:10px 0 8px;}
.link-block strong{padding:17px 0 0;}
.link-block{
min-height:94px;
padding:0 10px 0 53px;
}
.text-videosoft{
top:-9px;
background:url(../images/text-videosoft-small.png) no-repeat;
width:40px;
height:106px;
left:-1px;
}
#footer{padding:14px 0 0;}
.lists-area .column:first-child{padding:0 20px 0 0;}
.lists-area .col.last-child{
padding:0 0 0 31px;
width:140px;
}
.lists-area .title{padding:3px 0 4px 18px;}
#sidebar .bar{
margin:-8px -11px 9px;
padding:13px 12px 10px;
}
.video-block.big-block{
padding:17px 0 18px;
margin:0 0 22px;
}
.info-panel .star img{width:25px;}
.info-panel .like{margin:0 0 15px;}
.info-panel .like img{width:32px;}
.info-panel .google img{width:38px;}
.info-panel .star{padding:7px 0 13px;}
#main .video-block.big-block .info-panel ul{padding:8px 0;}
.video-block.big-block .tags{margin:0 0 8px;}
.video-block.big-block p{margin:0 0 13px;}
#main .video-block.big-block .info-panel{
padding:2px 0 0;
margin:0 -4px 0 -13px;
}
.info-panel .value{margin:-3px 0 -1px;}
.ad-holder .description, .a-d-holder .description{
font-size:11px;
line-height:13px;
}
.ad-holder .logo, .a-d-holder .logo{margin:5px 0 0 14px;}
#main .video img{max-width:480px;}
}
/*
@media only screen and (max-width: 767px) {
body{
font-size:1.4em;
line-height:1.5em;
}
#header .block .container{padding:6px 6px 9px 11px;}
.top-bar{padding:5px 0 0;}
.social-tools{margin:0 0 15px;}
.ad-holder .description, .a-d-holder .description{
font-size:14px;
line-height:17px;
}
.ad-holder .logo, .a-d-holder .logo{margin:4px 0 0 20px;}
.paging-holder{padding:9px 0 10px;}
#nav{
font-size:14px;
position:absolute;
top:-83px;
left:50%;
border:1px solid #fff;
border-width:0 1px;
border-color:#fff #fff #fff #dfdfdf;
margin:0 0 0 -86px;
width:184px;
}
#nav strong{
display:block;
background:url(../images/sprite.png) no-repeat 100% -682px;
}
#nav .lists strong{background-position:100% -672px;}
#nav .lists li.hover strong,
#nav .lists .pressed-item a strong{background-position:100% -702px;}
#nav .lists .active strong{background-position:100% -740px;}
#nav .lists .active.hover a strong{background-position:100% -784px;}
#nav.hover .active-element a,
#nav:hover .active-element a{
color:#2a2929;
background: rgb(235,235,235);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
}
#nav.hover .active-element strong,
#nav .pressed-item a strong{background-position:100% -710px;}
#nav .active-element{
line-height:20px;
display:block;
border:1px solid #fff;
border-width:0 1px;
border-color:#fff #dfdfdf #fff #fff;
width:183px;
height:83px;
}
#nav .active-element a{
width:auto;
display:block;
float:none;
height:17px;
padding:33px 10px 34px 12px;
}
#nav .active-element a span{
padding:0 0 0 26px;
float:none;
display:block;
}
#nav .active-element .video span{background-position:0 5px;}
#nav.hover .active-element .video span{background-position:-300px 5px;}
#nav .lists{
display:none;
position:absolute;
top:83px;
width:480px;
box-shadow:0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);
background:#efefef;
left:-155px;
}
#nav .lists ul span{
float:none;
display:block;
}
#nav .lists ul a{
float:none;
display:block;
}
#nav .lists ul:first-child{background:url(../images/dot.gif) repeat-y 100% 0;}
#nav .lists ul li:first-child{
background:none;
box-shadow:inset 0 2px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.2);
}
#nav .active{
z-index:5;
position:relative;
}
#nav.hover .lists{
display:block;
}
#nav .active:hover a,
#nav .active a:hover,
#nav .active a{
margin:0 0 -1px;
padding:0 0 1px;
}
#nav .lists ul li:first-child{
background:url(../images/divider-2.gif) repeat-x;
box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;
}
#nav .lists ul li{
float:none;
background:url(../images/divider-2.gif) repeat-x;
}
#nav .lists ul{width:240px;}
#nav ul .drop ul{
background:none;
width:auto;
border:none;
}
#nav ul .drop{
width:240px;
background:#eee;
padding:0;
left:0;
top:33px;
box-shadow:0 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);
}
#nav .lists ul .drop a{
padding:10px 5px 10px 28px !important;
}
.nav-block{
background:url(../images/bg-tools.gif);
border-bottom:1px solid #c5c5c5;
box-shadow:0 2px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 2px 1px rgba(0,0,0,0.1) inset;
}
.nav-block .container{padding:9px 8px 12px 5px;}
.search-form input[type="text"]{width:326px;}
.home-page .search-form input[type="text"]{width:166px;}
.home-page .nav-block .container{padding:9px 8px 14px 3px;}
.nav-block .light-set li{width:42px;}
.nav-block .light-set{
display:block;
padding:12px 0 11px 11px;
margin:-8px 0 -11px;
background:url(../images/line.png) repeat-y;
}
#header,
.bar{
box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;
}
.home-page .bar .container{padding:1px 9px 11px 8px;}
.info-panel .star{padding:11px 0 13px;}
.info-panel .like{margin:0 0 20px;}
.info-panel .google img,
.info-panel .like img,
.info-panel .star img{width:auto;}
.video-block.big-block .img-box{margin-right:5px;}
.video-block.big-block{
padding:17px 0 26px;
margin:0 0 41px;
}
.quote-block{
padding:0 0 32px;
margin:-17px 0 5px;
}
.quote-block h2{margin:0 0 27px;}
.quote-block .text-block{padding:7px 10px 3px;}
.users-list{
padding:0 0 9px;
margin:0 0 26px;
}
.comments-block h2{margin:0 0 26px;}
.comments-block .content{padding:3px 5px 4px;}
.comments-block .details{padding:5px 8px 8px 11px;}
.comments-block .post{margin:0 0 30px;}
.comments-block .text p{margin:0 0 18px;}
.comments-block .text{margin:0 5px -18px 0;}
.comments-block .answer-post .text-block{
margin:0;
padding:7px 5px 6px 9px;
}
#main .img-box .actions .notes{
display:block;
padding:0;
}
.video-block.big-block .img-box .actions .holder{margin:-5px 0 -3px;}
.video-block.big-block p{margin:0 0 10px;}
#main .video-block.big-block .info-panel{margin:3px 5px 0 -5px;}
.info-panel .value{margin:0 0 1px;}
.info-panel ul{letter-spacing:-1px;}
#main .video-block.big-block .info-panel ul{
padding:13px 0 0;
line-height:14px;
}
.bar{
position:relative;
border-top:1px solid #fff;
}
.set-panel{
font-size:12px;
line-height:14px;
}
.set-panel ul{
float:none;
overflow:hidden;
margin:0 -8px 0 0;
font-size:14px;
}
.set-panel li{padding:0 8px 0 11px;}
.set-panel .title{
float:none;
display:block;
}
.panel-display-type{
float:right;
text-align:right;
}
.search-form{
float:left;
margin:5px 0 0 5px;
}
.btns-part{
position:absolute;
top:-39px;
right:10px;
}
.light-set li,
.light-set li:first-child{width:42px;}
.type-set{
padding:11px 9px 11px 16px;
background:url(../images/line.png) repeat-y;
margin:-11px 0 0;
}
.set-panel .title{padding:0 0 4px;}
.type-set a{
width:70px;
font-size:11px;
}
#sidebar .bar,
.videos-list li.last-child,
.paging{display:none;}
.mob-paging{display:block;}
#main .videos-list .info-panel ul{display:block;}
#main .videos-list .info-panel{position:static;}
.videos-list li{width:205px;}
.videos-list h2{padding:0;}
.details{
font-size:12px;
line-height:16px;
}
#main .img-box .actions ul a.embed{display:none;}
.links-list h2,
.quote-block h2,
.comments-block h2,
.video-block h2,
.videos-details h2{
font-size:1.5em;
line-height:1.05em;
}
.videos-list h2{
font-size:1em;
line-height:1em;
}
.tags{font-size:12px;}
.videos-details .description,
.videos-details .headline{padding:0 0 10px;}
.videos-details .media-block{
float:left;
position:static;
}
.video-block .headline{padding:0;}
#main .video-block .info-panel{margin:0 0 0 -4px;}
.video-block .img-box{float:left;}
.video-block .img-box img{
width:150px;
height:140px;
}
.video-block .media-block{float:left;}
.video-block .description{padding:0 0 0 13px;}
#content{
height:auto !important;
float:none;
}
.c1{padding:10px;}
.paging-holder{height:29px;}
.paging-holder .paging{display:none;}
#sidebar{
padding:30px 10px 0;
width:auto;
margin:0;
float:none;
height:auto !important;
background:url(../images/bg-aside.gif);
}
#sidebar .box{padding:22px 0 20px;}
.news-block h3{
font-size:18px;
margin:0 0 16px;
}
.fb-plugin{padding:0;}
.fb-plugin,
.fb-block,
.ad-holder, .a-d-holder{
padding:0;
margin:0 auto;
max-width:300px;
}
.fb-block .block{padding:0 13px 9px;}
.fb-block{margin:-4px auto 0;}
.fb-block .title strong{font-size:16px;}
.fb-block .title{
margin:0;
font-size:12px;
}
.scroll-box{
margin:0 4px 10px -4px;
padding:15px 0 15px 12px;
}
.fb-block .item{width:236px;}
.fb-block .scroll-box .title{
font-size:13px;
margin:0 0 2px;
}
.fb-block .item .block .img-holder{width:90px;}
.fb-block .item{
font-size:12px;
line-height:18px;
}
.fb-block .scroll-box .block .title,
.fb-block .item .block{
font-size:11px;
line-height:13px;
}
.hidden-block{display:none;}
#sidebar .news-list{overflow:hidden;}
.news-block{margin:-3px 0 0;}
.news-list li{
float:left;
width:157px;
margin:0 0 2px 4px;
}
.lists-area .title{font-size:14px;}
.lists-area .column .col:first-child{padding:0 18px 0 0;}
.lists-area .column .col{
width:220px;
padding:0;
}
.lists-area .column:first-child{
padding:0 0 18px;
background:url(../images/divider.gif) repeat-x 0 100%;
margin:0 auto 16px;
}
.lists-area .column:after{
content:''; display:block; clear:both;
}
.lists-area .news-list{margin:2px 0 0 -8px;}
.lists-area .news-list .photo{width:34px;}
.lists-area .news-list li{
padding:0 0 8px 51px;
line-height:14px;
}
.lists-area .column{
width:461px;
margin:0 auto;
float:none;
}
.lists-area ol{
font-size:11px;
line-height:16px;
letter-spacing:0;
}
.nav li{
float:none;
width:auto !important;
padding:0 !important;
text-align:center;
}
.nav ul ul li:first-child{background:none;}
.nav ul ul li{
display:inline;
padding:0 5px 0 10px !important;
background:url(../images/sprite.png) no-repeat -376px -440px;
}
#footer{
position:relative;
padding:16px 0 90px;
}
.lists-area{padding:0 0 10px 3px;}
.lists-area .title{padding:3px 0 12px 18px;}
#footer .logo-holder{
width:100%;
position:absolute;
bottom:0;
left:0;
padding:8px 0 0;
height:82px;
background:#e6e6e6;
float:none;
}
#footer .container{position:static;}
#footer .logo{
background:url(../images/logo-footer.png) no-repeat;
width:175px;
height:76px;
float:none;
display:block;
margin:0 auto;
}
.nav-area .container{padding:16px 18px 0 13px;}
#footer .block .container{padding:6px 13px 6px 8px;}
.back-to-top{margin:6px 0 0 40px;}
.nav ul{font-size:16px;}
.nav ul ul{
font-size:12px;
line-height:18px;
padding:2px 0 23px;
}
.video-block .content .img-box img{
width:100%;
height:auto;
}
.quote-block{padding:0 0 20px;}
.users-list{
padding:0 0 10px;
margin:0 0 32px;
font-size:12px;
line-height:16px;
}
.users-list.mark{
padding:10px 0 9px;
margin:0 0 24px;
}
.comments-block{
padding:0 0 20px;
margin:0 0 26px;
}
.comments-block .text-block,
.quote-block .text-block{line-height:18px;}
.comments-block .details{font-size:12px;}
.links-list{padding:0 0 18px;}
.links-list .col{width:225px;}
.nav-block{
box-shadow:0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(0,0,0,0.2) inset;
border-bottom:1px solid #fff;
}
.users-list.mark .description ul{padding:0 0 20px;}
.users-list .view-all{font-size:14px;}
.users-list .view-all a{font-size:12px;}
.users-list.mark .description{padding:0 0 0 9px;}
.home-page .nav-block{border:none;}
.comments-block .details p{float:none;}
#main{
box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;
}
.links-list h2{
font-size:18px;
margin:0 0 12px;
}
.links-list .col{width:213px;}
.links-list .description{padding:2px 0 1px;}
.links-list li{padding:0 0 10px;}
.links-list{padding:0 0 11px;}
.videos-list{padding:10px 0 29px 9px;}
#main .videos-list .info-panel{padding:0 8px 0 0;}
.videos-list .info-panel ul li{display:block;}
.videos-list .info-panel ul{
padding:25px 0 0;
line-height:14px;
font-size:11px;
}
.videos-list li:first-child{padding:0;}
.videos-list li{
width:212px;
padding:0 0 0 10px;
}
#main .img-box .notes .red{display:block;}
.videos-list .img-box .img-frame{margin:0 0 -2px;}
.videos-list{
padding:10px 0 30px 9px;
margin:0 0 26px;
}
.videos-details{padding:0 3px 24px;}
.videos-details h2{margin:0 0 6px;}
.videos-details .ico-star{display:none;}
#main .videos-details .img-box{margin:4px 5px 0 0;}
#main .videos-details .info-panel{
padding:3px 6px 0 6px;
min-width:62px;
}
#main .video-block .info-panel{padding:0 9px 0 0;}
.video-block .description{padding:0 0 0 17px;}
.videos-details .info-panel .value{margin:-1px 0 2px;}
.video-block .info-panel ul,
.info-panel ul{
padding:24px 0 0;
font-size:11px;
line-height:14px;
}
.videos-details .img-box{margin:4px 17px 0 0;}
.video-block h2{margin:0 0 6px;}
.video-block{padding:16px 3px 17px;}
.video-block .tags{margin:0 0 18px;}
.video-block .media-block{padding:4px 0 0;}
.minimize-link{display:none;}
.video-block.big-block .img-box .holder{float:right;}
.video-block .img-box .holder{
float:left;
margin:-4px 0 0;
}
.paging-holder .mob-paging{display:inline-block;}
.img-box img{width:auto;}
#main .video-block.big-block .img-box{float:none;}
#main .video-block.big-block .video img{
max-width:391px;
width:auto;
}
}
*/
/*
@media only screen and (max-width: 478px) {
#header{padding:47px 0 0;}
#header .block .container{padding:6px 5px 12px 14px;}
.top-bar{
border-bottom:1px solid #e2e2e2;
position:absolute;
top:-47px;
left:0;
width:100%;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
padding:5px 0;
}
.bar .light-set{
margin:-12px 0 0;
padding:12px 0 11px 12px;
background:url(../images/line.gif) repeat-y;
}
.top-bar .social-tools{
margin:0;
float:right;
padding:8px 10px;
}
.top-bar .btn-holder{
float:left;
padding:5px 10px;
}
#nav{
top:-83px;
left:auto;
right:0;
margin:0;
width:156px;
border-width:0 0 0 1px;
}
#nav .active-element{
width:155px;
border-width:0 0 0 1px;
}
#nav .lists ul{width:160px;}
#nav .lists{
left:auto;
font-size:11px;
right:0;
width:320px;
}
#nav ul .drop{width:160px;}
.c1{padding:23px 10px;}
#main .video-block.big-block .img-box .actions .notes{display:block;}
.video-block.big-block{
position:relative;
text-align:center;
}
.search-form input[type="text"]{width:166px;}
#main .video-block.big-block .info-panel .holder{
background:url(../images/divider.gif) repeat-x 0 100%;
overflow:hidden;
padding:0 0 10px;
}
#main .video-block.big-block .info-panel{
position:absolute;
bottom:68px;
left:0;
width:100%;
margin:0;
padding:10px 0 0;
background:url(../images/divider.gif) repeat-x;
}
.quote-block{padding:0 0 44px;}
.video-block.big-block .content .img-box img{height:254px;}
.video-block.big-block .content .img-box{float:none;}
#main .video-block.big-block .info-panel ul{width:63px;}
.video-block.big-block .content .details{
padding:104px 0 0;
display:block;
}
.video-block.big-block .info-panel .action-panel{
padding:9px 0 0;
float:left;
}
.video-block.big-block .info-panel .social-panel{float:right;}
.video-block.big-block .info-panel .google,
.video-block.big-block .info-panel .like{
float:right;
margin:0;
padding:0;
}
.video-block.big-block .info-panel .star{
float:left;
margin:0;
padding:7px 0 0;
}
.video-block.big-block .info-panel .google{padding:0 10px 0 0;}
.video-block.big-block .info-panel ul{
float:left;
padding:0 0 0 20px;
}
.comments-block.big-block .details{text-align:center;}
.comments-block.big-block .panel{
float:none;
display:inline-block;
}
.users-list.mark{text-align:center;}
.users-list.mark strong{
float:none;
display:block;
margin:0 0 3px;
}
.links-list h2{text-align:center;}
.links-list .col:first-child{
padding:0 65px 20px;
background:url(../images/divider.gif) repeat-x 0 100%;
}
.links-list .col{
padding:10px 65px 0;
float:none;
width:auto;
}
#sidebar .news-block h3{text-align:center;}
#sidebar .news-list li{
width:auto;
float:none;
}
.scroll-box{margin:0 0 10px;}
#sidebar .news-list{padding:0 40px 0 55px;}
.lists-area{text-align:center;}
.lists-area .column .col,
.lists-area .column{
width:auto;
float:none;
}
.lists-area .column .col:first-child{background:none;}
.lists-area .column .col{
background:url(../images/divider.gif) repeat-x;
padding:20px 0;
}
.lists-area .news-list{
padding:0 52px;
text-align:left;
}
.back-to-top{display:none;}
#footer .block{text-align:center;}
.footer-nav{display:block;}
.type-set{display:none;}
.bar .mob-paging{display:none;}
.mobile-panel .type-set a{width:70px;}
.mobile-panel .type-set,
.mobile-panel{display:block;}
.videos-list li:after{
content:''; display:block; clear:both;
}
.videos-list{padding:10px 0 0 9px;}
.videos-list li{
margin:0 auto 29px;
float:none;
background:url(../images/divider.gif) repeat-x 0 100%;
padding:0 40px 29px !important;
}
#main .info-panel ul li,
#main .img-box .notes li{
padding:0 !important;
background:none;
margin:0;
}
.videos-details{padding:0 10px 19px;}
.video-block .tags{margin:0 0 9px;}
.video-block{padding:16px 10px 18px;}
.video-block h2,
.videos-details h2{margin:0 0 3px;}
.video-block .media-block,
.videos-details .media-block{padding:0 0 0 23px;}
.video-block p,
.videos-details p{margin:0 0 14px;}
.video-block.big-block{
padding:3px 0 20px;
line-height:1.15em;
}
.video-block.big-block .img-box{margin:0 0 21px;}
.video-block,
.videos-details{text-align:center;}
.videos-details .media-block:after{
content:''; display:block; clear:both;
}
.video-block .media-block,
.videos-details .media-block{
float:none;
width:240px;
margin:0 auto 10px;
}
.lists-area .title{
display:inline-block;
vertical-align:top;
}
.users-list{
padding:0 0 10px;
margin:0 0 26px;
}
.comments-block .details{text-align:center;}
.comments-block .panel{
float:none;
display:inline-block;
}
#main .video-block.big-block .img-box img{max-width:288px;}
}
*/