@CHARSET "UTF-8";

#blogs { margin: 0px 20px 20px 20px; }
#blogs .blog .blog_small { border: 1px #dddecb solid; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 45px; }
#blogs .blog a.title { font-size: 14px; font-weight: bold; }
#blogs .blog .descr { font-size: 11px; margin-top: 5px; }
#blogs .blog .meta li { padding-right: 10px; list-style-type: disc; display: inline;}
#blogs .blog .meta, #blogs .blog .meta a { font-size: 11px; color: #4c555a; }

#post { margin: 0px 20px 20px 20px; }

#blogs h3, #post h3 { font-size: 18px; color: #4c555a; padding-bottom: 10px; padding-top: 0px; font-weight: normal; }

#blogs { margin: 0px 20px 20px 20px; }
#blogs .post { margin-bottom: 25px; margin-top: 10px; }
#blogs .post .icon { float: left; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; }
#blogs .post a.title { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#blogs .post .descr { font-size: 11px; margin-top: 5px; margin-left: 25px; }
#blogs .post .meta { margin-top: 10px; margin-left: 25px;  }
#blogs .post .meta li { padding-right: 10px; list-style-type: disc; display: inline;}
#blogs .post .meta, #blogs .blog .meta a { font-size: 11px; color: #4c555a; }

