@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih NEWS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_news.css
	Date:			June 01, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	alternate Background Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	body {
		background:#f2f6f0 url(../../images/bg_bodyChair.jpg) center 40px no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header ul li.news a {
		background-position:-139px bottom;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ContentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:50px 0 65px 0;
	}
	#mainCol {
		padding:0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Top Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topContent {
		margin:45px 0 65px 0;
		background:url(../../images/bg_topContent.png) 335px 0 repeat-y;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol  {	
	}
		#mainCol h2 {
			margin:0 0 35px 0;
			width:78px; height:18px;
			background:url(../../images/h2_news.png) 0 0 no-repeat;
		}
		#mainCol ul.body {
			width:570px;
			list-style:none;
		}
			#mainCol ul.body li {	
				padding:13px 10px 25px 0x;
			}	
				#mainCol ul.body li .date {
					padding:0 0 8px 0;
					width:150px;
					display:block;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#626262;
				}
				#mainCol ul.body li h3 a {
					font:normal 17px Arial, Helvetica, sans-serif;
					color:#ff0042;
				}
					#mainCol ul.body li h3 a:hover {
						font:normal 17px Arial, Helvetica, sans-serif;
						color:#000;
					}
				#mainCol ul.body li p {
					padding:10px 0 0 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					line-height:18px;
					color:#646464;
				}
					#mainCol ul.body li p a {
						font:italic 12px Arial, Helvetica, sans-serif;
						color:#ff0042;
					}
						#mainCol ul.body li p a:hover {
							font:italic 12px Arial, Helvetica, sans-serif;
							color:#000;
						}
				#mainCol ul.socialBar {
					margin:15px 0 45px 0; padding:10px 0 10px 0;
					width:570px;
					background:url(../../images/border_dash.png) 0 0 repeat-x;
					list-style:none;
					font:normal 12px Arial, Helvetica, sans-serif;
					float:left;
				}	
				#mainCol ul.socialBar li.readFull {
					width:106px;
					float:left;
				}	
					#mainCol ul.socialBar li.readFull a.btn_readFullArticle {
						margin:3px 0 0 0;
						width:106px; height:15px;
						background: url(../../images/btn_readFullArticle.png) 0 0 no-repeat;
						display:block;
					}
						#mainCol ul.socialBar li.readFull a.btn_readFullArticle:hover {
							background-position:0 -30px;
						}
						#mainCol .socialBar li.views {
							margin:3px 0 0 0;
							width:55px;
							font:normal 10px Arial, Helvetica, sans-serif;
							text-align:center;
							color:#939393;
							float:right;
							overflow:hidden;
						}
						#mainCol ul.socialBar li.comments {
							width:120px;
							margin:1px 0 0 0; 
							float:right;
							text-align:center;
							overflow:hidden;
						}
							#mainCol ul.socialBar li.comments a {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#00b4ff;
							}
								#mainCol ul.socialBar li.comments a:hover {
									font:normal 10px Arial, Helvetica, sans-serif;
									color:#0060ff;
								}
						#mainCol ul.socialBar li.share {
							width:78px;
							float:right;
						}
							#mainCol ul.socialBar li.share a.btn_share {
								width:78px; height:18px;
								background: url(../../images/btn_share.png) 0 0 no-repeat;
								float:left;
							}
								#mainCol ul.socialBar li.share a.btn_share:hover {
									background-position:0 -30px;
								}
								
	/*	--------------------------------------------------------------------------------------------------------------------------
		news single Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.newsDetail {
			width:485px;
			float:left;
			background:url(../../images/border_verticalWide.png) top right repeat-y;
		}
			.newsDetail h4.detail {
				margin:15px 0 0 0;
				font:normal 17px Arial, Helvetica, sans-serif;
				color:#000;
			}
			.newsDetail .dateTop {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#646464;
			}
			.newsDetail p {
				margin:25px 20px 0 0;
				font:normal 13px Arial, Helvetica, sans-serif;
				line-height:19px;
				color:#646464;
			}	
			.newsDetail p a {
				font:italic 13px Arial, Helvetica, sans-serif;
				color:#ff0042;
			}
				.newsDetail p a:hover {
					font:italic 13px Arial, Helvetica, sans-serif;
					color:#000;
				}
			.newsDetail ul.info {
				margin:15px 0 65px 0; padding:8px 0 10px 0;
				width:465px; height:25px;
				background:url(../../images/border_dash.png) 0 0 repeat-x;
				list-style:none;
				font:normal 12px Arial, Helvetica, sans-serif;
				float:left;
			}	
			.newsDetail ul.info li.share {
				width:78px;
				float:right;
			}
				.newsDetail ul.info li.share a.btn_share {
					width:78px; height:18px;
					background: url(../../images/btn_share.png) 0 0 no-repeat;
					float:right;
				}
					.newsDetail ul.info li.share a.btn_share:hover {
						background-position:0 -30px;
					}
				.newsDetail ul.info li.views {
					margin:3px 0 0 0; padding:0 20px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#939393;
					float:left;
				}
				.newsDetail ul.info li.comments a {
					margin:3px 0 0 0; padding:0 20px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#00b4ff;
					float:left;
				}
					.newsDetail ul.info li.comments a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#0060ff;
					}
	
	/*	--------------------------------------------------------------------------------------------------------------------------
		Comments Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.articleComments {
			width:465px;
			float:left;
		}
			.commentHeader {
				margin:0 0 30px 0;
			}
				.commentHeader h3 {
					width:81px; height:20px;
					background:url(../../images/h3_comments.png) 0 6px no-repeat;
					float:left;
				}
					.commentHeader .commentNumber {
						margin:0 0 0 5px;
						font:normal 17px Tahoma, Arial, Helvetica, sans-serif;
						color:#484746;
						float:left;
					}
				.commentHeader a.btn_postComment {
					width:110px; height:26px;
					background:url(../../images/btn_postComment.png) 0 0 no-repeat;
					float:right;
					display:block;
				}
					.commentHeader a.btn_postComment:hover {
						background-position:0 -30px;
					}
			.pager {
				margin:0 0 10px 0; padding:0 0 10px 0;
				width:465px;
				background:url(../../images/border_dot.png) bottom left repeat-x;
				float:left;
			}
				.pager .displaying {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#828282;
					float:left;
					display:block;
				}
				.pager .browse {
					padding:0 5px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#828282;
					float:right;
				}
					.pager .browse a {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#30c1fc;
					}
						.pager .browse a:hover {
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#0060ff;
						}
					.pager .browse a.btn_pageLeft {
						margin:0 10px 0 10px;
						width:6px; height:8px;
						background:url(../../images/btn_pageLeft.png) 0 3px  no-repeat;
					}
					.pager .browse a.btn_pageRight {
						margin:0 0 0 5px;
						width:6px; height:8px;
						background:url(../../images/btn_pageRight.png) 0 3px no-repeat;
					}
			.commentHolder {
				margin:2px 0;
				padding:15px 0 8px 15px;
				width:450px;
				float:left;
			}
				.commentBox {
					padding:2px 10px 2px 20px;
					width:320px;
					border:dotted 1px #999;
					float:left;
				}
					.commentBox p {
						font:italic 12px Arial, Helvetica, sans-serif;
						color:#5a5959;
						line-height:16px;
					}
					.commentBox .postInfo {
						padding:10px 8px 15px 0;
						font:bold 10px Arial, Helvetica, sans-serif;
						float:right;
					}
						.commentBox .postInfo a {
							font:bold italic 10px Arial, Helvetica, sans-serif;
							color:#ff674e;
						}
							.commentBox .postInfo a:hover {
								font:bold italic 10px Arial, Helvetica, sans-serif;
								color:#ff3311;
							}
				.userImage {
					margin:10px 0 0 0;
					width:76px;
					background:url(../../images/border_userImageDots.png) center right no-repeat;
					float:left;
				}
				.userImage img {
					margin:0 auto;
					border:solid 3px #5a5959;
					text-align:center;
				}
					.commentFooter a.btn_postComment {
						margin:15px 0 0 0;
						width:110px; height:26px;
						background:url(../../images/btn_postComment.png) 0 0 no-repeat;
						float:right;
						display:block;
					}
						.commentFooter a.btn_postComment:hover {
							background-position:0 -30px;
						} 

	/*	--------------------------------------------------------------------------------------------------------------------------
		midCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#midCol {
			margin:0 10px 0 5px; padding:0 0 0 10px;
			width:110px;
			float:left;
		}
			#midCol h3.recentArticles {
				margin:0 0 15px 0;
				width:110px; height:13px;
				background:url(../../images/h3_recentArticles.png) 0 0 no-repeat;
			}
			#midCol a.btn_moreNews {
				margin:2px 0 0 0;
				width:97px; height:20px;
				float:right;
				background: url(../../images/btn_moreNews.png) 0 0 no-repeat;
				display:block;
			}
				#midCol a.btn_moreNews:hover {
					width:97px; height:20px;
					background-position:0 -30px;
				}
			#midCol ul {
				list-style:none;
			}
				#midCol ul li {
					padding:0 0 20px 0;
				}
					#midCol ul li .date {
						margin:0 0 2px 0;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#626262;
					}
					#midCol ul li a {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#ff0042;
					}
						#midCol ul li a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#000;
					}