/*  
Theme Name: Talkoftools
Theme URI: http://www.talkoftools.com
Description: Talk of Tools main custom for wordpress. AJAX commenting.
Version: 0.1
Author: Andrew Lank
Author URI: http://www.talkoftools.com/
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	body {
		margin: 0;
		padding: 0;
		text-align: center; /* IE */
		font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		/* background: #000; */
		background-image: url("./images/background.jpg");
		background-repeat: repeat-y;
		background-position: left;
	}
	
	#bg_maker {
		/* background-image: url("./images/footer_bg_x.png"); */
		background-repeat: repeat-x; 
	} 
	
	#wrapper {
		margin: 0 auto;
		padding: 0 auto;
		width: 900px;
		text-align: left; /* IE */
	}
			
	a { color: #de7C00; text-decoration: none; }
	a:hover, .post div.comment_link a:hover, .post h2 a:hover, .post .entry a:hover, .post .entrytext a:hover { color: #cc3300; text-decoration: none; }

span.comment a {  }
div.comment_title {color: #FFF};
				
				
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	#header_sun {
		width: 910px;
		height: 46px;
		/* background: url("./images/footer_bg.png"); */
	}

	#header_text { 
		width: 800px;
		height: 180px;
		margin: 20 auto;
		text-align: left;
		padding: 0 15px 0 40px;
		background-image: url("./images/header-bg.png");
		background-position:center;
		background-repeat:no-repeat;
		
	}

	h1 {
		
		font-size: 2.2em;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding-top: 43px;
		padding-left: 45px;
		padding-bottom: 0px;
	}
			
	h1 a {
	color: #de7C00;
}
					
	h1 a:hover { color: #fff; }
			
	div.description {
		font-size: 0.9em;
		font-weight: normal;
		text-transform: none;
		padding-top: 0px;
		padding-left: 45px;
		padding-right: 96px;
	}

	.rss {
		float: right;
		padding-right: 70px;
		
	}
	.rss a img{
		
		border-style: none;
	}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content {
		width: 600px;
		float: left;
		clear: both;
		margin: 0 0 0 5px;
		padding: 40px 0 40px 0px;
		display: inline; /* IE */
		/* background: #0A0A0A; */
		}

		.alignleft { margin: 10px 0 0 50px; float: left; }
		.alignright { margin: 10px 50px 0 0; float: right; text-align: right; display: inline; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.post {
		margin: 0 0 0 40px;
		width: 600px;
		background-image: url("./images/post-bg-top.png");
		background-repeat: no-repeat;
		background-position:left top;
		}
	
	.post .date {
		width: 45px;
		float: left;
		margin: 42px 12px 0 52px;
		display: inline; /* IE */
	}
		
	.post .date_month {
		font-size: 0.6em;
		text-transform: uppercase;
		text-align: center;
		margin: 1px 0 0 0;
	}
			
	.post .date_day {
		font-size: 1.4em;
		text-align: center;
		margin: 0 0 0 0;
	}
		
	.post .comment {
		width: 50px;
		float:right;
		margin: 0 43px 3px 0;
		display: inline; /* IE */
	}
		
	.post .comment_title {
		width:45px;
		font-size: 0.6em;
		text-transform: uppercase;
		text-align: center;
		margin: 1px 0 0 0;
	}
			
	.post .comment_number {
		width:45px;
		font-size: 1.4em;
		text-align: center;
		margin: 0 0 0 0;
	}
	
	.post div.title_box {
		float: left;
		height: 93px;
		margin: 40px 0 0 0;
		display: inline; /* IE */
	}
		
	.post h2 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 1.8em;
		width: 380px;
		float: left;
	}
			
	.post span.comment_link { 
		font-size: 0.9em; 
		clear: left;
	}
		
	.post h2 a, .post span.comment_link a { color: #de7C00; }
	
	.post .entry p {
		width: 480px;
	}
	.post .entry, .post .entrytext {
		font-size: 0.8em;
		width: 500px;
		background-image: url("./images/post-bg-middle.png");
		background-repeat:repeat-y;
		clear: both;
		padding: 12px 50px 0 62px;
		margin: 0 0 0 0;
	}
			
	.post .entry a, .post .entrytext a { color: #de7C00; }
				
	.post .entry blockquote, .post .entrytext blockquote  {
		border-left: 14px solid #888;
		padding-left: 8px;
		color: #bbb;
		font-style: italic;
	}
		
	.post .entry blockquote p {
		width: 410px;
	}		
	.post blockquote, .post ul, .post ol { margin-left: 20px; padding-left: 20px; }
		
	.post .postmetadata {
		color: #ccc;
		width: 600px;
		height: 90px;
		font-size: 0.9em;
		background-image: url("./images/post-bg-bottom.png");
		background-position:left top;
		background-repeat:no-repeat;
	}

	.post .postmetadata .postmetadata-left {
		width: 400px;
		display:inline;
		
		margin-left: 65px;
		margin-top: 12px;
	}
	.post .postmetadata .postmetadata-middle {
		text-align: center;
	}
	.post .postmetadata .postmetadata-right { 
		width: 60px;
		padding-bottom: 30px;
		text-align:center;
		float:right;
		display:inline-block;
		clear:none;
		
	}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#sidebar {
		width: 200px;
		padding: 10px 0 40px 15px;
		float: left;
		color: #666;
		margin: 0 0 0 12px;
		display: inline; /* IE */
		}
	
		#sidebar li, #sidebar li ul, #sidebar li ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			}

		#sidebar li h2 {
			font-size: 0.9em;
			font-weight: normal;
			margin: 15px 0 8px 0;
			color: #ccc;
			padding: 0;
			}
		
			#sidebar li>h2 { margin-left: 15px; } /* Non IE */
		
		
			#sidebar li ul {
				font-size: 0.8em;
				margin: 0 0 20px 25px;
				}
			
				#searchform input {
					width: 120px;
					margin: 0 0 0 25px;
					border: 1px solid #3F3F3F;
					color: #3F3F3F;
					padding: 2px;
					background: #191919;
					}
	
	.compound_calculator {
		height: auto;
		color: #DE7C00;
		text-transform:uppercase;
		border-width: 1px;
		border-top-style:dotted;
		border-bottom-style:dotted;
		
	}					
	#compound_form {
		height: 35px;
		text-transform:none;
		color: #CCCCCC;
		
	}		
	
	#compound_form input{
		height: 12px;
		font-size: 10px;
	}	
	
	#compound_form a img {
		display: inline;
		height: 23px;
		padding-left: 2px;
		margin: 0px;
		vertical-align:middle;	
	}
	
	.compound_result {
		padding-left: 20px;
		font-size: 1.2em;
	
	
	}	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SINGLE POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.widecolumn h2, .page h2 { 
		font-size: 2.3em;
		margin-bottom: 15px;
		color: #ccc;
		}

		#content h3 { 
			font-size: 1.5em;
			font-weight: normal;
			color: #EBAF00;
			margin: 20px 0 10px 0;
			}
	
		.widecolumn .post { margin-bottom: 20px; }	

	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#commentform { 
		margin: 0 0 20px 20px; 
		font-size: 1.0em;
		width: 500px;
		clear:both;
		background-image: url("./images/post-bg-middle.png");
		background-repeat:repeat-y;
		padding: 35px 50px 0 62px;
		margin: 0;
	} 	
	#commentform p {margin: 0;}
	#commentform input, #commentform textarea {
		border: 1px solid #000;
		padding: 3px;
	}
	
	#commentform textarea {
		font-size: 0.8em;
		font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	}
			
	#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { background: #7F7F7F;}
	#commentform textarea:focus, #commentform #author:focus, #commentform #url:focus, #commentform #email:focus { background: #fff;}
	#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { margin: 0 0 2px 0; }
	#commentform #submit { width: 300px; }
		
