/*   
Theme Name: News and Articles
Description: Custom Theme for Online Health Insurance News and Articles
Author: Matthew Booth
Author URI: http://www.apollointeractive.com/
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Prepare theme for plugins */

/* YUI CSS RESET */
@import url('http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css');

/* the blog uses /includes/css/screen.css as the base styles. */
@import url('/includes/css/screen.css');
@import url('/includes/css/form.css');
a:hover {
	text-decoration:none;
}


.post h2, .post h1 {
	font-size:14px;
	margin-bottom:0;
	margin-left:15px;
	margin-right:15px;
	margin-top:2px;
}

.clear {
	background:none;
}

#home_pg .clear{
	background-color:#ffffff;
}

#content {
	float:left;
}

#text {
	padding-bottom:10px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------
							FRONT-PAGE POST
-----------------------------------------------------------------------*/
.post {
	padding-top:1px;
	color:#333333;
	position:relative;
	clear:both;
	_height:100%;
}
	#home_pg .post, #archive_pg .post, #category_pg .post, .search .post { border-bottom:10px solid #ffffff; }
	.search .post {
		padding-bottom:1px;
	}

.post-heading {
	background-color:#fbfbfb;
	margin:5px 7px 5px 0;
	float:left;
	position:relative;
	left:7px;
	width:656px;
}
	.post_entry_info {
		float:left;
		width:568px;
	}
	.entry-meta {
		margin:0 15px;
	}
	.category_thumb {
		background: url(images/blog_sprite.jpg) -210px 0 no-repeat;
		width:86px;
		height:60px;
		float:right;
	}
		.category_thumb span {
			background: url(images/blog_sprite.jpg) -140px -60px no-repeat;
			display:block;
			width:70px;
			height:60px;
			margin-left:16px;
		}
		.category-health-insurance-tips .category_thumb span{
			background: url(images/blog_sprite.jpg) 0 -60px no-repeat;
		}
		.category-health-reform .category_thumb span {
			background: url(images/blog_sprite.jpg) -70px 0 no-repeat;
		}
		.category-general-health-insurance .category_thumb span {
			background: url(images/blog_sprite.jpg) 0 0 no-repeat;
		}
		.category-health-insurance-costs .category_thumb span {
			background: url(images/blog_sprite.jpg) -70px -60px no-repeat;
		}
		.category-medicare .category_thumb span {
			background: url(images/blog_sprite.jpg) -140px 0 no-repeat;
		}
	
#articles_header {
	background: url(images/header_graphic_newsarticles.jpg) 0 0 no-repeat;
}

.hentry {
	background-color:#f0f0f0;
	margin:0 0 0 20px;
}

.post_corner {
	background:#f0f0f0 url(images/blog_sprite.jpg) -210px -60px no-repeat;
	position:absolute;
	top:0;
	right:0;
	width:9px;
	height:9px;
}

#content #text .entry-content p, #content #text .entry-content ul, #content #text .entry-content ol, #content #text .entry-content h2, #content #text .entry-content h3, #content #text .entry-content h4, #content #text .entry-content blockquote {
	margin:10px 83px 10px 20px;
	text-align:justify;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------
							POST FOOTER
-----------------------------------------------------------------------*/

.post_read_more {
	background: url(images/blog_sprite.jpg) 0 -155px no-repeat;
	display:block;
	width:105px;
	height:35px;
	float:left;
}
	.post_read_more:hover {
		background-position:-105px -155px;
	}

	.post_footer .stbutton {
		background: url(images/blog_sprite.jpg) 0 -120px no-repeat;
		display:block;
		float:left;
		width:105px;
		height:35px;
		cursor:pointer;
	}
		.stbutton a {
			display:block;
			width:68px;
			height:35px;
			padding-left:37px;
			line-height:35px;
			cursor:pointer;
		}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------
							SIDEBAR FOOTER
-----------------------------------------------------------------------*/

#form_wrap {
	padding-bottom:20px;
	border-bottom:5px solid #FFCC99;
}

.xoxo {
	margin:0;
	padding:0;
	margin-bottom:15px;
}

	.xoxo li {
		margin:0 0 15px 0;
		color:#FF6600;
	}
	
	.xoxo li li {
		background: url(images/blog_sprite.jpg) -226px 4px no-repeat;
		padding-left:10px;
		margin:0 10px;
	}

.aside h2, .aside h3 {
	color:#FF6600;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 8px;
}

.aside a {
	color:#666666;
	font:12px Arial,Helvetica,sans-serif;
	text-decoration:none;
}

#searchsubmit {
	background: url(images/blog_sprite.jpg) 0 -340px no-repeat;
	display:block;
	width:84px;
	height:34px;
	border:none;
	margin-top:5px;
	margin-left:165px;
	cursor:pointer;
}
	#searchsubmit:hover {
		background-position:-84px -340px;
	}

.sidebar_buttons {
	margin:15px 0;
	padding:0;
	padding-bottom:20px;
	border-bottom:5px solid #FFCC99;
}

