/*
Theme Name:		Toolstop blog
Theme URI: 		http://toolstop.com/
Version: 		1.0
Description: 	Dedicated blog theme for toolstop.co.uk.
Author: 		stephen.marshall
Author URI:		http://indez.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

*/

/* Reset Browser Defaults */
/*@import url( 'library/media/css/reset.css' );*/

/* Apply base theme styles and colors */
/*@import url( 'library/media/css/base.css' );*/

/* Basic 2 Column Layout */
/*@import url( 'library/media/layouts/2col-r.css' );*/

/* Stylistic CSS Styles */
/*@import url( 'library/media/css/screen.css' );*/

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}




/* layout
---------------------------------------------------------------------------------> */

#col_01 { 
	position: relative;
	float: left;
	width: 700px;
/*	background-color:#eaeaea;*/
	margin: 20px 0 0 30px;
	padding: 0;
	display: inline;
}

#col_02 {
	position: relative;
	float: left;
	width: 224px;
	/*background-color:#eaeaea;*/
	margin: 20px 0 0 40px;
	padding: 0;
	display: inline;
}


h1.entry-title {
	position: relative;
	float: left;
	width: 700px;
	background: transparent url(images/break_repeat.png) bottom left repeat-X;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

h2.entry-title {
	position: relative;
	float: left;
	width: 700px;
	background: transparent url(images/break_repeat.png) bottom left repeat-X;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

h2.entry-title a {
	color: #000033;
	text-decoration: none;

}

.post {
	margin-bottom: 25px;
	border-bottom: 1px solid #afbcc3;
	padding-bottom: 10px;
}

.entry-content {
	position: relative;
	float: left;
	width: 680px;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0;
	display: inline;
	/*background-color: #e1e1e1;*/
}

.author {
	color:#999999;
}


.entry-footer a {
	color: #999999;	
}

span.youtube {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { /*font-family: Cambria, Georgia, "Times New Roman", Times, serif;*/ padding: 3px; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }

/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }

/* Comments */
.comment-list, .comment-list .children { list-style: none; }
/*.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }*/


img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



h3.comment-title {	
	position: relative;
	float: left;
	width: 690px;
	background-color: #f7f7f7;
	border-top:  1px solid #dcdcdc;
	border-bottom:  1px solid #dcdcdc;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	color: #101040;
}


ol.comment-list {
	position: relative;
	float: left;
	width: 700px;
	margin: 0;
	padding: 0;
/*	background-color: #999999;*/
}

.comment {
	position: relative;
	float: left;
	width: 680px; 
	margin: 0 0 40px 0;
/*	background-color: #e1e1e1;*/
	padding: 0 0 0 20px; 
	border-left: 5px solid #b9b9b9;
}

.comment-author {
	position: relative;
	float: left;
	width: 590px;
/*	background-color: #eaeaea;*/
	margin: 0 0 0 80px;
	padding: 0;
	display: inline;
	height: 25px;
	border-bottom: 1px solid #dcdcdc;
}

.comment-author cite.commenter {
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
}

.comment-author cite.commenter a {
	color: #000033;
	text-decoration: underline;
}

.comment-author cite.commenter a:hover {
	color: #000033;
	text-decoration: none;
}

.avatar {
	position: absolute;
	top: 0;
	left: -80px; 
/*	float: left; */
/*	margin: 0px 0px 10px -80px; */
	border: 1px #ddd solid; 
	padding: 1px;
}
.comment-meta {
	position: relative;
	float: left;
	/*background-color:#99CC33;*/
	margin: 10px 0 0 80px;
	display: inline;
}
	

.comment-content {
	position: relative;
	float: left;
	width: 590px;
/*	background-color: #eaeaea;*/
/*	background: transparent url(images/break_repeat.png) bottom left repeat-X;*/
	margin: 10px 0 0 80px;
	padding-bottom: 20px;
}

/* widgets */

.widget {
	position: relative;
	float: left;
	width: 224px;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	background: transparent url(images/mod_bkg.png) bottom left no-repeat;
}


.widget_search h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_searchtheblog.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.widget_search form.searchform {
	position: relative;
	float: left;
	width: 204px;
/*	background-color:#CCCCCC;*/
margin: 10px 0 0 15px;
display: inline;
}

.widget_search form.searchform input.search {
	position: relative;
	float: left;	
	width: 140px;
/*	margin: 0;
	padding: 0;*/
}

.widget_search form.searchform button.search-btn {
	position: relative;
	float: left;	
	width: 140px;
	margin: -1px 0 0 5px;
	padding: 0;
	width: 35px;
	height: 27px;
	background: transparent url(images/btn_go.png) 0 0 no-repeat;
	text-indent: -9999px;
	border: none;
}

.widget_recent_entries h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_searchtheblog.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.widget_recent_entries h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_latestposts.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.widget_categories h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_categories.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.widget_archive h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_archives.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.widget ul {
	position: relative;
	float: left;
	width: 200px;
	margin: 5px 0 0 15px;
	display: inline;
}

.widget ul li {
	background-image:none;
	color:#000033;
	font-size:1.1em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:7px 0 0;
}

.widget ul li a {
	color: #000033;
	text-decoration: underline;
}

.widget ul li a:hover {
	color:#000033;
	text-decoration:none;
}


.widget_twitter h3 {
	position: relative;
	float: left;
	width: 224px;
	height: 40px;
	background: transparent url(images/title_twitter.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}



#form_LS {
	position: relative;
	float: left;
	width: 350px;
	background-color:#0033CC;
	display: none;
}

#form_RS {
	position: relative;
	float: left;
	width: 350px;
	background-color:#0033CC;
	display: none;
}

h3#leave-a-reply {	
	position: relative;
	float: left;
	width: 690px;
	background-color: #f7f7f7;
	border-top:  1px solid #dcdcdc;
	border-bottom:  1px solid #dcdcdc;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	color: #101040;
}