.post_image_admin { margin: 10px 0px 30px 0px; overflow: hidden; padding: 20px; border: 1px #ccc solid; }


.post_image_admin .image { float: left; width: 27%;  }
.post_image_admin .code 
{ float: left; width: 40%; }

.post_image_admin .delete { float: left; width: 30%; padding-top: 70px; padding-left: 10px; }
.post_image_admin .delete .ImageDeleteButton { margin-left: 30px; font-size: 11px; padding: 3px; }

.post_image_admin .image { font-size: 16px; font-weight: bold; }   
.post_image_admin .image img { display: block; margin-top: 15px; }

.post_image_admin .code { font-size: 16px;  }
.post_image_admin .code textarea { display: block; margin-top: 15px; margin-bottom: 15px; width: 100%; height: 70px; }
.post_image_admin .code .address { display: block; font-size: 11px; margin-top: 5px; }

.cover { background-color: #efefef; }

#blog_posts { float: left; width: 665px; margin: 0px 20px 0px 20px; }
#blog_posts ul { list-style-type: none; }
#blog_posts ul li.first { overflow: hidden; margin-bottom: 30px; }
#blog_posts ul li.first .date { margin-bottom: 5px; }
#blog_posts ul li.first .date span { font-size: 11px; background-color: #4c555a; color: #dddecb; font-weight: bold; padding: 3px;}
#blog_posts ul li.first .post_tags { font-size: 11px; margin-top: 5px; }
#blog_posts ul li.first .post_tags .label { margin-top: 3px; margin-right: 5px; float: left; }
#blog_posts ul li h2 , #blog_posts ul li h2 a { font-size: 28px; color: #4c555a; margin-bottom: 30px; }
#blog_posts ul li .cover { border: 1px #dddecb solid; float: left; margin: 0px 20px 20px 0px; }

#blog_posts ul li.other { overflow: hidden; padding-bottom: 30px;}
#blog_posts ul li.other .date_and_comments { float: left; margin: 5px 10px 0px 0px; }
#blog_posts ul li.other .date_and_comments span { font-size: 11px; background-color: #4c555a; color: #dddecb; font-weight: bold; padding: 3px;}
#blog_posts ul li.other .date_and_comments div.comments { font-size: 11px; text-align: center; margin-top: 15px; }
#blog_posts ul li.other .date_and_comments div.comments div.num { font-size: 22px; font-weight; bold; margin-bottom: 3px; }

#blog_posts ul li.other .data { margin-left: 90px; }
#blog_posts ul li.other .data a.title { font-size: 14px; font-weight: bold; }
#blog_posts ul li.other .data .pre { font-size: 11px; margin: 3px 0px 3px 0px; }
#blog_posts ul li.other .data .post_tags { font-size: 11px; margin-top: 1px; }
#blog_posts ul li.other .data .post_tags .label { margin-top: 3px; margin-right: 5px; float: left; }

#blog_meta { float: left; width: 265px; } 

#blog_info { background-color: #efefef; }
#blog_tags { background-color: #efefef; margin-top: 30px;}

#blog_info .inner .blog_image { margin-top: 20px; }
#blog_info .inner .blog_image img { border: 1px #dddecb solid; }
#blog_tags .inner, #blog_info .inner { padding: 20px; }
#blog_tags .inner h2, #blog_info .inner h2 { background-color: #4c555a; color: #ffffff; display: inline; padding: 2px 5px 2px 5px;  }

#alltags ul.tags, #blog_tags .inner ul.tags, .inner ul.tags { margin: 20px 0px 20px 0px; padding: 0; }
#alltags ul.tags li, #blog_tags .inner ul.tags li, .inner ul.tags li { display: inline; margin-right: 15px; line-height: 25px; letter-spacing: 0px; }

#post 
{
	overflow: hidden;
}

#post .main { width: 665px; float: left; }

#post .main blockquote { background-color: #dddecb; padding: 25px; color: #4c555a; width: 250px; margin: 25px; }
#post .main ul, #post .main ol { margin: 30px; }
#post .main ul li, #post .main ol li { margin-bottom: 10px; }
#post .main ul.meta { margin: 0; list-style-type: none; font-size: 11px; }
#post .main ul.meta li { padding: 0; margin-bottom: 5px; }
#post .main ul.meta li .label { margin-top: 3px; margin-right: 5px; float: left; }
#post .main ul.meta li a.blog { padding: 0; font-weight: bold; font-size: 12px; }

#post_right { float: right; width: 265px; }
#post_right .inner { padding: 20px; background-color: #efefef;  }
#post_right .inner h2 { background-color: #4c555a; color: #ffffff; display: inline; padding: 2px 5px 2px 5px; line-height: 22px;  }
#post_right .inner .author , #post_right .inner .code { margin-top: 20px; }
#post_right .inner .code textarea { width: 100%; font-family: Arial; font-size: 12px; height: 80px; display: block; }
#post_right .inner .code .help { font-size: 10px; padding-top: 10px; }
#post_right .inner .author { overflow: hidden; }
#post_right .inner .author span { font-weight: bold; }
#post_right .inner .author img { float: left; margin-right: 10px;  } 



#images { overflow: hidden; margin: 20px; padding: 0;  }
#images ul { margin: 0px; padding: 0; overflow: hidden; }
#images ul li { display: inline; width: 225px; margin-right: 20px; padding-bottom: 20px; float: left; }
#images ul li.last { margin-right: 0; } 
#images ul li a { display: block; font-size: 18px; color: #4c555a; font-family: Arial; height: 32px;}
#images ul li img { border: 1px #e0e0df solid; margin: 10px 0px 10px 0px; }


#twocols { overflow: hidden; }

#ten h2, #alltags h2 { background-color: #4c555a; color: #ffffff; display: inline; padding: 2px 5px 2px 5px; line-height: 22px; }
#ten { float: left; width: 650px; }
#alltags { float: left; width: 285px; background-color: #efefef; }
#alltags .inner { padding: 20px; }

#tagged_posts  { padding: 0px 20px 30px 20px }
#tagged_posts ul { list-style-type: none; overflow: hidden; margin-top: 20px; }
#tagged_posts ul li { margin-bottom: 20px; }
#tagged_posts ul li img { float: left; margin: 5px 20px 0px 0px; border: 1px #e0e0df solid; }
#tagged_posts ul .data { margin-left: 75px; }
#tagged_posts ul .pre { margin: 5px 0px 5px 0px; }
#tagged_posts ul a.title { font-weight: bold; }
#tagged_posts ul .meta , #tagged_posts ul .meta a { font-size: 11px; color:#4c555a; font-weight: bold; }

#imagesList .scroller .content { 
   width: 250px;
} 
#imagesList .scroller .content .section {
	 height: 200px; padding-top: 20px;
}

#comments .comment { font-size: 11px; color:  }

#comments .comment .meta { background-color:#efefef; padding: 3px; }
#comments .comment .user { font-weight: bold; color: #ffffff; background-color: #4c555a; padding: 2px 5px 2px 5px;}
#comments .comment .date { color: #4c555a;}
#comments .comment .title { color: #4c555a; font-weight: bold; font-size: 14px; display: block; margin-top: 5px;}
#comments .comment p { font-size: 12px; color: #333333; margin-top: 5px;  }