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;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body { background: #232323; font: normal 80%/1.5em Arial, Helvetica, sans-serif; }
a { color: #557bbd; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin-bottom: .3em; }
small { font-size: .85em; }

/* multiple columns layout */
.col2-set, .col3-set { clear: both; }
.col2-set .col-1 { width: 49%; float: left; }
.col2-set .col-2 { width: 49%; float: right; }
.col3-set .col-1,
.col3-set .col-2,
.col3-set .col-3 { width: 31.5%; float: left; }
.col3-set .col-1,
.col3-set .col-2 { margin-right: 15px; }

/* classes */
.a-right    { text-align: right !important; }
.a-left     { text-align: left !important; }
.a-center   { text-align: center !important; }
.f-right    { float: right !important; }
.f-left     { float: left !important; }
.no-display { display: none !important; }
.nowrap     { white-space: nowrap !important; }

/* icons */
.icon { width: 16px; height: 16px; margin-right: 2px; float: left; text-indent: -9999px; background: url(../images/common.gif) no-repeat -10000px -10000px; }
.icon-twitter { background-position: -568px -16px; }
.icon-stumble { background-position: -584px -16px; }
.icon-delicious { background-position: -568px 0; }
.icon-digg { background-position: -584px 0; }

/* Forms */
input.input-text, select, textarea { border:1px solid #b6b6b6; background: #fff; 
    font:1em arial, helvetica, sans-serif; }
input.input-text:focus, select:focus, textarea:focus { background: #f4f8fb; }
option, optgroup { font:1em arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }

.form-fieldset legend span { display: none; }
.form-fieldset { background:#FBFAF6 none repeat scroll 0%; border:1px solid #BBAFA0; 
    margin:12px 0pt; padding:16px 25px 12px; font-size: .9em; }
.form-fieldset .legend { background: #EDF3FC; border: 1px solid #9DBDEE; color: #1b63bc; 
    float: left; font: bold 1em Arial, Helvetica, sans-serif; margin: -26px 0 0; padding: 1px 8px; }
.form-fieldset ol,
.form-fieldset ul { margin: 0; padding: 0; }
.form-fieldset li { padding:4px 8px; overflow: hidden; }
.form-fieldset label { font-weight: bold; color: #444; font-size: 1.1em; }
.form-fieldset .description { display: block; }
.form-fieldset .input-text, .ecart-form select, .ecart-form textarea { width:97.5%; }
.form-fieldset .col2-set .input-text,
.form-fieldset .col3-set .input-text, 
.form-fieldset .col2-set textarea,
.form-fieldset .col3-set textarea { width:95%; }
.form-fieldset .col2-set select,
.form-fieldset .col3-set select { width:95%; }
form .actions { text-align: right; padding: 4px 8px; }

span.required { color: #f00; }
input.error, select.error, textarea.error { border: 1px dashed #ef9c9c; background: #f8e2da; }
div.error, p.error, label.error, ul.errors li { font-size: .9em; color: #b30000; 
    display: block; clear: both; padding: 0; font-weight: bold; }
ul.errors { padding: 0; }
div.success, p.success { font-size: 1em; background:#EFF5EA none repeat scroll 0 0; 
    border-color: #446423; color:#3D6611; }

/* Form buttons */
.button, .alt-button {
    font: bold .9em Tahoma,Helvetica,sans-serif;
    border: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background: none;
    padding: 0;
}
a.button, a.alt-button { float: left; }
/* right side */
.button span, .alt-button span {
    display: block;
    padding: 0 10px 0 0;
    background: url(../images/button.gif) no-repeat 100% -31px;
}
.alt-button span { background-position: 100% -155px; }
.button:hover span { background-position: 100% -93px; text-decoration: none !important; }
.alt-button:hover span { background-position: 100% -217px; text-decoration: none !important; }
/* left side */
.button span span, .alt-button span span {
    padding: 8px 0 9px 10px;
    background-position: 0 0;
}
.alt-button span span { background-position: 0 -124px; }
.button:hover span span { background-position: 0 -62px; }
.alt-button:hover span span { background-position: 0 -186px; }
/* span icon place */
.button .btn-icon, .alt-button .btn-icon { padding: 0; background: none; zoom: 1; white-space: nowrap; }

.button:disabled, .alt-button:disabled { cursor: wait; opacity: .2; filter:alpha(opacity=20); }


.header-container { background: #393939 url(../images/header_container_bg.gif) repeat-x 0 0; }
.middle-container { background: #f0f0f0 url(../images/middle_container_bg.gif) repeat-x 0 0;
    padding: 20px 0 25px; }
.footer-container { background: url(../images/footer_container_bg.gif) repeat-x 0 0; }

/* Header */
.header { width: 960px; margin: 0 auto; }
.header #logo { float: left; margin: 15px 0 13px 5px; }
.header .form-search { float: right; width: 280px; margin: 25px 5px 0 0; display: inline; }
.header .form-search .button { float: right; background: #474647; border: none; 
    padding: 4px 4px; color: #fff; cursor: pointer; }
.header .form-search .input-text { padding: 3px 3px; border: 1px solid #414141; width: 210px; }
.navigation { background: url(../images/nav.gif) no-repeat 50% 0; }
.nav { width: 946px; margin: 0 auto; padding: 2px 7px 0; }
.nav li { float: left; background: url(../images/nav.gif) no-repeat 0 -39px; }
.nav li.first { background: none; }
.nav li a { color: #fff; font-weight: bold; display: block; text-decoration: none; 
    padding: 9px 15px 7px 14px; }
.nav li a:hover { text-shadow: 1px 1px 1px #000; }
.nav ul li { background: none; }

.page-home .nav-home,
.page-blog .nav-blog,
.page-download .nav-download,
.page-about .nav-about,
.page-contacts .nav-contacts,
.page-participate .nav-participate { text-shadow: 1px 1px 1px #000; }

/* Middle */
.middle { width: 962px; margin: 0 auto; padding: 0 0 14px 0; 
    background: url(../images/middle.gif) no-repeat -1927px 100%; }
.middle-top { background: url(../images/middle.gif) no-repeat 0 0; height: 7px }
.middle-content { background: url(../images/middle.gif) repeat-y -964px 0; padding: 0 6px 0; }

.promo { position: relative; width: 960px; height: 278px; text-indent: -9999px;
    background: url(../images/promo.gif) no-repeat 0 0; margin: 0 auto 20px; }
.promo .download { position: absolute; top: 201px; left: 513px; 
    width: 276px; height: 62px; text-indent: -9999px;
    background: url(../images/button_promo.gif) no-repeat 0 0; }
.promo .download:hover { background-position: 0 100%; }
.maincolumn { width: 643px; padding: 15px 20px 0; float: left; }
.sidecolumn { width: 260px; }
.col-right { float: right; }

.maincolumn .box { margin-bottom: 2em; }
.maincolumn .box .head { padding: 0 0 4px 0; margin-bottom: .4em;
    background: url(../images/maincolumn_box_head.gif) repeat-x 0 100%; }
.maincolumn .box .head h2 { color: #547abc; font-size: 1.3em; }
.maincolumn .box .head h2 a { text-decoration: none; }
.maincolumn .box .head h2 a:hover { text-decoration: underline; }
.maincolumn .box .actions { font-size: .9em; font-weight: bold; }
.maincolumn .box .actions a { text-transform: lowercase; }

.page .quick-links { float: right; }
.page-info { font-size: .85em; color: #484848; margin: .2em 0 0; }
.page-info .tags { margin-left: 15px; }
.page-info .tags a { margin-right: 5px; }
.read-more { padding-left: 15px; background: url(../images/common.gif) no-repeat -556px -32px; }
.view-comment { padding-left: 18px; margin-left: 7px; background: url(../images/common.gif) no-repeat -541px -47px; }

.pagination a { text-decoration: none; }
.comment-list .pagination { margin-top: 2em; font-size: .9em; color: #aaa; list-style: none; }
.comment-list .pagination a { text-decoration: none; padding: 1px 5px; border: 1px solid #e7edf5; background: #f4f7fb; }
.comment-list .pagination a:hover { border-color: #e7edf8; background: #eff3fa; }
.comment-list .pagination b { color: #345385; padding: 1px 5px; }
.comment-list { list-style: decimal outside; }
.comment { margin: 0 0 .8em 30px; padding: 5px 8px; background: #f5f5f5; }
.comment .post-info { float: right; font-size: .85em; color: #484848; margin: 0 0 0; }
.comment .content { margin-top: 7px; }

.sidecolumn .box { border: 1px solid #e2e2e2; font-size: .9em; margin-bottom: .6em; 
    -moz-border-radius: 4px;}
.sidecolumn .box:last-child { margin: 0 !important; }
.sidecolumn .box .head { padding: 8px 10px 5px; border-bottom: 1px solid #fff; 
    font-size: 1.1em;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
    background: url(../images/box_bg.gif) repeat-x 0 0; }
.sidecolumn .box .head h4 { color: #234a8d; }
.sidecolumn .box .content { padding: 5px; border-top: 1px solid #d8d8d8;
    -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
    background: url(../images/box_bg.gif) repeat-x 0 0; }

.sidecolumn .box-newsletter .input-text { margin-top: 3px; padding: 3px 2px; width: 160px; }
.sidecolumn .box-powered-by .content { height: 161px; text-indent: -9999px;
    background: url(../images/powered_by.gif) no-repeat -2px -5px; }
.sidecolumn .box-categories .nav-categories { padding: 0 7px; }

/* Footer */
.footer { width: 960px; margin: 0 auto; text-align: center; color: #fff; } 
.footer a { color: #fff; }
.footer .slogan { padding: 17px 0; margin-bottom: 15px; }
.footer .footer-links { margin-bottom: 15px; }
.footer .footer-links li { display: inline; margin-right: 5px; }
.footer .footer-links li:last-child { margin: 0; }
.footer .footer-links .rss { padding-left: 20px; background: url(../images/common.gif) no-repeat -493px -93px; }
.footer .footer-links .contacts { padding-left: 20px; background: url(../images/common.gif) no-repeat -509px -77px; }
.footer .footer-links .twitter { padding-left: 20px; background: url(../images/common.gif) no-repeat -525px -61px; }
.footer .footer-links li a { text-decoration: none; }
.footer .footer-links li a:hover { text-decoration: underline; }

/* clears */
.box:after,
.content:after,
.header:after,
.middle:after,
.middle-content:after,
.middle-top:after,
.nav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
