@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih BLOG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_blog.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.blog a {
		background-position:-223px 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;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol  {	
		
	}
		#mainCol h2 {
			margin:0 0 20px 0;
			width:62px; height:31px;
			background:url(../../images/h2_blog.png) 0 0 no-repeat;
		}
		#mainCol ul.body {
			width:621px;
			list-style:none;
		}
			#mainCol ul.body li {	
				padding:0 0 30px 0;
				background:url(../../images/blog_tag_tip.png) 73px 13px no-repeat;
			}	
				#mainCol ul.body li .border {
					padding:3px 0 0 3px;
					width:63px; height:63px;
					background:url(../../images/border_roundCorner_66w.png) no-repeat;
					float:left;
				}
				#mainCol ul.body li .info {
					width:530px;
					float:right;
				}
				#mainCol ul.body li .top {
					padding:5px 0 0 0;
					width:530px;
					background:url(../../images/blog_tag_top.png) 0 top no-repeat;
				}
				#mainCol ul.body li .tag {
					padding:5px 0 16px 18px;
					width:512px;
					background:url(../../images/blog_tag.png) 0 bottom no-repeat;
				}
				#mainCol ul.body li .tag .date {
					padding:0 0 3px 0;
					width:150px;
					display:block;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#646464;
				}
				#mainCol ul.body li h3 {
					margin:0 0 12px 0;
				}
					#mainCol ul.body li h3 a {
						font:normal 17px Arial, Helvetica, sans-serif;
						color:#ff0042;
					}
						#mainCol ul.body li h3 a:hover {
							color:#000;
						}
				#mainCol ul.body li p {
					font:normal 12px Arial, Helvetica, sans-serif;
					line-height:18px;
					color:#646464;
				}
				
				#mainCol ul.socialBar {
					padding:10px 38px 0 17px;
					width:475px;
					background:url(../../images/comment_user.gif) 498px 12px no-repeat;
					list-style:none;
					font:normal 12px Arial, Helvetica, sans-serif;
					float:left;
				}
				#mainCol ul.socialBar li {
					background:none;
				}
					#mainCol ul.socialBar li.readMore {
						width:83px;
						float:left;
					}	
						#mainCol ul.socialBar li.readMore a {
							margin:3px 0 0 0;
							width:83px; height:15px;
							background: url(../../images/btn_readMore.png) 0 0 no-repeat;
							display:block;
						}
							#mainCol ul.socialBar li.readMore a:hover {
								background-position:0 -30px;
							}
							#mainCol .socialBar li.views {
								margin:3px 22px 0 0;
								font:normal 10px Arial, Helvetica, sans-serif;
								text-align:right;
								color:#939393;
								float:right;
							}
							#mainCol ul.socialBar li.comments {
								margin:1px 0 0 0; 
								width:124px;
								background:url(../../images/comment_tag.gif) no-repeat;							
								float:right;
								text-align:center;
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#00b4ff;
							}
								
	/*	--------------------------------------------------------------------------------------------------------------------------
		blog single Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.entry {
			width:621px;
			background:#e6ece3;
		}
		.top {
			padding:20px 0 0 0;
			background:url(../../images/blog_top.gif) 0 top no-repeat;
		}
		.bottomCap {
			padding:0 0 7px 0;
			background:url(../../images/blog_bottom.gif) 0 bottom no-repeat;
		}
			.entry .border {
				margin:0 20px; padding:3px 0 0 3px;
				width:67px; height:67px;
				background:url(../../images/border_roundCorner_70w.png) no-repeat;
				float:left;
				display:inline;
			}
			.entry .info {
				padding:0;
				width:500px;
				float:left;
			}
				.entry .info .date {
					line-height:12px;
				}
				.entry .info h3 {
					margin:3px 0;
					font:normal 19px Arial, Helvetica, sans-serif;
					color:#000;
				}
				.entry .info p {
					margin:0 0 20px 0;
					font:normal 13px Arial, Helvetica, sans-serif;
					line-height:19px;
				}
	
	/*	--------------------------------------------------------------------------------------------------------------------------
		comments Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#comment {
			margin:40px 0 0 0;
		}
			#comment .header {
				padding:4px 0 0 60px;
				height:26px;
				background:url(../../images/comment_users.png) left 0 no-repeat;
			}
				#comment .header h3 {
					padding:0 0 0 100px;
					height:16px;
					background:url(../../images/h3_comments20px.png) 0 3px no-repeat;
					font:normal 17px Arial, Helvetica, sans-serif;
					float:left;
				}
				#comment .header a.btn_postComment {
					width:110px; height:26px;
					background:url(../../images/btn_postComment.png) 0 0 no-repeat;
					float:right;
					display:block;
				}
					#comment .header a.btn_postComment:hover {
						background-position:0 -30px;
					}
			#comment .pager {
				margin:20px 0 26px 0; padding:0 0 10px 0;
				width:621px;
				background:url(../../images/border_dot.png) bottom left repeat-x;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#828282;		
			}
				#comment .pager .displaying {
					float:left;
					display:block;
				}
				#comment .pager .browse {
					padding:0 2px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					float:right;
				}
					#comment .pager .browse a {
						padding:0 3px;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#30c1fc;
					}
						#comment .pager .browse a:hover {
							color:#0060ff;
						}
					#comment .pager .browse a.prev {
						margin:0 10px 0 10px; padding:0 0 0 10px;
						height:10px;
						background:url(../../images/btn_arrows.png) 0 3px  no-repeat;
					}
						#comment  .pager .browse a.prev:hover {
							background-position:0 -14px;
						}
					#comment  .pager .browse a.next {
						padding:0 10px 0 0;
						height:10px;
						background:url(../../images/btn_arrows.png) -47px 3px no-repeat;
					}
						#comment  .pager .browse a.next:hover {
							background-position:-47px -14px;
						}
			#comment ul {
				padding:26px 0 0 0;
			}
				#comment ul li {
					margin:0 0 36px 0; padding:0 0 0 108px;
					width:512px;
					background:url(../../images/blog_tag_tip_right.png) 537px 13px no-repeat;
					float:none;
				}
					#comment ul li .info {
						margin:0 25px 0 0;
						width:431px;
						float:left;
						display:inline;
					}
						#comment ul li .info .tag {
							padding:0 0 5px 0;
							background:#e6ece3;
						}
						#comment ul li .info .top {
							padding:6px 0 0 0;
							background:url(../../images/blog_tag_top431w.png) 0 top no-repeat;
						}
						#comment ul li .info .bottom {
							padding:0 0 7px 0;
							background:url(../../images/blog_tag_bottom431w.png) 0 bottom no-repeat;
						}
							#comment ul li .info p {
								margin:0 0 10px 20px;
								width:390px;
							}
						#comment ul li .info .post {
							padding:8px 26px 0 0;
							width:405px;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#959290;
							text-align:right;
						}
							#comment ul li .info .post a {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#fe664e;
							}
								#comment ul li .info .post a:hover {
									color:#ff3311;
								}
					#comment ul li .user {
						padding:3px;
						background:#959290;
						float:left;
						display:block;
					}
					
			#comment .commentFooter a.btn_postComment {
				width:110px; height:26px;
				background:url(../../images/btn_postComment.png) 0 0 no-repeat;
				float:right;
				display:block;
			}
				#comment .commentFooter a.btn_postComment:hover {
					background-position:0 -30px;
				}