/*

Theme Name: S.L. Jones

Theme URI: http://www.thehydrilla.com/

Description: Theme for S.L. Jones

Version: 1.0

Author: Mylk One

Author URI: http://www.thehydrilla.com

Tags: Jones 

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

*/



/* body & layout & typography */



body {

	font-family: Arial;

	background: #000;

	text-align: center;

	margin: 0;

	padding: 0;

	font-size: 12px;

}

	

p {

	margin: 0;

	padding: 0 0 7px 0;
	
	text-align:justify;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



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;

}



.clear {

	clear: both;

	height: 0px;

}



#wrapper {

	width: 1100px;

	text-align: left;

	margin: 15px auto 0 auto;

	overflow: hidden;



}



h1, h2, h3, h4, h5 ,h6 {

	margin: 0;

	padding: 0;

	font-weight: lighter;

}



blockquote {

	border-left: 3px #CCCCCC solid;

	font-family: Georgia;

	font-style: italic;

	margin: 15px;

	padding: 15px;

}



.main img {
	
	border: solid 0px !important;
	
}



a img {

	border: none;

}



.wp-caption {

	border: none;

	text-align: center;

	background-color: none;

	padding-top: 0;

	margin: 0;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	padding: 0;

	margin: 0;

}



#topheader {
	
	text-align:center;
	
	
}




/* banner */



#banner {

	width: 100%;
	
	text-align:center;
	
	background-color:#FFF;
	
	height:447px;
	overflow:hidden;
}



#banner .logo {

	float: left;

	margin: 15px 0 15px 15px;

	height: 64px;

}



#banner .logo h1 {

	font-size: 25px;

	font-family: Arial Narrow;

	letter-spacing: 1px;

	text-transform: capitalize;

	margin: 10px 0 0 30px;

}



#banner .logo h1 a {

	color: #CFC6D4;

	text-decoration: none;

}



#banner .logo .description {

	margin: 0 0 0 30px;

	color: #B6CA9C;

	font-size: 12px;

}



#banner .aboutortweet {

	float: right;

	width: 500px;

	margin: 15px 15px 0 0;

}



#banner .abouttweettop {

	background: url(images/abouttweettop.png) no-repeat;

	height: 14px;

	width: 500px;

}



#banner .abouttweetbottom {

	background: url(images/abouttweetbottom.png) no-repeat;

	height: 14px;

	width: 500px;

}



#banner .abouttweetcenter {

	background: url(images/abouttweetcenter.png) repeat-y;

	width: 500px;

	overflow: hidden;

}



#banner .abouttweetcenter .gravatar-tweet {

	float: left;

	border-right: 1px #888F99 dotted;

	margin-left: 15px;

	padding-right: 15px;

}



#banner .abouttweetcenter .gravatar-tweet img {

	border: 3px #565C65 solid;

}



#banner .abouttweetcenter .about-tweet {

	float: left;

	margin-left: 15px;

	margin-right: 15px;

	color: #B6CA9C;

	font-size: 12px;

	font-family: Georgia;

	font-style: italic;

	width: 390px;

	overflow: hidden;

	line-height: 150%;

}



#banner .abouttweetcenter .gravatar-tweet #twitterbird {

	border: none;

}



#banner .abouttweetcenter .about-tweet ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



#banner .abouttweetcenter .about-tweet ul li {

	margin: 0;

	padding: 0;

}



#banner .abouttweetcenter .about-tweet ul a {

	color: gray;

	text-decoration: none;

}



#twitter-link {

	color: gray;

	text-decoration: none;

}



/* menu */



#menu-div {

	width: 1100px;

	background: #ffffff;

	height: 32px;

}



#menu {

	list-style: none;

	margin: 0;

	padding: 0;

	font-size: 13px;

	height: 32px;

}



#menu li {

	margin: 0;

	background: #ffffff;

	float: left;

	padding: 0;

}



#menu li a {

	background: transparent url(images/menu-li.png) no-repeat;

	display:block;

	color:#565C65;

	height:32px;

	line-height:32px;

	padding:0 20px;

	margin-left:-10px;

	text-decoration:none;

	z-index:1;

}



#menu li.current_page_item a {

	background: transparent url(images/current-li.png) no-repeat;

}



#menu li a:hover {

	background: transparent url(images/menu-li-hover.png) no-repeat;

}



#menu li a.home {

	background: transparent url(images/home-li.png) no-repeat;

	width: 15px;

}



#menu li.current_page_item a.home {

	background: transparent url(images/home-li-current.png) no-repeat;

	width: 15px;

}



#menu li a.home:hover {

	background: transparent url(images/home-li-hover.png) no-repeat;

}



#menu li a.last:hover {

	background: transparent url(images/menu-li.png) no-repeat;

	cursor: default;

}





#network {

float:left;


}

#networkicon {

margin-right:5px;
float:left;

}



.network {

font-size:130%;
font-weight:600;
}

.network a, .network a:visited {

color:#b4b4b4;
}

.network a:hover {
color:#FFFFFF;





}




