/*
 Coded: Balbesskin (Kirill)
 E-mail: balbesskin@mail.ru
 Skype: balbesskin
 Site: htmlstart.ru
*/

/* General Styles */
html, body {background: url('/images/bg.png') #fff; font: 11px Tahoma; color: #555;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0 none; outline: 0; vertical-align: baseline;}

ol, ul {list-style: none;}

:focus {outline: 0;}

table {border-collapse: collapse; border-spacing: 0;}

a {text-decoration: none; color: #555;}
a:hover {color: #f14134;}

td, input, select, textarea {margin: 0; vertical-align: baseline; font: 11px Tahoma;}
button {vertical-align: baseline; font: 11px Tahoma;}
input[type=submit], input[type=reset], input[type=button] {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 29px; line-height: 27px; padding-right: 15px; padding-left: 15px; color: #000; cursor: pointer;}
input[type=text], input[type=password] {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 29px; padding: 0 15px; color: #000;}
input.codeButtons {width: auto!important; margin: 0 2px 4px 0; padding: 0 12px!important;}
select {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 29px; padding: 0 15px; color: #000;}
textarea {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 6px 15px; color: #000; overflow: auto;}

hr {background: #eee; border: 0 none; height: 1px; color: transparent;}

h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 13px;}
h6 {font-size: 11px;}

.content {background: #f9f9f9; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width: 913px; margin: 25px auto 0; overflow:hidden;}

.width-872 {width: 872px; margin: 0 auto; overflow: hidden;}

.transition-opacity {transition: 0.2s linear opacity; -webkit-transition: 0.2s linear opacity; -moz-transition: 0.2s linear opacity; -o-transition: 0.2s linear opacity;}

.left {float: left!important;}
.right {float: right!important;}
.overflow {overflow: hidden!important;}
.clear {clear: both!important;}

#uidLogButton, #uidLogButtonAjx, .com-order-block {display: none;} 
#baseLogForm, #baseLogFormAjx {display: block!important;} 

.manTd1 {vertical-align: middle; padding-left: 6px;}
.manFlTitle, .manFlaName, .manFlaEmail, .manFlaSite, .manFlpLink, .manFldLink, #suggEdit {width: 468px!important;}
.manFl {width: 608px!important;}

.manTdBrief [style="padding-bottom:3px;"], .manTdBrief [style="padding-bottom:3px;font-size:7pt;float:right;"],
.manTdText [style="padding-bottom:3px;"], .manTdText [style="padding-bottom:3px;font-size:7pt;float:right;"] {padding: 6px 6px 11px 6px!important;}

.ucoz-editor-bottom label {margin-right: 20px;}
#format_brief, #html_brief,
#format_message, #html_message {margin: 6px; vertical-align: -3px;}

#iplus input.button {width: 30px!important; padding: 0;}


/* Header */
.header {min-width: 768px; max-width: 2000px; margin: 0 auto; overflow: hidden;}

.header .top {background: url('/images/top.png') no-repeat top; width: 100%; height: 98px; overflow: hidden;}

.header .top .logotype {margin-top: 23px; font: 36px 'Lobster'; color: #fff; float: left;}
.header .top .logotype a {color: #fff;}
.header .top .logotype span {border-left: 1px dashed rgba(255, 255, 255, 0.2); margin: 17px 0 0 21px; padding: 4px 0 4px 21px; font: 11px Arial;}

.header .top .social {margin-top: 40px; float: right;}
.header .top .social a {display: block; margin-left: 15px; float: left;}
.header .top .social a:hover {opacity: 0.6;}
.header .top .social a.twitter {background: url('/images/twitter-icon.png') no-repeat; width: 20px; height: 14px; margin-top: 1px;}
.header .top .social a.facebook {background: url('/images/facebook-icon.png') no-repeat; width: 7px; height: 16px;}
.header .top .social a.rss {background: url('/images/rss-icon.png') no-repeat; width: 14px; height: 14px; margin-top: 2px;}

.header .bottom {background: url('/images/bottom.png') no-repeat top; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: 1px solid rgba(255, 255, 255, 0.2); width: 100%; height: 46px; margin-top: -2px; overflow: hidden;}

.header .bottom ul {line-height: 46px; text-transform: uppercase; float: left;}
.header .bottom ul li {margin-right: 32px; float: left;}
.header .bottom ul li:last-child {margin: 0;}

.header .bottom .search {float: right;}
.header .bottom input.text {background: transparent; border: 0 none; height: 46px;}
.header .bottom input.button {background: url('/images/search-icon.png') no-repeat; border: 0 none; width: 14px; height: 14px; margin: 17px 0 0 0; padding: 0; vertical-align: top;}
.header .bottom input.button:hover {opacity: 0.4;}

.header .shadow {background: url('/images/header-shadow.png') repeat-x; width: 100%; height: 6px; overflow: hidden;}


/* Login */
.simplemodal-overlay {background: rgba(0, 0, 0, 0.4);}

#simplemodalContainer {background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25); width: 264px!important; height: 179px!important;} 

#simplemodalContainer a.modalCloseImg {display: inline; background: url('/images/close-icon.png') no-repeat; width: 11px; height: 11px; position: absolute; top: 13px; right: 17px; transition: 0.2s linear opacity; -webkit-transition: 0.2s linear opacity; -moz-transition: 0.2s linear opacity; -o-transition: 0.2s linear opacity; cursor: pointer;} 
#simplemodalContainer a.modalCloseImg:hover {opacity: 0.6;} 

#login-modal .title {border-bottom: 1px solid #eee; line-height: 38px; padding-left: 17px; text-transform: uppercase;}

#login-modal .form {background: url('/images/login-modal-bg.png'); border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; padding: 14px 17px;}

#login-modal .form .login-input {background: url('/images/login-icon.png') no-repeat 14px 9px #fff; border: 1px solid #eee; margin-bottom: 8px;}

#login-modal .form .password-input {background: url('/images/password-icon.png') no-repeat 13px 8px #fff; border: 1px solid #eee;}

#login-modal .form input.field {background: transparent; border: 0 none; width: 178px; height: 28px; margin-left: 35px; padding: 0 15px 0 0; font-size: 11px;}

#login-modal .form .overflow {margin-top: 13px; font-size: 11px;}
#login-modal .form .overflow input {font-size: 11px;}


/* Leftbar */
.leftbar {width: 253px; float: left; overflow: hidden;}

.leftbar ul {line-height: 44px; font-size: 13px;}
.leftbar ul li {border-bottom: 1px solid #eee;}
.leftbar ul li:hover {background: #f3f3f3;}
.leftbar ul li a {display: block; padding-left: 53px;}
.leftbar ul li a.main {background: url('/images/main-icon.png') no-repeat 24px 15px;}
.leftbar ul li a.manuscripts {background: url('/images/manuscripts-icon.png') no-repeat 24px 15px;}
.leftbar ul li a.freeback {background: url('/images/freeback-icon.png') no-repeat 24px 15px;}
.leftbar ul li a.development {background: url('/images/development-icon.png') no-repeat 24px 15px;}
.leftbar ul li a.music {background: url('/images/music-icon.png') no-repeat 24px 15px;}


/* Short */
.rightbar {border-left: 2px solid #eee; width: 640px; margin-left: 253px; padding: 0 9px; overflow: hidden;}

.rightbar .navigation {border-bottom: 1px solid #eee; line-height: 39px; padding: 0 6px; overflow: hidden;}

.rightbar .short {border-bottom: 1px solid #eee; padding: 10px 11px 10px 0; overflow: hidden;}

.rightbar .short .poster {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 4px; float: left; position: relative;}
.rightbar .short .poster .category {width: 10px; height: 21px; position: absolute; top: -3px; right: 14px;}
.rightbar .short .poster .category.psd {background: url('/images/category-psd.png') no-repeat;}
.rightbar .short .poster .category.news {background: url('/images/category-news.png') no-repeat;}
.rightbar .short .poster img {width: 172px; height: 110px; float: left;}

.rightbar .short .information {margin-left: 175px;}

.rightbar .short .information .title {overflow: hidden;}
.rightbar .short .information .title a {display: block; margin-bottom: 9px; font-size: 13px; text-transform: uppercase; float: left;}
.rightbar .short .information .title span {display: block; font-size: 10px; color: #b1b1b1; text-transform: none; float: right;}

.rightbar .short .information .message {height: 65px; line-height: 18px;}

.rightbar .short .information .details {font-size: 11px; overflow: hidden;}
.rightbar .short .information .details div {width: 130px; padding-left: 22px; float: left;}
.rightbar .short .information .details .comments {background: url('/images/comments-icon.png') no-repeat left;}
.rightbar .short .information .details .reads {background: url('/images/reads-icon.png') no-repeat left;}
.rightbar .short .information .details a {float: right;}

.rightbar .entry .title {border-bottom: 1px solid #eee; padding: 0 6px; overflow: hidden;}
.rightbar .entry .title .name {line-height: 53px; font-size: 13px; text-transform: uppercase; float: left;}
.rightbar .entry .title .date {line-height: 18px; margin-top: 7px; text-align: right; font-size: 10px; color: #b1b1b1; float: right;}

.rightbar .entry .poster {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; margin-top: 10px; padding: 4px; overflow: hidden;}
.rightbar .entry .poster img {width: 630px; height: 320px; float:left;}

.rightbar .entry .message {line-height: 18px; padding: 14px 11px 18px 11px;}

.rightbar .comments .top {border-bottom: 1px solid #eee; line-height: 39px; padding-left: 6px; font-size: 12px;}

.rightbar .comments .short {border-bottom: 1px solid #eee; padding: 10px 6px; overflow: hidden;}

.rightbar .comments .short .left {text-align: center;}

.rightbar .comments .short .left .avatar {background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 2px; overflow: hidden;}
.rightbar .comments .short .left .avatar img {width: 48px; height: 48px; float: left;}

.rightbar .comments .short .left a {font-size: 10px; color: #b1b1b1;}

.rightbar .comments .short .information {margin-left: 65px;}

.rightbar .comments .short .information .date {margin: 4px 0 7px; font-size: 10px; color: #b1b1b1;}

.rightbar .comments .short .information .message {height: auto;}

.rightbar .comments .form {padding: 35px 6px; overflow: hidden;}

.rightbar .comments .form textarea.textarea {width: 497px; height: 40px; margin-right: 13px; float: left; resize: none;}


/* Footer */
.footer {width: 100%; line-height: 72px; overflow: hidden;}

.footer ul {text-transform: uppercase; float: right;}
.footer ul li {margin-left: 32px; float: left;}
.footer ul li:first-child {margin: 0;}

ul.best-file {margin:0; padding:0; border:0; list-style:none;}   
 ul.best-file li {display:block; width:190px; height:70px; margin:0 0 4px 0; position:relative; overflow:hidden;}   
 ul.best-file li img.best-file-img {width:190px; height:70px; position:absolute; left:0; right:0; z-index:1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}   
 ul.best-file li span {float:right; display:block; background:url('/informer-ucozon/best-file-span.png') repeat; padding:2px 4px; font-family:Tahoma; font-size:11px; color:#fff; line-height:14px; position:absolute; right:4px; top:4px; z-index:2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; overflow:hidden;}   
 ul.best-file li span img {vertical-align:-3px;}   
 ul.best-file li a {display:block; background:url('/informer-ucozon/best-file-b.png') repeat; width:213px; height:25px; padding:0 11px; text-transform:uppercase; font-weight:normal; color:#fff; line-height:25px; position:absolute; left:0; bottom:0; z-index:3; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; overflow:hidden;}   
 ul.best-file li a img {vertical-align:1px;}