/*
    Lugansk portal Top main style sheet
    Copyright 2007 Top team
    Last edit: 2007-05-27
*/



/*
    =Colours
    Dark blue (logo):  113399
    Dark green (logo): 00a566
    Light blue:        4499ff
*/

/*
    =Global
*/

body {
    background: #f4f4f4;
    font: 76%/1.2 Tahoma, Arial, Verdana;
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, form {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

.off-left {
    display: none;
}

.block {
    margin: 0 0 15px 0;
}

a {text-decoration: underline;}
a:link {color: #03c;}
a:visited {color: #028;}
a:hover {color: #d00;}

a.grey:link {color: #999;}
a.grey:visited {color: #999;}
a.grey:hover {color: #d00;}

/*
    =Main layout
*/

#wrap {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 980px;
}

#count_pixels {
    height: 20px;
    margin-top: -20px;
    width: 100%;
}

#column_left {
    float: left;
    margin: 0 0 0 0;
    width: 150px;
}

#column_center {
    float: left;
    margin: 0 0 0 15px;
    width: 560px;
}

#column_right {
    float: right;
    margin: 0 0 0 0;
    width: 240px;
}

#footer {
    background: #e0e0e0;
    border-top: 2px solid #49f;
    clear: both;
    padding: 0;
    width: 100%;
}

/*
    =Head
*/

#head {
    background: #139; /* 139 000 #139 url(/i/f/winter.gif) repeat-x top left */
    border-bottom: 3px solid #49f; /* 49f 666 */
    height: 38px;
    margin: 0 0 15px 0;
    width: 100%;
}

#head .inner {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 980px;
}

#head h1 {
    background: transparent url(/i/f/logo.gif) no-repeat top left;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: normal;
    height: 29px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -3000px;
    top: 5px;
    width: 60px;
}

#search_form {
    left: 113px;
    position: absolute;
    top: 9px;
    width: 700px;
}

#search_form label {
    color: #fff;
    font-size: 11px;
    line-height: 1em;
    padding: 0 5px;

}

#search_form .c_req {
    width: 422px;
}

#search_form .c_req, #search_form .c_where {
    font-size: 11px;
    color: #444;
}

#search_form .btn {
    font-size: 12px;
    margin-left: 5px;
    width: 36px;
}

.bookmark {
    font-size: 11px;
    right: 0;
    position: absolute;
    top: 11px;
}

.bookmark a {
    background: transparent url(/i/f/icons.gif) no-repeat 0 -800px;
    display: block;
    height: 15px;
    text-decoration: none;
    text-indent: -3000px;
    width: 65px;
}

.bookmark a:hover {
    background-position: 0 -850px;
}

/*
    =Navigation
*/

#navigation {
    background: transparent url(/i/f/bg_navigation.gif) no-repeat top left;
    width: 100%;
}

#navigation div {
    background: transparent url(/i/f/bg_navigation.gif) no-repeat bottom left;
    width: 100%;
}

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 6px 12px;
}

#navigation ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 23px;

}

#navigation a {
    background: transparent url(/i/f/icons.gif) no-repeat 0 0;
    display: block;
    font-family: Verdana;
    font-size: 12px;
    height: 21px;
    line-height: 1.7em;
    margin: 0;
    padding: 0 0 0 18px;
    text-decoration: none;
    width: 109px;
    border-bottom: 1px solid #bddbff;
    border-top: 1px solid #fff;
}

#navigation a:link {
    color: #03c;
}

#navigation a:visited {
    color: #03c;
}

#navigation a:hover {
    background-color: #bbdaff;
    border-bottom: 1px solid #bbdaff;
    border-top: 1px solid #bbdaff;
    color: #d00;
}

#navigation .first a {
    border-top: 1px solid #DAEBFF;
}

#navigation .last a {
    border-bottom: 1px solid #fff;
}

#navigation .nav_11 a {background-position: 0  -46px;}
#navigation .nav_19 a {background-position: 0  -96px;}
#navigation .nav_21 a {background-position: 0  -1296px;}
#navigation .nav_22 a {background-position: 0  -1346px;}
#navigation .nav_23 a {background-position: 0  -1396px;}
#navigation .nav_17 a {background-position: 0 -146px;}
#navigation .nav_20 a {background-position: 0 -196px;}
#navigation .nav_8  a {background-position: 0 -246px;}
#navigation .nav_13 a {background-position: 0 -296px;}
#navigation .nav_16 a {background-position: 0 -346px;}
#navigation .nav_15 a {background-position: 0 -396px;}
#navigation .nav_9  a {background-position: 0 -446px;}
#navigation .nav_10 a {background-position: 0 -496px;}
#navigation .nav_4  a {background-position: 0 -546px;}
#navigation .nav_7  a {background-position: 0 -596px;}
#navigation .nav_12 a {background-position: 0 -646px;}
#navigation .nav_0  a {background-position: 0 -696px;}
#navigation .nav_18 a {background-position: 0 -746px;}
#navigation .nav_2  a {background-position: 0 -1246px;}


/*
    =Tabs
*/

.tabs {
    background: #fff url(/i/f/bg_tabs.gif) repeat-x left bottom;
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 1.4em;
}

.tabs li {
    display: inline;
}

.tabs li a {
    background: #eee url(/i/f/bg_tabs.gif) no-repeat 0 0;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    color: #666;
    cursor: pointer;
    cursor: hand;
    display: block;
    font-family: Tahoma;
    font-size: 10px;
    float: left;
    line-height: 1.2em;
    margin: 1px 0 0 2px;
    padding: 2px 5px 1px 7px;
    text-decoration: none;
}

