div#banner { height: 150px; width: 100%; }
div.blogs { background-color: #ffffff; border-bottom: solid 1px #A7A9AC; }
div#banner div.banner-content { width: 960px; height: 150px; margin:auto; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/blogs-banner.gif); background-repeat: no-repeat; background-position: left top; }
div#banner div.banner-content a.type { float: right; margin-top: 13px; height: 127px; width: 227px; display: block; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/blogs-types.gif); background-position: left top; background-repeat: no-repeat; margin-left: 7px; }
div#banner div.banner-content a.team { background-position: -465px top }
div#banner div.banner-content a.solution { background-position: -232px top }
div#banner div.banner-content a.source { background-position: 0px top }
div#banner div.banner-content a:hover { opacity:0.80; filter:alpha(opacity=80); }

div#main-content { width: 960px; margin: auto; padding-bottom: 20px; }
div#main-content div.content { padding-top: 15px; }
div#main-content div.content div#recent-blogs div.title { font-size: 28px; font-weight: normal; line-height: 30px; margin-top: 0px; margin-bottom: 10px; padding-bottom: 7px; border-bottom: solid 1px #999999; padding-left: 30px; }
div#main-content div.content div#recent-blogs div.blog { float: left; width: 435px; margin-left: 30px; }
div#main-content div.content div#recent-blogs div.blog h2 { font-size: 18px; font-weight: normal; margin-top: 10px; margin-bottom: 5px; line-height: 28px; }
div#main-content div.content div#recent-blogs div.blog div.author { color: #696A6C; }
div#main-content div.content div#recent-blogs div.blog p { display: block; margin-top: 7px; margin-bottom: 3px; }
div#main-content div.content div#recent-blogs div.blog a span.meta-nav { display: none; }

div#main-content div.shadow, div#resources div.shadow { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/content-product-shadows.gif); background-repeat: no-repeat; background-position: center top; height: 8px;}
div#resources div.shadow { background-position: center -10px; }

/*NEW-BLOGPAGE*/

.cBlogPageBanner {
    
}

div#banner div.banner-content {
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/blog-page-banner.jpg) no-repeat;
}
div.blogs {
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/blog-page-banner-bg.jpg) repeat-x;
}
.cBlogContainer {
s    width: 960px;
    display: inline-block;
}
.cBlogCol {
    width: 300px;
    float: left;
    display: inline-block;
    
}
.cMargin-left {
    margin-right:20px;
}
.cBlogColTitle {
    width: 300px;
    height: 77px;
    margin-bottom: 30px;
}

.cBlogColTitle.cTheSource {
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/the-source-title.jpg) no-repeat;
}
.cBlogColTitle.cSolution {
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/solution-a-title.jpg) no-repeat;
}
.cBlogColTitle.cHomePort {
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/homeport-title.jpg) no-repeat;
}

.cBlogPostContainer {
    width: 300px;
    height: auto;
    margin-bottom: 30px;
}
.cPostTitle {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.cPostInfo {
    display: inline-block;
    color: #696a6c;
    margin-bottom: 10px;
}
.cPostSummary {
    display: inline-block;
    width: 300px;
    
}
.cContinueReading {
    margin-top: 10px;
    display: inline-block;
}
.cLine {
    height: 15px;
    width: 960px;
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/blog_page_line.jpg) no-repeat center;
    margin-bottom: 30px;
}
.cTeamTitle {
    width: 960px;
    height: 39px;
    background: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/team-title.jpg) no-repeat left;
    margin-bottom: 30px;
}