/*
Theme Name: Cleanr - A Clean Theme
Theme URI: http://www.webtint.net/
Description: A Clean Theme for you and me. Fixed Layout. 
Version: 1.0
Author: Jonathan Simpson
Tags: white, black, two-columns, fixed-width
*/

/* ------------------------------- */
/* Main Elements Important Elements*/
/* ------------------------------- */


 
body {
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333;
	background: #222;
}


#header {
	background: #fff url('images/header-border.gif') bottom repeat-x;
	margin: 0px auto;
	height: 150px;
	width: 980px;
	display: block;
	padding: 0px 0px 0px 20px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}

#nav {
	margin: 0px auto;
	display: block;
	height: 70px;
	width: 980px;
	background: #222;
	padding: 10px 0px 10px 0px;
	font-size: 21px;
	font-weight: bold;
	font-family: Arial, serif;
}


#content {
	width: 1000px;
	background: #fff url('images/faux-column.gif') repeat-y;
	overflow: hidden;
	margin: 0px auto;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
}


a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #1f829f;
        text-decoration: underline;
	
}

a:visited {
	color: #155c71;
}

a:active {
	background: #e8fdff;	
}

a:hover {
	color: #155c71;	
}

/* --------------------- */
/* Nav Specific Elements */
/* --------------------- */

#nav ul li {
	float: left;
	list-style: none;
	width: 155px;
}

#nav a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
}

#nav a:hover {
	background: #030303;
}

/* --------------------------------------- */
/* Section Specific Elements (i.e Columns) */
/* --------------------------------------- */

#left-column, #logo {
	width: 550px;
	float: left;
}


#left-column {
	width: 580px !important;
}

	/* ---- */
	/* Logo */
	/* ---- */

	#logo {
		font-size: 50px;
		padding: 30px 0px 0px 10px;
	}
	#logo a {
		color: #333;
		text-decoration: none;
		font-family: Georgia, sans-serif !important;
		font-weight: lighter;
	}
	#logo a:hover {
		color: #545454;
	}
	
	#logo small {
		font-size: 18px;
		display: block;
		font-family: Georgia, sans-serif !important;
		color: #676767;
	}
		
#right-column, #share {
	width: 380px;
	float: left;
	height: 100%;
	border-left: 1px solid #d9d9d9;
}

#right-column {
	width: 419px !important;
}

	/* ----- */
	/* Share */
	/* ----- */

	#share {
		padding: 0px 0px 0px 20px;	
	}

	#left-share {
		float: left;
		line-height: 35px;
		padding: 20px 0px 0px 0px;
	}

		/* ----------- */
		/* Share Links */
		/* ----------- */

		#left-share a {
			display: block;
			width: 150px;
			padding: 10px 0px 0px 10px;
		}

		#left-share a span {
			font-size: 21px;
			padding: 0px 10px 10px 10px;
			position: relative;
			bottom: 10px;

		}
		#left-share-rss {
			color: #8b421b;
			text-decoration: none;
		}
		#left-share-rss:hover {
			color: #5a260b;
			background: #fff5f0;
		}
		#left-share-twitter {
			color: #175678;	
			text-decoration: none;
		}
		#left-share-twitter:hover {
			color: #0b3348;
			background: #f0fcff;
		}

	#right-share {
		float: right;	
		padding: 35px;
		font-weight: bold;
		font-size: 41px;
	}
		#right-share small {
			font-size: 20px;
			font-variant: small-caps;
			letter-spacing: 5px;
			display: block;
			
		}


/* --------------------- */
/* Sidebar Related Items */
/* --------------------- */

#right-column ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.widget ul li a {
	padding: 10px 10px 10px 30px;
	display: block;
}

.widget ul li a:hover {
	background: #eef5ff;
}

.widget ul li {
	line-height: 25px;
	border-bottom: 1px solid #d9d9d9;
}

.sidebar-links, .sidebar-links-regular {
	padding: 0;
	margin: 0;
}
.sidebar-links li, .sidebar-links-regular li {
	line-height: 25px;
	border-bottom: 1px solid #d9d9d9;
}
	
.sidebar-links a {
	color: #a13c3c;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 10px 10px 30px;
	display: block;
	font-weight: bold;
}


.sidebar-links ul li a:hover {
	background: #fff0f0;
	text-decoration: underline;
	color: #812424;
}

.sidebar-links-regular a {
	color: #535353;
	font-size: 14px;
	text-decoration: none;
	display: block;
	font-weight: lighter;
	padding: 8px 8px 8px 30px;
}

.sidebar-links-regular a:hover {
	color: #7f7f7f;	
	background: #f1f1f1;
	text-decoration: underline;

}

.sidebar-links-regular span a {
	text-decoration: none !important;
}

.dual-sidebar-left {
	float: left;
	width: 208px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-right: 1px solid #d9d9d9;
}

.dual-sidebar-left ul li:last-child {
	border-bottom: 0 !important;
}
.dual-sidebar-right {
	float: left;
	padding: 0;
	margin: 0;
	width: 208px;
	height: 365px;
	list-style: none;

}

#right-column .children {
	list-style: none;
	margin-left: 30px;
		
}

#right-column .children li {
	border-bottom: 0 !important;
}


/* ---------- */
/* Search Box */
/* ---------- */

#s {
	width: 380px;
	height: 100%;
	font-size: 18px;
	padding: 20px 20px 20px 30px;
	outline: 0;
	border: 0;
}

/* ----------- */
/* Input Boxes */
/* ----------- */

input:hover, textarea:hover {
	background: url('images/input-background.gif') repeat-x;
}

input:focus, textarea:focus {
	background: #f1f1f1;
	outline: none;
}

