/* 
Theme Name: A Series of Tubes
Theme URI: http://aseriesoftubes.com
Description: A stream of insights from a group of geeky experts that call The Jonah Group their home away from home.
Version: 1.0
Author: Jonah Group
Author URL: http://www.jonahgroup.com

Copyright: ©2010 Jonah Group.  All rights reserved.

This took plenty of sweat and tears to build, 
please don't steal any of our code. Thanks.
------------------------------------------------------------------------- */

/* ============== [ General & Typography ] ============== */

body {
	background: transparent url(../images/tubes_footer.gif) no-repeat center bottom;
	color: #393939;
	font: 62.5% Helvetica, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: left;
	}
p, ol, ul {
	line-height: 150%;
	}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3, h4, h5, h6 { font-size: 1.4em; }

a:link, a:visited {
	color: #83a010;
	text-decoration: none;
	}
	a:hover, a:active {
		color: #2A160B;
		}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	}
.alignright {
	float: right;
	}	
.left {	float: left; }
.right { float: right; }	
.strong { font-weight: bold; }
.clear { clear: both; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase;}

.brdrbtm { border-bottom: 1px solid #becbc5; }

#easter {
	background: #555;
	display: none;
	height: 470px;
	text-align: center;
	width: 100%;
	}
	a.easter-close {
		color: #909090;
		float: right;
		font-size: 1.8em;
		padding: 20px 30px 0 30px;
		}
		a.easter-close:hover {
			color: #fff;
			cursor: pointer;
			}

/* ============== [ Wrapper ] ============== */

#wrapper {
	background: #fff;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 980px;
	}

	
/* ============== [ Header ] ============== */

#body-back {
	background: #a8caba;
	height: 275px;
	width: 100%;
	z-index: -10;
	}
#tubes-back {
	background: transparent url(../images/tubes_header.png) no-repeat center -72px;
	z-index: -10;
	}

#header {
	font-size: 1.2em;	
	height: 182px;
	width: 100%;
	}
#header .header {
	margin: 0 auto;
	width: 980px;	
	z-index: 100;
	}
#navbar {
	background: #fff;
	float: left;
	font-size: 1.2em;
	height: 50px;
	overflow: hidden;
	width: 100%;
	}
#navbar div.nav {
	margin: 0 auto;
	width: 980px;
	}
#navbar .nav ul {
	float: left;
	list-style-type: none;
	margin: 15px 0 0 12px;
	}
	#navbar .nav ul li {
		float: left;
		margin: 0 30px 0 20px;
		}
		#navbar .nav ul li a:link,
		#navbar .nav ul li a:visited {
			color: #000;
			padding: 5px 0;
			}
		#navbar .nav ul li a:hover,
		#navbar .nav ul li a:active {
			color: #83a010;
			}
		#navbar .nav ul li.current_page_item a:link,
		#navbar .nav ul li.current_page_item a:visited,
		#navbar .nav ul li.current_page_item a:hover,
		#navbar .nav ul li.current_page_item a:active {
			color: #83a010;
			}
	#navbar a.twitter {
		background: url(../images/twitter_icon.png) no-repeat left;
		padding: 5px 0 5px 22px !important;
		}
	#navbar a.rss {
		background: url(../images/rss_icon.png) no-repeat left;
		padding: 5px 0 5px 22px !important;
		}

.search {
	float: right;
	margin: 0 30px 0 0;
	}
input#s {
	background: #fff url(../images/search_icon.png) no-repeat left;
	border: none;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 19px 10px 19px 22px;
	width: 188px;
	}
	input#s:hover {
		color: #2A160B !important;
		}
	input#s:focus {
		color: #2A160B !important;
		}

#header .logo {
	float: left;
	margin: 60px 0 0 30px;
	z-index: 2;	
	}
	#header .logo h1 {
		font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
		font-size: 5.6em;
		text-transform: uppercase;
		}
	#header .logo a {
		color: #fff;
		text-shadow: 0px 0px 10px #86a57f;
		}
		#header .logo a:hover {
			color: #fff;
			text-shadow: 0px 0px 10px #a6bd68;
			}
	