/*	ol.commentlist {
	
	
		font-size: 0.8em;
		list-style: none;
		margin: 0 0 0 30px;
		padding: 0;
		width: 385px;
		}
*/
	ol.commentlist {
		font-size: 0.8em;
		width: 500px;
		background-image: url("./images/post-bg-middle.png");
		background-repeat:repeat-y;
		clear: both;
		padding: 12px 50px 0 72px;
		margin: 0 0 0 0px;
	}	
	
	ol.commentlist li {
		width: 400px;
		border-top: 1px solid #2F2C2C;
		margin: 0;
		padding: 10px 0 0 0;
	}
	.commentlist li p {margin: 0; padding-top: 10px;}
	#content>ol.commentlist li { padding: 0; } /* FF Specific */
	.comment-bottom {
		width: 600px;
		height: 140px;
		clear:both;
		margin: 0;
		padding: 0;
		background-image: url("./images/post-single-bg-bottom.png");
		background-position:left top;
		background-repeat:no-repeat;
		
	}
	h4 {
		font-size: 1.0em;
		width: 500px;
		background-image: url("./images/post-bg-middle.png");
		background-repeat:repeat-y;
		padding: 35px 50px 0 62px;
		margin: 0;
	}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.page h2 { 
		margin: 40px 0 0 60px;
		padding: 0;
		font-weight: normal;
		font-size: 1.8em;
		width: 480px;
		height:93px;
		float: left;
	}

	.page .post {
		margin: 0 0 0 40px;
		width: 600px;
		background-image: url("./images/post-single-bg-top.png");
		background-repeat: no-repeat;
		background-position:left top;
		}
		
	.page .bookmarkify {
		padding-top: 50px;
	}
	


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH and ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sanda h2 {
		font-size: 1.5em;
		font-weight: normal;
		margin: 0 0 15px 0;
		}


	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#bar {
		clear: both;
		width: 100%;
		height: 0px;
		background: #000;
		padding: 0;
		}
	
	#footer_bg {
		clear: both;
		width: 100%;
		height: 46px;
		/* background: url("./images/footer_bg_x.png") repeat-x; */
	}
		
	#footer {
		width: 910px;
		height: 46px;
		margin: 0 auto;
		/* background: url("./images/footer_bg.png"); */
	}
			
	#footer p {
		margin: 0;
		padding: 12px 0 0 0;
		font-size: 0.8em;
		text-align: center;
		color: #fff;
	}
				
	#footer p a { color: #de7C00; text-decoration: underline; }
	#footer p a:hover {text-decoration: none; }
	#banner-ad { 
		margin: 0 0 10px 110px;
		width: 468px;
	}

	div.bookmarkify {
		margin: 0px;
		border: none;
		padding: 0px;
	
		height: 1%;
	
		background: transparent;
		
		text-align: left;
		vertical-align: middle;
		
		font-family: verdana, arial;
		font-size: 12px;
	}

	div.bookmarkify a {
		text-decoration: none;
		font-family: verdana, arial;
	}

div.bookmarkify a:hover
{
	text-decoration: underline;
}

div.bookmarkify div.title
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	font-weight: normal;
}

div.bookmarkify div.linkbuttons
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a:hover
{
}

div.bookmarkify div.linkbuttons a img
{
	margin: 0px;
	border: none;
	padding: 0px;

	background: transparent;
	opacity: 0.5;
	filter:alpha(opacity=50); 
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a:hover img
{
	opacity: 1;
	filter:alpha(opacity=100); 
}

div.bookmarkify div.brand
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.brand a
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	color: gray;
	font-weight: normal;
}

div.bookmarkify div.brand a:hover
{
}