/*  

Theme Name: JJOToole

Theme URI: 

Description: 

Version: 1.1

Author: designers ink

Author URI: 

Tags: two-columns, threaded-comments, sticky-post, right-sidebar, fixed-width, white, black, blue, green

*/



/*** GLOBAL  ***/

html,body{height:100%}



* { margin:0; padding:0; }

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clr{clear:both; height:6px;}

form{margin:0; padding:0;}



/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */



h1 {font-size:28px; line-height:30px;}

h2 {font-size:26px; line-height:28px;}

h3 {font-size:18px; line-height:20px;}

h4 {font-size:16px; line-height:18px;}

h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}





h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }



/*** END OF DEFAULT ELEMENT STYLES ***/





/* Begin Typography & Colors */



.entry p, p { margin:0px 0px 10px 0px; }



	



.link_read a, .link_read a:visited{color:#888787;}

.link_read a:hover{ color:#999999;}

.narrowcolumn .entry, .widecolumn .entry { line-height:20px; }

.narrowcolumn h2, .narrowcolumn h2 a, .narrowcolumn h2 a:visited, .widecolumn h2, .widecolumn h2 a, .widecolumn h2 a:visited{ font-size:20px;} 

.narrowcolumn h2 a:hover, .widecolumn h2 a:hover{ color:#999999;}

.widecolumn { line-height: 1.6em; }

.thread-alt { background-color: transparent; }

.thread-even { background-color: transparent; }

.depth-1 { border: 0px solid #ddd; }

.even, .alt { border-left: 0px solid #ddd; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

.entry p a:visited { color: #b85b5a;}







.commentlist li, #commentform input, #commentform textarea { font:13px Tahoma, Arial, Verdana; }

.commentlist li { font-weight: bold; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: Tahoma, Arial, Verdana;}

.commentmetadata { font-weight: normal;}

small, .nocomments, .postmetadata, blockquote, strike { }



acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }



/* End Typography & Colors */







/* Begin Structure */





/*** CENTERCOLUMN ***/

#centercolumn{width:960px; margin:0px auto 0px auto;}

/*** END OF CENTERCOLUMN ***/



#container{  float:left;}

/*** CONTENT ***/

#container_content{width:960px; margin-top:17px;}



/* main content */

#main_content{ width:960px; float:left; padding-right:45px; color:#ffffff;}

.imgleft{float:left; padding-right:15px; }

.imgright{float:right; padding-left:15px;}



.narrowcolumn { padding: 0 0 0px 0px; margin: 0px 0 0; }

.widecolumn { padding: 0px 0 0px 0; margin: 5px 0 0 0px; }





.sidebar_content{width:642px; clear:both;}

.sc_left{ width:300px; float:left; padding-right:20px;}

.sc_right{ width:300px; float:left;}



.post {

	margin: 0 0 0px;

	padding-bottom:30px;

	

	}







.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

}





.post_cat{ float:right;}





/* main sidebar */

#main_sidebar{ width:271px; float:left; color:#6c6461;}





/*===Wp125===*/

#wp125{ margin-bottom:25px !important; float:left;}



/* Styles for two-column display */

#wp125adwrap_2c { width:100%; }

#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:10px 5px 0px 5px !important;  border:0px;}

.wp125ad img{border:0px !important;}





/* Begin Sidebar */

#sidebar #searchform{ margin:0px; padding:0px; text-align:left;}



#sidebar{ padding: 0px 0 10px 0; line-height:18px; }

	

#sidebar ul ul li li{ border:0px; padding-bottom:0px;}







#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 0px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 0px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul.bookmarks li{

	border:0px;

	background-image:none;

}

.left_bm{ float:left; padding-right:10px;}

.bold{ font-size:18px;}



/* recentcomments */

#recentcomments{ font-weight:bold;}

#recentcomments a, #recentcomments a:visited{ font-weight:normal;}



/*** FOOTER ***/

#left_footer{ width:400px; float:left;}

#right_footer{ float:right; text-align:right; margin-top:-90px;}



/* End Structure */











/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	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;

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



.entry ul {



	padding: 0 0 0 0px;

	list-style: none;



	}



.entry li {

	margin: 7px 0 8px 10px;

	}





.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}





/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:left;

	}



select {

	width: 130px;

	}

	

/* Form Comment*/



.form_left{ float:left;}

.form_left label{ width:45px; display:block; float:left; padding-top:5px;}

.form_right{float:left; width:60%; padding-left:0px;}

.form_right label { width:40px; display:block; float:left; text-align:right; padding-left:10px;}





#commentform {

	margin: 5px 10px 0 0;

	}