#header .bio-teaser {
	background: #fff;
	float: right;
	margin: 18px 30px 0 0;
	width: 220px;
	z-index: 2;	
	}
	#header .bio-teaser p {
		margin: 20px 15px;
		}
	#header .bio-teaser a {
		float: left;
		margin: 0 15px 20px;
		}


/* ============== [ Content ] ============== */

#content {
	background: #fff;
	float: left;
	font-size: 1.2em;
	padding: 30px 0;
	width: 700px;
	}	
.page-title {
	border-top: 1px solid #bfbfbf;
	float: left;
	margin: 0 30px;
	width: 640px;
	}
	.page-title h2 {
		float: left;
		margin: 15px 0;
		}

/* ============== [ Entries ] ============== */

.post {	
	float: left;
	margin: 0 30px;
	padding: 0;
	position: relative;
	width: 640px;
	}
h2.posttitle {
	float: left;
	padding: 15px 0;
	font-size: 2.4em;
	width: 640px;
	}
	a h2.posttitle:hover {

		}
.page {
	margin: 0 0 0 30px;
	}		
.page h2.posttitle {
	border-top:1px solid #BFBFBF;
	padding-top: 22px;
	}

.careers-cat h2.posttitle {
	border-top: 1px solid #bfbfbf;	
	}
	
.postentry {
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 640px;
	}

.index .postentry {
	width: 475px;
	}
.index h2.posttitle {
	width: 475px;
	}	

.postentry .alignleft {
	margin: 0 20px 15px 0;
	}
.postentry .alignright {
	margin: 0 0 15px 20px;
	}

.postentry img.alignleft {
	margin: 15px 20px 15px -60px;
	}

.postentry p img.alignleft {
	margin: 0 20px 15px -60px !important;
	}	
	
span.cap {
	float: left;
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 5px -10px 0;
	position: relative;
	}	
	
.postentry p {
	line-height: 1.7em;
	margin: 0 0 20px 60px;
	}
.postentry a, .postentry a:visited {
	text-decoration: none;
	}
	.postentry a:hover, .postentry a:active {

		}
.postentry ul {
	list-style: disc;
	margin-left: 72px;
	}
	.postentry ul li {
		margin: 15px 30px 15px 0;
		}
.postentry ol {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 72px;
	}
	.postentry ol li {
		float: left;
		margin: 0 30px 15px 0;
		width: 100%;
		}
.postentry li p {
	margin: 0 0 20px 0;
	}		
.postentry blockquote {
	background: transparent url(../images/blockquote.gif) no-repeat 10px top;
	color: #9a9a9a;
	padding: 5px 0 5px 60px;
	}
	.postentry blockquote p {
		font: italic 1.8em Georgia, Times, serif;
		line-height: 1.2em !important;
		margin: 0 0 10px !important;
		}		
	.postentry cite {
		color: #9a9a9a;
		font-style: italic;
		margin-left: 20px;
		}
.postentry h1, 
.postentry h2, 
.postentry h3 {
	font-weight: medium;
	margin: 5px 0 15px 60px;
	}
.postentry h1 {
	font-size: 2em;
	}
.postentry h2 {
	1.6em;
	}
.postentry h3 {
	1.2em;
	}
.postentry img {

	}
	.postentry a img {

		}	
	.postentry a img:hover {

		}
.postentry .alignleft {

	}	
.postentry code {
	background: #DFF5EF;
	border-bottom: 1px solid #B2DACB;
	font: 1em Courier,Monaco,Helvetica,sans-serif;
	padding: 5px;
	}	
.postentry hr {
	background-color: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 0 0 15px;
	width: 100%;
	}
		
p.wp-caption-text {
	border-bottom: 1px solid #eaeaea;	
	margin: 0 0 30px !important;
	padding: 8px 0;
	}
.postentry table {
	font-size: 1.15em;
	margin: 0 0 32px 0;
	text-align: center;
	width: 100%
	}
	.postentry table tr {

		}	
	.postentry table th {
		border-bottom: 1px solid #adadad;
		color: #83a010;
		padding: 12px 0;
		}
	.postentry table td {
		border-bottom: 1px solid #dedede;
		border-left: 10px solid #fff;
		padding: 12px 0;
		}
		.postentry table td.label {
			border-left: 0px !important;
			font-weight: bold;
			text-align: left;
			}
.postentry object {
	margin: 0 0 0 -60px;
	}
