/*------------------------------------------------------------*
**  News Portal 3 Style. 2008 © Evanston.
**  Made by Art Senorra Studio.
**------------------------------------------------------------*/

* {
    margin:0;
    padding:0;
}

body, html {
    background:#fff;
    font-family:Arial;
    color:#333;
    font-size:13px;
}

img {
    border:none;
}

images {
    border:none;
    margin:0;
    padding:0;
}

a {
    color:#1959a1;
    text-decoration:underline;
}

a images { border-bottom:none; }

/*------------------------------------------------------------*
**  Блоки
**------------------------------------------------------------*/
#title {
    position:absolute;
    width:300px;
    left:110px;
    height:100px;
}

#header {
    height:100px;
    font-size:12px;
    background:url('../images/top.png') repeat-x;
    border-top:1px solid #eee;
}

#logo {
    width:400px;
    float:left;
    margin-left:50px;
}

#navi {
    float:right;
    height:100px;
    width:600px;
}

#navi ul li {
    float:left;
    font-size:15px;
    padding-right:30px;
    margin-top:35px;
    padding-left:20px;
    background:url('../images/nav.gif') no-repeat left center;
}

#navi ul li a {
    font-size:15px;
    color:#777;
    font-weight:bold;
    text-decoration:none;
}

#navi ul li a:hover {
    border-bottom:1px dashed;

}

#nv {
    color:#fff;
    height:125px;
    background:#343434 url('../images/nav.jpg') repeat-x;
}

#nv-left {
    padding-left:200px;
    background:url('../images/nav-left.jpg') no-repeat;
    height:110px;
    float:left;
}

#searchbox {
    position:absolute;
    top:71px;
    height:30px;
    width:249px;
    right:200px;
    background:url('../images/nav-search.jpg') no-repeat;
    color:#fff;
}

#login {
    width:350px;
    float:right;
    color:#fff;
}

.cabi2 {
    font-size:12px;
}

.cabi 2 a {
    font-size:12px;
}

a.login {
    text-decoration:none;
    border-bottom:1px dashed;
    font-size:13px;
}

a.login-e {
    font-size:13px;
}

.paw { padding-left:10px; padding-right:10px;}

#nv ul {
    float:left;
    padding-left:70px;
    padding-top:15px;
}

#nv ul li {
    padding-bottom:7px;
    background:url('../images/nv-b.png') no-repeat left center;
    padding-top:3px;
    padding-left:15px;
}

#nv ul li a {
    color:#fff;
    font-size:11px;
}

#nav {
    color:#555;
    height:30px;
    width:100%;
    padding-top:15px;
    background:#ddd;
}

#header-line {
    background:url('../images/content.jpg') repeat-x;
    margin-top:1px;
    height:10px;
}

#top {

    overflow:hidden;
    font-size:13px;
    padding-left:10px;
}


TABLE {
 width: 100%; 
}

TD {
 vertical-align: top; 
}

#right {
 padding-left:20px;
}

#right-2 {
 width: 260px;
}

#left { 
    width:270px;
    padding-left:5px;
 }

#column {
    width:240px;
    padding-left:10px;
}


.nr3 {
    background:url('../images/module-right.png') no-repeat right bottom;
}
#footer {
    clear:left;
    margin-top:20px;
    padding-top:20px;
    padding-bottom:20px;
    background:url('../images/footer.png') repeat-x;
    width:100%;
    border-top:2px solid #eee;
}

#footer a { color:#555; } 
#footer a:hover { color:#333; }


/*------------------------------------------------------------*
**  Оформление
**------------------------------------------------------------*/

.info {
    margin-bottom:20px;
    padding-right:20px;
}

.clear {
    clear:both;
}

h1, h2, h3, h4 {
    font-weight:normal;
}

h1 {
    font-size:20px;
    padding-bottom:3px;
    margin-bottom:3px;
    color:#258fd2;
}