.sidebar_buttons li {
	margin:0;
	padding:0;
	margin-bottom:1px;
}
	.thumb {
		display:block;
		width:48px;
		height:48px;
		position:absolute;
		left:20px;
		top:2px;
	}
	#btn_rss .thumb { background: url(images/blog_sprite.jpg) 0 -190px no-repeat; }
	#btn_facebook .thumb { background: url(images/blog_sprite.jpg) -96px -190px no-repeat;}
	#btn_twitter .thumb { background: url(images/blog_sprite.jpg) -144px -190px no-repeat;}
	#btn_youtube .thumb { background: url(images/blog_sprite.jpg) -48px -190px no-repeat;}


	.sidebar_buttons a {
		color:#ffffff;
		text-decoration:none;
		font-size:1.1em;
		font-weight:bold;
	}
	
	.description {
		display:block;
		position:absolute;
		width:170px;
		height:30px;
		top:8px;
		left:74px;
	}
.btn_sidebar_lrg {
	background: url(images/blog_sprite.jpg) 0 -238px no-repeat;
	display:block;
	width:259px;
	height:51px;
	position:relative;
}
	.btn_sidebar_lrg:hover {
		background-position:0 -289px;
	}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------
							SINGLE POST PAGE
-----------------------------------------------------------------------*/
#nav-above, #nav-below {
	height:28px;
	background-color:#e8f7ff;
	margin-left:20px;
	margin-top:6px;
	margin-bottom:6px;
	padding:1px 5px;
}
#nav-below {
	margin-top:0;
}
	.nav-previous, .nav-next {
		background-color:#bdeaff;
		border:2px solid #ffffff;
		-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
		margin:2px 5px;
		text-align:center;
		width:75px;
		height:20px;
	}
	.nav-previous {
		float:left;
		margin-left:0;
	}
	.nav-next {
		float:right;
		margin-right:0;
	}
#post_pg .hentry {
	background-color:#e8f7ff;
	margin:6px 0 0 20px;
}

#post_pg .post_corner {
	background:#f0f0f0 url(images/blog_sprite.jpg) -210px -69px no-repeat;
}

#post_pg .post-heading {
	background: url(images/blog_sprite.jpg) 0 -375px no-repeat;
	margin:5px 7px 5px 0;
	float:left;
	position:relative;
	left:7px;
	height:96px;
	width:656px;
	overflow:hidden;
}

	#post_pg .category_thumb {
		background: none;
	}

.link_to_post {
	position:relative;
	width:580px;
	height:33px;
	clear:both;
	text-indent:15px;
	line-height:36px;
}

	.link_to_post input {
		background: url(images/blog_sprite.jpg) 0 -560px no-repeat;
		position:absolute;
		display:block;
		top:6px;
		right:70px;
		width:360px;
		height:21px;
		padding:2px 10px;
		border:none;
	}
	
#post_pg .post_footer .stbutton {
	background: url(images/blog_sprite.jpg) -106px -120px no-repeat;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------
							COMMENTS
--------------------------------------------------------------------------------*/

#comments {
	background-color:#fef1e4;
	margin:0 0 10px 20px;
}

#comments_topper {
	background: url(images/blog_sprite.jpg) 0 -471px no-repeat;
	height:10px;
	
}

.comments h3 {
	line-height:57px;
	font-size:1.4em;
}

.fn {
	font-weight:bold;
}

.bubbles{
	background: url(images/blog_sprite.jpg) 0 -481px no-repeat;
	display:block;
	width:67px;
	height:57px;
	float:left;
	vertical-align:middle;
	margin-right:20px;
}

.comment-author .avatar_wrap {
	background: url(images/blog_sprite.jpg) -341px -60px no-repeat;
	height:50px;
	width:50px;
	float:left;
	margin-right:5px;
	padding:5px 5px 10px 5px;
}

	.avatar {
		width:50px;
		height:50px;
	}
.comment-author p {
	margin:5px 0!important;
}
	.byuser .comment-author {
		text-align:right;
	}
		.byuser .comment-author .avatar_wrap {
			background: url(images/blog_sprite.jpg) -281px -60px no-repeat;
			float:right;
			margin-left:5px;
			margin-right:0;
		}
		.byuser .comment-author .comment-meta {
			text-align:right !important;
		}
#content #text #comments p, #content #text #comments ul, #content #text #comments ol, #content #text #comments h2, #content #text #comments h3, #content #text #comments h4, #content #text #comments blockquote {
	margin:10px 83px 10px 20px;
	text-align:justify;
}

#content #text #comments ol {
	margin-top:25px;
}

.comment {
	margin:0 0 20px;
}
	.comment-content {
		background-color:#ffffff;
		padding:1px 0;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
	}
	
	.byuser .comment-content{
		background-color:#fec89c;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
	}

#respond {
	background-color:#fddcbb;
}

#respond_topper {
	background: url(images/blog_sprite.jpg) 0 -538px no-repeat;
	height:12px;
}

#respond #login {
	width:auto;
	float:none;
}

.form-label, .form-input, .form-textarea, .form-submit {
	margin:10px 83px 10px 20px;
}
	#respond input, #respond textarea {
		border:1px solid #999999;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
		background-color:#ffffff;
		padding:2px;
		
	}
	
	#respond label, #respond input, #respond textarea {
		diaply:block;
	}

#respond h3 {
	font-size:1.4em;
}

#respond_bottom {
	background: url(images/blog_sprite.jpg) 0 -550px no-repeat;
	height:9px;
}

/*-------------------------------------------------------------------------------------------------------------------
					CATEGORY PAGE
------------------------------------------------------------------------------*/

.post_preview {
	background: url(images/blog_sprite.jpg) -210px -155px no-repeat;
	display:block;
	width:105px;
	height:35px;
	float:left;
}
	.post_preview.active {
		background-position:-315px -155px;
	}

.archive .entry-content p {
	display:none;
}