.postentry p.lead-in {
	font: 1.8em Georgia, Times, serif;
	line-height: 1.4em;
	margin: 0 0 15px;
	}			

.postentry .aside {
	color: #83a010;
	float: left;
	line-height: 1.7em;
	margin: 0 20px 10px 0;
	width: 140px;
	}

.post-meta {
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #eaeaea;
	float: left;
	font-size: 1.5em;
	padding: 10px 0;	
	width: 640px;
	}
	.post-meta .article-no {
		float: left;
		}
		.post-meta a {
			padding: 13px 0;
			}
		.post-meta a.current {
			border-top: 2px solid #83a010;
			}
	.post-meta .comment-count {
		float: right;
		}
		a .comment-click {
			border-top: 1px solid #fff !important;
			}
		.post-meta .comment-click {
			border-top: none !important;
			color: #fff !important;
			}
			li.comment-count a:hover .comment-click {
				color: #000 !important;
				}

.page .post-meta {
	border-bottom: none !important;
	}

.index-post-info {
	border-left: 1px solid #eaeaea !important;
	float: right;
	margin: 15px 0 0;
	padding-left: 20px;
	width: 120px;
	}
	.index-post-info span {
		color: #b0b0b0;
		font: italic 1.1em Georgia, Times, serif;
		}
		.index-post-info div {
			margin: 0 0 10px;
			}

.post-info {
	border-bottom: 1px solid #eaeaea;
	float: left;
	padding: 10px 0;
	width: 640px;
	}
	.post-info .post-category {
		float: left;
		}
	.post-info .post-date {
		float: right;
		}

.post-series {
	border-right: 1px solid #aeaeae;
	float: right;
	margin-right: 10px;
	padding-right: 10px;
	}

	.post-meta .post-date {
		border-bottom: 1px solid #becbc5;
		padding: 5px 0;
		}


.post-edit-link {
	background: #fff;
	display: none;
	padding: 3px 5px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	}
	.post:hover .post-edit-link { display: block;}

.post-tags {
	border-top: 1px solid #bfbfbf;
	float: left;
	margin: 0 0 20px 0;
	padding: 15px 0 0 60px;
	width: 100%;
	}

.post-footer {
	background: #f0f0f0;
	float: left;
	margin: 30px 0;
	width: 640px;
	}
	.post-footer p {
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 26px 0 24px 20px;
		}
	.post-footer ul {
		float: right;
		margin: 15px 15px 10px 0;
		}
		.post-footer ul li {
			float: left;
			margin-left: 10px;
			}


/* ============== [ Footnotes ] ============== */

.footnotes {
	float: left;
	width: 640px;
	}

.footnotes .footnotedivider {
	border-bottom: 1px solid #ccc;
	}
.footnotes ol {
	border-bottom: none;
	margin-top: 15px;
	}
.footnotes li {
	margin: 0 0 15px 0 !important;
	width:560px !important;
	}

sup.footnote a {
	text-decoration: none;
	font-size: 80%;
	}

sup.footnote {

	}

.footnotereverse a {

	}


/* ============== [ Author Archive ] ============== */

div.author-archive {
	background: #f2e9d9;
	float: left;
	height: 220px;
	margin: 0 0 30px 30px;
	overflow: hidden;
	position: relative;
	width: 640px;
	}
.author-archive img.author-photo {
	left: 0;
	position: absolute;
	top: 0;
	}
.author-archive .author-bio {
	background: #fff;
	left: 280px;
	position: absolute;
	top: 28px;
	width: 360px;
	}
	.author-archive .author-bio h1 {
		font-size: 2.8em;
		margin: 20px 20px 0;
		}
	.author-archive .author-title {
		border-bottom: 1px solid #bfbfbf;
		font: italic 1.1em Georgia, Times, serif;
		margin: 0 20px;
		padding: 0 0 7px;	
		}
	.author-archive .author-description {
		margin: 0 20px 10px;
		padding: 7px 0;
		}

/* ============== [ Archives Page ] ============== */

.archives {

	}
.archives h2 {
	padding: 0 0 15px;
	}
.archives img.photo {
	margin: 0 4px 3px 0;
	}
.archives-left {
	float: left;
	margin: 0 0 20px;
	width: 50%;
	}
