/*
Theme Name: Fotofolio
Theme URI: http://pupungbp.erastica.com/
Description: Wordpress Theme for Photography lovers, Graphic Designers, of even a Drawer. By: Pupung Budi Purnama.
Version: 1.0.8
Author: Pupung Budi Purnama
Tags: White, Gray, 2 Column
/*
/******* GOLBAL ELEMENT *******/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff; 
    font-size: 12px;
    font-family: Georgia, Times New Roman, Georgia,Century Gothic, Arial, Tahoma,Verdana, Helvetica, Sans-Serif;
	color: #505050;
	overflow-x: hidden;
	margin:auto;
	padding: 0;
	width:1002px;
}

h1, h2, h3, h4 {
	font-family: "Times New Roman",Times, Serif;
	font-weight:lighter;
	}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	}

img {
	border: none;
	max-width:600px;
}


ul, li, ol {
	width: 100%;
	padding: 0px;
	margin: 3px;
	}

/******* HEADER *******/
#header {
	margin-top: 25px;
	margin-left: 0px;
	padding: 0;
	display: block;
}

#header h1{
	margin: 0;
        display: block;
        float: left;
}

#header .blog-desc {
	margin-left: 5px;
	margin-top: 28px;
	float: left;
        font: italic 13px Georgia;
	padding: 0;

}

/****** BOTTOM CONTAINER *******/
#bottom {
    background: #a69785;
	width:1002px;
}

#bottom .container {
        width: 100%;
		margin-top:20px;
        background: url(images/stripe.png) repeat-y 66% 0;
}


#bottom .container .top {
        background: url(images/arrow-top.png) no-repeat 66% 0; 
        height: 9px;
        clear: both;
	    padding-bottom: 10px;
}
#bottom .container .bottom {
        background: url(images/arrow-bottom.png)  no-repeat 66% 0;
        height: 9px;
	clear: both;
	margin-bottom: -7px;
}

#bottom h2 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
    color: #352511;
	font-weight: bold;
	letter-spacing: 5px;
	margin-bottom: 5px;

}

#bottom a {
        color: #fff;
		font-size: 12px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#bottom .bottom-middle a {
	font-size: 12px;
}
#bottom h2 a {
        color: #352211;
        letter-spacing: 0.3em;
}

#bottom ul li, #bottom .bottom-right p {
        color: #fff;
}

#bottom .bottom-left {
	display:inline;
        float: left;
        margin-left: 5px;
	width: 18%;
	min-width: 120px;
	min-height: 120px;
        height: auto !important;
        height: 120px;

	position: relative;
}


#bottom .bottom-middle {
	display:inline;
	float: left;
	margin-left: 15px;
	width:450px;
	position: relative;
	}

#bottom .bottom-right {
	display:inline;
	margin: 0px;
	width: 330px;
        float: right;
	
	position: relative;
}

#bottom .bottom-middle a, .bottom-left a, .bottom-right a {
        color: #fff;
}

#bottom .bottom-left ul, #bottom .bottom-middle ul {
	margin-left: 5px
}

/**** Change the bottom middle listing to 2 column begin, remove these row will fallback to single column *****/ 

#bottom .bottom-middle ul {
        
}
#bottom .bottom-middle li {
        width: 190px;
}

/**** Change the bottom middle listing to 2 column  end here. ******/ 


#bottom ul, #bottom li {
        list-style: none;
        float: left;
	padding: 2px 0 2px 0;
	margin-bottom: 10px;
}

#bottom ul a, #bottom li a {
	padding-left: 5px;
}       

#bottom ul li a:hover, #bottom .current-cat, #bottom .active, #bottom .current_page_item {
        background: url(images/current.png) no-repeat left center;
        text-decoration: none;
}

#bottom .bottom-widget-right img, #bottom .bottom-right img {
        height:148px;

		padding: 3px;
        float: left;
        background: #7b6851;
        margin-top: 10px;
	    margin-right: 8px;
        margin-left: 0px;
}
#bottom-about {
	float:right;
	padding-bottom: 20px;
	margin-left:0px;
	}

