/*
Theme Name: Color-Blocks Theme 
URI: http://pokrovskii.com/ 
Description: Втрорая версия блога Максима Покровского 
Version: 2.0 
Author: Максим Покровский
*/



*{
	margin: 0;
	padding: 0;
	}

html{
	font-size:100.01%;
   height:100%;
	}
	
body{
   position:relative;
	font:normal 62.5%  'Trebuchet MS';
	color:#333;
	height: 100%;
   background:#f3f4ef;
}

img {
	border:0;
	}
 
a{
	color:#000;
   text-decoration:none;
	}
	
	
a:hover{
   border:0;
   }
   

ul{
	list-style:none;
	}

table{
	border-collapse:collapse;
	}
	
	table td{
		vertical-align:top;
		}
	
#gl-wrapper{
	min-height: 100%; min-width:1000px;
	height: auto !important;
	height: 100%;
	}

      
      
/*head*/

.head{
   position:relative;
   height:270px;
   background:url('images/head-bg.jpg') no-repeat #000;
   }
   
.logo{
   position:absolute; top:33px; left:31px;
   }
   
   .logo img{
      margin:0 0 0 101px;
      }
      
   .logo #color-rectangle{
      position:absolute; top:0; left:0;
      width:84px; height:38px;
      background:#890a00;
      }
      
      
      #color-rectangle .subscribers{
         color:#fff;
         font:normal 2em Arial;
         display:block;
         padding:2px 0 0 10px;
         }
         
      #color-rectangle .after{
         text-align:right;
         color:#fff;
         display:block;
         margin:-3px 5px 0 0;
         }
   
.about{
   position:absolute; top:13px; right:26px;
   width:440px;
   color:#fff;
   }
   
   .about p{
      margin:0 0 0 90px;
      font:normal 1.2em  'Trebuchet MS';
      }
      
      .about p .hi{
         position:relative;
         font:normal 1.4em  Arial;
         display:block;
         margin:0 0 3px -22px;
         width:360px;
         }
         
   
   .avatar{
      float:left;
      border:solid 1px #fff;
      }
   

.links-block{
   float:right;
   width:131px;
   background:url('images/links-block-bg.jpg') repeat-y;
   }
   
   .links-block-t{
      background:url('images/links-block-t.jpg') no-repeat;
      }
   
   
   .links-block ul{
      padding:53px 17px 21px 17px;
      background:url('images/links-block-b.jpg') no-repeat 0 100%;
      }
      
      .links-block ul a{
         font:bold 1.3em 'Trebuchet MS';
         color:#fff;
         }
         
         .links-block ul a.summary{
            color:#fefffe;
            border-bottom:solid 1px #fefffe;
            }
            
            .links-block ul a.summary:hover{
               border-bottom:solid 1px #fefffe;
               }
         
         .links-block ul a.portfolio{
            color:#dbdbdb;
            border-bottom:solid 1px #dbdbdb;
            }
            
            .links-block ul a.portfolio:hover{
               border-bottom:solid 1px #dbdbdb;
               }

         .links-block ul a.feedback{
            color:#bcbcbc;
            border-bottom:solid 1px #bcbcbc;
            }
            
            .links-block ul a.feedback:hover{
               border-bottom:solid 1px #bcbcbc;
               }

            
/*end head*/

/*yellow-block*/

.yellow-block{
   background:url('images/yellow-noise.jpg') #ffc00e;
   }

.yellow-dotted{
   padding:20px 0;
   background:url('images/yellow-dotted.gif') repeat-x 0 0;
   overflow:hidden;
   }
   
.yellow-dotted h2{
   font:normal 1.8em  Tahoma;
   background:url('images/yellow-square.gif') repeat-y #000;
   float:left;
   min-width:350px;
   padding:7px 10px 7px 72px;
   color:#fff;
   }

.item-job{
   margin:20px 0 0 45px;
   }
   
   
   
   .item-job li{
      margin:0 20px 10px 0;
      padding:0 0 10px 0;
      /*border-bottom:dashed 1px #333;*/
      }
      
      .ancor-project{
         margin:10px 0;
         font:normal 1.1em  Tahoma;
         }
      
      .item-job a{
         color:#fff;
         text-decoration:underline;
         }
      
      .item-job li h3{
         font:bold 1.4em  Tahoma;
         color:#000;
         }
         
         .item-job li h3 small{
            font-size:0.7em;
            color:#fff;
            }
            
         
      .item-job li p{
         font:normal 1.3em 'Trebuchet MS';
         }
   
