/* ----------------------------------------
Theme Name: Translit
Version: 1.0
Author: Sergey Yalanskiy
Author URI: http://www.yalanskiy.com
---------------------------------------- */

BODY {
    margin: 0px;
    padding: 0px;
    background: #fff;
    font: 12px "Arial";
    color: #000;
    text-align: center;
}

TD {
    font: 12px "Arial";
    color: #000;
}

P {
    margin-bottom: 0.5em;
}

IMG {
    border: 0px;
}

A {
    text-decoration: underline;
    color: #000;
}

A:hover {
    text-decoration: none;
}

H1 {
    font: 16px "Verdana";
    font-weight: bold;
    font-style: italic;
    color: #9c0606;
    margin: 15px 0;
    padding: 0px;
}

H2 {
    font: 16px "Verdana";
    font-weight: bold;
    font-style: italic;
    color: #1b3076;
    margin: 0px;
    padding: 0px;
}

.small {
    font-size: 10px;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0 !important;
    font-size: 0px;
}

.right {
    text-align: right;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.hr {
    width: 695px;
    margin-left: 12px;
    height: 1px;
    font-size: 0px;
    background: #e7e7e7;
}

.bleft, .bright {
    width: auto;
}

.bleft {
    background: url(images/bleft_bg.gif) top right no-repeat;
}

.bright {
    background: url(images/bright_bg.gif) top left no-repeat;
}

#container {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#preheader {
    height: 38px;
    background: url(images/preheader_bg.gif) top left no-repeat;
}

#languages {
    float: left;
    display: inline;
    width: 127px;
    height: 25px;
    margin-left: 50px;
    margin-top: 5px;
}

#languages .item {
    float: left;
    display: inline;
    width: 25px;
    height: 25px;
}

#languages .item A, #languages .item IMG {
    display: block;
    width: 25px;
    height: 25px;
}

.language1 {background: url(images/langs/lang-1-2.gif) top left no-repeat;}
.language1 .active {background: url(images/langs/lang-1-1.gif) top left no-repeat;}
.language1 A:hover {background: url(images/langs/lang-1-3.gif) top left no-repeat;}
.language2 {background: url(images/langs/lang-2-2.gif) top left no-repeat;}
.language2 .active {background: url(images/langs/lang-2-1.gif) top left no-repeat;}
.language2 A:hover {background: url(images/langs/lang-2-3.gif) top left no-repeat;}
.language3 {background: url(images/langs/lang-3-2.gif) top left no-repeat;}
.language3 .active {background: url(images/langs/lang-3-1.gif) top left no-repeat;}
.language3 A:hover {background: url(images/langs/lang-3-3.gif) top left no-repeat;}

#languages .language2, #languages .language3 {
    margin-left: 26px;
}

#contacts {
    float: right;
    width: 250px;
    height: 38px;
}

#contacts, #contacts A {
    font-size: 11px;
    color: #9c0606;
    text-decoration: none;
}

#contacts A:hover {
    text-decoration: underline;
}

#header {
    height: 186px;
    background: url(images/header_bg.jpg) top left no-repeat;
}

#title {
    width: 177px;
    float: left;
    display: inline;
    margin-left: 25px;
    margin-top: 8px;
    text-align: center;
}

#title H1, #title H1 A {
    font: 36px "Book Antiqua";
    color: #9c0606;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

#description {
    width: 177px;
    float: left;
    display: inline;
    margin-left: 25px;
    text-align: center;
}

#description P {
    font-weight: bold;
    color: #9c0606;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}

#sidebar {
    float: left;
    width: 250px;
    background: url(images/sidebar_bg.gif) top left repeat-y;
}

#menu {
    height: 182px;
    background: url(images/menu_bg.gif) top left no-repeat;
}

#menu_inner {
    padding-left: 31px;
    padding-right: 45px;
}

#menu A {
    text-decoration: none;
}

#menu A:hover, #menu A.active {
    text-decoration: underline;
}

#menu UL, #menu LI {
    margin: 0px;
    padding: 0px;
}

#menu UL LI {
    list-style: url(images/bullet-1.gif);
    margin-left: 12px;
    padding-bottom: 3px;
}

#menu UL LI, #menu UL LI A {
    font-size: 12px;

}

#menu UL LI UL LI {
    list-style: url(images/bullet-2.gif);
    margin-left: 10px;
}

#menu UL LI UL LI A {
    font-size: 12px;
}

#trans_header {
    height: 38px;
    background: url(images/trans_header_bg.gif) top left no-repeat;
    margin-top: 7px;
}

#trans_header_inner {
    font-size: 14px;
    text-align: center;
    width: 178px;
    margin-left: 25px;
    padding-top: 5px;
}

#trans_body {
    background: url(images/trans_body_bg.gif) top left repeat-y;
}

#trans_body .item {
    width: 170px;
    margin-left: 30px;
    padding-top: 2px;
    padding-bottom: 1px;
}

#trans_body .item IMG {
    vertical-align: middle;
}

#trans_footer {
    height: 35px;
    background: url(images/trans_footer_bg.gif) top left no-repeat;
}

#trans_footer IMG {
    float: left;
    display: inline;
    margin-left: 100px;
    margin-top: 2px;
    width: 27px;
    height: 27px;
}

#news {
    width: 230px;
    margin-top: 20px;
}

#news H2 {
    text-align: center;
}

#news UL, LI {
    margin: 0px;
    padding: 0px;
    list-style: url(images/bullet-2.gif);
}

#news LI {
    margin-left: 38px;
    margin-top: 15px;
    margin-bottom: 3px;
}

#news LI A {
    text-decoration: none;
}

#news LI A:hover {
    text-decoration: underline;
}

#main {
    width: 730px;
    margin-left: 250px;
}

#MainCategories {
    width: 100%;
}

#MainCategories .item {
    padding: 10px 0;
}

#MainCategories .item IMG {
    float: left;
    margin-right: 17px;
}

#MainCategories .item P, #MainCategories .item H2 {
    margin: 0px;
    padding: 0px;
}

#footer {
    border-top: 2px solid #bababa;
    text-align: center;
}

.pager {
    padding-top: 7px;
    text-align: center;
}

.pager, .pager A {
    font-size: 14px;
    font-weight: bold;
    color: #9c0606;
    text-decoration: none;
}

.pager A:hover, .pager A.active {
    text-decoration: underline;
}