/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important;}
.no-bg { background: none!important;}
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }
.inline{display:inline!important}

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #fff; font: 0.75em/1.5 Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; } /* body height 100% */

a { color: #1288C1; text-decoration:none }
a:visited {  }
a:hover { text-decoration:underline }
a:active {  }

h3 a{color:#1288C1}

.outer_link{text-decoration:underline}

#page{width:1000px; margin:0 auto}
#logo{position:relative; left:-20px;}

#user-box{height:25px; padding:5px 0 0 0; font-size:12px}
#user-box li{list-style:none; float:left; width:17%}
#user-box #exit{width:15%}
#user-box img{margin:0 3px 0px 0}

#search-box{margin:10px 0 0 0}
  #search-box ul{padding:4px 0; width:240px;}
  #search-box .field{border:#999 solid 1px; padding:3px; width:232px; margin:0 10px 0 0}
  #search-button{margin:-1px 0 0 0; position:relative; bottom:-1px}

#login-links{width:200px; padding:23px 0 0 0}
#login-links a{margin-left:7px; float:right}
#login-links .fs-11{margin-top:3px}

#main-menu{margin-top:20px; clear:both}

#main-menu li.current a{color:#000}

#main-menu a{text-decoration:none;}
#main-menu li{width:16.6%; text-align:center; cursor:pointer; display:block; overflow:hidden; padding:0}
#main-menu li a:hover{color:#fff}
#main-menu li:hover{background:url(../images/active_menu_bkg.gif) top repeat-x; color:#fff;}
#main-menu em{font-style:normal; display:block}
#main-menu .tl:hover{background:url(../images/corner-tl.gif) top left no-repeat }
#main-menu .tr:hover{background:url(../images/corner-tr.gif) top right no-repeat }
#main-menu .bl:hover{background:url(../images/corner-bl.gif) bottom left no-repeat }
#main-menu .br:hover{background:url(../images/corner-br.gif) bottom right no-repeat }
#main-menu .br{padding:5px 0}
#submenu, #usermenu{padding:4px 0}
#top-banner{padding:10px 0}

#what-new{background:#bcdbfb; height:305px; margin:0 0 0 0; padding:20px 20px 5px 20px;}
  #what-new h3{text-transform:uppercase; display:inline; margin-right:10px}
  #what-new span{font-size:10px; color:#666}
  #what-new span img{margin:0 3px 0 0}
  #what-new p{margin:0 0 15px 0; line-height:17px;}

.column-header{font-size:18px; height:25px; display:block; font-weight:normal; margin:10px 0 0 0 }
.column-header-22{font-size:22px; margin:0 0 10px 0; font-weight:normal;}

.column-header, .column-header-22, .fs-22{line-height:normal!important}

.column-spacer{padding:35px 0 0 0;}

.profile-short{}
.illustrator_name{}

#art-links{padding:0 0 35px 0; overflow:hidden}
#art-links div, #on-air div, #actual-job div{background:#eee; padding:1px 4px; margin:3px 0 10px 0;}
#art-links div span, #on-air div span, #actual-job div span{float:right}
#art-links div span span, #on-air div span span, #actual-job div span span{float:none}

#footer{margin:20px 0 0 0; border-top:#eee solid 6px; padding:10px 0}
#footer *{color:#666}
#footer .menu-h li{float:right}

h3 a{text-decoration:none}
h3 a:hover{text-decoration:underline}

.blog-roll h3{display:inline; font-weight:normal; margin-right:15px}
.date{font-size:10px}
.date img{margin:0 3px 0 0}

.info-bar .date{position:relative; top:10px }

.blog-roll .date{color:#666}

.info-bar{padding:0 0 30px 0}
.post-resume .info-bar{padding:0 0 25px 0; border-bottom:#eee solid 1px}
.comments{padding-left:15px; background:url(../images/icon/10/030.png) left no-repeat; margin-left:10px;}
.comments-list{border-top:#eee solid 6px; margin:0 0 10px 0}
.comments-list li{list-style:none; font-size:14px; padding:5px 0 5px 15px; border-bottom:#eee solid 1px;}

.comments-list .date, .message .date{font-size:10px;}
.comments-list .date{position:relative; left:-15px;}
.comments-list p{margin:0 0 10px 0}
.userpic-thumb{clear:left}

.comments-container{width:500px;}
.empty-page .comments-container{width:100%!important}

.vote-box span{color:#666; padding:1px 2px}
.vote-box{color:#666}
.vote-box a{text-decoration:none; color:#999}

#top-ads{padding:20px 0}
#users-rate{
  padding:20px 0;
  text-align:center
}

.spec-button{display:block; height:24px; text-align:center; color:#fff; text-decoration:none; margin:8px 0 0 0}

.orange-button{background:#ffae57 url(../images/orange-bkg.gif)}
.blue-button{background:#63b0ff url(../images/blue-bkg.gif)}
.red-button{background:#ff5d60 url(../images/red-bkg.gif)}

.spec-button:hover{text-decoration:underline}
.spec-button em{display:block; height:24px; font-size:12px; font-style:normal; font-weight:bold}

.userpic-thumb{margin:0 0 -4px 0}

.orange-tl{background:url(/images/orange-tl.gif) top left no-repeat}
.orange-tr{background:url(/images/orange-tr.gif) top right no-repeat}
.orange-bl{background:url(/images/orange-bl.gif) bottom left no-repeat}
.orange-br{background:url(/images/orange-br.gif) bottom right no-repeat}

.blue-tl{background:url(/images/blue-tl.gif) top left no-repeat}
.blue-tr{background:url(/images/blue-tr.gif) top right no-repeat}
.blue-bl{background:url(/images/blue-bl.gif) bottom left no-repeat}
.blue-br{background:url(/images/bleu-br.gif) bottom right no-repeat}

.red-tl{background:url(/images/r-tl.gif) top left no-repeat}
.red-tr{background:url(/images/r-tr.gif) top right no-repeat}
.red-bl{background:url(/images/r-bl.gif) bottom left no-repeat}
.red-br{background:url(/images/r-br.gif) bottom right no-repeat}

.blue-br, .orange-br, .red-br{padding:4px 0 0 0; height:20px!important; cursor:pointer}

.illustration-preview{line-height:normal}
.illustration-preview h3{font-size:14px; display:block!important}

.first-letter:first-letter{text-transform:uppercase!important}

.illustration-preview .vote-box{margin-left:30px}
.illustration-preview div{margin-left:170px;}

.illustartions-preview-line{padding:0 0 30px 0!important}

.no-liststyle li{list-style:none}
.no-underline a{text-decoration:none}
.no-underline a:hover{text-decoration:underline}

.group-resume{
  background:#eee;
  padding:10px;
  margin:0 0 10px 0;
  clear:both
}

.message{padding:10px; margin:0 0 10px 0; clear:both; border-bottom:#eee 5px solid}
.fresh-message{background:#e9f2ed;}

.sideform input, .sideform select{margin-bottom:8px; width:200px!important;}
.sideform .button{width:auto!important}
.sideform input{width:192px!important;}
.sideform textarea{width:192px; height:100px}

/* Colors and fonts
-------------------------------- */
.cl-black{color:#000!important}
.cl-gray-6{color:#666666}
.cl-gray-9{color:#999999}

.cl-red{color:red}
.cl-blue{color:#0078ff}
.bg-gray{background:#eee!important}

.fs-11{font-size:11px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.fs-22{font-size:22px}

/* Layout Boxs
------------------------------ */

.page-layout{}
.layout-box{ float: left; margin: 0; }

.lb-1 { width: 1000px; } /* 100% */
.lb-2 { width: 750px; } /* 75% */
.lb-3 { width: 500px; } /* 50% */
.lb-4 { width: 250px; } /* 25% */
.lb-5 { width: 330px; }
.right-column{width:200px; padding-left:50px;}
.left-column{width:200px; padding-right:50px;}

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden;}
.menu-h li { float: left; list-style: none; padding: 0 .8em;}
.menu-h a { text-decoration: none; display: block; }
.menu-h a:hover { text-decoration: underline; }

/* Content elements
------------------------------ */
.content{font-size:14px}
.content h1, .content h2, .content h3, .content h4 { font: 1.7em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; color:#666 }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left;  }

.col-content { padding-right: 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img { margin-top: .4em; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle; }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

/* Corners (em)
------------------------------ */

.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }

.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br { width: 4px; height: 4px; background-image: url(../i/corners/corners-2.png); }
	.corners-2 em.tl { left: -2px; top: -2px; } .corners-2 em.tr { right: -2px; top: -2px; } .corners-2 em.bl { left: -2px; bottom: -2px; } .corners-2 em.br { right: -2px; bottom: -2px; }
.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br { width: 6px; height: 6px; background: url(../i/corners/corners-3.png); }
	.corners-3 em.tl { left: -3px; top: -3px; } .corners-3 em.tr { right: -3px; top: -3px; } .corners-3 em.bl { left: -3px; bottom: -3px; } .corners-3 em.br { right: -3px; bottom: -3px; }
.corners-4 em.tl, .corners-4 em.tr, .corners-4 em.bl, .corners-4 em.br { width: 8px; height: 8px; background: url(../i/corners/corners-4.png); }
	.corners-4 em.tl { left: -4px; top: -4px; } .corners-4 em.tr { right: -4px; top: -4px; } .corners-4 em.bl { left: -4px; bottom: -4px; } .corners-4 em.br { right: -4px; bottom: -4px; }
.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(../i/corners/corners-5.png); }
	.corners-5 em.tl { left: -5px; top: -5px; } .corners-5 em.tr { right: -5px; top: -5px; } .corners-5 em.bl { left: -5px; bottom: -5px; } .corners-5 em.br { right: -5px; bottom: -5px; }
.corners-6 em.tl, .corners-6 em.tr, .corners-6 em.bl, .corners-6 em.br { width: 12px; height: 12px; background: url(../i/corners/corners-6.png); }
	.corners-6 em.tl { left: -6px; top: -6px; } .corners-6 em.tr { right: -6px; top: -6px; } .corners-6 em.bl { left: -6px; bottom: -6px; } .corners-6 em.br { right: -6px; bottom: -6px; }
.corners-7 em.tl, .corners-7 em.tr, .corners-7 em.bl, .corners-7 em.br { width: 14px; height: 14px; background: url(../i/corners/corners-7.png); }
	.corners-7 em.tl { left: -7px; top: -7px; } .corners-7 em.tr { right: -7px; top: -7px; } .corners-7 em.bl { left: -7px; bottom: -7px; } .corners-7 em.br { right: -7px; bottom: -7px; }
.corners-8 em.tl, .corners-8 em.tr, .corners-8 em.bl, .corners-8 em.br { width: 16px; height: 16px; background: url(../i/corners/corners-8.png); }
	.corners-8 em.tl { left: -8px; top: -8px; } .corners-8 em.tr { right: -8px; top: -8px; } .corners-8 em.bl { left: -8px; bottom: -8px; } .corners-8 em.br { right: -8px; bottom: -8px; }
.corners-9 em.tl, .corners-9 em.tr, .corners-9 em.bl, .corners-9 em.br { width: 18px; height: 18px; background: url(../i/corners/corners-9.png); }
	.corners-9 em.tl { left: -9px; top: -9px; } .corners-9 em.tr { right: -9px; top: -9px; } .corners-9 em.bl { left: -9px; bottom: -9px; } .corners-9 em.br { right: -9px; bottom: -9px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(../i/corners/corners-10.png); }
	.corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }
.errorExplanation{background:#f4b7b7; border:red dashed 1px; padding:5px; margin:0 0 10px}
.errorExplanation li{list-style:none}
.errorExplanation h2{font-weight:normal;}

.flash{padding:4px 10px; margin:5px 0}
.flash_error{background:#f4b7b7; border:red dashed 1px;}
.flash_notice{background:#b1faac; border:#35b62d dashed 1px;}

#users li{
    list-style:none;
    display:block;
    overflow:hidden;
    padding:13px;
    margin:0 0 3px 0;
    background:#EEEEEE;
}

#users li .box{
    margin:0 0 0 140px;
    font-size:11px
}
#users .userpic-original{float:left}
#users a{text-decoration:underline!important}
#users .grayed{background:#dadada}
#users li .box span{color:#666}

.alphabet{margin:5px 0; background:#eee; padding:3px}

.job{border-bottom:#eee solid 1px; margin:15px 0 0 0}
.job .info-bar{padding:0 0 15px 0}


.promo-thumb{width:55px; float:left; height:50px;}
.promo-thumb img{cursor:pointer}

#fixed-box{
    width:300px;
    position:fixed;
    top:0;
    right:0;
    z-index:1000;
}

#fixed-box .ajax-message{padding:10px; margin:1px 1px 0 0; font-weight:bold}
#fixed-box .error{background:red; color:#fff}
#fixed-box .notice{background:#00ba16; color:#fff}

.normal-form{font-size:14px;}
.normal-form input,.normal-form textarea, .normal-form select{width:99%; margin:0 0 15px 0; font-size:14px; color:#666; padding:2px 0}
.button{width:auto!important;}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textares{background:#f4b7b7!important}
div.fieldWithErrors{display:inline}

.del-style-link,
.del-technic-link{text-decoration:none; position:relative; right:-10px; margin:0 0 0 -10px;}
.empty-page textarea{width:100%!important}
.event-group-header{background:#eee; padding:3px 5px;}
.event{padding:3px 0 3px 20px; border-bottom:#eee solid 1px}

.side-banner-admin{width:240px; float:left; }
#side-banner{padding:35px 0 20px 0}
.normal-form-auto-width input, .normal-form-auto-width select, .normal-form-auto-width input textarea{width:auto!important}

#blog_post_blog_id{width:auto!important; margin:0}
.small-author{padding:0 0 3px 0}

.post-resume{padding:0 0 20px 0}
.post-resume .tags{font-size:11px!important;}
.post-resume .tags a{color:#333}
.post-resume .tags a:hover{color: #1288C1}

.event-ext{overflow:hidden; padding:0 0 15px 0; clear:both}
.event-ext .illustration-preview{width:100%!important}

#simple-captcha img{margin:0 0 5px 0}

#switcher{overflow:hidden;}
#switcher .nav{padding:10px 0; background:#aaa; text-align:center; margin:3px 0}
#switcher .images{height:186px; overflow:hidden}
#switcher #slider{position:relative; overflow:hidden;}
#switcher .wi{float:left; width:62px; height:62px; overflow:hidden; padding:1px 0 0 1px;}

.rating-plus{color:#017F00!important}
.rating-minus{color:#D02605!important}

#to-left, #to-right{height:84px; width:30px; cursor:pointer; float:left; position:relative; z-index:10}
#to-left-img, #to-right-img{position:relative; top:26px;}
#to-right-img{float:right}
#to-left{background:#fff}
#to-right{background:#fff}
#project-thumbs-box{height:84px; width:690px; float:left}
#slider{height:84px; overflow:hidden}
.square{width:80px; height:80px; padding:2px; overflow:hidden; float:left; margin:0 1px;}
.square img{margin:0!important}
#slider .current{background:#000}

ul.sortable{display:block; width:850px}
ul.sortable li{list-style:none; float:left; display:block; width:85px; height:85px;}


ul.contests{display:block; overflow:hidden}
ul.contests li{
    list-style:none;
    display:block;
    padding:0 0 0 60px;
    height:60px;
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
    width:240px;
}

.contest-menu{margin:0 0 10px 0}
.contest-menu li{list-style:none; font-size:14px}

#contest_work_bar{height:40px; padding:10px 0; overflow:hidden}
#contest-vote-box{width:40%}
#contest-admin-links{float:right; width:50%; text-align:right}

#search-box{width:370px; float:left; display:block}
#current-contest{width:300px; float:left; padding:10px 0 0 60px; height:50px;}

.vk_button{
    position:relative;
    height:35px;
    overflow:hidden;
    width:400px;
    margin:0 0 -35px 100px;
    top:-35px;
}
.vk_button table,
.vk_button iframe{float:right; margin:0 0 0 10px}
.vk_button table, .vk_button td{border:0!important; padding:0; margin:0;}



.work-about{font-size:10px; font-weight:bold;}
.link_to_illustrator{margin-right:2px; position:relative; top:1px;}
.work-about span{color:#6b6b6b;}


#recent_projects_column,
#best_on_week_column{float:left}

#recent_projects_column{width:800px;}
#best_on_week_column{width:200px;}

    .illustration{
        width:200px;
        height:212px;
        float:left
    }
        .illustration .image{
            padding:12px 0 0 0;
            height:165px;
            width:200px;
        }
            .illustration .image img,
            .illustration-thumbnail{
                 background: #fff; /* обязательно для ie */
                 -webkit-box-shadow: 1px 1px 5px #999;
                 -moz-box-shadow: 1px 1px 5px #999;
                 box-shadow: 1px 1px 5px #999;
            }

        .illustration .date{
            float:none;
        }

        .illustration .vote-box{
            float:none
        }

#best_on_week_column .illustration{height:224px}

    #best_on_week_column #side-banner{
        height:400px;
        overflow:hidden;
        clear:both;
        padding:0;
    }

.illustration .comments{padding-left:12px}

.list{
  width: 300px;
  float:left;
  padding:0;
  margin:0 15px 0 0;
}

.list, .list *{font-size:14px;}

    .list li{
        list-style:none;
        width:90%;
        display:block;
        padding:2px 4px;
    }
    .list li:hover{background:#eeeaea}

        .list li small,
        .list li a{font-size:12px}
        .list li small{float:right; margin-right:4px;}
            .list li a img{margin:5px 0 0 0}

        .list li .editor_field{width:180px;}

    .list b{color:#000}