* {
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 12px;
    color: #4D4D4D;
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
    width: 100%; 
}

body {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
a img, :link img, :visited img {border: 0;}
a, a:link, a:visited, a * {
    color: #407CF4;
    text-decoration: none;
    cursor: pointer;
}
a:active, a:hover {text-decoration: underline;}
p {margin: 7px 0;}
ul {margin: 5px 10px 5px 25px;}
h1, .con_heading {font-size: 18px; margin-bottom: 5px}
h2 {font-size: 16px; margin-bottom: 5px}
h3 {font-size: 15px; margin-bottom: 5px}
table td {padding: 2px}
sup {font-size: 10px}
.container {
    margin: 0 auto;
    width: 50%;
    min-width: 960px;
    max-width: 1500px;
}

div#header {
    height: 62px;
    padding-top: 15px;
    background-color: #4D4D4D;
}
    img#logo {
        float: left;
    }
    div#header-banner {
        float: right;
        margin-top: -5px;
    }
    div#header-banner p {
        padding: 0;
        margin: 0;
    }

#town-container {
    background: url("../images/bg.png") #29ABE2;
}
    #town {
        margin: 0 auto;
        background: url("../images/kokshetau.png") #4D4D4D center no-repeat;
        width: 976px;
        height: 281px;
    }
    #town ul.menu {
        width: 760px; height: 21px !important;
        float: right;
        padding-left: 10px;
        line-height: 25px;
        list-style: none;
        margin: 0;
    }
    
    #town ul.menu li {
        width: 122px;
        float: left;
        margin-left: 2px;
    }

    #town ul.menu li a {
        outline: none;
        width: 122px; height: 17px;
        text-decoration: none;
        font-size: 12px;
        color: #e6e6e6;
        display: block;
        margin: 0;
        padding-bottom: 4px;
        text-align: center;
        background: url('../images/menu-tab-trans.png') no-repeat left;
    }
    #town ul.menu li.current a {
        background: url('../images/menu-tab-trans.png') no-repeat right;
    }

#info-container {
    background-color: #4D4D4D;
    height: 36px;
    border-top: 1px solid #797979;
}

#info-container div {
    font-size: 8pt;
    color: #F2F2F2;
    padding-top: 2px;
    position: relative;
}
    #info-container div a {
        font-size: 8pt;
        color: #F2F2F2;
        text-decoration: none;
        outline: none;
    }

    #weather {
        height: 100%;
        width: 230px;
        vertical-align: middle;
        float: left;
        top: 0;
        margin-right: 20px;
    }
        #weather img {
            float: left;
            margin-top: -4px;
            margin-right: 2px;
        }
    #currency {
       height: 100%; float: left;
    }

    #unread_mail {
        float: left;
        height: 100%;
        margin: 5px 20px;
    }

    #search {
        position: absolute;
        right: 0; top: 5px;
        height: 32px; width: 240px;
        padding-top: 0px;

    }
        #search #search-text {
            background: url('../images/search-box.png') no-repeat;
            width: 202px;
            padding-left: 5px;
            padding-right: 5px;
            height: 24px;
            border: none;
            font-size: 10pt;;
            font-style: italic;
            color: #999999;
            float: left
        }
        #search #search-btn {
            background: url('../images/icon-search-trans.png');
            height: 32px;
            width: 32px;
            position: relative;
            margin-top: -28px;
            border: none;
            float: right;
        }

#site-content {
    height: 50%;
    min-height: 500px;
    padding-top: 10px;
    padding-bottom: 66px;
    margin-bottom: 15px;
    background: url('../images/emblem.png') no-repeat bottom right;
}

