#blog #header {
	background: #ffffff none repeat scroll 0 0; 
	border-color: #383939 #383939 #c3c3c3 #c3c3c3; 
	border-style: solid; border-width: 1px 0;
	-webkit-box-shadow: 0 8px 6px -6px #e5e5e5;
	   -moz-box-shadow: 0 8px 6px -6px #e5e5e5;
	        box-shadow: 0 8px 6px -6px #e5e5e5;
}
#blog #headerWrap {border:none;}
#blog {background-image: none;}

#blog #headerWrap .rp960{margin: 0 auto; min-width: 960px; width: 97.5em; background: none; border: none;}
#blog #blogPost .rp960 {margin: 0 auto; min-width: 960px; width: 97.5em; background: none; border: none;}
#blog #breadcrumbsWrap .rp960{margin: 0 auto; min-width: 960px; width: 97.5em; background: none; border: none;}
#blog #footerWrap .rp960 {margin: 0 auto; min-width: 960px; width: 97.5em; background: none; border: none;}

#blog header .org {display: none;}
#blog header h3.vcard {margin:0;}
#blog #interests {height: 55px;}
#blog #breadcrumbsWrap { border-bottom:1px solid #e5e5e5;}

#blog .logo {padding-left: 0;}
#blog .breadcrumbs {padding: 10px 23px 10px 0; margin-top: 10px;}
#blog .content {padding-top: 0;}

#blog .interestsWrap { background-image: url("img/bg_banner_podstran.png"); background-position: 25px 0; background-repeat: no-repeat; -webkit-box-shadow: 0 8px 6px -6px #e5e5e5; -moz-box-shadow: 0 8px 6px -6px #e5e5e5; box-shadow: 0 8px 6px -6px #e5e5e5; }
#blog .interestsWrap h2 { color: #ffffff;}

#blog .category a {display: inline-block; padding: 4px 8px; background-color: #939597; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; font-size: 12px;}
#blog .blogPosts .colsWrap .col {display:inline-block; width:25%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left;}
#blog .blogPosts figure { margin: 0; padding: 0; width: 100%; height: 300px;}
#blog .blogPosts figure figcaption  { display : none;}
#blog .blogPosts h3.cs-title  { font-size: 20px; line-height: 26px; text-align: left; }
#blog .blogPosts .postContent  { padding: 20px 30px 20px 30px;}

#blog #blogPost .col.leftBlock { display: inline-block; width: 66%; float: left; padding-bottom: 30px;}
#blog #blogPost .col.rightBlock { display: inline-block; width: 33%; float: right;}
#blog #blogPost .breadcrumbs {margin-bottom: 40px;}
#blog #blogPost h1 {margin-top: 0; text-align: left;}
#blog #blogPost h2 {text-align: left;}

#blog #blogPost .col.rightBlock .widget { padding-left: 30px;}
#blog #blogPost .col.rightBlock .widget:not(:first-of-type) { padding-top: 30px;}
#blog #blogPost .col.rightBlock .widgettitle { text-align: left; text-transform: uppercase;}
#blog #blogPost .col.rightBlock ul li {list-style: none; background: none; text-align: left; border-bottom: 1px solid #e5e5e5; padding-top: 0.5em; padding-left: 0;}

#blog .copyrights ul li{ display: inline-block; list-style: none; background: none; border-right: 1px solid #ccc; padding: 0 5px 0 5px; float: left;}
#blog .copyrights ul li:last-of-type{ float: right; border: none;}

#blog .box p {font-size:1.2em; text-align: left;}

@media only screen and (max-width: 1024px) {
    #blog .blogPosts .colsWrap .col {display:inline-block; width:48%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left;}
}

@media only screen and (max-width: 800px) {
    #blog .blogPosts .colsWrap .col {display:inline-block; width:99%; border-bottom: 1px solid #e5e5e5; border-right: none; float: left;}
}