.archives-right {
	float: right;
	margin: 0 0 20px;
	width: 50%;
	}
	.archives-right ul {
		margin: 0 0 15px;
		}
.archives ul.month_archive {
	margin: 0 0 15px;
	}
.archives .tag-cloud {
	line-height: 1.8em;
	}


/* ============== [ SyntaxHighlighter ] ============== */

.syntaxhighlighter {
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	margin: 0 0 20px !important;
	padding: 0 0 30pxs !important;
	}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number { color: #000 !important; }

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; }

/* Gutter line numbers */
.syntaxhighlighter .line .number {
	color: #afafaf !important;
	padding: 5px 0 !important;
	}

/* Add border to the lines */
.syntaxhighlighter .line .content { 
	border-left: 3px solid #ccc !important;
	color: #000 !important;
	padding: 5px 0 5px 20px !important;
	}

.syntaxhighlighter.printing .line .content { border: 0 !important; }

/* First line */
.syntaxhighlighter .line.alt1 { background-color: #fff !important; }

/* Second line */
.syntaxhighlighter .line.alt2 { background-color: #F8F8F8 !important; }

.syntaxhighlighter .toolbar { background-color: #F8F8F8 !important; border: #E7E5DC solid 1px !important; }

.syntaxhighlighter .toolbar a { color: #a0a0a0 !important; }

.syntaxhighlighter .toolbar a:hover {color: red !important; }

.nogutter { border: none !important; }

/************************************
 * Actual syntax highlighter colors.
 ************************************/
 
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a { color: #000 !important; }

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a { color: #008200 !important; }

.syntaxhighlighter .string,
.syntaxhighlighter .string a { color: blue !important; }

.syntaxhighlighter .keyword { color: #069 !important; font-weight: bold !important; }

.syntaxhighlighter .preprocessor { color: gray !important; }

.syntaxhighlighter .variable { color: #a70 !important; }

.syntaxhighlighter .value { color: #090 !important; }

.syntaxhighlighter .functions { color: #ff1493 !important; }

.syntaxhighlighter .constants { color: #0066CC !important; }

.syntaxhighlighter .script { background-color: yellow !important; }

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a { color: #808080 !important; }

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a { color: #ff1493 !important; }

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a { color: red !important; }


/* ============== [ Sidebar ] ============== */

#sidebar {
	background: #fff;
	border-left: 1px solid #eaeaea;
	float: right;
	font-size: 1.2em;
    margin: 30px 0;
	width: 279px;
	}
#sidebar h3 {	
	font-size: 1.8em;
	margin: 15px 0;
	}

#sidebar a:link,
#sidebar a:visited {
	text-decoration: none;
	}
#sidebar a:hover {

	}

#sidebar ul {
	float: left;
	margin: 0 0 30px 30px;
	padding: 0;
	list-style-type: none;
	width: 220px;
	}
	#sidebar ul li.full {
		border-top: 1px solid #bfbfbf;
		float: left;
		list-style: none;
		margin: 0 0 30px;
		width: 220px;
		}
	#sidebar ul li ul {
		border-top: none;
		float: left;
		list-style: none;
		margin: 0;
		width: 220px;		
		}
	#sidebar ul li ul li {
		border-bottom: 1px solid #eaeaea !important;
		float: left;
		margin: 0;		
		padding: 6px 0;
		width: 100%;
		}

#sidebar ul.writers {
	width: 240px;
	}
#sidebar ul.writers li {
	border-bottom: none !important;
	margin: 0 20px 0 0;
	width: 100px;
	}

#sidebar .author-media {
	height: 220px;
	overflow: hidden;
	}
	#sidebar .author-media img {
		min-width: 220px;
		}
#sidebar .author-byline {
	border-bottom: 1px solid #eaeaea;
	font: italic 1.1em Georgia, Times, serif;
	padding: 7px 0;
	}
#sidebar .author-name {
	font-size: 1.8em;
	padding: 10px 0 5px;
	}
#sidebar .author-title {
	border-bottom: 1px solid #bfbfbf;
	font: italic 1.1em Georgia, Times, serif;
	padding: 0 0 7px;
	}
#sidebar .author-description {
	border-bottom: 1px solid #eaeaea;
	padding: 7px 0;
	}