#bottom-about h2 {
	/*padding: 0;
	margin-bottom: 12px;
	margin-left:8px;*/
	font-size: 13px;
        margin-top: 3px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	}
#bottom-about .blogroll {
	width:200px;
	margin:0px;
	padding:0px;
	float:right;
}
#bottom-about .linkcat-16 {
	margin:0px;
	padding:0px;
}
#bottom-twitter {
	margin-left: 0;
	padding-left: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}
.twitter-message a {
	color:#635647;
}
#bottom-twitter h2 {font-size: 13px;margin-top: 3px;text-transform: uppercase;letter-spacing: 0.3em;color:#352511;font-weight:bold;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
 /*{
	padding-top: 15px;
	color:#352511;
	text-transform:uppercase;
	font-family:"Verdana"; 
	font-size: 13px;
	letter-spacing: 0.3em;
	}*/

#bottom-twitter p {
	border-bottom:#CCCCCC dotted 1px;
	margin-bottom:10px;
	color:#A69785;
	font-weight:bold
}
/****** RIGHTSIDE CONTAINER ******/

.front-legend {
	float: left;
	width: 30%;
	position: relative;
	min-width: 300px;
	margin-left: 7%;
	padding: 0px;
	margin-top: 5px;
	height:10px;
}

.front-notes {
	margin-top: 7px;
        width: 100%;
	font-size: 14px;

}

.front-legend h2,.front-legend h2 a {
    font-weight: bold;
	font-size: 20px;
	margin: 15px 0 3px 0;
	padding: 0px;
	font-family: 'Times New Roman', Times, serif;
	color:#222;
	}
.blogroll a {
	
}
.front-legend h3 {

        font: bold 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-left:-125px;
	}

.legend {
	margin: 5px 0 0 20px;
	padding: 0 0 10px 0;
	float: left;
	width: 28%;
	min-width: 200px;
	min-height: 320px;
        height: auto !important;
        height: 320px;

	display: inline;
}


.archive-legend {
        margin: 0px;
        padding-left: 15px;
       /* float: right;*/
        width: 98%;
        min-width: 300px;
	min-height: 250px;
	height: auto !important;
	height: 250px;

}

.legend h2, .archive-legend h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 16px;
        text-transform: normal;
        
}

.legend h2 a, .archive-legend h2 a{
        color: #574433;
}

.legend h3, .archive-legend h3 {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0px;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
}

.legend h4, .archive-legend h4 {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
}

.archive-description {
	font-size: 12px;
	}

.photo-archive-description {
	font-size: 15px;
	}
	
.author {
        font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

h2.photo-archive-legend {
	text-transform: none;
	font-size: 24px;
	margin-top: 15px;
	color:#A69785;
	font-weight:normal;
	}

.notes {
        /*border-top: 1px solid #999;*/
	margin-top: 5px;
        width: 100%;
}

.notes li {
	margin-left: 15px;
	}

.notes img {
	margin: 3px;
}

.notes .exif-meta {
	margin-top: 10px;
	}

.archive-notes {
	margin-top: 5px;
	width: 100%;
        min-width: 300px;
        min-height: 300px;
        height: auto !important;
        height: 300px;

}


/****** PAGE STYLE ******/
.page-item {
	margin-left: 80px;
	padding: 15px;
        width: 80%;
        padding-bottom: 0px;
}
.page-item h2 {
	padding-top: 25px;
        font: bold 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.page-item h3 {
	margin: 0px;
	padding: 0px;
}

.page-item p{
	margin-top: 15px;
	}


.page-content {
	font-size: 13px;
	border-top: 1px solid #999;
	margin-top: 5px;
	width: 100%;
	min-height: 250px;
        height: auto !important;
        height: 250px;

}



/*** FOOTER ***/
#footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
        float: right;
        padding: 15px 5px 5px 5px;
	/* text-transform: uppercase; */
}


/****** MAIN LAYOUT ********/
#container {
	width: 97%;
	margin: 0;
	text-align: left;
}