#respond input[type=submit] {
	border: 2px solid #d9d9d9;
	background: #f1f1f1;
	padding: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	font-size: 16px;
	float: right;
	margin: 15px 30px 30px 30px;
	border-radius: 4px;

}

#respond input[type=submit]:hover {
	border: 2px solid #252525;
	background: #5f5f5f;
	padding: 20px;
	color: #fff;
	-moz-border-radius: 4px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	font-weight: bold;
	border-radius: 4px;

}

/* ---------------------- */
/* Header Related Element */
/* ---------------------- */

h1 {
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	padding: 20px 20px 20px 30px;
	margin: 0;
	color: #111;

}
h2 {
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	margin: 0px;
	padding: 20px 20px 20px 30px;
	clear: left;
}
	

h2 a {
	color: #2a6c8f;
	margin: 0px;
	text-decoration: underline;	
}


h2 a:hover {
	color: #124d56;	
	text-decoration: underline;
}

h3 {
	font-weight: bold;
	color: #555;
}
/* ------------------------ */
/* Article Related Elements */
/* ------------------------ */

.article-content {
	padding: 30px;
	text-align: justify;
	font-size: 14px;
	line-height: 23px;
}

.article-content img, .hentry img {
        padding: 5px;
        margin: 5px 5px 20px 5px;
        border: 1px solid #ccc !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px; 
        background: #f1f1f1;
	max-width: 505px;
}

address {
	display: inline;
	color: #535353;
}

.article-details {
	border-bottom: 2px solid #d9d9d9;
	padding: 10px 0px 10px 30px;
	color: #7f7f7f;
	font-size: 12px !important;
}

.article-details a {
	font-weight: lighter;
}

.hentry {
	padding: 30px;
	line-height: 23px;
	text-align: justify;
	font-size: 14px;
}

.hentry img {
	max-width: 505px;
}


.hentry h1 {
	position: relative;
	right: 30px;
	width: 530px;
}


.hentry h2 {
	position: relative;
	right: 30px;
	width: 530px;
}

#respond {

}


.hentry ul li {
	list-style: circle;	
}

/* ---------------------- */
/* Table Related Elements */
/* ---------------------- */

table {
	width: 495px;
}

td {
	

}


td:first-child, tr:first-child > td {
        padding: 15px;
        font-weight: bold;
        background: #efefef;
}


/* ------------------------ */
/* Comment Related Elements */
/* ------------------------ */

.comment-gauge {
	float: right; 
	position: relative;	
	bottom: 22px;
	padding: 23px;
}	

.comment-gauge a {
	text-decoration: none;
	color: #535353;
	text-decoration: underline;
}

.comment-gauge a:hover {
	color: #7f7f7f;
}

.comment-gauge-position {
	position: relative; 
	bottom: 11px;
}

.nocomments {
	text-align: center;
}

#comment {
	width: 544px;
	padding: 25px 10px 10px 25px;
	border: 1px solid #d9d9d9;
	font-family: Arial, sans-serif;
	font-style: italic;
	background: #f1f1f1;
	font-size: 16px;
}

.commenti {
	width: 529px;
	padding: 10px 10px 10px 25px;
	border: 1px solid #d9d9d9;
	padding: 25px;
	background: #f1f1f1;
	font-style: italic;
	color: #595959;
	font-size: 16px;
}

#comments {
	font-size: 14px;

}

#comments img {
	border: 1px solid #d9d9d9;
	background: #f1f1f1;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#respond h3 {
	padding: 8px 8px 8px 30px;
}

#respond small {
	padding: 30px;
	display: block;
	font-size: 14px;
}

.recentcomments {
	padding: 10px 30px 10px 30px;
}


.float-right-log {
	position: relative;
	float: right;
	bottom: 70px;
	padding: 10px 30px 10px 10px;
	font-weight: 12px;
	color: #595959;
	font-style: italic;
}

.ind-comment {
	padding: 30px;	
	text-align: justify;
}	

#comments .children {
	background: url('images/arrow.jpg') top left no-repeat;
	margin: 30px;
}

.children .ind-comment {
	padding: 0px !important;
	margin: 0px !important;
}

.ind-comment address {
	display: block;
	font-size: 22px;
	font-style: none;
	color: #333;
}

.ind-comment .time {
	color: #777;
	font-size: 12px;
}

.float-left-comment-1 {
	float: left;
	padding: 15px;
	height: 100%;
}
.float-left-comment {
	line-height: 23px;
	padding: 15px;
}

.clear-left-line {	
	padding: 15px;
	line-height: 23px;

}

/* --------------- */
/* Footer Elements */
/* --------------- */


#footer {
	clear: left;
	padding: 20px 0px 0px 0px;
	width: 1000px;
	font-size: 14px;
	margin: 0px auto;
	color: #969696;
	line-height: 23px;
}

#footer-1 {
	width: 600px;
	float: left;
}

#footer-2 {
	width: 300px;
	float: left;
}

#footer-3 {
	width: 380px;
	padding: 10px 10px 20px 10px;
	float: left;
}

#footer a {
	color: #646464;
}

#footer a:hover {
	color: #969696;
}

#footer small {
	font-variant: small-caps;
	font-size: 13px;
}
/* ------------- */
/* Odds and Ends */
/* ------------- */

.clear-left {
	clear: left;
	line-height: 0;
}

.navigation {
	padding: 30px;
}

.float-left, .alignleft {
	float: left;
}

.float-right, .alignright {
	float: right;
}

.rr {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a img, img {
	border: 0;
}

.line {
	border-bottom: 1px solid #d9d9d9;
	padding: 0 !important;
	clear: left;
	margin: 0;
	line-height: 0;
}

.nothing {
	padding: 0;
	margin: 0;
}

/* --------- */
/* Wordpress */
/* --------- */

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}