#sidebar .author-link {
	border-top: 1px solid #eaeaea;
	padding: 7px 0 0;
	}
#sidebar .author-twitter {

	}

#sidebar ul.share-this li {
	border-bottom: 1px solid #fff !important;
	float: left;
	margin-right: 10px;
	}
	ul.share-this li.tweetmeme { width: 50px !important; }
	ul.share-this li.facebook { width: 45px !important; }
	ul.share-this li.delicious { width: 55px !important; }
	
.delicious-counter {
	background: #e8e8e8;
	color: #444444;
	border: 1px solid #d2d2d2;
	height: 36px;
	margin-bottom: 5px;
	text-align: center;
	width: 53px;
	}
	.delicious-number {
		font-weight:bold;
		font-size: 1.6em;	
		margin: 6px 0 0;
		}
	.delicious-saves {
		font-size: 0.9em;
		margin: -5px 0 0;
		padding: 0;
		}
.delicious-button {
	background: #3274d0;
	font-size: 0.9em;
	text-align: center;
	width: 55px;
	}
	.delicious-button a {
		color: #fff !important;
		}
	.delicious-button:hover {
		background: #565656;
		}

#sidebar ul.twitter {
	border-top: 1px solid #eaeaea;
	margin-top: 7px;
	}
	ul.twitter li.twitter-item {
		font: italic 1.4em Georgia, Times, serif;
		margin: 10px 0 0;
		}
		ul.twitter li.twitter-item .twitter-timestamp {	
			border-top: 1px solid #eaeaea;		
			float: left;
			font: 0.7em Helvetica, Arial, sans-serif;
			margin-top: 10px;
			padding: 7px 0 0;
			width: 220px;
			}

/* ============== [ Sidebar Writers ] ============== */

.thumb-container {
    display: table-cell;	
	float:left;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	}
	.thumb-container a {
		display: block;
		height: 100px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100px;
		}
	.thumb-container a img {
		margin-top: -20px;
		}	
 	.thumb-container * {
	    vertical-align: middle;
		}
	.thumb-container {
	    display: block;
		} 	
.thumb-caption {
	background: #83A010;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	float: left;
	height: 50px;
	position: absolute;
	opacity: .0;
	width: 100px;
 	}
 	.thumb-caption a img {
 		padding: 0 !important;
 		}
.thumb-caption-full .thumb-caption {
	height: 50px;
	text-align: left;
	width: 100px;
	}
	.thumb-caption a {
		color: #fff !important;
 		display: block;		
		font-size: 1.4em;
		line-height: 0.9em;
		padding: 10px 5px;
 		height: 50px;
 		width: 90px;		
		}


/* ============== [ Contact Form ] ============== */

.cform { 
	margin: 0 0 0 60px !important;
	width: 640px;
	}
.cform fieldset	{ 
	margin-top: 10px; 
	padding: 5px 0 0 0; 
	}
.cform .cf_hidden {
	display: none; 
	}
.cform legend { 
	display: none;
	}
ol.cf-ol { 
	margin: 0 !important; 
	padding: 0 !important;
	}
ol.cf-ol li	{
	line-height: 1.3em;
	list-style: none !important; 
	margin: 0 0 10px 0 !important;
	padding: 0; 
	text-align: left;
	}

.cform label {
	color: #83a010;
	display: -moz-inline-box; /*for mozilla*/
	display: inline-block; /*for Opera & IE*/
	margin: 7px 10px 0 0; 
	text-align: left;
	vertical-align: top;
	width: 125px; 
	}
.cform label span {
	display: block; 
	width: 125px; /* must be the same as above!*/
	}
.cform input,
.cform textarea,
.cform select { 
	background: #f8f8f8 url(../images/field_bg.gif) repeat-x top left;
	border: none;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	padding: 10px 10px;
	}
	.cform input:hover,
	.cform textarea:hover,
	.cform select:hover	{
		background: #f3f3f3 url(../images/field_bg.gif) repeat-x top left;
		}
	.cform input:focus,
	.cform textarea:focus,
	.cform select:focus	{ 
		background: #eef6d0 url(../images/field_bg.gif) repeat-x top left;
		}
.cform textarea,
.cform input {
	font: 1.1em Helvetica, Arial, sans-serif;
	width: 370px; 
	}