.front-featured {
        padding-right: 4%;
        min-height: 400px;
        height: auto !important;
        height: 400px;
        margin-bottom:30px;
        display: inline;
        margin-left: 10px;
}

.featured {
	padding-right: 10px;
	min-height: 300px;
        height: auto !important;
        height: 300px;
	display: inline;
	margin-left: 10px;
}

.blog-index {
        float: left;
	display: inline;
        width: 58%;
        min-width: 300px;
        min-height: 250px;
        height: auto !important;
        height: 250px;
	margin-left: 75px;
	margin-top: 5px;
	margin-right: 30px;
        padding-bottom: 40px;
        }


.single {
        padding: 10px;
        min-height: 300px;
        height: auto !important;
        height: 300px;
		width:600px;
	display: inline;
}

.imgborder img {
	float:left;
	padding: 5px;
	margin-right: 5px;
	/*background: #ebebeb;*/
}

.photo {
	float: left;
	margin: 0;
	padding: 0px;
	display: inline;
	text-align:center;
}

.shadow-left {
	padding: 0px;
	margin: 0px;
	/*background: url(images/shadow-left.png) no-repeat left bottom;*/
}
.shadow-right {
	margin: 0px;
	/*background: url(images/shadow-right.png) no-repeat right bottom;*/
/*
	padding: 15px;*/
}
ul#photoslide {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left:0px;
	width: 1000px;
	height: 420px;
	text-align:left;
}

#photoslide li {
	display:none;
	}

.photoslide-latest-single { position:relative; float:right; font-size:14px; width:350px; padding-right:10px;margin-top:10px;}

.category-list { 
	width: 100%;
	float: left;
	}

.photoslide-latest-single h2 a {    
	font-weight: bold;
	font-size: 20px;
	margin: 15px 0 3px 0;
	padding: 0px;
	font-family: 'Times New Roman', Times, serif;
	color:#574433;
	text-decoration:none;
}
div.news { position:relative; margin-left:580px; top:-200px; width:300px;z-index:6; }
div.news .pic {
        width: 80px;
        height: 80px;
        background: #ebebeb;
        float: left;
        margin-right: 8px;
        margin-bottom: 8px;
}

div.category-list .pic {
        width: 80px;
        height: 80px;
        background: #000;
        margin-right: 8px;
        margin-bottom: 8px;
}



.archive-image {
	float: left;
	width: 40%;
	min-height: 200px;
	min-width: 200px;	
        height: auto !important;
        height: 200px;
	margin-top: 25px;
	margin-left: 25px;
	}

.archive-image .pic {
	float: left;
	}

/****** FRONT PAGE NEWS SECTION ******/
.news h2 {
        padding-top: 20px;
}

.news h3 {
	margin-bottom: 10px;
	letter-spacing: 3px;
	margin-left:-125px;
	}

div.news .pic {
	width: 60px;
	height: 60px;
}

/****** COMMENT STYLE *******/
div.comments {
	padding-top: 10px;
}
#respond {
	min-width: 250px;
	width: 97%;
	float: left;
	position: relative;
	padding: 10px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.commentlist {
	width: 100%;
	float: left;
	/*background: #efefef;*/
}
.comments .navigation {
}

textarea#comment {
	width: 100%;
	border:1px solid #C1C100;
}
.navigation-comment {
	width: 300px;
	float: left;
}
.comment-box {
	padding:0px;
	width: 100%;
	float: left;
}
h3#comments, div#respond h3 {
	color:#7D7D7D;
	font-weight:bold;
}
ol.commentlist {
	list-style: none;
	line-height: 18px;
}
ol.commentlist li {
	padding: 15px 0px;
	width: 95%;
	border-bottom: 1px solid #C1BFC0;
	margin:0px;
}
ol.commentlist li .avatar {
	margin: 0px 8px 5px 0;
}

