/*
Theme Name: Yo-Site
Theme URI: http://yo-site.biz/
Description: Yo-Site theme based on the default theme
Version: 1.0
Author: Piotr Kalachyn
Author URI: http://yo-site.biz
Tags: simple, fixed width, two columns, widgets
  
*/

p {
    text-align: justify;
    margin: 12px 0;
}

body {
    background: /* url('/img/yo-site-logo.png') 10px 10px no-repeat */ white;
    margin: 0;
    padding: 0;
    font: normal small 'Trebuchet MS', Yahoma, sans-serif;
    
}

h1, h2, h3 { color: #fa5923;}
h1 { font-size: 28px; }
h2 {font-size: 20px; }


a:link, a:visited, a:hover, a:active { text-decoration: none;}

a:link {color: #36c; }
a:visited {color: #36f; }
a:link:hover, a:visited:hover, a:active, a:visited:active { color: #c00; }

h1 a, h2 a { color : #5e657d; }

#motto {
    text-align: center;
    color: #666;
    font: normal 12px "Trebuchet MS";
    font-stretch: extra-expanded;
    letter-spacing: 3px;
    word-spacing: 12px;
    margin: 10px 0 10px 0;
}

#header-back {
     background: #a2b6cb;
     padding: 32px 0 4px 0;
}

#logo-menu {
           margin: 10px auto;
           width: 806px;
           height: 126px;
           padding: 0;
           background: url('images/top-menu-dash.jpg');

           font: normal 11px "Trebuchet MS", Tahoma, sans-serif;
           color:#333;
}


#sections {
    display: block;
    float: right;
    margin: 26px 10px 0 0;
    width: 368px;
    height: 20px;
    text-align: center;
    /*border: 1px dashed black;*/
}

#logo-menu #sections a {
            font: bold 13px Trebuchet, Helvetica, Tahoma, sans-serif;
           display: inline-block;
           padding: 0 10px;
           border-right: 1px outset #999;
           color: #900;
}

#logo-menu #sections a.last {
           border-right: none;
}

#logo-menu a#home {
    /*position: absolute;*/
    /*top: 150px;*/
    /*left: 0;*/
    display: block;
    width: 250px;
    height: 55px;
    float: left;
    margin: 36px 0 0 47px;
    color: transparent;
    overflow: hidden;
    text-indent: 400px;
    }


#middle {
        width: 804px;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        /*border: 1px solid blue;*/
}

#content {
    display:block;
    float:right;
    width:530px;
    overflow: hidden;
    margin:0;
    padding: 6px 6px 6px 12px;
    border-color: #999;
    border-width: 1px 1px 0 0;
    border-style: dotted;
}

#left-column {
    display:block;
    float:right;
    
    width:226px;
    overflow: hidden;
    margin: 0;
    padding: 6px;
    border:1px dotted #999;
}



#middle-bottom {
        background: url('images/middle-bottom.png');
        width: 893px;
        margin: 0 auto;
        height:22px;
        clear: both;
        
}

#footer {
    font: normal 11px Arial, sans-serif;       
    color:#333;
    text-align: center;
    padding:4px;
}

#footer a {
    display: inline-block;
    vertical-align: bottom;
    border-color: #333;
    border-width: 0px 0 0 1px;
    border-style:solid;
    color:#333;
    padding: 0 10px;
    height: 12px;;
}

#footer > a:first-child {border:none;}

#copyright {
    color: #807f7f;
    text-align: center;
    font: normal 11px Arial, sans-serif;       
}

#copyright a {
    color: #444;

}

.rounded-bottom {
    background: transparent url('images/rounded-bottom.png') no-repeat bottom;
    width: 638px;
    display: block;
    clear:both;
    padding: 0 0 10px 0;
}

#new-groups .content .news-link{
    /*font-size: 120%;*/
    margin:0 10px;
}


.indent {
margin: 10px;
}

.indent-x {
    margin:0 10px;
}

.indent-y {
    margin:10px 0;
    display: block;
    border: 1px solid white;
}


#left-column ul {
    display: block;
    float:none;
    margin:0;
    padding:0;
    list-style: none;

}

#left-column h2 {
    font: bold 12px Verdana;
    color: #333;
    color: #369;

    margin: 10px;
    padding:0;
}

/*#left-column  a {*/
/*    font: bold 12px 'Verdana', sans-serif;*/
/*    color: #333;*/
/*    text-transform: uppercase;*/
/*}*/
/**/
/*#left-column  a.current {*/
/*    color: #70a1c7;*/
/*}*/
/**/

/*#left-column a:link, #left-column a:visited  { color: #333; }*/
/*#left-column a:hover, #left-column a:visited:hover, #left-column a:active  { color: #900; }*/

#left-column ul li {
    display: block;
    margin:5px 0 0 3px;
    padding:0;

}

#left-column ul * ul * ul li {
    margin-left:12px;
}


.wedge {
    clear:both;
    display: block;
    height: 0px;
    overflow: hidden;
}





#topbar {
    display: block;
    float: right;
    clear: both;
    margin: 0;
    padding: 3px 6px 3px 12px;
    
    border-style: dotted;
    border-width: 1px 1px 0 1px;
    border-color: #666;
}