.cform textarea {
	overflow: auto;
	}
span.reqtxt,
span.emailreqtxt { 
	display: none;
	}
p.cf-sb {
	margin: 0;
	padding: 0!important;
	}
.cform input.sendbutton	{ 
	background: #83a010;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	margin: 10px 0 0 135px;
	width: 90px;
	}
	.cform input.sendbutton:hover { 
		background: #9cbd18;
		}
	.cform input.sendbutton:active {
		background: #748d0f
		}
div.cf_info {
	display: none;
	line-height: 1.3em;
	margin:5px 50px 15px 60px;
	padding: 10px 15px !important;
	width: 550px !important
	width: 100%;
	}
div.success {
	background: #eef6d0;
	display:block;
	}
div.failure {
	background: #eef6d0;
	display:block;
	}
div.waiting {
	background: #eef6d0;
	display:block;
	}
.cform .cf_error { 
	border-bottom: 2px solid #f77242; 
	}
div.mailerr {
	display: block;
	}
.mailerr,
.cform .cf_errortxt {
	color: #ad2929; 
	}
.linklove {
	display: none !important;
	}


/* ============== [ Comments ] ============== */

#comments {
	float: left;
	font-size: 1.1em;	
	width: 640px;
	}
.comment-head {
	border-bottom: 1px solid #becbc5;	
	float: left;
	padding: 10px 0;
	width: 100%;
	}	
	.comment-head h3 {
		float: left;
		padding: 3px 0;
		}
	.comment-head span.rss {
		background:url("../images/rss_icon.png") no-repeat scroll left 2px transparent;
		float:right;
		padding:5px 0 5px 25px;
		}
#comments p {
	margin: 0 0 10px;
	}	
.comment-meta {
	float: right;
	margin: 15px 0;
	overflow: hidden;
	position: relative;
	width: 180px;
	}
	.comment-info {
		float: right;
		margin: 0 15px 0 0;
		width: 110px;
		}
.comment-title {
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	float: right;
	margin-top: 2px;
	}
.comment-date {
	clear: both;
	color: #b8b8b8;	
	float: right;
	}
	.comment-date a {
		color: #657c74;
		}
	.comment-gravatar {
		float: right;
		margin: 0;
		width: 40px;
		}
		.comment-gravatar img {
			height: 40px;
			width: 40px;
			}

.commentnumber {
	float: left;
	font-size: 2em;
	margin: 22px 0 0;
	text-align: right;
	width: 40px;
	}	
	.commentnumber a {
		color: #d5d5d5;
		}		
			
.comment-text {
	float: left;
	margin: 15px 20px;
	overflow: hidden;
	width: 380px;	
	}
	.comment-text p {
		line-height: 1.6em;
		}

ol.commentlist {
	float: left;
	list-style-type: none;
	margin: 0 0 40px;
	padding: 0;
	width: 640px;
	}
	ol.commentlist ul {
		float: left;
		}
	ol.commentlist li {
		border-bottom: 1px solid #eaeaea;	
		float: left;
		width: 640px;
		}
		.alt {
	
			}
		.bypostauthor .comment-text {
			color: #83a010;
			}
ol.commentlist .children {
	overflow: hidden;
	}
	ol.commentlist .children li {

		}	
	ol.commentlist .children li .comment-meta {

		}
	ol.commentlist .children li .comment-text {
		margin-left: 60px;
		width: 380px;
		}
#respond {
	float: left;
	padding: 0 0 20px;
	position: relative;
	width: 640px;	
	}
.logged-in {
	border-bottom: 1px solid #eaeaea;
	float: left;
	margin: 15px 0 0;
	padding: 0 0 12px;
	width: 260px;
	}
	.logged-in img.photo {
		height: 40px;
		width: 40px;
		float: left;
		}
p.logged {
	float: left;
	margin: 3px 0 0 10px !important;
	}
.comment-reply a {
	color: #fff;	
	}
	.comment-reply a:hover {
		cursor: pointer;
		}
	ol.commentlist li.comment:hover .comment-reply a {
		color: #000;
		}
.subscribe-to-comments {
	float: right;
	margin: 18px 0 0;
	width: 220px;
	}	