.children li {
	list-style: none;
	}
cite.fn {
	font-style:normal;
}
.says {
}
	
.comment-body img {
	float: left;
	}
.comment-body {
	margin-top: 0px;
	}
	.comment-body a {
		color: #635647;
	}
.comment-meta {
}
.comment p {
	margin-top: 15px;
}
form#commentform p {
	padding: 5px 0;
}
form input {
	border: none;
	padding: 5px;
	border:1px solid #C1C100;
}
form input#submit {
	background: #b9b900;
	float:right;
}



/****** Slide Comment Toggle *********/


.comment-slide-btn {
        background: #999;
        font: normal 10px Helvetica;
        padding-top: 3px;
        padding-bottom: 3px;
        width: 120px;
        text-align: center;
        margin: 25px 0 5px 0;
        color: #fff;
	
}

.comment-slide-btn:hover, .active {
        text-decoration: none;
        background: #aaa;
        }


#toggle-comment {
        float: left;
        color: #fff;
        font-weight: bold;
        }

#toggle-comment a {
        color: #fff;
        }

#main-comm-block {
	
	float:left;
	width:600px;
	position:relative;
	}

.jcarousel-div {
	z-index:.2;
	position:relative;
}
/****** POST LIST STYLE *******/

.blog-index li {
        list-style-type: none;
}

.blog-index h3 a {
	font-size: 16px;
	color: #574733;
	margin: 0; 
	padding: 0;
	}

#blog-index-item {
	border-top: 1px dotted #999;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0;
	}

#post-entry {
	margin-top: 10px;
	float:left;
	}
#post-entry a {
	color: #a69785;
	font-weight: bold;
	}

#post-entry ul {
	padding: 0;
	margin: 5px 0 0 0;
	}

#post-entry li {
	list-style-type: none;
	margin-left: 0px;
	padding: 10px;
/*	width: 100%;*/
	}
	
.archive-post {
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	padding-bottom:10px;
}
.archive-post a {
	font-weight:normal;
	color:#a69785;
	/*font:normal 'Trebuchet MS', Verdana, sans-serif;*/
}
.archive-post . {
	text-transform:none;
	font-size:18px;
	 font-family:"Times New Roman", Times, serif;font-weight:normal; color: #a69785;
	/*font:bold 'Trebuchet MS', Verdana, sans-serif;*/
}
.post-entry-excerpt {
	font: normal 12px Verdana, sans-serif;
	clear:both;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}


/****** BLOG POST STYLE *******/

#blog-post {
	float: left;
	width: 63%;
	min-width: 500px;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

#blog-post h2 {
	font-size: 16px;
	color: #574433;
	}

#blog-post h3 {
	/*color: #574433;*/
	}
p {
	color:#7D7D7D;
	font: 11px Verdana, Arial, sans-serif;
	line-height:18px;
}
#blog-content {
	border-top: 1px dotted #999;
	font-size: 13px;
	margin-right: 5px;
	margin-top: 0px;
	line-height: 22px;
	top:-20px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#blog-content a {
	color: #635647;
	font-weight:bold;
}
#blog-content li {
	margin-left: 15px;
	list-style:none;
	}

#blog-content p {
	margin-top: 15px;
	}


#com-blog-content {
        font-size: 13px;
        line-height: 22px;
        }




/******* IMAGE PREVIEW STYLE*******/

.pic a img {
        border: none;
	
}
.pic a:hover img {
        background: #ccc;
}


#imgPreviewWithStyles {
    background: #ccc;
    padding: 5px;
    z-index: 9;
    border: none;
}

#imgPreviewWithStyles span {
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}


/****** NAVIGATION ******/
#navigation {
        font: bold 8px arial, Verdana, Helvetica, Verdana, Sans-Serif;
        letter-spacing: 0.1em;
	width: 100%;
	padding-top: 15px;
	float: left;
	padding-bottom: 10px;
}

#navigation a {
        color: #505050;
}

