/*
Theme Name: 10 Volt Media Blog
Theme URI: http://10voltmedia.com/
Description: something goes here...
Version: 1.0
Author: Jeff Couturier / 10 Volt Media
Author URI: http://10voltmedia.com/
Tags: 

*/
/* swatches
------------------------
	A2DE3E	- green (on dark)
	78a42e	- green (on light)
	81b2e6	- blue (on dark)
	4b85c4	- blue (on light)
	5e310f	- brown
	1a1a1a	- dark gray
------------------------
*/

#content-alpha-inside {
	margin-top: 0;
	margin-left: 0;
	padding-top: 15px;
}

div.pagetitle div {
	height: 75px;
	padding-left: 38px;
	line-height: 75px;
	background: #000;
	border-left: dashed 1px #444;
	text-transform: uppercase;
}
div.pagetitle div h2 {
	float: left;
	margin: 0;
	padding: 0;
	border-left: none;
}
div.pagetitle h2 a { color: #81b2e6; }
div.pagetitle h2 a:hover { color: #78a42e; }	

div.pagetitle span.byline {
	margin: 0 0 0 6px;
	font-size: 0.875em;
	color: #f1f1f1;
}


/* ================= */
.post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	/* border-bottom: dashed 1px #e2e2e2; */
}

	.post-meta-date {
		float: left;
		margin-top: 2px;
		padding-top: 20px;
		width: 100px;
		height: 63px;
		overflow: hidden;
		background: url(img/post_date_background.png) no-repeat left top; /* TODO: override for IE6 */
		text-align: center;
		font-size: 0.875em;
		color: #444;
	}
	
		.post-meta-date .commentcount {
			margin-top: 5px;
			margin: 5px 14px 0 14px;
			padding: 5px 0 20px 0;
			border-top: dashed 1px #e1e1e1;
			font-size: 0.6875em;
		}
		.post-meta-date .commentcount a { font-weight: normal; }
		.post-meta-date .commentcount:hover a { color: #4b85c4; }
		.post-meta-date .commentcount:hover a:hover { color: #78a42e; }
		
	.post h3 {
		margin: 0;
		text-transform: uppercase;
		font-size: 1.125em;
		font-weight: bold;		
		color: #444;
	}
	.post h3 a { color: #444; font-weight: bold; }
	.post h3 a:hover { color: #78a42e; border: none; }
	
	.post h4 {
		margin: 3em 0 10px 0;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: normal;		
		color: #5e310f;
	}
		
	.post-by {
		margin: 4px 0 15px 0;
		font-size: 0.6875em;
		font-style: italic;
		color: #555;
	}
	
	.post-content {
		margin: 0 0 0 138px;
	}
	
	.post a { color: #4b85c4; font-weight: bold; }
	.post a:hover { color: #78a42e; border-bottom: solid 1px #ccc; }
	
	.post-content p, .post-content ul, .post-content ol {
		margin-bottom: 2em;
		font-size: 0.8em !important;
		line-height: 1.8em;
		color: #555;
	}
	.post-content p a { font-weight: bold; }
	
	.post blockquote {
		margin: 0 2em 1em 2em;
		padding: 1em 1em 0 1em;
		border: dashed 1px silver;
		background: #f1f1f1;
	}	
		.post blockquote p { }
		
	.post-content ul, .post-content ol {
		margin-left: 3em;
	}
	
		.post-content ul li ol {
			font-size: 1em;
		}
		
		.post-content span.disk {
			padding-left: 22px;
			background: url(img/icon_disk.png) no-repeat left center;
		}
		
	.post a.more-link, .pagination a {
		padding: 2px 5px;
		background: #4b85c4;
		font-size: 0.75em;
		font-weight: normal;
		color: #fff;
	}
	a.more-link:hover, .pagination a:hover { background: #78a42e; border: none; }
		
	.post-meta {
		width: 100%;
		padding: 4px 6px 6px 6px;
		background: #f5f5f5;
		border-bottom: solid 2px #78a42e;
		font-size: 0.6875em;
		color: #555;
	}
	
		.post-meta .categories {
			margin: 0.5em 0;
			font-size: 0.6875em;			
		}

		.post-meta .tags {
			margin: 0.5em 0;
			padding: 2px 0 5px 20px;
			background: url(img/tag_blue.png) no-repeat left 4px;
			font-size: 0.6875em;
		}
		
		.post-meta .commentcount {
			margin: 0.5em 0;
			padding: 2px 20px 2px 20px;
			background: url(img/icon_comments.png) no-repeat left center;
		}
		.post-meta .commentcount span {
			font-size: 1.35em;
		}
		
			 span.viral { padding: 2px 20px 2px 20px; }
		
			.icon-send { background: url(img/icon_envelope.png) no-repeat left center; }			
			.icon-digg { background: url(img/icon_digg.png) no-repeat left center; }			
			.icon-delicious { background: url(img/icon_delicious.png) no-repeat left center; }			
			.icon-technorati { background: url(img/icon_technorati.png) no-repeat left center; }
			
#sidebar {}

	#sidebar h3 {
		margin-top: 9px;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 0.875em;
		color: #444;
	}
	
	#sidebar ul {
		list-style-type: none;
		font-size: 0.6875em;
	}
	
		#sidebar ul li {
			margin: 0 4px 0 3px;
			padding: 8px;
			border-bottom: dashed 1px #e1e1e1;
			text-align: center;
			color: #666;
			cursor: pointer;
		}
		#sidebar ul li a { font-weight: bold; color: #4b85c4; }
		#sidebar ul li:hover { background: #ebebeb; }
		#sidebar ul li:hover a { color: #78a42e; border-bottom: solid 1px #ccc; }		
	
		div.sidebar-top {
			height: 67px;
			overflow: hidden;
			background: url(img/sidebar_cloud_top.jpg) no-repeat left top;
		}
		
			div.sidebar-top h3 {
				margin: 0 15px;
				padding: 35px 0 5px 0;
				border-bottom: dashed 1px #e1e1e1;
				text-align: center;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 0.875em;
				color: #888;
			}
			
			div.sidebar-middle { background: url(img/sidebar_cloud_middle.jpg) repeat-y left top; }
			
			div.sidebar-bottom {
				margin-bottom: 50px;
				height: 23px;
				overflow: hidden;
				background: url(img/sidebar_cloud_bottom.jpg) no-repeat left top;
			}
			
#comments-wrapper {	margin: 0 0 50px 0 /* 138px; */ }

	#comments-wrapper h4 {
		margin: 0 0 10px 138px;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: normal;		
		color: #5e310f;
	}
	#comments-wrapper a { color: #4b85c4; font-weight: bold; }
	#comments-wrapper a:hover { color: #78a42e; border-bottom: solid 1px #ccc; }
	
	ul.commentlist {
		margin: 0 0 30px 0;
		list-style-type: none;
	}
	
	ul.commentlist li {
		clear: both;
		margin: 0 0 60px 0;
		background: url(img/comment_pointer.gif) no-repeat 110px 35px;
	}
	
	#comments-wrapper p {
		margin: 0 0 10px 0;
		font-size: 0.75em;
		color: #555;
	}
	

	#comments-wrapper div.comment-text p {
		margin: 10px;
		padding: 0 15px 10px 15px;
		line-height: 1.8em;
		font-size: 0.75em;
		color: #555;
	}
	
	div.comment-text-ping p {
		margin: 10px;
		margin-bottom: 0 !important;
		padding: 0 15px !important;
		line-height: 1.8em;
		font-style: italic !important;
		font-size: 0.75em;
	}
	
	#comments-wrapper div.comment-text blockquote {
		margin: 1em;
		padding: 0.125em;
		border: dotted 1px #d2d2d2;
		background: #fff;
		font-style: italic;
	}
	
	/* add rounded borders to comments, moz & webkit only... */
	div.single-comment {
		-moz-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-top: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border-radius: 6px;
	}
	
	div.meta, div.meta-highlight, div.meta-ping {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;		
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;		
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;		
	}
	
	#comments-wrapper div.avatar, #comments-wrapper div.avatar-ping {
		float: left;
		width: 100px;
		height: 75px;
		overflow: hidden;
		text-align: center;
		background: url(img/post_date_background.jpg) no-repeat left top;
	}
		
		#comments-wrapper div.avatar img {
			margin-top: 20px;
			padding: 4px;
			background: #f1f1f1;
			border: solid 1px #cecece;
		}
		
		#comments-wrapper div.avatar-ping img {
			margin-top: 20px;
			padding: 4px;
			background: transparent;
			border: solid 1px transparent;
		}
	
	ul.commentlist li div.single-comment	{
		margin: 0 0 0 138px;
		padding: 0 0 5px 0;
		min-height: 75px;
		height: auto !important;
		height: 75px;		
		background: #e2e2e2 url(img/pixel_gray_light.gif);
	}
	
		#comments-wrapper div.meta, #comments-wrapper div.meta-highlight, #comments-wrapper div.meta-ping {
			padding: 5px;
			overflow: hidden;
			background: #f1f1f1;
			border-bottom: solid 1px #f9f9f9;
			font-size: 0.75em;
		}
		
		#comments-wrapper div.meta-highlight {
			background: #444;
			color: #fff;
		}
		#comments-wrapper div.meta-highlight a { color: #fff; }		
		
		#comments-wrapper div.meta-ping { color: #666; }		
	
		#comments-wrapper .author {
			float: left;
			padding-left: 5px;
			font-size: 1em;
		}
		#comments-wrapper .author a { font-weight: normal; }
		
		#comments-wrapper .date {
			float: right;
			padding: 4px 10px 0 0;
			font-size: 0.875em;
		}
	
	#comments-wrapper .moderation {
		display: block;
		margin: 0 5px;
		padding: 4px 22px;
		background: #666;
		font-size: 0.75em;
		color: #ffff66;
	}
	
	#comments-wrapper .edit-link a {
		float: right;
		width: 40px;
		padding: 3px 0 3px 24px;
		background: #4b85c4 url(img/icon_pencil.png) no-repeat 3px center;
		font-size: 0.675em;
	}
	#comments-wrapper .edit-link a { color: #fff; }		
	#comments-wrapper .edit-link a:hover { background-color: #78a42e; border: none; }	
	
	#form-wrapper { margin-left: 138px; }
	#form-wrapper h4 { margin-left: 0; } 
	
