/*
Theme Name: TheCharcoalProject V2
*/

/* This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish.
 * The fonts included are copyrighted by:
 * @vendor:     Fontourist
 * @vendorurl:  http://www.fontourist.com/
 * @licenseurl: http://www.fontsquirrel.com/license/Journal
*/

@font-face {
	font-family: 'JournalRegular';
	src: url('fonts/journal.eot');
	src: local('Journal Regular'), local('Journal'), url('fonts/journal.ttf') format('truetype');
	}

body{
	margin:0;
	color:#333;
	background:url(images/bg.jpg);
	font:13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	min-width:920px;
	line-height: 20px;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a{font-family: Georgia, 'Times New Roman', Times, serif; letter-spacing: .01em; margin: 10px 0;}
img{border-style:none; margin: 5px 5px 5px 5px; }
.alignleft, .alignnone{margin: 10px 10px 10px 0px;}
em{font-style: italic;}
a{color:#300; text-decoration: none; border-bottom: 1px solid #ccc}
a:hover{border-bottom: 1px solid #999;}
input,
textarea,
select{
	font:100% Arial, Verdana, sans-serif;
	vertical-align:middle;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper{
	margin:0 auto;
	width: 990px;
}
#header{
	width:100%;
	background:#333;
	overflow:hidden;
	padding:0;
	height: 80px;
}
.logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo2.gif) no-repeat 0 -4px;
	width:150px;
	height:83px;
	margin:1px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
.navigation{
	float:right;
	list-style:none;
	padding:30px 0 0;
	margin:0;
	font-weight:normal;
	font-size:12px;
}
.navigation li{
	float:left;
	padding:0 20px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.navigation a{
	color:#ccc;
	text-decoration:none;
	border: 0;
}

.page-inner{
	min-height:1060px;
}
.content{
	float:left;
	width:610px; /*was 640 */
	/*background:url(images/sep-wide.png) repeat-y 100% 0%;*/
	/*padding-right: 20px;*/
	margin: 0 50px 40px 0px;
}

/*=========================================================================
	Gallery 
=========================================================================== */
.gallery{
	width:880px; /*was 960*/
	height:399px;
	overflow:hidden;
	margin:20px 0px 20px 15px;
	position:relative;
	background: #333;
	padding: 0;
	border-left: 40px solid #dfdddb;
	border-right: 40px solid #dfdddb;
}
.gallery img{margin: 0;}
.gallery-content{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	width:9999px;
}
.gallery-content li{
	float:left;
	width:880px;
	height:400px;
	overflow:hidden;
	position:relative;
}
.gallery-content .text-box{
	position:absolute;
	top:18px;
	left:18px;
	color:#fff;
	font:18px/30px Georgia, 'Times New Roman', Times, serif;
	letter-spacing:-1px;
}
.gallery-content .text-box p{margin:0;}
.gallery .arrow{
	display:block;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	width:21px;
	height:40px;
	top:340px;
}
.gallery .prev a,
.gallery .arrow-prev{
	background:url(images/arrow-prev.png);
	left:18px;
	border: 0;
}
.gallery .next a,
.gallery .arrow-next{
	background:url(images/arrow-next.png);
	right:20px;
	border: 0;
}

.content h3 a{font-family:Georgia, 'Times New Roman', Times, serif;}
/*=========================================================================
	Title
=========================================================================== */
.title{
	background:url(images/opacity.png);
	clear: both;
	min-height: 40px;
	width: 100%;
	margin: 10px 0px 10px -10px;
	padding-right: 20px;
	position: relative;
}
.s-box .title{padding-right:0;}
.title h1{
	float:left;
	background:url(images/blt-ttl1?.png) no-repeat 0 4px;
	margin:5px 0 5px 10px;
	color:#bd5f01;
	letter-spacing: .5pt
	font:24px/26px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
}
.title h3,
.title h2{
	float:left;
	font:36px/20px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
	color:#bd5f01;
	letter-spacing: .5pt;
	line-height: 30px;
	margin:5px 0 5px 10px;
	width: 100%;
}
.title h2#latesttweet{background:url(images/twitter2.png) no-repeat right;}
.title h3 a,
.title h2 a{
	text-decoration:none;
	font:36px/20px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
	color:#bd5f01;
	letter-spacing: .5pt;
	line-height: 30px;
	margin:0;
	width: 100%;
	overflow: visible;
	border: 0;
}
.title h3 a:hover,
.title h2 a:hover{/*text-decoration:underline*/;}
.title .lnk-rss{
	position: absolute;
	right: 10px;
	top: 10px;
	background:url(images/ico-rss.gif) no-repeat 100% 50%;
	font:11px Arial, Helvetica, sans-serif;
	padding:10px 20px 0 0;
	margin:0;
	text-decoration:none;
}
.title .lnk-rss:hover{/*text-decoration:underline*/;}
.title .search{
	float:right;
	background:#333;
	overflow:hidden;
	width:200px;
	height:20px;
	margin:20px 0 0;
}
#searchform input{border: 0; height: 20px;}
#searchform input#search{width: 190px;}
input#search-submit{
	background: #ccc;
	border: 0;
	margin-right: 0px;
	height: 22px;
	}
#search-submit:hover{
	background: #BD5F01;
	border: 0;
	cursor: pointer;
	}
#searchform{margin: 10px; padding-top: 10px;}
.title .search .txt{
	float:left;
	color:#fff;
	font-size:13px;
	line-height:15px;
	padding: 0;
	width:160px;
	border:0;
	background:#333;
}
.title .search .btn-search{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	line-height:200px;
	border:0;
	cursor:pointer;
	background:url(images/btn-search_white.png);
	width:16px;
	height:16px;
	margin:4px 3px 0 0;
	padding:0;
}
br.spacer_{height:5px; margin-bottom: -15px;}
p>.spacer_ + p>.spacer_{display:none;}
.content h3, .wrapper h3{margin: 40px 0 0 0;}
.content h3+p, .hold h3+p{margin: 0 0 10px 0;}
.content h2+p{margin: 0 0 0 10px;}
/*=========================================================================
	Post
=========================================================================== */
.post{
	height:1%;
	padding:24px 25px 6px 8px;
	overflow:hidden;
	font-size:11px;
	line-height:18px;
}
.post .post-title{
	width:100%;
	overflow:hidden;
	padding:0 0 4px;
}
.post .post-title h3{
	margin:0 0 12px;
	font:bold 18px/20px Georgia, 'Times New Roman', Times, serif;
}
.post .post-title h3 a{
	text-decoration:none;
	color:#333;
}
.post .post-title h3 a:hover{/*text-decoration:underline*/;}
.post .post-title em{
	display:block;
	font:italic 11px/14px Georgia, 'Times New Roman', Times, serif;
}
.post p{
	margin:0;
	padding:6px 0 0;
	width:100%;
	overflow:hidden;
}
.more a,
.lnk-more{
	float:left;
	padding:30px 0 0 0;
	color:#000;
}
.s-box .lnk-more{
    margin:-10px 0 10px 1px;
}

/*=========================================================================
	Sidebar 
=========================================================================== */
.sidebar{
	float:left;
	width:300px;
	margin:0 0px 0 0px;
}
.s-box{
	padding:0;
	/*width:300px;*/
	line-height:20px;
}
/*.s-box .title{width:284px !important;}*/
.s-box .box-content{
	width:280px;
	padding:0px;
}
.s-box h3,
.s-box .wpp-post-title{
	font:bold 11px/14px Georgia, 'Times New Roman', Times, serif;
	margin:0;
}
.s-box h3 a,
.s-box .hold a{
	text-decoration:none;
	color:#333;
}
.s-box a.more-link,
.s-box h3 a:hover,
.s-box .hold a:hover{/*text-decoration:underline*/;}
.s-box .hold p{font: 10px Arial, Helvetica; line-height: 15px; margin-bottom: 10px;}
.s-box .tweets p{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.s-box .tweets p a{/*text-decoration:underline*/;}
.s-box .tweets p a:hover{text-decoration: none;}
.s-box img{margin:0; padding: 0;}
.charcoalindex img{margin:-5px; width: 290px;}
.s-box .wpp-excerpt{
    display:block;
}
.s-box .hold{
	width:100%;
	overflow:hidden;
	padding:4px 0 5px;
	float: left;
	clear: both;
}
.s-box .hold h4, .s-box .hold em, .s-box .hold strong{font-size:10px;}
#tag_cloud-3{padding-bottom: 10px;}
#tag_cloud-3 a{border: 0;}
.blogroll li a{border:0;}
.s-box .txt-holder ul{
	list-style:none;
	padding:0;
	margin:0;
	width:280px;
	padding:4px 0 0 11px;
}
.s-box .txt-holder li{
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}
.s-box .txt-holder li a{
	display:block;
	font:bold 11px/11px Georgia, 'Times New Roman', Times, serif;
	text-decoration:none;
}
body.page-id-25 .hold{width: 265px}

.s-box .txt-holder li a:hover{/*text-decoration:underline*/;}

.presentation-box{
	padding:0px;
	width:960px;
	margin-left:15px;
	position: relative;
	height: 160px;
	overflow: hidden;
}

.presentation-box:after{height:0;clear:both;content:'';display:block;}
.presentation-box img{
	float:right;
	padding:0;
margin: 20px 0;
	}


#titleinimage{
	position: absolute; 
	top: 112px; 
	left: 10px; 
	font: normal 30px 'JournalRegular', Georgia; 
	color:#BD5F01; 
	letter-spacing: 2px; 
	margin: 0;
	}

.post-list-box{
	width:880px;
	overflow:hidden;
}
.post-list-box .main-title{
	margin:0 0 20px;
}
.post-list-box .post-box{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}

.post-list-box img{padding: 0;}

.post-box h3 a{text-decoration: none; font-weight: normal;}
.post-box h3 a:hover{/*text-decoration:underline*/; font-weight: normal;}

.post-list-box .post-content{
	height:1%;
	overflow:hidden;
	padding:3px 25px;
	color:#000;
	font-size:12px;
}
.post-list-box .post-content p{margin:6px 0 0 0;}
.post-list-box .title h3{}
.arrows{
	padding:4px 0 32px;
	width:100%;
	overflow:hidden;
}

.arrows a{
	float:left;
	font-size:12px;
	color:#666;
	padding:4px 0;
	text-decoration:none;
}
.arrows a:hover{/*text-decoration:underline*/;}
.arrows .prev a{
	background:url(images/arrow-prev.gif) no-repeat 0 50%;
	padding-left:28px;
}
.arrows .next a{
	background:url(images/arrow-next.gif) no-repeat 100% 50%;
	padding-right:28px;
	float:right;
}
/*=========================================================================
	Post Container
=========================================================================== */
.post-container{
	overflow:hidden;
	width:644px;
	padding:0 0 0 140px;
}
.post-container .title {
	/* float:left; 
	width:95%;*/
}
.post-container .title h1{
	float:none;
	margin-bottom:0;
	font: normal 40px 'JournalRegular', Georgia;
}
.post-container .title .date{
	display:block;
	font:italic 14px/16px Georgia, 'Times New Roman', Times, serif;
	margin:-6px 0 0 10px;
}
.post-container .post-content{
	width:100%;
	overflow:hidden;
	padding:8px 0 28px;
	font-size:12px;
}
.post-container .post-content p{
	margin:0;
	padding:6px 0 20px;
	width:100%;
	overflow:hidden;
/*	float: left; */
}

.alignnone, .alignleft{
	float: left;
	/* clear: both; */
	margin-left: 0;
}
.alignnone .wp-caption-text, .alignleft .wp-caption-text{
	margin: 0 0 0 10px;
}
.content img{border: 1px solid #ccc;}
.wp-caption{border: 1px solid #ccc; padding: 10px; background: rgba(255,255,255,.5)}
.wp-post-image{border: 1px solid #ccc; padding: 2px; background: rgba(255,255,255,.5)}
.wp-caption a{border: 0;}
.alignright{float: right;}
.alignright .wp-caption-text{
	margin: 0 0 0 10px;
	}

.attachment-post-thumbnail{float: left;}

.post-container .arrows{
	padding:16px 0 0;
}
.post-container .title .share{
	float:right;
	font:18px/20px Georgia, 'Times New Roman', Times, serif;
	margin:6px 0 0;
}
.post-container .sociable ul,
.post-container .ico-list{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
.post-container .sociable ul li,
.post-container .ico-list li{
	float:left;
	height:41px;
	display:table;
	padding:0 7px;
}
.post-container .sociable ul li a,
.post-container .ico-list a{
	display:table-cell;
	vertical-align:middle;
}
.post-container .links-list{
	list-style:none;
	float:left;
	width:300px;
	overflow:hidden;
	padding:0 0 0 8px;
	margin:0;
	font:bold 11px/14px Georgia, 'Times New Roman', Times, serif;
}
.post-container .links-list li{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.post-container .links-list a{
	text-decoration:none;
	color:#333;
}
.post-container .links-list a:hover{/*text-decoration:underline*/;}

/*=========================================================================
	Comments 
=========================================================================== */
.post-container .comments{
	overflow:hidden;
	width:600px;
	padding:10px 0 0 24px;
}
.post-container .comment{
	width:100%;
	overflow:hidden;
	background:url(images/sep.png) no-repeat 50% 100%;
	padding:20px 0 28px;
}
.post-container .comment h3{
	color:#300;
	font:18px/20px Georgia, 'Times New Roman', Times, serif;
	margin:0;
}
.post-container .comment .comment-title em{
	display:block;
	font:italic 11px/14px Georgia, 'Times New Roman', Times, serif;
	margin:6px 0;
}
.post-container .comment p{
	line-height:18px;
	padding:0;
}
.comment-form{
	width:320px;
	overflow:hidden;
	padding:28px 0 44px 8px;
}
.comment-form h3{
	margin:0 0 12px;
	font:18px/20px Georgia, 'Times New Roman', Times, serif;
}
.comment-form .row{
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
	position:relative;
}
.comment-form .txt{
	float:left;
	border:1px solid #dfdfdf;
	border-bottom:none;
	border-top-color:#9f9f9f;
	font:12px/14px Arial, Verdana, sans-serif;
	height:14px;
	padding:2px 4px 3px;
	width:190px;
	margin:0 6px 0 0;
}
.comment-form label{
	float:left;
	font-size:12px;
	width:110px;
	overflow:hidden;
	padding:2px 0 0;
}
.comment-form label span{color:#300;}
.comment-form .row strong{
	display:block;
	position:absolute;
	font-size:10px;
	top:14px;
	left:204px;
	font-weight:normal;
}
.comment-form .textarea{
	display:block;
	border:1px solid #dfdfdf;
	border-bottom:none;
	border-top-color:#9f9f9f;
	font:12px/14px Arial, Verdana, sans-serif;
	padding:4px;
	width:310px;
	height:190px;
}
.comment-form .btn-submit{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	cursor:pointer;
	line-height:200px;
	background:url(images/btn-submit.gif);
	width:140px;
	height:60px;
	margin:15px 0 0;
}

/*=========================================================================
	Footer
=========================================================================== */
#footer{
	width:100%;
	background:#232323 url(images/bg-footer.jpg);
	overflow:hidden;
}
#footer a{border: 0}
#footer .bg{
	width:100%;
	/* background:url(images/bg-footer-b.jpg) repeat-x 0 100%; */
	padding:0;
	overflow:hidden;
} 
#footer .threecolumn1{margin:0;}
#footer .threecolumn1 .column,
#footer .threecolumn .column{
	float:left;
	overflow:hidden;
	width:280px;
	margin: 10px 50px 10px 0px;
}
#footer .threecolumn p{
	margin:0 0 6px;
	color:#bd5f01; /*#fc9*/
}
.column li a{font: 12px Arial, Helvetica}
#footer .text-col h4, #footer .text-col h4 a{
	color:#bd5f01; /*fc9*/
	font: 24px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
	margin:14px 0 0;
}
#footer .text-col ul{
	list-style:none;
	padding:0;
	margin:0;
	width:275px;
	line-height:19px;
}
#footer .text-col li{
	width:100%;
	overflow:hidden;
	padding:2px 0;
}
#footer .text-col ul.txt li{padding:5px 0;}
#footer .text-col a{
	text-decoration:none;
	color:#fff;
}
#footer .text-col a:hover{/*text-decoration:underline*/;}
#footer .tag-cloud{
	padding:20px 0 0 8px !important;
	line-height:17px;
	width:280px;
	text-align:justify;
}
#footer .tag-cloud a{
	text-decoration:none;
	color:#fff;
}
#footer .tag-cloud a:hover{/*text-decoration:underline*/;}

.copyright{
	margin: 0 auto;
	padding: 0;
	width:920px;
	overflow:hidden;
	}
.copyright p, .copyright a{
	color: #444;
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

li.current_page_item a{color: #BD5f01}
.hilite {background:#c60; }

.Xcollapse{}

.content, #footer .threecolumn1, .post-list-box{margin-left: 25px;}
#footer .threecolumn1{margin-right: -50px;}
a.stbutton{border: 0;}
/*=========================================================================
	Hooks to customize Posts 
=========================================================================== */
.left-equal{width: 430px; float: left;}
.right-equal{width: 430px; float: right;}
.left-big{width: 577px; float: left;}
.right-small{width: 283px; float: right; padding: 0 10px; background: url(http://www.charcoalproject.org/wp-content/themes/thecharcoalproject/images/opacity.png);}
.left-news{width: 580px; float: left;}
.right-news{width: 280px; float: right;}