@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700&subset=latin,cyrillic);

BODY {background:url(/i/bg.png) top no-repeat fixed #000000; font-size:16px; margin:0; padding:40px 0 0 0; font-family: 'Roboto Slab', serif;}

UL, LI, BLOCKQOUTE, P, OL, IMG, INPUT, TEXTAREA, H1, H2, H3, H4 {padding:0; margin:0;}
.clear {clear:both; font-size:0.00000001em;}

A, A:visited {text-decoration:none; color:#6666cc;}
A:hover {text-decoration:none; color:#f63333;}

.site {width:1000px;margin:auto; background:url(/i/bbg.png) top left;}

.header {width:200px; height:600px; float:left}
.logobox {background:url(/i/logo-bg.png) top center no-repeat #f63333; height:500px; width:200px;}
.logo {padding-top:35px;}
.logo A, .logo A:visited, .logo A:hover {background:url(/i/logo.png) top left no-repeat; width:112px; height:115px; display:block; margin:auto}
.logo H1 {font-weight:100; display:block; text-align:center; color:#ffffff; font-size:1.35em; padding:20px 0 0 0; line-height:1.35em;}

.contacts {color:#ffffff; text-align:center; padding-top:55px;}
.contacts .phone {font-weight:400; font-size:1.25em;}
.contacts .phone SMALL {color:#fff; font-weight:300; display:block; font-size:0.55em; padding:3px 0 0 0;}


.contacts UL {list-style:none; font-size:0.8em; text-align:left; margin:30px 0 0 20px; font-weight:300;}
.contacts UL A, .contacts UL A:visited {color:#ffffff;}
.contacts UL A:hover {color:#ffffff; border-bottom:1px #ff7070 solid;}
.contacts LI {padding:6px 0 8px 40px; margin-bottom:10px;} 

#skype {background:url(/i/skype.png) left no-repeat;}
#mail {background:url(/i/mail.png) left no-repeat;}

.socs {width:200px; height:100px; background:#ccccff;}
.socs .links {width:168px; padding:26px 0 0 20px;}
.socs .links A, .socs .links A:visited, .socs .links A:hover {width:48px; height:48px; display:block; margin-right:8px; float:left;}

A#yt, A#yt:visited {background:url(/i/yt.png) top left no-repeat;}
A#yt:hover {background:url(/i/yt.png) bottom left no-repeat;}

A#fb, A#fb:visited {background:url(/i/fb.png) top left no-repeat;}
A#fb:hover {background:url(/i/fb.png) bottom left no-repeat;}

A#vk, A#vk:visited {background:url(/i/vk.png) top left no-repeat;}
A#vk:hover {background:url(/i/vk.png) bottom left no-repeat;}

/* header right */

.head-right {width:800px; float:left;}
.head-right .video {width:800px; height:450px; background:#ddd; position:relative;}
.head-right .navigation {width:800px; height:150px;}


.navigation A, .navigation A:visited, .navigation A:hover {width:200px; height:150px; display:block; float:left;}
.navigation A SPAN, .navigation A:visited SPAN, .navigation A:hover SPAN { font-weight:400; font-size:1.2em; padding:110px 0 0 20px; display:block;}

A#info, A#info:visited {background:url(/i/n-info.png) top left no-repeat #fdcb00; color:#fff;}
A#info:hover {background:url(/i/n-info.png) bottom left no-repeat #fdcb00; color:#fff;}
A#info-active, A#info-active:hover, A#info-active:visited  {background:url(/i/n-info.png) bottom left no-repeat #fdcb00; color:#fff;}

A#adv, A#adv:visited {background:url(/i/n-adv.png) top left no-repeat #f63333; color:#fff;}
A#adv:hover {background:url(/i/n-adv.png) bottom left no-repeat #f63333; color:#fff;}
A#adv-active, A#adv-active:hover, A#adv-active:visited  {background:url(/i/n-adv.png) bottom left no-repeat #f63333; color:#fff;}

A#anti, A#anti:visited {background:url(/i/n-anti.png) top left no-repeat #ccccff; color:#fff;}
A#anti:hover {background:url(/i/n-anti.png) bottom left no-repeat #ccccff; color:#fff;}
A#anti-active, A#anti-active:hover, A#anti-active:visited  {background:url(/i/n-anti.png) bottom left no-repeat #ccccff; color:#fff;}

A#studio, A#studio:visited {background:url(/i/n-studio.png) top left no-repeat #ed8e00; color:#fff;}
A#studio:hover {background:url(/i/n-studio.png) bottom left no-repeat #ed8e00; color:#fff;}
A#studio-active, A#studio-active:hover, A#studio-active:visited  {background:url(/i/n-studio.png) bottom left no-repeat #ed8e00; color:#fff;}

.video-caption {height:50px; width:800px; background:url(/i/000.png) repeat-x top; position:absolute; bottom:-50px;}

.video-caption SPAN {height:18px; display:block; padding:0 0 0 30px; margin:16px 0 0 20px; background:url(/i/ar.png) left no-repeat; color:#fff; font-size:0.8em; font-weight:300;}


/* favorites */
.favorite {padding:8px 0 8px 0; background:#ffffff; }
.favorite .title {background:url(/i/title-ar.png) left top no-repeat #fdcb00; width:200px; height:200px; float:left;}
.favorite .title SPAN {font-weight:100; display:block; text-align:left; color:#ffffff; font-size:1.35em; padding:20px 0 0 20px; line-height:1.35em;}

#f-adv {background:url(/i/title-ar.png) left top no-repeat #dd2d2d !important;}
#f-am {background:url(/i/title-ar.png) left top no-repeat #ccccff !important;}

.favorite .item {height:200px; width:200px; float:left; overflow:hidden; position:relative}
.favorite .item A, .favorite .item A:visited, .favorite .item A:hover {height:200px; width:200px; display:block;}

.favorite .item A SPAN, .favorite .item A:visited SPAN {background:url(/i/bbg.png)  bottom right #000; display:block; position:absolute; bottom:0px; opacity:0; height:200px; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;}
.favorite .item A:hover SPAN {background:url(/i/bbg.png) top left #000; display:block; position:absolute; bottom:0px; opacity:0.9; height:200px;}

.favorite .item SPAN STRONG {width:160px; padding:23px 20px 0 20px; display:block; font-size:0.9em; font-weight:400; color:#fff; line-height:1.4em;}

/* content */

.content {}

/* sidebar */

.sidebar {width:200px; float:left;} 

.sidebar .title {background:url(/i/title-ar.png) left top no-repeat #f63333; width:200px; height:200px;}
.sidebar .title SPAN {font-weight:100; display:block; text-align:left; color:#ffffff; font-size:1.35em; padding:20px 0 0 20px; line-height:1.35em;}

.sidebar .rubs UL {list-style:none; margin:0; padding:0;}
.sidebar .rubs LI {margin:0; padding:0;}
.sidebar .rubs, .sidebar .partners {padding:20px; font-size:0.75em; text-align:right;}
.sidebar .rubs A, .sidebar .rubs A:visited {display:block; color:#fff; padding-bottom:4px;}
.sidebar .rubs A:hover {display:block; color:#fdcb00; padding-bottom:4px;}
.sidebar .rubs H3 {color:#fff; font-weight:100; font-size:1.4em; margin-bottom:15px;}
.sidebar .partners H3 {color:#ddd; font-weight:100; font-size:1em; margin:30px 0 15px 0;}
.sidebar .partners H3 A, .sidebar .partners H3 A:visited, .sidebar .partners H3 A:hover {color:#ddd; padding-bottom:0px !important;}
 
.sidebar .partners A, .sidebar .partners A:visited {display:block; color:#808080; padding-bottom:4px;}
.sidebar .partners A:hover {display:block; color:#ccccff; padding-bottom:4px;}

/* blog */
.blog {width:800px; float:left; background:#fff; padding:15px 0 0 0;}

.post {width:360px; padding:0 20px 40px 20px;}
.post H1 A, .post H1 A:visited {color:#000;}
.post H1 A:hover {color:#6666cc;}
.post H1 {font-weight:300; font-size:1.6em; line-height:1.4em; padding-bottom:15px}
.post .lead {color:#808080; font-size:0.9em; line-height:1.6em; padding-top:15px;}

/* paginator */

.paginator {padding:30px 0 30px 0;}
.paginator .left, .paginator .right {width:360px; padding:0 20px 0 20px; float:left;}
.paginator .left {text-align:right;}
.paginator .home {width:100%; text-align:center; font-size:1.4em; padding-bottom:10px;}

.paginator .right A,  .paginator .right A:visited {display:block; width:175px; height:29px; background:url(/i/next.png) top right no-repeat;}
.paginator .right A:hover {display:block; width:175px; height:29px; background:url(/i/next.png) bottom right no-repeat;}

.paginator .left A,  .paginator .left A:visited {display:block; float:right; width:175px; height:29px; background:url(/i/prev.png) top right no-repeat;}
.paginator .left A:hover {display:block; float:right;  width:175px; height:29px; background:url(/i/prev.png) bottom right no-repeat;}

/* footer */

.footer {width:800px; padding:30px 0  30px 200px; margin:auto;}
.counter {width:120px; float:left;}
.counter A, .counter A:visited, .counter A:hover {border-bottom:none !important;}
.counter IMG {border:1px #fff solid;}
.text {width:400px; float:left; color:#ffffff; font-size:0.7em; margin-top:-5px; line-height:1.6em;}
.text SPAN {display:block; padding-top:10px;}
.footer A, .footer A:visited {color:#ffffff;}
.footer A:hover {color:#ffffff; border-bottom:1px #666 solid}

/* singlepost */

.singlepost {background:#fff; width:760px; padding:20px;}
.singlepost .meta {color:#808080; font-size:0.8em;}
.singlepost H1 {font-weight:300; font-size:2.4em; width:90%; margin:0; padding:10px 0 20px 0; line-height:1.3em;}
.singlepost H2 {font-weight:300; font-size:1.8em; width:90%; margin:0; padding:10px 0 20px 0; line-height:1.4em;}
.singlepost H3 {font-weight:300; font-size:1.4em; width:60%; margin:0; padding:10px 0 20px 0; line-height:1.5em;}
.singlepost P {padding:0 0 20px 0; line-height:1.5em; font-size:1em; width:90%;}
.singlepost P IMG {max-width:760px !important; height:auto; padding-bottom:0px !important;}
.singlepost IMG {max-width:800px; height:auto; padding-bottom:20px;}
.singlepost BLOCKQUOTE {margin:0 0 20px 0; background:#f0f0f0; padding:20px 40px 20px 40px; width:80%; line-height:1.5em; font-size:1em; color:#666}
.singlepost UL, .singlepost OL {padding:0; margin:0 0 20px 40px; line-height:1.5em; font-size:1em; width:90%;}
.singlepost LI {padding-bottom:8px;}
.singlepost SMALL {font-size:0.8em; display:block; line-height:1.5em !important; color:#666; width:90%;}
.singlepost .wp-caption {padding-bottom:20px;}
.singlepost .wp-caption IMG, .singlepost .wp-caption P {padding-bottom:0 !important; margin-bottom:0 !important;}
.singlepost .wp-caption-text {font-size:0.8em; color:#080808;}

.share {margin:60px 0 40px -28px; width:816px; padding:20px 0 20px 0; text-align:center; position:relative; background:#ccccff;}

.slc {display:block; height:8px; width:8px; position:absolute; left:0px; bottom:-8px; background:url(/i/slc.gif) top left no-repeat;}
.src {display:block; height:8px; width:8px; position:absolute; right:0px; bottom:-8px; background:url(/i/src.gif) top left no-repeat;}
.zr A, .zr A:visited {width:200px; height:140px; padding-top:60px; background:#000; display:block; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;}
.zr A:hover {width:200px; height:140px; padding-top:60px; background:#ed8e00; display:block; }
.zr A SPAN, .zr A:visited SPAN, .zr A:hover SPAN {width:108px; height:77px;  display:block; background:url(/i/zr.png) top left no-repeat; margin:auto;}