
/******************************************************************************************************/
/** BLOG CONTAINER **/

div.blog_area_detail{
	
	/* overflow: hidden; */
}


div.content_right{
	padding-top: 10px;
	width: 300px;
	float: right;
	background-color:#ffffff;
}

div.content_right ul
{
	margin-right:20px;
}

div.content_right hr
{
	margin-right:20px;
}

div.content_left{
	overflow: hidden;
	background: #fff;
	padding: 20px;
	margin-right: 315px;
	width: 615px;
}

div.content_left ul
{
	
}

#MostCommentsControl
{
	padding:20px;
}


div.content_right h1{
	margin-bottom: -10px;
}

div.content_left h1{
	font-size: 26px;
	margin-bottom: 15px;
}

div.conent_header{
	padding-bottom: 10px;
}

div.conent_header_detail{
	padding-bottom: 10px;
	width:550px;
}

div.conent_header h1{
	float: left;
	margin-right: 20px;
	padding-top: 10px;
}

div.blog_area{
	background: url(/images/blog_nav_bg.gif) top right repeat-y;
	/* overflow: hidden; */
}

div.blog_header h1{
	font-size: 26px;
	margin-bottom: 5px;
	padding: 0;
}

div.shopblog_nav
{
	margin-right:50px;
	float: right;
	width: 155px;
	height:100%;
	position: relative;
	padding: 10px 0;
	background: url(/images/blog_nav_bg.gif) top right repeat-y;
}

div.shopblog_nav h3{
	background: #000;
	width: 152px;
	margin-left: -9px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 0;
}

div.shopblog_nav_title_bottom{
	/*background: url(/images/blog_nav_title_bottom.gif) no-repeat;*/
	width: 172px;
	margin-left: -9px;
	height: 8px;
}

div.shopblog_nav ul{
	list-style: none;
	margin-bottom: 10px;
}

div.shopblog_nav ul li a{
	display: block;
	padding: 2px 10px;
	color: #333;
}

div.shopblog_nav ul li a:hover{
	background: #fff;
}

div.shopblog_nav ul li ul 
{
	list-style: none;
	display: block;
	padding: 2px 10px;
	color: #333;
	text-indent:20px;
	}

div.blog_nav{
	float: right;
	width: 155px;
	position: relative;
	padding: 10px 0;
	background: url(/images/blog_nav_bg.gif) top right repeat-y;
}

div.blog_content{
	margin-right: 173px;
	width: 420px;
	overflow: hidden;
}

div.blog_content_detail{
	margin-right: 173px;
	width: 550px;
	overflow: hidden;
}

div.blog_photos{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	text-align: center;
}

div.blog_nav h3{
	background: #000;
	width: 152px;
	margin-left: -9px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 0;
}

div.blog_nav_title_bottom{
	background: url(/images/blog_nav_title_bottom.gif) no-repeat;
	width: 172px;
	margin-left: -9px;
	height: 8px;
}

div.blog_nav ul{
	margin-bottom: 10px;	
}

div.blog_nav ul li a{
	display: block;
	color: #333;
}

div.blog_nav ul li a:hover{
	background: #fff;
}

div.blog_comment_header{
	padding: 5px 0;
	font-size: 10px;
	color: #5F5E5E;
	font-family: Arial, Helvetica, sans-serif;
}

div.blog_comment_header a{
	font-family: Arial, Helvetica, sans-serif;
}

div.blog_comment_header a.submit_comment{
	color: #A71816;
	padding-left: 15px;
	background: url(/images/submit_comment.gif) no-repeat center left;
}

div.blog_comment_header a.share_comment{
	padding-left: 10px;
	background: url(/images/share_comment.gif) no-repeat center left;
}

div.blog_comments{
	padding: 0px 0 10px;
	border-bottom: 1px dashed #ccc;
	
	margin-bottom: 10px;
}

div.blog_comment{
	padding: 20px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	margin-left: 9px;
}

div.blog_comment_arrow{
	background: url(/images/blog_comment_arrow_1.gif) no-repeat;
	width: 9px;
	height: 18px;
	position: absolute;
	top: 10px;
	left: -9px;
}

div.blog_comment p{
	margin: 0;
}

div.blog_comment p.blog_comment_date{
	float: right;
	font-size: 10px;
}

div.blog_comment h1{
	font-size: 18px;
	margin-bottom: 5px
}
	
div.blog_comment_audrina{
	background: #5F5E5E url(/images/footerbg.jpg);
}

div.blog_comment_audrina div.blog_comment_arrow{
	background: url(/images/blog_comment_arrow_audrina.gif) no-repeat;
}

div.blog_comment_2 div.blog_comment_arrow{
	background: url(/images/blog_comment_arrow_2.gif) no-repeat;
}

div.blog_comment_audrina h1, div.blog_comment_audrina p{
	color: #fff;
}

div.blog_comment_1{
	background: #f0efef;
}

div.blog_comment_2{
	background: #fff;
}

div.blog_comment_form{
	font-size: 12px;
}

div.blog_comment_form h1{
	margin-bottom: 20px;
}

div.blog_comment_form input{
	padding: 4px;
	width: 150px;
	margin-right: 10px;
	border: 1px solid #787777;
}

div.blog_comment_form textarea{
	width: 408px;
	border: 1px solid #787777;
}

div.blog_item{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

div.blog_item h1{
	margin-bottom: 10px;
}

div.blog_item h1 a{
	color: #666666;
}

div.blog_item img{
	/*float: left;*/
	margin: 0 10px 5px 0
}

p.blog_item_date{
	font-size: 12px;
	color: #666;
	margin-bottom: -20px;
}

p.blog_item_date_photo
{
	font-size: 12px;
	color: #666;
	margin-top:-15px;	
}


/******************************************************************************************************/
/** CLEARFIX **/
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** CLEARFIX **/


div.pagination ul{
	list-style: none;
}

div.pagination ul li{
	float: left;
	margin-right: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

div.pagination ul li a{
	display: block;
	padding: 2px 8px;
	color: #666;
	background: #ccc;
}

div.pagination ul li a:hover{
	color: #fff;
	background: #505a8b;
}

div.pagination ul li.current{
	color: #fff;
	background: #000;
	padding: 2px 8px;
}