.pagination {
	margin: -50px 0 0 138px;
	padding-bottom: 80px;
}

.alignright {
	float: right;
	margin: 5px 0 5px 15px;
	padding: 5px;
	background: #fff;
	border: solid 1px #f1f1f1;
}

.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
	padding: 5px;
	background: #fff;
	border: solid 1px #f1f1f1;
}

.post a.photo img {
	margin: 5px 15px 5px 0;
	padding: 5px;
	background: #fff;
	border: solid 1px #f1f1f1;
}
	.post a.photo:hover {	border: none; }
	
	.post .caption { font-size: 10px; }

/* archives... */
p.archive-date {
	margin: 1.75em 0 0.5em 138px;
	padding-top: 1.75em;
	border-top: dashed 1px #e1e1e1;
	text-transform: uppercase;
	font-size: 0.75em;
	color: #444;
}

p.archive-post {
	margin: 0 0 0 160px;
	line-height: 1.8em;
	font-size: 0.75em;
}

span.archive-day {
	padding-right: 1.25em;
	color: #888;
}

/* style for code highlighter
--------------------------------------------- */
pre { margin-bottom: 1em; }

.code {
	width: 552px;
	padding: 8px;
	overflow: auto;
	border: dashed 1px silver;
	background: #f1f1f1;
	line-height: 18px;
	font-family: Courier, monospace, serif;	
	font-size: 0.6875em;
	color: #222;
}

.rss {
	padding-left: 18px;
	background: url(img/icon_rss_tiny.png) no-repeat 30px 38px;
}