.sidebar_banner_img {
	
	margin-bottom: 5px;
	padding:2px;
	
}



.sidebar {
	
	color:#999;
	
} 


.nocaps {
	
	text-transform:none !important;
	

	
}






/* content */



#content {

	

	width: 1100px;

	overflow: hidden;

	

	padding: 20px 0 0 0;

}



/* sidebars */



.sidebar {

	width: 240px;

	float: left;

}



.sidebar ul {

	list-style: none;

	padding: 0;

	margin: 0 0 0 10px;

}





#leftsidebar {

	margin-left: 0px;

}



#rightsidebar {

	margin-right: 0px;

}



.sidebar ul ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.sidebar ul li {

	margin: 0 0 30px 0;

	padding: 0;
	
	font-size:11px;
	
	text-transform:uppercase;

}



.sidebar ul li h2 {



	line-height: 20px;

	text-align: left;

	padding: 0 5px 0 0;

	font-size: 12px;
	
	font-weight:bold;
	
	font-style:normal !important;
	
	font-family: Helvetica, Arial, serif;
	
	text-transform:uppercase;

	color:#fff;

	margin-bottom: 5px;
	
	border-bottom:solid 1px #333;

}


.flickr_photo {
	
	padding: 1px;
	float:left;
	
}

.flickr_photo img {
	
	width: 50px;
	height: 50px;
	
}





.sidebar ul li h2 a {




	color:#fff;
	text-decoration:none;



}



.sidebar ul li ul li {

	margin: 0;

	padding: 7px 5px 5px 5px;



}



.sidebar ul li ul li a {

	text-decoration: none;

	color: #727272;

}



.sidebar ul li ul li a:hover {

	color: #fff;

}



.sidebar ul li div a {

	text-decoration: none;

	color: #727272;

}



.sidebar ul li div a:hover {

	color: #4B4B4B;

}



.sidebar ul li li li, .sidebar ul li li li li, .sidebar ul li li li li li {

	background: url(images/arrow.png) no-repeat;

	padding-left: 13px;

}


.tweets {
	
	color:#FFF !important;
	text-transform:none !important;
	
}



/* tags */



.widget_tag_cloud a {

	color: #727272;

	text-decoration: none;

}



.widget_tag_cloud a:hover {

	color: #4B4B4B;

}



/* calendar */



#wp-calendar {

	width: 100%;

	color: #727272;

}



#wp-calendar a {

	color: #4b4b4b;

	text-decoration: none;

}



#wp-calendar caption {

	margin: 5px 0 5px 0;

}



#prev {

	text-align: left;

}



#next {

	text-align: right;

}



/* search */



#search .search-back {



	width: 230px;

	height: 20px;

	padding: 0;

}



#s {



	border: none;

	width: 100%;

	color: #999;

}



/* container */



.container {

	float: left;

	width: 560px;

	padding: 0 25px 0 25px;

}



/* posts */



.posts {

	list-style: none;

	margin: 0;

	padding: 0;

	color: #cfcfcf;

}



.posts a {

	color: #4B4B4B;

	text-decoration: none;

}



.posts li {

	margin: 0 0 35px 0;

}



.post-header {
	
	border-bottom: solid 1px #333;

	padding-bottom: 3px;

}



.post-title {

	float: left;

	margin-right: 15px;

}



.post-comment {

	float: right;

	padding-top: 6px;

	font-size: 10px;

}



.post-meta {

	color: #555;

	font-size: 10px;

	margin-top: 5px;

}



.post-meta a {

	color: #777;

	text-decoration: none;

}



.post-meta .post-admin {

	float: left;

}


.post-admin {

	float: left;
	visibility:hidden;

}



.post-meta .post-date {

	float: left;

	font-size: 10px;

	color: #555;



	margin-right: 15px;

}



.post-title h2 {

	color: #fff;

	font-size: 20px;
	
	
	font-family: "Times New Roman", Times, serif;


	text-decoration: none;
	
	text-transform:uppercase;

}



.post-title h2 a {

	color: #fff;

}


.post-title h2 a:hover {

	color: #efefef;


}


.post_content {

	line-height: 160%;

	margin: 10px 0 20px 0;

}



.post_content a {

	color: #0050e0;

}



.post_content a:hover {

	text-decoration: underline;
	
		color: #fff;

}



.post_content img {





}



.post_content .wp-smiley {

	border: none;

	padding: 0;

	background: none;

}



.post_content ul {

	list-style: disc;

	line-height: 200%;

	margin-bottom: 0;

	padding-bottom: 0;

}



 .post_content ul li {

	margin: 0;

	padding: 0;

}



.post_content ol {

	line-height: 200%;

	margin-bottom: 0;

	padding-bottom: 0;

}



.post_content ol li {

	margin-bottom: 0;

	padding-bottom: 0;

}



.post_content table {

	border-collapse: collapse;

	border: 1px gray solid;

}



.post_content table th {

	text-align: center;

	background: #8F8F8F;

	color: #ffffff;

	padding: 5px;

}