#respond { width:100%;}

#respond h3{ font-family:"Century Gothic", Tahoma, Arial; font-size:20px; padding-top:15px;}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

	

/*****Forms*****/

form{margin:0; padding:0; font-family:Tahoma, Arial !important;}

fieldset{border:0px;}

.screenReader { left: -9999px; position: absolute; top: -9999px; margin:0px ;padding:0px; }

.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }



#contactForm{}

#contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }

#contactForm ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 18px; 

	position: relative;

	width: 100%;

	list-style-type:none;

}



#contactForm ol.forms li.screenReader{margin:0px; padding:0px;}

ol.forms label {

	cursor: pointer;

	display: block;

	font-weight:normal;

	padding:0px 20px 3px 0px;

	width: 100px;

}

ol.forms input{

width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:solid 1px #e1e1e1;}

ol.forms textarea {border:solid 1px #e1e1e1; width:388px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}

ol.forms li.buttons button {

background-image:url(images/but_submit.png); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:69px; height:26px; cursor:pointer;}



ol.forms input:focus, ol.forms textarea:focus {border:solid 1px #b3b3b3; }

.error { color: #f00; }

ol.forms li .error { font-size: 10px; margin-left:0px; }

ol.forms li.textarea .error {

	display: block;

	position: absolute;

	right: 0;

	top:80px;

	width:auto;

}

ol.forms li.screenReader {margin: 0; }

ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline {}

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }



/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}

	

	

/* comments */

ul.commentlist, ul.commentlist ul.children { list-style: none; margin: 0; padding: 0; }

ul.commentlist li { display: inline-block; list-style: none; margin: 0 0 30px; overflow: hidden; padding: 0; position: relative; }

ul.commentlist li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] ul.commentlist li { display: block; }



ul.commentlist li .comment_author { font-size: 11px; float: left; padding: 0 20px 0 0; width: 60px; z-index:0; }

ul.commentlist li .comment_author cite{font-size: 11px; font-style: normal; float:left; z-index:0; }

ul.commentlist li .comment_author cite a{text-decoration: none;}

ul.commentlist li .comment_author strong{}

ul.commentlist li .comment_author img{ border: 0px solid #aaa;}

ul.commentlist li .comment_text_container{ margin-left:80px; position:relative; z-index:50; }

ul.commentlist li p.metadata {font-size: 10px; line-height: 2; text-align: right; padding:0px; margin:0px; }

ul.commentlist li p.metadata a { text-decoration: none; }

ul.commentlist li p.metadata a:hover,

ul.commentlist li .comment_author cite a:hover{ text-decoration: underline; }

ul.commentlist ul.children{clear: both;margin: 0 0 0 83px;padding-top:20px;}

/* End Comments */





/* Begin Calendar */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%;}

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar td { padding: 3px 0; text-align: center; }

#today{ background-color:#e6e6e6}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption { font: bold 1.3em Tahoma, Arial, Verdana; text-align: center; padding-top:10px; padding-bottom:5px; }

#wp-calendar th { font-style: normal; text-transform: capitalize;}

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }



blockquote cite { margin: 5px 0 0; display: block;}

.center { text-align: center; }

.hidden { display: none; }

.screen-reader-text {position: absolute; left: -1000em; }

a img {	border: none;}

img.aligncenter{border:solid 1px #ccc; padding:6px; margin-bottom:10px;}

.navigation { display: block; text-align: center; }

	

/* WP-PageNavi */	

.pagination{ line-height:25px;}



/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;



}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



.widget_tag_cloud div{ margin-top:10px;}



.textwidget{

	line-height:20px;

}



.boxtop{ width:290px; float:left; padding:0px 0px 0px 0px; line-height:20px;}

.spacer{width:50px; float:left; display:block; height:100px;}

.newstyle{
padding-top:8px;
}

.newstyle1{
padding-top:8px;
border-left: #999999 1px dotted;
}

.newstyle li, .newstyle ul{
list-style-type:none !important;
background:none !important;
}
.newstyle .widget h2{
color:#FFFFFF !important;
font-size:20px;
font-weight:bold;
}