/*for opera*/
#site-content:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

    #left-sidebar {
        width: 250px;
        float: left;
    }
    * html #left-sidebar {width: 237px}
        #left-sidebar ul.services  {
            width: 115px;
            margin: 20px 1px;
            float: left;
            padding-left: 0px;
            line-height: 15px;
            list-style: none;
        }
        ul.services li {
            padding-left: 16px;
            margin: 2px;
        }
        ul.services li a {
            font-size: 12px !important;
        }

        ul.services #ads {background: url('../images/icon-ads.png') no-repeat left;}
        ul.services #announce {background: url('../images/icon-announce.png') no-repeat left;}
        ul.services #blogs {background: url('../images/icon-blogs.png') no-repeat left;}
        ul.services #cart {background: url('../images/icon-cart.png') no-repeat left;}
        ul.services #edu {background: url('../images/icon-edu.png') no-repeat left;}
        ul.services #files {background: url('../images/icon-files.png') no-repeat left;}
        ul.services #forum {background: url('../images/icon-forum.png') no-repeat left;}
        ul.services #games {background: url('../images/icon-games.png') no-repeat left;}
        ul.services #job {background: url('../images/icon-job.png') no-repeat left;}
        ul.services #mail {background: url('../images/icon-mail.png') no-repeat left;}
        ul.services #maps {background: url('../images/icon-maps.png') no-repeat left;}
        ul.services #meetings {background: url('../images/icon-meetings.png') no-repeat left;}
        ul.services #news {background: url('../images/icon-news.png') no-repeat left;}
        ul.services #pics {background: url('../images/icon-pics.png') no-repeat left;}
        ul.services #postcards {background: url('../images/icon-postcards.png') no-repeat left;}
        ul.services #torrent {background: url('../images/icon-torrent.png') no-repeat left;}
        ul.services #travel {background: url('../images/icon-travel.png') no-repeat left;}
        ul.services #video {background: url('../images/icon-video.png') no-repeat left;}
        ul.services #faq {background: url('../images/icon-faq.gif') no-repeat left;}
        ul.services #clubss {background: url('../images/icon-clubs.gif') no-repeat left;}
        ul.services #site-search {background: url('../images/icon-search.gif') no-repeat left;}
        ul.services #users {background: url('../images/icon-users.gif') no-repeat left;}
        ul.services #articles {background: url('../images/icon-news.png') no-repeat left;}

    #center {
        float:left;
        margin: 0 5px;
        width: 460px;
    }
    
    * html #center {width: 455px}

    #right-sidebar {
        float: right;
        width: 240px;
    }