.tabs li a:hover {
    background-position: 0 -20px;
    color: #333;
    margin-top: 0;
    padding-bottom: 2px;
}

.tabs li.active a, .tabs li.active a:hover {
    background-position: 0 -40px;
    border-bottom: 1px solid #fff;
    color: #000;
    cursor: default;
    margin-top: 0;
    padding-bottom: 2px;
}

.tabbed_content {
    background: #fff;
    border: 1px solid #49f;
    border-top: none;
    clear: both;
    margin: 0;
    padding: 10px 0;
}

h2 {
    color: #000;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 0 12px 0 0;
    background: transparent;
}


/*
    =News
*/

.b_n_l {
    float: left;
    width: 264px;
}

.b_n_l .illustration {
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 0 10px 10px;
    padding: 1px;
}

.b_n_l h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.b_n_l p {
    color: #555;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    padding: 0 15px 10px 10px;
}

.b_n_l .subtitle {
    color: #bbb;
    font-family: Tahoma;
    font-size: 10px;
    margin: 0;
    padding-bottom: 7px;
}

.b_n_r {
    border-left: 1px dotted #000;
    float: left;
    width: 284px;
}

.b_n_r ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.b_n_r ul li {
    font-size: 11px;
    margin: 0;
    padding: 0 0 8px 0;
}

.b_n_r ul li i {
    color: #c00;
    font-family: Tahoma;
    font-size: 10px;
    font-style: normal;
}


/*
    Directory
*/

.directory {
    background: #fff url(/i/f/pix_lblue.gif) repeat-y top left;
    border: 1px solid #49f;
    border-left: none;
}

.directory .add_site {
    color: #d00;
    float: right;
    font-size: 10px;
    padding: 5px 10px 0 0;
}

.directory .inner {
    clear: left;
    padding: 7px 0;
    width: 100%;
}

.b_d_l {
    clear: left;
    float: left;
    width: 334px;
}

.b_d_r {
    border-left: 1px dotted #000;
    float: left;
    width: 215px; /* 560 - left column - 1 (border) - 10 (right space) */
}

.directory .b_d_l ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.directory .b_d_l ul li {
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 0 0 5px 0;
    width: 49%;
}

.directory .b_d_l ul li a.r {
    background: transparent url(/i/f/icons.gif) no-repeat 0 -896px;
    text-decoration: none;
    padding: 0 7px;
}

.directory .b_d_l ul li a.r:visited {
    background-position: 0 -996px;
}

.directory .b_d_l ul li a.r:hover {
    background-position: 0 -946px;
}

.directory h2 {
    background: #f4f4f4 url(/i/f/bg_tabs.gif) repeat-x bottom left;);
    border-right: 1px solid #49f;
    margin-top: -1px;
    padding-bottom: 5px;
}

.directory h3 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
    padding-left: 10px;
}

.directory .b_d_r ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 10px;
}

.directory .b_d_r ul li {
/*    background: transparent url(/i/f/icons.gif) no-repeat 0 -1046px;*/
    color: #666;
    font-size: 11px;
    padding: 0 0 7px 0; /* 12px; */
}

.directory .b_d_r ul li a {
    font-size: 12px;
}


/*
    =Right sidebar blocks
*/

.latest {
    background: #fff;
    border: 1px solid #00a566;
}

.latest h3 {
    background: transparent url(/i/f/icons.gif) no-repeat 0 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
    padding: 5px 10px 5px 29px;
}

.latest ul {
    list-style: none;
    margin: 0;
    padding: 5px 10px 8px 10px;
}

.latest ul li {
    background: transparent url(/i/f/icons.gif) no-repeat 0 -1046px;
    font-size: 11px;
    padding: 0 0 5px 10px;
}

.latest ul li.last {
    background-position: 0 -1144px;
    padding-top: 4px;
}

.latest .head_news {
    background-position: 10px -292px;
}

.latest .head_forums {
    background-position: 10px -592px;
}

.latest .head_board {
    background-position: 10px -442px;
}


/*
    =Footer
*/

#footer p {
    color: #333;
    float: left;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0;
    padding: 7px 130px 40px 15px;
}

#footer .counter {
    float: right;
    padding: 10px 15px 0 0;
}

/*
    =Advertisement
*/

#ad_block_premium {
    background: transparent url(/i/f/bg_ad_block_premium.gif) no-repeat bottom left;
    margin: 0 auto 15px auto;
    padding: 5px 0 6px 0;
    text-align: center;
    width: 980px;
}

#ad_block_standart {
/*    background: #fff url(/i/f/bg_ad_block_standart.gif) no-repeat top left;*/
    margin: 0 0 15px 0;
/*    padding: 6px 0;*/
    text-align: center;
    width: 100%;
}


/* Ad links */
.ad_links {text-align: center; font-size: 9px; color: #ddd; padding: 20px 0 10px 0; line-height: 1em;}
.ad_links  a:link , .ad_links a:visited, .ad_links a:active, .ad_links a:hover {color:#aaa; font-size: 9px; text-decoration: none;}



/* Aukro */
/*
.aukro_tab {
    background: #ffffff;
    border: 1px solid #4499ff;
    margin: 0 0 15px 0;
}
.aukro_tab_td {
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #000000;
}
.aukro_tab_pad {
    padding-top: 1px;
    padding-bottom: 4px;
}
.imgborder {
    border: 1px solid #D6D7D9;
    padding: 2px;
    background-color: #ffffff;
}
a.aukro_title {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0033cc;
    text-decoration: none;
}

a.aukro_price {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

a.aukro_links {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 6px;
}
a.aukro_links:visited {color: #ffffff;}
a.aukro_links:hover {color: #9ab6eb;}
*/