.alignleft {
	float: left;
        text-align: left;
}
.alignright {
	float: right;
        text-align: right;
}

#single-navigation {
	clear: both;
	display: block;
        font: bold 9px arial, Verdana, Helvetica, Verdana, Sans-Serif;
        letter-spacing: 0.1em;
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom: 5px;
        float:left; 
	width: 100%;
}
#single-navigation a {
        color: #505050;
}

.single-alignleft {
        float: left;
	padding-top: 5px;
        text-align: left;
}
.single-alignright {
        float: right;
	margin-right: 0px;
	padding-top: 5px;
        text-align: right;
}


.navigation .alignleft {
        width: 40%;
        float: left;
        margin-left: 15px;
}

.navigation .alignright {
        width: 20%;
        float: right;
	padding-right: 0px;
}
.single #navigation {
        width: 100px; 
}



#photo-navigation {
        font: bold 10px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
        letter-spacing: 0.1em;
        padding-left: 0px;
	padding-right: 10px;
        padding-bottom: 10px;
	padding-top: 15px;
        float:left;
	margin-left: 40px;
	display: inline;
	width:550px;
}

#photo-navigation a {
        color: #505050;
		text-transform: uppercase;
}

.photo-alignleft {
        float: left;
        padding-top: 5px;
        text-align: left;
}
.photo-alignright {
        float: right;
        margin-right: 0px;
        padding-top: 5px;
        text-align: right;
}




/****** TAG STYLE ******/


#tag-page ul {
        margin-top: 10px;
        margin-left: 10px;
        }

#tag-page a {
        color: #352511;
	font-weight: bold;
        border-bottom: 1px dotted #999;
}

#post-tags {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 10px;
        padding: 0px;
        }

#post-tags small {
	font-size: 12px;
	}

#post-tags a {
	font-weight: bold;
	color: #574733;
	}


/******* WIDGETS ******/
/* Blog Widget */

#blog-widget {
        padding-left: 20px;
        min-width: 200px;
        width: 20%;
        float: left;
	padding-bottom: 20px;
}

#blog-widget h2 {
	font-size: 14px;
	color: #574733;
	margin-bottom: 5px;
	padding: 0;
	
	}
#blog-widget a {
        font-weight: bold;
	padding: 0px;
	margin: 0px;
        }


#blog-widget ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}


#blog-widget li {
	padding-bottom: 3px;
	margin-left: 0px;
	width: 100%;
        }

/* Bottom Widget */
#bottom-widget-left ul, #bottom-widget-middle ul, #bottom-widget-right ul {
        padding: 0;
		margin:0px;  
}

#bottom-widget-left li, #bottom-widget-middle li, #bottom-widget-right li {
	margin: 0 0 0 5px;
	}
#bottom-widget-left h2, #bottom-widget-middle h2, #bottom-widget-right h2 {
	font-size: 13px;
        margin-top: 3px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

#bottom-widget-left {
	float: left;
	}

#bottom-widget-middle {
	float: left;
}

#bottom-widget-right {
        float: right;
		padding-left:0px;
}
#trelate {
	margin:50px 0px 10px 0px;
	padding:0px;
}
#latest {
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	height:250px;
	margin:0px;
	padding:5px 0px;
}
#latest li {
	float:left;
	width:175px;
	margin:10px 23px 10px 0px;
	padding:0px;
}
#trelate h4 {
	color:#897C58;
	font-size:18px;
	margin-bottom:5px;
	font-family: 'Times New Roman', Helvetica, sans-serif;
}
/* Search Widget */
#s {
	/*margin-top: 5px;
	margin-bottom: 5px;
	height: 0.8em;
	border: 1px solid #999;*/
	 text-align:center; 
	 font-size:10px;
	 font-family:"Verdana"; 
	 color:#B1B1B1; 
	 border:1px #C1C100 solid;
	 height:10px;
	}
#searchform {
 float:left;
 z-index:1;
}

#searchsubmit {
	display: none;
	}

.screen-reader-text {
	display: none;
} 