#searchform {margin: 0;}

#searchform input { /* style the button first */
    background: #eee url('images/search.png') no-repeat;
    width: 22px;
    height:22px;
    text-indent:28px;
    overflow: hidden;
    border: none;
}

#searchform label {display : none;}

#searchform div input:first-child { /* style the text field */
    background: white;
    width:160px;
    border:1px solid #666;
    height:18px;
    text-indent:0;
}



div.navigation {
    width: 100%;
    margin: 10px 0;
    clear: both;
    font-size:85%;
}

.alignleft {
    float:left;
    display:block;
    width: 40%;
    /* border: 1px solid #369; */
}

.alignright {
    float:right;
    display:block;
    width: 40%;
    /* border: 1px solid #369; */
}

ul.sub-pages {
    margin:0;
    padding:0;
}


ul.sub-pages li {
    display: block;
    float: left;
    height: auto; /*20px;*/
    width: 160px;
    padding: 6px 0 0 14px;
    margin: 3px 10px;
    /* background: white url(images/sub-page-back.png) no-repeat left center; */
    background: transparent url('images/romb.gif') no-repeat left;
    border:0px solid #999;
    
}

    
    
 .cform-wrapper {display:none;}
 .cform-wrapper a.hider {
    display:block;
    text-align:right;
    padding-right:20px;
    }
    
.cform-wrapper .info  { 
 margin:10px 0; 
 text-align:center;
 color: green;
} 
cform-wrapper .success { 
 color:maroon; 
} 
cform-wrapper .failure { 
 color:red; 
} 
    



.news-link { margin-top: 5px; }
.news-link a,
.news-date { font-weight: bold; }


.button {
    border: 1px outset #ddd;
    background: url('images/button-back.png') repeat-x bottom;
    font: bold 10px Verdana;
    padding: 4px;   
    color: #666;
    }
    
/*><li id="linkcat-2" class="widget "><h2 class="">Ссылки</h2> */


.widget.widget_links h2.widgettitle {display:none;}

/* Text fromatting */
.center {text-align: center;  }
.right {text-align: right; }
.intextleft { /* image aligned to the left margin of the text stream */
	margin: 0px 7px 5px 0px;
	float:left;
        display: block;
}

.intextright { /* image aligned to the right margin of the text stream */
	margin: 0px 0px 5px 7px;
	float:right;
}

.shaded {
    border-right: 2px solid #99c;
    border-bottom: 2px solid #66a;
}

.red {color: red;}
.blue {color: #00d;}
.bold {font-weight: bold;}

.course-start {color: #900; font-weight: bold; }

dfn { font: normal; color: blue; text-decoration: none; font-style: normal; font-style: normal;}

small { font-size: 70%; }
#page small {font-weight: normal}

/*.rounded-bottom li.page-item-1332 {width: 400px;}*/

address.phone {
    margin: 0;
    padding: 0;
    height: auto;
    white-space: nowrap;
    font-style: normal;
    font-weight: bold;
    display: inline;
    line-height: normal;
}

div.front-page-half {
    display: block;
    width: 310px;
    float: left;
    background: white;
}

.new-group-banner {
    display: block;
    width: 236px; /*310px;*/
    height: 131px; /*301*/
    margin: 0;
    background: url('/images/banners/pin_card.jpg') no-repeat;
    padding: 80px 38px 92px 36px;
    font: normal 10px Helvetica, Verdana,sans-serif;
    
    
}

.new-group-banner h2 {background: transparent; font-size: 16px; border: none; }
.new-group-banner h3 {font: bold 14px Tahoma; margin: 5px 0 2px 0;}

.new-group-banner .edit {text-align: right;}

a.town {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0 40px 4px 0;
}

.tv {
    width: 270px;
    height: 126px;
    padding: 40px 20px 70px 20px;
    background: #3366cc url('images/tv.jpg') top no-repeat;
    color: white;
    font: bold 12px Verdana, Helvetica, sans-serif;
    text-align: center;
}



.site-icon { border: 1px solid #999;}
a.portfolio-url {
    display: block;
    width: 100%;
    text-align: right;
    color: #900;
    font: bold 12px Verdana, sans-serif;
}

img.illustration {
    display: block;
    float: left;
    margin: 0 12px 6px 0;
    border: 1px solid #669;
    
}

p.postmetadata {clear: both;}

div.post { margin-bottom: 40px;}

div..front-page-portfolio {
    margin-bottom: 40px;
}
.front-page-portfolio .portfolio-post {
    display: block;
    width: auto;
    margin: 10px;
    float: left;
    text-align: center;
}

.front-page-portfolio .portfolio-post h2 {
    margin: 3px 6px 12px 6px;
    font-size: 12px;
}

.widget_tag_cloud a {
    display: block; float: left;
    margin: 0 10px 4px 0;
}

.widget {
    clear: left;
}


#ads {
    margin: 10px 0;
    text-align: center;
}

code {
    display: block;
    white-space: pre;
    margin: 10px auto;
    width: 90%;
    padding: 10px;
    background: #eee;
    border: 1px solid #999;
}