.info h1 {
    border-bottom:1px dashed #ccc;
    margin-bottom:3px;
}

/*------------------------------------------------------------*
**  Списки
**------------------------------------------------------------*/

.news {
    padding-top:10px;
    padding-left:10px;
    margin-bottom:10px;
    border-bottom:2px dashed #ddd;
    background:url('../images/module-left.png') no-repeat left bottom;
}

.info {
    margin-top:5px;
    font-size:12px;
}

li.more {
    background:url('../images/img16.gif') no-repeat;
    display:inline;
    padding-left:25px;
    margin-right:20px;
    padding-bottom:3px;
}

li.com {
    background:url('../images/img17.gif') no-repeat;
    display:inline;
    padding-left:25px;
}

li.views {
    background:url('../images/bullet-info.gif') no-repeat;
    display:inline;
    padding-left:20px;
    margin-right:20px;
    padding-bottom:3px;
}

li.fav {
    display:inline;
    padding-left:10px;
}

.top-info {
    margin-bottom:5px;
    font-size:11px;
    padding-left:10px;
}

.post-title {
    float: left;
    margin-left: 10px;
}
.news-text {
    padding-top:3px;
    padding-bottom:3px;
}

/*------------------------------------------------------------*
**  Навигация по страницам
**------------------------------------------------------------*/

.navigation {
    border: none;
    margin: 20px 0 20px 0;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span {
    display: inline-block;
    display: -moz-inline-stack;
    _overflow: hidden;
    float: left;
    width: 38px;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
    margin: 10px 3px;
}
.navigation a:hover {
    background: url(../images/nav-hover.png) no-repeat #64a3d9;
    color: #FFFFFF;
    text-align: center;
}
.navigation span {
    background: url(../images/nav-none.png) no-repeat #64a3d9;
}

/*------------------------------------------------------------*
**  Модули
**------------------------------------------------------------*/

.module {
    width:200px;
}
.m-top {
    width:245px;
    background:url('../images/m-top.png') no-repeat;
    height:28px;
}
.m-bottom {
    width:245px;
    height:28px;
    background:url('../images/m-bottom.png') no-repeat;
}

.m-center {
    width:230px;
    background:url('../images/m-center.png') repeat-y;
    padding-left:20px;
}
.m-text {
    padding:0px 10px 10px 0px;
}
.module h1 {
    font-size:18px;
    color:#777;
    padding-left:20px;
    padding-right:10px;
    padding-top:5px;
    height:25px;
    width:200px;
    margin-left:5px;
}

.module h1.green { color:#555; }

ul {
    list-style: none;
}


#column ul li {
    background: url(../images/folder_go.jpg) no-repeat left center;
    padding: 5px 0px 5px 25px;
    border-bottom:1px dashed #ccc;
    width:170px;
    font-size:13px;

}
#column ul li:hover {
    background:#f5f5f5  url(../images/folder_picture.jpg) no-repeat left center;
}
#column ul li:hover a {
    color:#555;
}

#left ul li {
    background: url(../images/folder_page_white.jpg) no-repeat left center;
    padding: 5px 0px 5px 25px;
    border-bottom:1px dashed #ccc;
    margin-left:10px;
    font-size:13px;

}
#left ul li:hover {
    background:#f5f5f5  url(../images/folder_picture.jpg) no-repeat left center;
}
#left ul li:hover a {
    color:#555;
}
/* ==================== */

.f_textarea {
    color: #757575;        /* ! */
    font-size: 11px;        /* ! */
    font-family: tahoma;    /* ! */
    background-image: url(../images/dlet_field_o.gif);
    background-repeat: repeat-x;
    
    width: 449px;
    height: 156px;
    border: 1px solid #e0e0e0;
}
.f_input {
    color: #757575;        /* ! */
    font-size: 11px;        /* ! */
    font-family: tahoma;    /* ! */
    background-image: url(../images/dlet_field_o.gif);
    background-repeat: repeat-x;
    
    width: 300px;
    height: 14px;
    border: 1px solid #e0e0e0;
}
.f_select {
    color: #757575;        /* ! */
    font-size: 11px;        /* ! */
    font-family: tahoma;    /* ! */
    background-image: url(../images/dlet_field_o.gif);
    background-repeat: repeat-x;
    
    height: 14px;
    border: 1px solid #e0e0e0;
}