#sidebar-searchform {
	margin-left: 15px;
	padding: 0 0 5px;
	}
#ss {
	width: 150px ;
	height: 0.8em;
	border: 1px solid #999;
	}


/******* MISC ******/
.ffix {
        clear: both;
}
#header img { margin:0px;}
/*.followdiv input { margin-right:10px; text-align:center; font-size:10px;font-family:"Verdana"; color:#B1B1B1; border:1px #C1C100 solid;}*/
.followdiv { text-transform:uppercase;top:-40px; margin-left:400px; font-size:10px;  width:365px; float:right; position:relative; margin-bottom:0px;}
.followdiv a { font-family:"Verdana"; color:#B1B1B1; font-weight:bold; }
.mainfollow { text-align:right; margin-right:10px;}
#followus { margin-left:100px;}
.stripe { margin-left:10px; margin-right:10px;}
#bottom-widget-middle ul ul { min-width:350px;}
#bottom-widget-middle ul ul li {min-width:150px;}
#blog-post .postdate  { color:#B1B4C2;width:5%;font-size:20px;}
#blog-post .postdate div {text-transform: uppercase;font-size:10px;}
#blog-post .posttitle a { position:relative;text-align:left; font-family:"Times New Roman", Times, serif;font-weight:normal; font-size:22px; color: #a69785;width:95%; float:right; top:-28px;}
#blog-post .postcat {  position:relative;float:right;  top:-25px;color:#B1B4C2;}
#blog-post .postcat a {text-transform:lowercase; color:#B1B4C2;top:-25px;font-family:"Verdana", sans-serif;}
.latest-single { width:350px; font-size:14px }
#blog-post #catlist {display:none;}
#sidebar { 
	float:right;
	width:310px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
	display: inline;
	border-left:#a69785 dotted 1px;
	padding:0px 15px;
	margin-top:40px;
	/*padding-right:5px;*/
	}
	
#advertisements {
	margin-left:4px;
	/*padding-right:5px;*/
	}
#advertisements img {
margin-bottom:10px;
}
#bodycontainer {
	border-bottom:#a69785 1px solid;border-right:#a69785 1px solid;border-left:#a69785 1px solid ; width:1000px;;
}
.hiddencat { display:none;}
.post-entries {clear:both; width:610px;height:200px; border-top:#CCCCCC 1px solid; padding-top:10px; padding-bottom:10px;}
.archive-post {float:right;}
.inline-image { float:left; overflow:hidden; width:175px; height:175px;}
.photoclip { 
	float:left;	height: 175px; 	width: 175px; 	clip: rect(25px, 200px, 200px, 25px); 	overflow: hidden; }
	
.archive-list { font-size:10px; font-family:"Verdana";padding-left:5px;}
.archive-list li a, .archive-list li{ font-size:12px; font-family:"Verdana"; color:#A69785;list-style:none}
.archive-list h2 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;margin-top: 3px;text-transform: uppercase;letter-spacing: 0.3em;border-bottom:#a69785 dotted 1px;color:#352511;font-weight:bold; }
#blog-post .posttitle a { position:relative;text-align:left; font-family:"Times New Roman", Times, serif;font-weight:normal; font-size:22px; color: #a69785;width:95%; float:right; top:-28px;}
.comments_bar {border-bottom:1px solid #C1BFC0;display:block;height:20px;margin:20px 0px;}
.comments_bar a {float:left;color:#A69785;font-weight:lighter;}
.addthis {float:left;}
.comments_bar_widgets {float:right;}

.comments_bar span {float:left;}
.info-box {float:left;display:block;}
.info-box span {margin:0px 5px;}
#blog-content .info-box a:link,.info-box a:visited {color:#A69785;font-weight:lighter;}
.sociable li {list-style-type:none;display:inline;margin:0px;padding:0px;}
.sociable li a {list-style-type:none;display:inline;margin:0px 3px;padding:0px;}
div.sociable { margin: 0px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#toggle-comment {
	display:none;
}