/* tabs */
    ul.tabs {
        padding-left: 10px;
        height: 22px;
        line-height: 25px;
        margin: 0 0 4px;
        list-style: none;
    }
    * html ul.tabs {margin-bottom: 0;}
    ul.orange-tabs li {
        float: left;
        margin-right: 1px;
    }
    ul.orange-tabs li a {
        font-size: 12px;
        display: block;
        background: url('../images/orange-block-tab.png') no-repeat right;
        width: 102px;
        padding: 2px 5px;
        color: #666;
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }
    * html ul.tabs li a {float: left}
    *+html ul.tabs li a {float: left}
    ul.tabs li a:hover {
        color: #666;
    }
    ul.tabs li.orange-tab-current a {
        color: #fff;
        background: url('../images/orange-block-tab.png') no-repeat left;
        width: 102px;
    }

    ul.orange-tabs li a span {
        height: 24px; width: 24px;
        display: block;
        float: left;
        margin: 1px;
    }
    ul.orange-tabs .enter a span{
        background: url('../images/icon-login-trans.png') no-repeat;
    }
    ul.orange-tabs .email a span{
        background: url('../images/icon-mail-trans.png') no-repeat;
    }

    div.email {
        display: none;
        min-height: 120px;
    }
    div.enter {
        min-height: 120px;
    }
    
    ul.green-tabs li {
        float: left;
        margin-right: 1px;
    }
    ul.green-tabs li a {
        text-align: center;
        font-size: 11px;
        display: block;
        background: url('../images/green-block-tab.png') no-repeat right;
        width: 123px;
        padding: 2px 5px;
        color: #7AC943;
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }
    ul.green-tabs li a:hover, ul.green-tabs li a:active {color: #7AC943;}
    ul.tabs li.green-tab-current a {
        color: #fff;
        background: url('../images/green-block-tab.png') no-repeat left;
    }
    div.center-tab2, div.center-tab3 {display: none;}

/* end tabs */ 

/* orange block */
.orange-block {
   font-size: 12px;
   /*height: 10%;
   min-height: 150px;*/
   /* background: url('../images/orange-block-trlb.png') repeat-x top;*/
   border: 1px solid #FBB03B;
   padding: 7px;
}
* html .orange-block {padding: 5px 1px}
    .orange-block input {margin: 5px;}
    .orange-block .input-text {
        border: 1px solid #FBB03B;
        width: 232px;
        height: 25px;
        margin: 2px 0px;
        text-align: center;
        vertical-align: middle;
    }

    .orange-block .input-btn {
        font-size: 12px;
        padding: 3px;
        color: #4D4D4D !important;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        margin: 2px;
        display: block;
        float: left;
        border: none;
        background: url('../images/orange-button.png') no-repeat;
        width: 109px;
        height: 22px;
    }

    * html .orange-block a {text-decoration: none !important;}
    div.a-c {display: none}

/* end orange block */

.about-tabs {margin-left: -3px !important}

/*green block*/
.green-block {
    font-size: 12px;
    width: 445px;
    border: 1px solid #7AC943;
    padding: 7px;
}

/*end green block*/
.red-block {
    width: 100%;
    border: 1px solid #ED4229;
    padding: 7px;
}

* html .green-block, * html .orange-block, * html .red-block {margin-top: -3px}
#footer {
    margin-top: 0px;
  /*  position: relative; */
    bottom: 0;
    height: 26px;
    width: 100%;
    padding-top: 10px;
    background-color: #4D4D4D;
}
    #footer div, #footer a {
        font-size: 9pt;
        color: #F2F2F2;
    }

/******* misc ******/
.module, .orange-block, .green-block {margin-bottom: 20px;}
.module {width: 100%}
.module * {font-size: 12px;}
#right-sidebar .module {margin-bottom: 0}
.module table {margin: 0; width: 95%}
.moduletitle {
    background: #74c1f8;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
}
.moduletitle a {color: #fff; text-decoration: underline}
.blog_toolbar {background: none;}
.blog_toolbar *, .blog_entry_info, .blog_comments, .editlinks a, .tagline a, .blog_post_data *,
.blog_cat td, .blog_cat a {font-size: 12px}

.ajax_autogrowarea {border: 1px solid gray}
#mycontent {padding-left: 10px}
textarea#message {height: 200px; width: 100%}
textarea#content {height: 150px; width: 100%}
.regstar {color: #ED4229}



/**** tabs ui ******/

.ui-tabs-nav a {
    width: 120px;
    font-size: 11px;
    margin: 5px; padding: 3px;
}
.ui-tabs-nav .ui-tabs-selected a  {
    margin: 5px;
    background: #74c1f8;
    color: #fff;
}

div.button {
    background: none !important;
    width: 80px !important;
    margin: 5px;
}

div.button a {
    font-size: 11px;
}
div.selected {background: #74c1f8 !important}
div.selected a {color: #fff !important}


#chat {
    background: #fff;
    border: 1px solid #7AC943;
    width: 400px; height: 305px;
    bottom: 0; right: 0;
    position: fixed;
    padding: 5px;
    z-index: 3;
}

#chat #content {
    height: 260px;
    margin: 5px;
    overflow: auto;
}

#chat-message {width: 300px}

/* overrides */
.con_titlelink, .con_title, .con_heading, .blog_entry_title, .blog_entry_title a {
	font-weight:normal;
	font-size:18px;
	margin-top: 15px 0 0 0  !important;
}
.con_desc, .blog_entry_text {padding:5px 0;}
.con_text {padding:10px 0;}
.blog_comments {
	margin-bottom:20px;
}
.tagline {display:inline}
.pagebar, .pagebar strong, .pagebar_title, .pagebar_page, .pagebar_current {font-size:16px;}