p.post-buttons { 
    padding: 5px 10px;
    border: 1px solid #EFEFEF;
    background: #F9F9F9;
    margin-left:0;
    margin-bottom:20px;
    margin-top:10px;
    width:300px;
}
p.post-buttons-f { 
    padding: 5px 10px;
    border: 1px solid #EFEFEF;
    background: #F9F9F9;
    margin-left:0;
    margin-bottom:20px;
    margin-top:10px;
    width:40px;
}

p.post-buttons a { color:#777; }
h1.huser { background:url('../images/huser.gif') no-repeat; }
h1.hvote { background:url('../images/hvote.gif') no-repeat; color:#555; }

.ctitle { font-size:18px; }

/*------------------------------------------------------------*
**  Комментарии
**------------------------------------------------------------*/
#comment {
    margin-bottom:10px;
    padding-bottom:10px;
}
#comment-top {
    font-size:11px;
}
.comment-date {
    float:left;
    padding-right:10px;
}
#comment-bottom {
    margin:5px;
    font-size:11px;
    paddding-top:5px;
    clear:left;
}
.comment-s {
    padding:10px;
    overflow:hidden;
}
#com-l {
    width:120px;
    float:left;
}
#com-l a {
    text-decoration:none;
    border-bottom:1px dashed;
}
#com-r {
    width:65%;
    float:left;
}
#com {
    margin-bottom:20px;
    border-top:1px dashed #e6e6e6;
    background:url('../images/img10.gif') no-repeat left bottom;
    padding-bottom:20px;
    padding-left:10px;
}

#rat-l {
    float:left;
    font-size:11px;
    color:#777;
}

#postr {
    padding-bottom:15px;
}

TABLE#postr { width:100%; }

#rat-r {
    float:right;
    width:100px;
    font-weight:bold;
}

h1.cat {
    background:url('../images/menu-cat.png') no-repeat;
    padding-left:50px;
    padding-top:15px;
}

h1.pop {
    background:url('../images/menu-popular.png') no-repeat;
    height:45px;
    padding-left:0px;
    padding-top:25px;
}

h1.vote {
    background:url('../images/menu-vote.png') no-repeat;
    height:45px;
    padding-left:30px;
    padding-top:25px;
}

#tit-l {
    width:20px;
    height:35px;
    background:url('../images/tit-l.png') no-repeat;

}

#tit-m {
    height:35px;
    background:url('../images/tit-m.png') repeat-x;
    padding-top:7px;
    width:auto;
}

#tit-m a {
    color:#fff;
    font-size:18px;
    text-decoration:none;
}

#tit-r {
    width:20px;
    height:35px;
    background:url('../images/tit-r.png') no-repeat;

}

#register input, #register select, #register textarea {border: 1px solid #E6E6E6; background: #F3F3F3; color: #666; padding: 2px 0 2px 5px; font: 11px Verdana;}
textarea:focus, input:focus{color:#333; border:1px solid #777;}

.hint {display:none; position: absolute; margin-left: 40px; width: 200px; margin-top: -4px; border: 1px solid #c93; padding: 10px 12px; background-color: #ffc;}
.hint .hint-pointer {position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(pointer.gif) left top no-repeat;}

dd { margin-bottom:10px; }

h1.related { padding-left:45px;background:url('../images/related.png') no-repeat left center;padding-top:5px;padding-bottom:5px;color:#555;}

#related li { list-style-type:none;padding-left:17px;padding-top:2px;padding-bottom:2px;background:url('../images/bullet_star.jpg') no-repeat left center;}

#related { margin-bottom:20px; }

h1.addcom { color:#555; padding-left:45px; background:url('../images/addcom.png') no-repeat left center;padding-top:5px;padding-bottom:5px; }

#cat {
    float:left;
    height:50px;
    margin-right:10px;
    margin-top:3px;
    font-size:13px;
    padding-left:20px;
    padding-right:20px;
}

#cat-left {
    width:12px;
    background:url('../images/cat-left.png') no-repeat;
}

#cat-center {
    background:url('../images/cat-center.png') repeat-x;
    padding-top:15px;
    color:#fff;
}

#cat-right {
    width:12px;
    background:url('../images/cat-right.png') no-repeat;
}

