/* Blog Post Content Areas (override default stylesheet) */

.content-contain, #blog-content-container {float: none;}

#blog-feed {width: 660px; float: left; position: relative; margin-left:35px; z-index: 2;}

a {font-size: 1em; color: #3075B0;}
a:hover {text-decoration: underline;}

.post {clear: both; position: relative; margin-bottom: 1.5em;}
	
	#blog-content-container .content-top {
	background: url(/images/blog/blog-sprite.png) 0 0 no-repeat !important; 
	background: url(/images/blog/ie6/blog-sprite.gif) top no-repeat; 
	height: 10px; 
	width: 660px;
	overflow: hidden;
	}
	
	#blog-content-container .main-content {
	background: url(/images/blog/660-slice.png) repeat-y !important;
	background: url(/images/blog/ie6/660-slice.gif) repeat-y;
	padding: 11em 2.5em 6em; width: 610px;
	overflow: hidden; position: relative;
	}
	
	#blog-content-container .main-bottom {
	background: url(/images/blog/blog-sprite.png) 0 -10px no-repeat !important; 
	background: url(/images/blog/ie6/blog-sprite.gif) 0 -10px no-repeat;
	height: 10px; 
	width: 660px;
	overflow: hidden;
	}
	
	.tab {background: url(/images/blog/tab.png) no-repeat !important; background: url(/images/blog/ie6/tab.gif) no-repeat; height: 120px; width: 30px; position: absolute; top:10px; left:-29px;}

	.title-banner {background: url(/images/blog/tab-stretch.png) repeat-x !important; background: url(/images/blog/ie6/tab-stretch.gif) repeat-x; 
	height: 90px; width: 566px; position: absolute; top:10px; left:0; padding: .8em 4.5em 0 4.5em;}
		.title-banner .date {font-size: 1.6em; display: block; text-transform: uppercase; width: 40px; position: absolute; 
		left: -1em; letter-spacing: .15em; text-align: center;}
		.title-banner .date span {font-size: 1.9em; color: #305dc3; display: block; height: 1em;}
		h1.title {margin-bottom: 0; display: block; width: 25em; font-size: 1.8em; color: #3075b0; font-weight: normal; 
		letter-spacing: normal;}
				.title a:hover {text-decoration: underline;}
			h1.title.subscribed {font-size: 3em; line-height: 2em;}
			a.returnto {font-size: 2em;}
		.author {height: 35px; position: relative;}
			.photo {position: absolute; right: 4.5em; top: .5em; width: 75px; height: 60px; 
			background: url(/images/blog/photobg.gif) 0 0 no-repeat;}
				.photo img, .photo div.yodler, .photo div.guest {position:absolute; bottom: -5px; left: 7.5px; display: block;}	
				.photo div.yodler, .photo div.guest {width: 75px; height: 60px;}
				.photo div.yodler {background: url(/images/blog/blog-sprite.png) -390px -20px no-repeat;}
				.photo div.guest {background: url(/images/blog/blog-sprite.png) -510px -20px no-repeat;}
			.bio-button {position:absolute; bottom: -20px; height: 20px; width: 75px; 
			background: url(/images/blog/photobg.gif) 0 -60px no-repeat; cursor: pointer;}
			
			.tooltip h2 {font-size: 1.4em; margin-bottom: 5px;}
			.tooltip p {font-size: 10px; line-height: 11px;}		
			.author p {display: block; position: absolute; bottom: 0; margin-bottom: 0; font-size: 1.2em; 
			line-height: 35px; color: #555555;}
			.author oblique {font-size: .8em;}
		
		.social-media {width: 55px; margin: 0 25px 20px 0; float: left;}
		.social-media .fb {display: block; width: 50px; overflow: hidden; margin: 10px auto;}
			a.comment-count {background-image: url(/images/blog/comments.gif); background-position: 0 -55px; 
			background-repeat: no-repeat; position: relative; width: 55px; height: 55px; display: block; margin-bottom:18px;}
			a.comment-count:hover {background-position: -55px -55px; text-decoration: none;}
			a.comment-count.one {background-position: 0 0;}
				a.comment-count.one:hover {background-position: -55px 0;}
			a.comment-count span {position: absolute; top: 8px; font-size: 2.2em; cursor: pointer; display: block; 
			width: 45px; text-align: center;}
		.entry {float: right; width: 530px; padding-bottom: 2em;}
		.entry div.tags {position: absolute; bottom: 1em; left: 25px; width: 400px;}
			.entry div.tags a {line-height: 1em; background-color: #faeabd; display: block; padding: .25em; float: left; 
			margin: .1em .2em; text-decoration: none;}
				.entry div.tags a:hover {background-color: #8dc226; color: white;}

.comment {background-image: url(/images/blog/comment.png); background-repeat: no-repeat; 
background-position: 0 0; padding: 0 15px; width: 445px;}

.comment-container {width: 475px; float: right; margin-bottom: 15px;}
	.comment-top {height: 25px; padding-top: 35px;}
		.comment-top p {font-size: 1.2em;}
		.comment-top h2 {font-size: 1.4em; margin: 0; line-height: 25px; color: #3075B0; text-transform: uppercase;}
	.comment-content {overflow: hidden; background: url(/images/blog/commentbg.png) repeat-y; padding-top: 20px; 
	padding-bottom: 1em;}
	.comment-bottom {height: 45px; background-position: 0 -180px; position: relative;}
	

#sidebar {width: 222px; float: left; margin-left: 20px; z-index: 1;}
#sidebar-top {width: 222px; background: url("/images/blog/220-sprite.png") 0 0 no-repeat; height: 10px;}
#sidebar-content {width: 222px; background: url("/images/blog/220-slice.png") repeat-y; position: relative;}
#inbox-yodle {position: absolute; left:10px; top: -30px;}
#sidebar-bottom {width: 222px; background: url("/images/blog/220-sprite.png") 0 -10px no-repeat; height: 10px;}

#yodler-subscription {text-align: center; padding-top: 130px; margin: auto; text-align: center; width: 220px;}
#yodler-subscription div {position: relative;}
#yodler-subscription .textfield {width: 180px; background: #ecf8fe; border: 1px solid #808080; font-size: 1.2em; padding: .5em .4em; margin-bottom: 9px;}

/* .entry p {font-size: 1.2em;} */
.entry ul, .entry ol {clear: both; display: block;}
.entry ul li {margin-bottom: 0;}
#sidebar h2 {font-size: 1.6em; margin:18px 0 9px 1em;}
#sidebar ul {list-style-type: none; padding: 0 2em; margin-bottom: 0;}
	#sidebar ul li {margin-bottom: auto;}
		#sidebar li a {display: block;}
		#sidebar li a:hover {text-decoration: underline;}
		
/* Blog Buttons */
/* #subscribe-now {background:url(/images/blog/blog-buttons.png) no-repeat;} */
#subscribe-now {background: url(/images/blog/subscribe-now.png) no-repeat; width: 240px; height: 60px; margin-left: -13px;}

.read-more {background:url(/images/blog/blog-buttons.png) no-repeat; background-position: 0 -3.5em; height: 3em; width: 13em; display: block; position: absolute; bottom: 1em; right: 4.5em; font-size: 10px !important;}
.read-more:hover {background-position: -13em -3.5em;}
.read-more.focus {background-position: -26em -3.5em;}

.add-comment {background:url(/images/blog/blog-buttons.png) no-repeat; background-position: 0 -7em; height: 3em; width: 13em; display: block; position: absolute; bottom: 2em; right: 1.5em; font-size: 10px !important;}
.add-comment:hover {background-position: -13em -7em;}
.add-comment.focus {background-position: -26em -7em;}
/* **************/


/* Blog Image Formatting */
.entry img {border: 1px solid #BBBBBB;}
.entry p img.left {float: left; margin: 0 1em 1em 0;}
.entry p img.right {float: right; margin: 0 0 1em 1em;}
.entry p img.center {margin: auto; clear: both; float: none;}
.entry h2 {font-size: 1.5em;}
.entry strong {color: #444444;}
.entry em {font-style: italic; font-size: 1em;}