.order{
   width:327px;
   text-align:center;
   vertical-align:middle;
   }
   
   .order a{
      color:#fff;
      font:normal 2.5em  Tahoma;
      border-bottom:dotted 1px #fff;
      }
      
      .order a:hover{
         color:#fff;
         border-bottom:solid 1px #fff;
         }
   
/*end yellow-block*/

/*white-block*/

.container-cnt{
   overflow:hidden;
   background:url('images/cnt-block-bg.gif') repeat-x;
   padding-bottom:30px;
   }

.cnt-block{
   margin:23px 340px 0 0;
}

.page{
   margin:23px 0 0 0;
   }
   
   .entry{
      margin:0 0 56px 0;
      }
      
  
   .headline{
      margin:0 0 9px 0;
      }
      
      .date{
         font:normal 1.6em Georgia;
         text-align:center;
         vertical-align:middle;
         color:#fff;
         background:#939393;
         padding:0 3px;
         width:34px;
         }
      
         .first .date{
            background:#890a00;
            }
            
         .attention{
            background:#96a18b;
            font-size:3em;
            }

      
      .headline h2, .headline h1{
         font:normal 1.8em  Tahoma;
         padding:7px 30px 7px 30px;
         background:#000;
         }
         
         .headline h2 a, .headline h1 a{
            color:#fff;
            }
            
   .meta-post{
      margin:0 0 9px 47px;
      color:#939393;
      font:normal 1em  Tahoma;
      }
      
      .meta-post a{
         color:#939393;
         text-decoration:underline;
         }
      
      .comments{
         padding:0 0 0 19px;
         background:url('images/comments.gif') no-repeat 0 50%;
         font-size: 1.2em;
         }
         
      #comment{
         font: normal 1.2em "Trebuchet MS";
         }
      
      .folder{
         padding:0 0 0 19px;
         background:url('images/folder.gif') no-repeat 0 50%;
         margin:0 0 0 15px;
         font-size: 1.2em;
         }

/* CNT
------------------------------*/


   .cnt{
      margin:0 0 10px 47px;
      color:#333;
      }
      
        
         .cnt dl dt{
            font:normal 1.8em  Arial;
            } 
            
            .cnt dl dt a{
               color:#890A00;
               border-bottom:dotted 1px #890A00;
               }
               
               .cnt dl dt a:hover{
                  border-bottom:solid 1px #890A00;
                  }
                  
     
      .more-link a{
         color:#939393;
         font:normal 1.2em  'Trebuchet MS';
         text-decoration:underline;
         }
      
      .cnt p, .cnt ul, .cnt ol{
        font:normal 1.3em  'Trebuchet MS';
        margin:0 0 15px 0;
        
        }
         
     .cnt h3{
      font:normal 1.8em 'Trebuchet MS';
      margin-bottom: 5px;
      }

     .cnt h2{
      font:normal 2em  'Trebuchet MS';
      margin-bottom: 5px;
      }   
     
         .cnt ol li, .cnt ul li{
            margin:0 0 5px 25px;
            }
            
            .cnt ul li{
               list-style-type: disc;
               }
               
               .cnt ul li li{
                  font-size: 0.78em !important;
                  list-style-type: circle;
                  }
         
         .cnt dl dd{
            font:normal 1.2em  Arial;
            margin:0 0 15px 0;
            }
            
            .cnt dl dd p{
               font:normal 1em  Arial;
               }
         
         .cnt ol{
            margin:0 0 15px 20px;
            }
         
      
   
.sidebar{
   float:right;
   width:326px;
   background:url('images/sidebar-bg.gif') repeat-x #000;
   color:#fff;
   }
   
   .sidebar h2{
      font:normal 1.8em  Tahoma;
      margin:0 0 11px 0;
      }
      
   .sidebar a{
      color:#fff;
      }
      
   .rubrics, .last-post{
      background:url('images/rubrics-bg.gif') repeat-x 0 100%;
      padding:26px 26px 48px 26px;
      }
      
      .last-post{
         background:#4e4e4e;
         }
      
      .rubrics li{
         padding:0 0 0 11px;
         background:url('images/rubrics-bullet.gif') no-repeat 0 5px;
         }
             
      .rubrics li{
         font:bold 1.2em 'Trebuchet MS';
         }
         
         .rubrics li a:hover{
            color:#f6ad02;
            }
            
      .last-post li{
         padding:0 0 0 11px;
         margin:0 0 5px 0;
         background:url('images/last-post-bullet.gif') no-repeat 0 5px;
         }

      .last-post li a{
         font:normal 1.2em 'Trebuchet MS';
         }
         
         .last-post li a:hover{
            color:#b7b7b7;
            }
         