.post_content table td {

	padding: 5px;

}



.post-pages {

	margin-top: 10px;

}



.post-pages span {

	line-height: 18px;

	width: 18px;

	background: url(images/post-pages-back-hover.png) no-repeat;

	text-align: center;

	display: inline-block;

	color: #ffffff;

	font-size: 11px;

	margin-right: 3px;

	cursor: pointer;

}



.post-pages a span {

	color: #7f7f7f;

	background: url(images/post-pages-back.png) no-repeat;

}



.post-pages a span:hover {	

	color: #FFFFFF;

	background: url(images/post-pages-back-hover.png) no-repeat;

}



.post-cat-meta {

	font-size: 12px;

	margin: 20px 0 5px 0;

}



.post-cat-meta .post-category {

	float: left;

	margin-right: 20px;

}



.post-cat-meta .post-tag {

	float: left;

}



.add-to-any {

	margin-top: 20px;

}



.add-to-any a {

	font-weight: lighter;

	border: none;

}



/* navigation */

.navigation { padding-bottom: 20px; }

.navigation-pages { border-top: 0px #D1D1D1 solid; padding-top: 15px; }

.navigation-pages ul { list-style: none; margin:0; padding: 0; }

.navigation-pages li { line-height:0%; display:inline; padding:0; margin:0; font-size:12px; zoom:1; }

.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,

.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots

 { color:#999999; width:28px; padding:0; margin:0 10px 0 0; display:block; float:left; text-decoration: none; text-align:center; line-height:27px; background:url(images/page-num-back.png) no-repeat left top; }

.navigation-pages a:hover { color:#fff; background:url(images/page-num-current.png) no-repeat left bottom; text-decoration:none; }

.navigation-pages span.current { background:url(images/page-num-current.png) no-repeat left top; color:#fff; }



/* comments */



.com {

	margin: 20px 0 0 0;

	padding: 0;

}



.tabs {

	width: 100%;

	list-style: none;

	margin: 0;

	padding: 0;

}



#commentstab {

	display: none;

}



#trackbackstab {

	display: none;

}



.tabs li {

	float: left;

	margin: 0;

	padding: 8px;

}



.tabs li.active a {
	
	color:#999 !important;



}



.tabs li h2 {

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: bold;

}



.com div {

	clear: both;

	width: 100%;


	overflow: hidden;

}



.commentslist {

	list-style: none;

	margin: 0;

	padding: 0;

}



.commentslist p {

	line-height: 200%;

}



.commentslist a {

	color: #999;

}



.avtar img {

	border: 4px #e3e3e3 solid;

}



.commentslist li {

	margin: 0 15px 15px 15px;

	padding: 0;

	background: #222222;

}



.commentslist li .com-wrapper {

	overflow: hidden;

	clear: none;

	padding: 15px;

	width: 470px;

}



.com-wrapper .com-header {

	float: left;

	width: 10%;

	background: none;

	clear: none;

	margin-right: 15px;

}



.com-wrapper .com-metadata {

	float: left;

	width: 80%;

	background: none;

	clear: none;

}



.com-wrapper .clear {

	clear: both;

	background: none;

}



.com-wrapper .com-text {

	clear: none;

	background: none;

	margin-top: 10px;

}



.com-wrapper .com-text .reply {

	background: none;

	clear: none;

}



.commentslist li .children {

	list-style: none;

	margin: 0 0 0 15px;

	padding: 0;

	width: 90%;

}



.commentslist li .children li {

	background: none;

	margin: 0;

	padding: 0;

}

.children li .com-wrapper {

	background: none;

}



.com-wrapper .com-text .nav_top {

	color: gray;

	background: none;

	margin: 10px 0 10px 0;

	clear: none;

}



.com-wrapper .com-text .nav_top a {

	color: gray;

}



/* comment form */



.leavereply {

	margin-top: 40px;

}



#respond {

	font-size: 18px;

	padding-bottom: 5px;

	background: url(images/post-divider.png) left bottom no-repeat;

}



#cancel-comment-reply {

	margin: 10px 0 10px 0;

}



.textbox {



	width: 453px;

	height: 31px;

	padding: 7px 10px 0 10px;

	margin-top: 5px;

	margin-bottom: 10px;

}



.textbox input {

	border: 0;

	width: 420px;

	color: #7C858F;

}



.textarea {



	width: 453px;

	height: 203px;

	padding: 8px 10px 5px 10px;

}



.textarea textarea {

	width: 420px;

	height: 182px;

	color: #7C858F;

	border: 0;

	font-family: Microsoft Sans Serif;

	font-size: 13px;

	overflow: auto;

}



#submit {

	background: url(images/button-back.png) no-repeat;

	width: 150px;

	height: 27px;

	border: none;

	padding-bottom: 3px;

	color: gray;

}



/* footer */



#footer {



	color: #555;
	
	text-transform:uppercase;



	font-size: 10px;

	padding: 10px 20px 10px 20px;

}



#footer a {

	color: #fff;

	text-decoration: none;

}



#footer a img {

	border: none;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}