/*
Theme Name:  Chzeo
Theme URI: 
Description:  
Version: 1.0
Author: 
Author URI:
*/


html,body{
    margin:0;
    padding:0;
}
body{
    font: 76% arial,sans-serif;
    background:#2B7AB8;
}
ul li {
    list-style:none;
}
 .alignleft {
    float:left;
    padding:5px;
}
 .alignright{
    float:right;
    padding:5px;
}
img{
    border:0;
    padding:5px;
    
}
*{
    outline:0;
}

div#container{
    text-align:left;
    width:1018px;
    margin:0 auto;
}
#wrapper {
    background:#FFF;
    
}
#border {
    background:url(images/border.png) repeat-y;
    margin-left:-19px;
    padding-left:18px;
    padding-right:18px;
}
/* header */
#header{
    background:#FFF;
    width:1000px;
}
.border-left{
    background:url(images/border-left.png) repeat-y;
    width:14px;
    height:498px;
    position:relative;
    top:0;
    left:-14px;
    float:left;
}
.border-right{
    background:url(images/border-right.png) repeat-y;
    width:14px;
    height:498px;
    float:right;
    position:relative;
    top:0;
    right:-14px;
}
#home-mail-map {
    float:right;
    margin-top:-140px;
    margin-right:20px;
}
#home{
    width:40px;
    height:30px;
    display:block;
    background:url(images/home-mail-map.png) 0 0 no-repeat;
    float:left;
}
#home:hover{
    background:url(images/home-mail-map.png) 0 -29px no-repeat;
}
#mail{
    float:left;
    width:36px;
    height:30px;
    display:block;
    background:url(images/home-mail-map.png) -40px 0 no-repeat;
}
#mail:hover{
    background:url(images/home-mail-map.png) -40px -29px no-repeat;
}
#map{
    float:left;
    width:36px;
    height:30px;
    display:block;
    background:url(images/home-mail-map.png) -80px 0 no-repeat;
}
#map:hover{
    background:url(images/home-mail-map.png) -78px -29px no-repeat;
}
#menu-block {
    width:100%;
    height:70px;
    background:url(images/menu-left.png) center left no-repeat;
    padding-top:2px;
}
#menu-panel {
    background:red;
    height:64px;
    margin-left:49px;
    margin-top:2px;
    background:url(images/menu-panel.png) repeat-x;
    width:896px;
}
#menu-panel-right {
    float:right;
    height:64px;
    width:20px;
    background:red;
    margin-top:-68px;
    margin-right:21px;
    background:url(images/menu-right.png) no-repeat;
}

#menu {
    margin-top:8px;
    display:block;
    float:left;
    margin-left:-60px;
}
#menu li {
    color:#FFF;
    font-size:18px;
    display:block;
    float:left;
    padding:   10px 0 10px 0;
}
#menu li a {
    padding:0 10px 0 10px;
    padding-top:10px;
    color:#FFF;
    text-decoration:none;
}
#menu li a:hover {
    border-top:4px solid #BE2327;
    color:#FFF;
    background:url(images/arrow.png) top center no-repeat;
}
#search-block {
    float:right;
    margin-top:20px;
    margin-right:10px;
}
#buttonsearch {
    background:url(images/el.png) no-repeat;
    padding:5px;
    border:0;
}

#photo {
    background:url(images/photo.jpg) no-repeat;
    height:273px;
    margin-left:-1px;
    width:1002px;
}
#photo-content{
    width:400px;
    height:273px;
    margin-left:420px;
    padding-top:20px;
}
h3.title-photo {
    color:#FFF;
    font-size:16px;
}
#catalog-link {
    margin-top:50px;
    margin-left:40px;
}
#catalog-link a, #catalog-link a:hover {
    font-size:18px;
    color:#FFF;
    
}

#photo-ul  {
    list-style-image:url(images/mark.png);
    margin-left:15px;
    color:#FFF;
    font-size:15px;
}

#photo-ul  li a{
    color:#FFF;
    text-decoration:none;
}
#book1{
    position:relative;
    right:-280px;
    top:-70px;
    display:block;
    width:70px;
    height:90px;
}

#book2{
    position:relative;
    right:-355px;
    top:-180px;
    display:block;
    width:80px;
    height:100px;
}
/* header end*/

/* content */

#wrapper {
    background:#FFF;
}
div#content{
    float:right;
    width:710px;
    padding-right:50px;
}
.title-post {
    color:#2B7AB8;
}
.title_link {
    color:#2B7AB8;
    text-decoration:none;
}
.date {
    float:right;
    font-size:13px;
    margin-top:-30px;
}
.search-title {
    font-size:14px;
    font-weight:100;
}
#edit {
    float:right;
}

/* content end */

/* sidebar */
.titlewidg {
    color:#2B7AB8;
    margin-left:10px;
}
div#navigation{
    float:left;
    width:230px;
    padding-left:10px;
}
div#extra{
    float:left;
    clear:left;
    width:200px;
}
div.scrollable { 
    
    position:relative; 
    overflow:hidden; 
    min-height: 260px; 
    width: 200px; 
}
.items {
    margin-top:5px;
}
.items div {
    min-height:70px;
    width:190px;
}
.items div p {
    width:185px;
    display:block;
}
div.scrollable div.items { 
    position:absolute; 
}
.date-news {
    background:url(images/time.png) no-repeat;
    padding-left:16px;
    margin-bottom:-8px;
    color:#444444;
}
.title-news a {
    color:#444444;
}
.title-news a:hover {
    text-decoration:none;
}
.categories {
    list-style:none;
    font-size:18px;
    color:#C03835;
    margin-top:10px;
    list-style:none;
}
.categories li {
    list-style:none;
    margin-left:-30px;
    
}
.categories  li a {
    font-size:14px;
    background:url(images/mark-category.png) center left no-repeat;
    padding-left:10px;
    color:#346F98;
    text-decoration:none;
}
.categories  li a:hover {
    font-size:14px;
    background:url(images/mark-category-action.png) center left no-repeat;
    color:#BD2427;
    text-decoration:none;
}

#archive-news{
    float:right;
    margin-right:50px;
    margin-top:10px;
}
#archive-news a{
    color:#BB2A27;
}
/* sidebar end */


/* footer */
div#footer{
    
    color: #FFF;
    clear:both;
    width:100%;
    height:158px;
}
div#footer-border {
    background:url(images/footer-border.png)  repeat-x;
    width:100%;
    height:18px;
}
div#footer-center {
    height:125px;
    background:#7CA9CC;
    padding: 15px 0 0 20px;
}
#footer-menu {
    float:right;
    margin-top:-60px;
    margin-right:15px;
}
#footer-menu li {
    display:inline;
    font-size:14px;
    padding-left:10px;
}
#footer-menu a {
    color:#000;
}
#footer-menu a:hover {
    text-decoration:none;
}
#count {
    width:200px;
    height:50px;
    float:right;
    margin-top:-30px;
}