#comment_form {
	position: relative;
	float: left;
/*	background-color:#000099;*/
	margin: 0 0 30px 0;
	width: 700px;
	display: inline;
}

#comment_form_LS {
	position: relative;
	float: left;
	width: 320px;
/*	background-color:#0033CC;*/
/*background-color: #eaeaea;*/

}

#comment_form_LS label {
	position: relative;
	float: left;
	width: 330px;
	/*background-color:#999933;*/
	color: #8a968b;
	margin: 15px 0 0 0;
}

#comment_form_LS input {
	position: relative;
	float: left;
	width: 300px;
/*	border: 1px solid #244245;*/
	/*background-color: #043641;*/
/*	background-color: #02171c;*/
	/*color: #fff;*/
	margin: 3px 0 0 0;
}

#comment_form_RS {
	position: relative;
	float: right;
	width: 345px;
	margin: 0 0 0 0;
	display: inline;
/*	background-color:#999933;*/

}

#comment_form_RS label {
	position: relative;
	float: left;
	width: 245px;
	
	color: #8a968b;
	margin: 10px 0 0 0;
}

#comment_form_RS textarea {
	position: relative;
	float: left;
	width: 335px;


	margin: 3px 0 0 0;
}

#comment_form_RS #submit {
	position:relative;
	float: right;
	width: 180px;
	margin: 10px 0 0 0;
	height: 33px;
	background: transparent url('images/btn_submitcommet.png') 0 0 no-repeat;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	font-size: 0;
}

#comment_form_RS #submit:hover {
	background: transparent url('images/btn_submitcommet.png') 0 0 no-repeat;
}




/* #feedburner */

#feedburner {
	position: relative;
	float: left;
	width: 224px;
	padding-bottom: 10px;

}

#feedburner p a {
	font-size:14px;
	color:#333;
	font-weight: bold;
	padding: 2px 0 8px 34px;
	background: transparent url('images/rss_logo.png') 0 0 no-repeat;	
}

#feedburner p a:hover {
	color:#333;
	font-weight: bold;
	text-decoration: none;
	
}

/* #feedburner */

#email_sub {
	position: relative;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	padding-left: 24px;
	background: transparent url('images/email.gif') 0 12px no-repeat;	

}

#email_sub p a {
	/*font-size:14px;*/
	color:#000099;
	font-weight: bold;
	padding: 2px 0 8px 0;
	
}

#email_sub p a:hover {
	color:#000099;
	font-weight: bold;
	text-decoration: none;
	
}

.social_bookmark {
	margin-bottom: 20px;
}

.social_bookmark a#book_click {
	background: transparent url('images/icon_bookmark.png') 0 0 no-repeat;
	padding: 3px 0 7px 24px;
}