/*
Theme Name:DarkStyle
Theme URI: 
Description:  
Version: 1.0
Author:  geloni-el
Author URI: http:geloni-el.ru
*/

html,body{margin:0;padding:0}
body{
    font: 76% arial,sans-serif;
    text-align:center;
    background:url(images/bg.jpg) repeat-x;
    background-color:#232323;
}
* {
    outline: 0;
}
a {
    text-decoration:none;
}
a :active, a:visited, a:link {
    color:#5a5c60;
}
a:hover{
    color:#6F6F6F;
}
p{margin:0 10px 10px}

div#container{
    text-align:left;
    
    }
img {
    border:0px;
}
div#content p{line-height:1.4}
div#container{width:1024px;margin:0 auto; }

 .alignleft {
    float:left;
}
 .alignright{
    float:right;
}
/* header */

div#header{
    background:url(images/bghead.png)  top center no-repeat;
    height:165px;
    margin-top:-20px;
    width:100%;
}
.namesite{
    padding-top:30px;
    text-align:center;
    font-size:28px;
    
}
.titleblog{
    height:105px;
}
.menu {
    margin-top:-15px;
    margin-bottom:10px;
    margin-left:-15px;
    height:40px;
    list-style:none;
}
.menu a{
    text-decoration:none;
    font-size:14pt;
    text-align:center;
    display:block;
    padding:10px;
}
.menu a.menu_link {
    height:30px;
    width:142px;
    
    background:url(images/menu.png) 0 0 no-repeat;
}
.menu a.menu_link:hover {
    height:30px;
    width:142px;
    background:url(images/menu.png) 0 -48px  no-repeat;
}
        .menu li {
            float:left;
            position:relative;
            text-align:center;
            margin-top:10px;
        }
        .menu a {
            display:block;
            color:#000;
            width:144px;
            text-decoration:none;
            font-weight:bold;
            
        }
        .menu li em {
            font-weight:normal;
            width:180px;
            height:45px;
            position:absolute;
            top:-85px;
            left:-15px;
            text-align:center;
            padding:20px 12px 10px;
            font-style:normal;
            z-index:2;
            display:none;
            font-size:14px;
            background:url(images/bgtitlemenu.png) no-repeat;
        }
        
/* header end */
/* sidebare */

div#navigation{float:left;width:250px}
div#extra{float:left;clear:left;width:250px}
div#navigation{
    padding-left:10px;
}
div#extra{
    padding-left:10px;
}
/* Tabs */
#tabs{
    margin-left:-2px;
    width:250px;
    margin-bottom:20px;
}
#tabs ul{
    margin-bottom:10px;
    margin-left:-2px;
}
.ui-tabs {
    padding: .2em;

    }
.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    padding: .2em .2em 0;
    }
.ui-tabs .ui-tabs-nav li {
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
    margin: 0 .2em -1px 0;
    padding: 0;

    }
.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    padding: .5em 1em;
    background:#6D6D6D;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        background:#6D6D6D;
        color:#FFF;
        margin-top:1px;
    }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    border-bottom-width: 0;
    
    }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    margin-top:5px;
    cursor: pointer;
    color:#C3C3C3;
    } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    }
.ui-tabs .ui-tabs-hide { display: none !important; }
.size-li-tabs{
    font-size:11px;
}



#tabs-1, #tabs-2, #tabs-3, #tabs-4{
    padding:5px;
    min-height:120px;
    background:#6D6D6D;
}
#tabs-1 {
    height:300px;
}
#tabs-3 {
    padding:0px;
}
#rssh3 {
    font-size:18px;
    color:#FF9600;
}
.archives, .widget ul {
    list-style:none;
    font-size:16px;
}
.archives a, .widget a
{
    color:#DBDBDB;
}
.archives a:hover, .widget a:hover {
    color:#FCFCFC;
}

#tabs-4{
    padding-left:30px;
    margin-bottom:20px;
}

#textsearch {
    border:3px solid #B7B7B7;
    width:150px;
}
#tabs-search-title {
    font-size:20px;
    margin-bottom:25px;
    }
#buttonsearch {
    background:url(images/search-button.png) no-repeat;
    border:0;
    padding:12px 0;
    margin-left:28px;
    width:110px;
}
/* Tabs end */

.widget {
    background:#6D6D6D;
    padding:5px 10px;
    margin-bottom:10px;
}
/* sidebare end */
/* content */

div#content{
    float:right;
    width:750px;
    }
.title-post{
    font-size:26px;
    margin-top:0px;
    }
#date-post {
    float:right;
    font-size:14px;
    margin-top:-40px;
}
.post {
    clear:both;
    padding:2px 10px;
    border:1px solid #000;
    margin-top:10px;
    background:#FFF;
}
.post-footer {
    border-top:1px dashed #000;
}
.no-post{
    font-size:20px;
    margin:70px 0 0 50px;
}
.page-navi {
    margin-top:30px;
}

.demo-n, download-n{
    font-size:13pt;
}
/*content end */



/* comments */
#commentlist
{
    padding:5px;
}
#commentlist a {
    color:#587523;
}
#commentlist a:hover {
    color:#9bc354;
}
#comments {
    color:#FFF;
    font-size:18px;
    
}
.no-comments{
    color:#9bc354;
    font-size:14px;
}
#slidecommentslist{
    color:#9bc354;
    font-size:14px;
    margin-left:10px;
}
.avatar {
    width:70px;
    float:left;
    height:70px;
    padding-right:5px;
}
.comment-text {
    min-height:70px;
    margin-left:70px;
    
}
.comment {
    border:2px dotted #9bc354;
    padding:5px;
    margin-bottom:5px;
    background:#FFF;
}
.rss-trackback-comments a
{
    color:#FFF;
}
.rss-trackback-comments a:hover{
    color:#CECECE;
}
.add-comment {
    background:#FFF;
    padding:10px;
    border:1px solid #000;
}
.text-comment {
    border:3px solid #B7B7B7;
}
#postcomment {
    
}
#submit {
    background:url(images/submit-comment.png) 0 0 no-repeat;
    border:0;
    padding:10px;
    width:200px;
    height:37px;
}
/* comments end */



/* footer */
#footer{clear:both;width:100%}
#footer{
    color:#000;
    height:64px;
    background:url(images/bgfooter.png) no-repeat;
}
div#footer p{margin:0;padding:5px 10px}
.copyright{
    padding-top:15px;
    padding-left:20px;
    font-size:14px;
}
.copyright a {
    display:block;
    padding:10px;
}
.copyright{
    float:left;
    position:relative;
    text-align:center;
}
.copyright em{
    font-weight:normal;
    width:450px;
    height:35px;
    position:absolute;
    top:-35px;
    left:25px;
    text-align:center;
    padding:8px 0 10px;
    font-style:normal;
    z-index:2;
    color:#000;
    display:none;
    font-size:14px;
    background:url(images/crmessage.png) no-repeat;
}
/* footer end */