/*end white-block*/

/*lightgreen-block*/
.lightgreen-block{
   background:url('images/lightgreen-block-bg.jpg');
   }
   
.lightgreen-dotted{
   padding:20px 0;
   background:url('images/lightgreen-dotted-bg.jpg') repeat-x;
   overflow:hidden;
   }
   
   .most-discussionned, .hot-commentator{
      float:left;
      width:49%;
      }
      
      .most-discussionned ul{
         margin:0 0 0 46px;
         }
         
         .most-discussionned ul li{
            padding:0 0 0 12px;
            background:url('images/most-discussionned-bullet.gif') no-repeat 0 5px;
            margin:0 0 5px 0;
            color:#293e35;
            font:normal 1.2em 'Trebuchet MS';
            }
            
            .most-discussionned ul li a{
               color:#293e35;
               }
               
               .most-discussionned ul li a:hover{
                  color:#8d8d86;
                  }
                  
   .hot-commentator h2{
      font:normal 1.8em  Tahoma;
      margin:6px 0 15px 0;
      }
      
      .hot-commentator h2 span{
         padding:0 35px 0 0;
         background:url('images/arrow-headline.gif') no-repeat 100% 12px;
         color:#293E35;
         }
      
      
      .commentators-list li{
         float:left;
         width:49%;
         height:35px;
         margin:0 0 5px 0;
         overflow:hidden;
         color:#a0a0a0;
         font:bold 1.2em   'Trebuchet MS';
         }
         
         .commentators-list li img{
            border:solid 1px #000;
            float:left;
            margin:0 14px 0 0;
            width:33px; height:33px;
            }
            
         .commentators-list li a{   
            color:#293E35;
            }
            
            .commentators-list li a span.url{
               display:none;
               }
               
               .commentators-list li a:hover span.url{
                  display:block;
                  font:normal 0.83em 'Trebuchet MS';
                  color:#a0a0a0;
                  }

/*end lightgreen-block*/

/*slogan*/

.slogan{
   height:132px;
   background:url('images/slogan-bg.jpg') repeat-x;
   display:table;
   width:100%;
   font:normal 1.8em  Arial;
   color:#fff;
   }
   
   .slogan-text{
      display:table-cell;
      vertical-align:middle;
      text-align:center;      
      }
      
      .slogan-text p{
         line-height:13px !important;
         }
   
   .slogan span{
      font:normal 0.61em  Arial;
      color:#949f91;
      }
      
      .slogan span a{
         color:#949f91;
         }
         
         .slogan:hover a{
            border-bottom:dotted 1px #949f91;
            color:#B6BFB3;
            }
            
            .slogan span a:hover{
               border-bottom:solid 1px #949f91;
               color:#B6BFB3;
               }
   
/*end slogan*/

/*portfolio*/

.footer{
   clear:both;
   background:url('images/portfolio-noise.jpg');
   }
   
.portfolio-text{
   background:url('images/portfolio-text.gif') no-repeat 50% 50%;
   }
   
.ribbon{
   opacity: 0.04; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
   overflow:hidden;
   }
   
   .ribbon:hover{
      opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
      }
   
   .ribbon a{
      float:left;
      width:53px;
      height:24px;
      background:url('images/ribbon.png') no-repeat;
      }

/*end portfolio*/


/*Comments*/


.comments-block{
   border-top:solid 4px #bbb;
   background:url('images/bg-comments-block.jpg') no-repeat 100% 100%;
   padding:0 4px 20px 0;
   margin:20px 0 0 0;
}
   
   .comments-block h2{
      font:normal 1.8em  Arial;
      margin:0 0 11px 41px;
      padding:15px 0 0 0;
      }
      
      .comments-block h2 span{
      border-top:solid 4px #890a00;
      padding:11px 0 0 0;
      }
      
.commentlist{
   list-style:none;
   }
   
   .commentlist li{
      margin:0 0 30px 41px;
      overflow:hidden;
      }
      
   .gravatar-comments{
      width:33px;
      height:33px;
      display:block;
      float:left;
      border:solid 1px #333;
      margin:0 -45px 0 0;

      }
      
   .txt-comments{
      position:relative;
      margin:0 0 0 45px;
      padding:0 30px 0 0;
      font-size: 1.2em;
      }
      
      .txt-comments blockquote{
         margin:5px 0 0 0;
         }
      
      .txt-comments a{  
         text-decoration:underline;
         }
         
      
      .txt-comments small{
         font-size:0.9em;
         color:#c1c1c1;
         }
         
      .commentcount{
         position:absolute; top:0; right:10px;
         font:normal 24px Georgia;
         color:#c1c1c1;
         }
   