em a {
    color:#393939;
}

#rat-l {
    float:left;
    font-size:11px;
}

#rat-r {
    float:right;
    width:200px;
}

#top-login {
    float:right;
    padding:20px;
}

h1.cat {
    background:url('../images/menu-cat.png') no-repeat;
    height:35px;
    padding-left:60px;
    padding-top:15px;
}

h1.pop {
    background:url('../images/menu-popular.png') no-repeat;
    height:35px;
    padding-left:60px;
    padding-top:17px;
}

h1.vote {
    background:url('../images/menu-vote.png') no-repeat;
    height:35px;
    padding-left:60px;
    padding-top:15px;
}

a.copy {
    font-size:13px;
    color:black;
}

.logino {background-image:url(../images/login.gif);background-attachment: scroll; width:125px; height:18px; font-size:11px; font-family:tahoma;color:#999999;border:1px solid #ccc;padding-left:21px;padding-top:2px;vertical-align:middle;width:80px;height:13px;background-color:#eee;font:tahoma;font-size:11px;color:#999;padding-left:3px;padding-bottom:3px;}

.inputo {width:80px; height:13px; background-color:#eee; font:tahoma; font-size:11px; color:#999999; padding-left:3px; padding-bottom:3px}

.enter {
    width:17px;
    height:17px;
}

.pass {background-image:url(../images/pass.gif);background-attachment:scroll;background-repeat: no-repeat;width:125px;height:18px;font-size:11px;font-family:tahoma;color:#999999;border:1px solid #ccc;padding-left:21px;padding-top:2px;vertical-align:middle;width:80px;height:13px;background-color:#eee;font:tahoma;font-size:11px;color:#999;padding-left:3px;padding-bottom:3px;}

#searchbox fieldset { width: auto!important; position: absolute; bottom: 0!important; bottom: -1px; right: 0; border: 0; margin: 0!important; padding: 0!important; background: transparent; }
#searchbox legend, #searchbox label { display: none; }
#searchbox form { width: 239px; border: 0; background: #252525 url("../images/nav-search.jpg") 0 0 no-repeat; margin: 0; padding: 5px; }
#searchbox form div { margin: 0; }
#searchbox .txt { width: 213px; vertical-align: middle; margin: 0; padding: 3px 2px 2px 2px!important; padding: 2px 2px 2px 2px; border: 1px solid #ccc; font-size: 100%; }
#searchbox .search { vertical-align: middle; }

#rat-l {
    float:left;
    font-size:11px;
    color:#777;
}

#postr {
    padding-bottom:15px;
}

TABLE#postr { width:100%; }

#rat-r {
    float:right;
    width:200px;
    font-weight:bold;
}

#rat-r a { background:url('../images/full.jpg') no-repeat left center; padding-left:22px; }

#sae { background:url('../images/shadow.png') no-repeat center top; margin-top:1px; }

.infoe, .pope { height:40px; width:245px; background:url('../images/module.png') no-repeat; color:#fff; padding-left:20px; padding-top:10px; margin-top:7px;}

.rmod { margin-bottom:30px; }

.cabi2 a { height:7px; padding-left:20px; display:block; }
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}