.comment-mod p {
	background: #ffffdb;
	font-style: italic;
	padding: 5px 10px;
	}
.comments-closed {
	margin: 20px 0 0;	
	}	
				
.comment-legend {
	color: #8a8a8a;
	float: left;
	margin: 2px 0 0;
	padding: 5px 0;
	text-align: left;
	width: 100%;
	}
	.comment-legend label {
		color: #83a010;
		float: left;
		font-weight: bold;
		}
	.note {
		color: #fff;
		position: absolute;
		right: 0;
		top: 7px;
		}
	.curFocus .note {
		color: #8a8a8a !important;
		}
#commentform .commentform-left {
	float: left;
	margin: 10px 0 0;
	width: 260px;
	}
	.commentform-left .comment-field {
		position: relative;
		width: 260px;
		}	
#commentform .commentform-right {
	float: right;
	margin: 10px 0 0;
	position: relative;
	width: 360px;
	}	
	.commentform-right .comment-field {
		overflow: hidden;
		width: 360px;
		}
	
#commentform input,
#commentform textarea {
	background: #f8f8f8 url(../images/field_bg.gif) repeat-x top left;
	border: none;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	padding: 10px 10px;
	}
	#commentform input:hover,
	#commentform textarea:hover {
		background: #f3f3f3 url(../images/field_bg.gif) repeat-x top left;
		}
	#commentform input:focus,
	#commentform textarea:focus {
		background: #eef6d0 url(../images/field_bg.gif) repeat-x top left;
		}	
#commentform input#author,
#commentform input#email,
#commentform input#url {
	width: 238px !important;
	}
#commentform textarea#comment {
	height: 147px;
	width: 338px !important;
	}
#commentform #submit {
	background: #83a010;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	float: left;
	margin: 10px 0 0;
	}
	#commentform #submit:hover {
		background: #9cbd18;
		}
	#commentform #submit:active {
		background: #748d0f;
		}


/* ============== [ Paginator ] ============== */

.pages {
	border-top: 1px solid #eaeaea;	
	float: right;
	margin: 0 0 30px 30px;
	padding-top: 15px;
	width: 640px;
	}
	.pages a.previouspostslink {
		float: left !important;
		margin: 2px 20px 0 0;
		}
	.pages a.nextpostslink {
		float: right !important;
		margin: 2px 0 0 20px;
		}

/* ============== [ Bottom ] ============== */

#bottom {
	background: #555;
	color: #d3dcdd;
	font-size: 1.2em;
	height: 165px;
	margin: 25px 0 0;
	padding: 5px 0;
	width: 100%;	
	}
#bottom .bottom {
	margin: 0 auto;
	width: 980px;
	}
.bottom h3 {
	font-size: 1.3em;
	margin: 0 0 15px;
	}
.bottom a:link, .bottom a:visited {

	}
	.bottom a:hover, .bottom a:active {	
		color: #b2d625;
		}	
.bottom .logo {
	float: left;
	margin: 57px 40px 0 30px;
	width: 100px;
	}
.bottom .about {
	border-right: 1px solid #777777;
	float: left;
	margin: 22px 30px 0 0;
	padding-right: 10px;
	width: 240px;
	}
.bottom .contact-info {
	float: left;
	margin: 22px 28px 0 0;
	width: 180px;
	}
	.contact-info ul li span {
		float: left;
		width: 50px;
		}
.bottom .facebook-widget {
	background: #fff;
	float: right;
	height: 165px;
	overflow: hidden;
	width: 292px;
	}	
	.bottom .facebook-widget iframe {
		margin: -1px 0 0 0;
		}

/* ============== [ Footer ] ============== */

#footer {
	float: left;
	font-size: 1.2em;
	height: 50px;
	width: 100%;
	}
#footer .footer {
	margin: 0 auto;
	width: 980px;
	}
#footer ul{
	list-style-type: none;
	}
	#footer ul li {
		padding: 8px 0;
		}
#footer ul.left {
	float: left;
	margin: 10px 0 0 30px;
	}
	#footer ul.left li {
		float: left;
		margin-right: 15px;
		}
#footer ul.right {
	float: right;
	margin: 10px 30px 0 0;
	}
	#footer ul.right li {
		float: left;
		margin-left: 15px;
		}