.author_comments{
   margin:0 0 10px 0 !important;
   background:#890a00;
   padding:10px 0 10px 41px;
   color:#fff;
   }
   
   .author_comments small{
      color:#c99d9a;
      }
   
   .author_comments .commentcount{
      color:#000;
      }
   
   .author_comments a{
      color:#fff;
      }
   

.comment-form{
   margin:0 0 0 41px;
   }
   
   .respond_h{
      margin:0 0 5px 0 !important;
      }
      
   .respond_p{
      font:normal 1.1em  Arial;
      margin:0 0 5px 0;
      }
      
   .commentform .form input{
      padding: 2px;
      font: normal 1.1em Arial;
      }
   
   .commentform label{
      font-size: 1.1em;
      }
          
   .commentform textarea{
      width:100%;
      border:1px solid #DFDFDF;
      }
         
   .submit-comment{
      background:url('images/button-bg.gif');
      border:solid 1px #DF7D7D;
   	width:150px;  
   	padding:3px; 
      visibility:visible;
      font:normal 1.1em Tahoma;
      border:1px solid #adadad!important;
      border-left-color:#ececec!important; 
      border-top-color:#ececec!important;
      }
      
   
.help-comments{
   background:#890a00;
   color:#fff;
   padding:10px 30px;
   margin:10px 0;
   font-size: 1.1em;
   }
   
p.form, .subscribe-to-comments{
   margin:0 0 10px 0;
   }
   
   p.form input{
      border:solid 1px #ececec;
      }
      
   .subscribe-to-comments label{
      position: relative; top:-2px;
      }
   
/*End Comments*/


.wp-pagenavi{
   margin:-28px 0 28px 45px;
   }
   
   .wp-pagenavi a, .wp-pagenavi span{
      border:solid 1px #890A00 !important;
      color:#000 !important;
      background:#F3F4EF !important;
      }

 
 
/*style cnt*/
   
tt{
   font:normal 1em 'Courier New';
   color:#333;
   background:#DFDFDF;
   border-bottom:dotted 1px #939393;
   }
   
   .cnt p a, .cnt dt a, .cnt dd a, .cnt li a{
      color:#939393;
      font-weight:bold;
      }
      
   .cnt small{
      color:#939393;
      font-size: 0.9em;
      }
      
   .first .cnt p a, .first .cnt dt a, .first .cnt dd a, .first .cnt li a{
      color:#890A00;
      }
      
      .cnt p:hover a, .cnt dt:hover a, .cnt dd:hover a, .cnt li:hover a{
         border-bottom:dotted 1px #939393;
         }
         
         .first .cnt p:hover a, .first .cnt dt:hover a, .first .cnt dd:hover a, .first .cnt li:hover a{
            border-bottom:dotted 1px #890A00;
            }
         
      .first .cnt p a:hover, .first .cnt dt a:hover, .first .cnt dd a:hover, .first .cnt li a:hover{
         background:#DFB8B5;
         border-bottom:dotted 1px #890A00;
         }
         
      .cnt p a:hover, .cnt dt a:hover, .cnt dd a:hover, .cnt li a:hover{
         background:#DFDFDF;
         border:0;
         border-bottom:dotted 1px #939393;
         }
         

   .cnt blockquote{
      margin:20px 0;
      font:italic 14px Georgia;
      color:#939393;
      background:url('images/quote-l.gif') no-repeat 0 10px;
      padding:20px 66px;
      width:70%;
      }  
      
   
   .cnt blockquote p{
      font:italic 16px Georgia;
      }
      
      .cnt blockquote:after{
         content:url('images/quote-r.gif');
         text-align:right;
         display:block;
         margin:-43px -66px 0 0;
         }
     
         
/*end style cnt*/

span.t2{
   color:#939393;
   }

.fade{
   color:#939393;
   }
   
.tab-current{
   color:#fff !important;
   }

div.t2{
   display:none;
   }
   
   .st-tag-cloud a:hover{
      text-decoration:underline;
      }
      
div.tag-post{
   margin:10px 0 0 0;
   color:#939393;
   font-size: 1.2em;
   }
   
   div.tag-post a{
      color:#939393;
      }
      
      div.tag-post a:hover{
         text-decoration:underline;
         }
         
.abvert{
   margin:0 47px 20px 47px;
   color:#CFCFCF;
   }
   
   .abvert a{
      color:#CFCFCF !important;
      }
      
.attachment{
   margin:0 10px 10px 0;
   }
   
