/* @group blog */

.blogContainer {

	width: 668px; 
	margin: 0 auto 15px auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	border: 1px solid white;
	background: #bfbfbf url(/images/blogBackground.jpg) no-repeat left top;
	text-shadow: white 0 1px 0;
	padding: 20px 10px 0 10px;
	
	/* @radious */
	
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 15px;
}

.blogContainer.blogSingle ul.postList { border-top: none; border-bottom: none; }
.blogContainer.blogSingle ul.postList li { border: none !important; }

.blogContainer h3 {	margin-bottom: 10px; }

.blogContainer ul.postList { width: 688px; border-top: 1px solid #afafaf; border-bottom: 1px solid #fff; overflow: hidden; margin-left: -10px; margin-right: -10px; }



/* @postTitle */

h3#postTitle { color: #33809e; }
h3#postTitle a { text-decoration: none; font-weight: bold; }

a.commentCounter { float: right; width: 70px; height: 44px; display: block; text-align: center; padding: 10px 0; font-size: 20pt !important; background: url(/images/comment-bubble.png) no-repeat; margin: 0 0 12px 12px; line-height: 130%; color: black !important; }
a.commentCounter:hover { text-shadow: #000000 0 1px 1px; color: #33809e !important; text-decoration: none !important; }


.blogContainer ul.postList li.post { width: 658px;  border-bottom: 1px solid #afafaf; border-top: 1px solid #fff; padding: 15px 15px 3px 15px; font: Avenir-Heavy, Arial, Helvetica, Geneva, sans-serif; }
.blogContainer ul.postList li.post .postLeft { width: 150px; margin: 0 15px 0 0; float: left; }
.blogContainer ul.postList li.post .postRight { width: 493px; float: left; overflow: hidden;  }
.blogContainer ul.postList li.post .postLeft .thumb { position: relative;s width: 149px; height: 149px; border-right: 1px solid white; border-bottom: 1px solid white; overflow: hidden; margin: 0 0 15px 0; }
.blogContainer ul.postList li.post .postLeft .thumb.thumbPlay { height: auto; }
.blogContainer ul.postList li.post .postLeft .thumb.thumbPlay .play { position: absolute; top: 20%; left: 48px; width: 54px; height: 54px; background: url(/images/playMin.png); }

.blogContainer ul.postList li.post .postLeft .thumb img { width: 149px; }

.blogContainer ul.postList li.post .postLeft h2 { font-size: 10pt; text-align: center; margin: 0 0 6px 0; }

.blogContainer ul.postList .postAuthor { font-size: 10pt; font: Avenir-Heavy, Arial, Helvetica, Geneva, sans-serif;	color: #505050; }
.blogContainer ul.postList .postTags { display: block; font-size: 10pt; }

.blogContainer ul.postList .thePost { font: 10pt/16pt "Helvetica Neue-Light", Helvetica, Arial, Geneva, sans-serif;	clear: both;}
.blogContainer ul.postList .thePost a {	color: #33809e;	text-decoration: none; }
.blogContainer ul.postList .thePost a:hover { color: black;	text-decoration: underline; }
.blogContainer ul.postList .thePost strong { font-weight: bold;	color: black; }


.blogContainer ul.postList .thePost ul.profileOptions { border-color: rgb(90,90,90); background: url(/images/optionsBackgroundwhite.png) repeat-x; margin: 12px 0; }
.blogContainer ul.postList .thePost ul.profileOptions li { height: 18px; padding-top: 6px; }
.blogContainer ul.postList .thePost ul.profileOptions a { color: black; }
.blogContainer ul.postList .thePost ul.profileOptions a:hover { color: #33809e; }

.blogContainer ul.postList span.postTags a { text-decoration: none;	font-weight: bold; color: #505050; font-size: 11pt;}

/* @end */