.author_comments .comments_quote blockquote{
   border-left:solid 3px #6F0800;
   padding:5px;
   margin:5px 5px 5px 0;
   color:#ddbab7;
   font:italic 1em Tahoma;
   background:url('images/quote-bg-autor.gif');
   }
   
.comments_quote blockquote{
   border-left:solid 3px #6F0800;
   padding:5px;
   margin:5px 5px 5px 0;
   font:italic 1em Tahoma;
   background:url('images/quote-bg.gif');
   }
   
   .comments_quote p{
      margin:0 0 10px 0;
      }
      
      .comments_quote blockquote p{
         margin:0 0 5px 0;
         }
   
.ajax-admin-edit-paragraph{
   margin:5px 0 0 0;
   color:#C1C1C1;
   }
   
   .ajax-admin-edit-paragraph a{
      color:#C1C1C1;
      }
      
/*rss*/
.rss-block{
   background:url('images/rss-bg.jpg') #ec893e repeat-x;
   padding:50px 0 17px 0;
   }
   
   .rss-block a.rss{
      display:block;
      height:30px;
      width:137px;
      background:url('images/rss-ico.jpg') no-repeat;
      padding:0 0 0 36px;
      margin:0 0 0 19px;
      font:bold 1.2em  Arial;
      color:#fff;
      }
      
      .rss-block a.rss span.count{
         display:block;
         font-size:0.91em;
         color:#a15621;
         width:144px;
         }

.readers-rss{
   margin:17px 0 0 0;
   padding:10px 20px;
   background:#000;
   height:42px;
   overflow:hidden;
   }
   
   .readers-rss ul{
      float:left;
      width:50%;
      }
      
      .readers-rss ul li{
         margin:0 0 6px 0;
         }
         
         .readers-rss ul a{
            font:normal 1.1em  Tahoma;
            padding:0 0 0 21px;
            }
            
            .readers-rss ul a:hover{
               text-decoration:underline;
               }
            
            .google-read{
               background:url('images/google-ico.gif') no-repeat 0 50%;
               }

            .yandex-read{
               background:url('images/yandex-ico.gif') no-repeat 0 50%;
               }

            .lj-read{
               background:url('images/lj-ico.gif') no-repeat 0 50%;
               }

            .email-read{
               background:url('images/email-ico.gif') no-repeat 0 50%;
               }

               
/*end rss
-------------------*/

/*search*/

.search-block{
   background:url('images/search_bg.gif') no-repeat;
   height:102px;
   }
   
   .search-block form{
      padding:42px 20px 0 21px;
      }
      
      .search-block .type-text{
         width:284px;
         background:url('images/input-bg.gif') no-repeat;
         height:22px;
         }
         
         .type-text input{
            border:0;
            background:none;
            padding:0 10px;
            font:normal 1.1em  'Lucida Sans Unicode' Tahoma;
            margin:2px 0 0 0;
            width:264px;
            }

   .type-image{
      text-align:right;
      padding:0 2px 0 0;
      }
            
/*end search
-------------------*/

.related_posts{
   border-top:4px solid #BBB;
   padding: 0px 0px 0px 40px;
   }

   .related_posts dt.headline{
      font-size:1.8em;
      margin:15px 0 10px 0;
      }
      
      .related_posts dt.headline span{
         border-top:4px solid #890A00;
         padding:11px 0;
         margin: 0 0px 0px 0px;
         }
      
   
   .related_posts dt{
      font-size:11px;
      margin:0 0 5px 0;
      }

   .related_posts dd{
      color:#9F9F9F;
      margin-bottom: 15px;
      font-size: 1.1em;
      }
      
      .related_posts dt a{
         text-decoration: underline;
         font-size: 1.2em;
         }

/* codecolorer
------------------------------*/


.codecolorer-container{
   display: block; 
   border:0 !important; 
   border-left:solid 3px #880000 !important; 
   padding:5px 0 5px 20px !important; 
   margin:10px 0 !important; 
   width:90% !important; 
   overflow:auto;
   background: #F3F4EF !important;
   }
   
/* end codecolorer
------------------------------*/


   .excerpt-more p span.hl{
      /*background: red;*/
      }

.more-read{
   color: #890A00 !important;
   }
   
   .more-read:hover{
      background: #DFB8B5 !important;
      }
   
/* image align
------------------------------*/

.alignleft{
   float:left;
   margin-right: 10px;
   }


/* contact form
------------------------------*/

#ajax-container-form{
   position: absolute; top:0px; left:50%; z-index:3;
   display:none;
   width:888px;
   margin-left: -444px;
   }
