/*
Theme Name: OE Design
Theme URI: http://www.oe-design.com/
Description: OE Design
Version: 3.0
Author: Ben Sinclair & Daniel Dyson
Author URI: http://www.oe-design.com/
*/

	
/* Sidebar
--------------------------------------------- */
#blogcontainer{
	height: 100%;
}
.searchbox_blog {
  background-image:url('images/magnifying-glass.gif');
  background-repeat:no-repeat;
  width: 197px;
  height: 10px;
  color: #616161;
  font-size: 11px;
	}
#subscribe {
	width: 262px;
	height: 132px;
	background: url(images/subscribe-bg.png) top left no-repeat;
	margin-left: -37px;
	margin-bottom: 20px;
	}
	#subscribe-inner {
		padding: 20px 0 10px 54px;
		}
	#subscribe-inner .sub-input,
	#subscribe-inner input[type$="text"] {
		background: #fff;
		border: 0 none;
		width: 175px;
		margin-bottom: 15px;
		}
#subscribe-ver3 {
	width: 262px;
	height: 132px;
	margin-left: -37px;
	margin-bottom: 20px;
	}
	#subscribe-inner-ver3 {
		padding: 20px 0 10px 54px;
		}
	#subscribe-inner-ver3 .sub-input,
	#subscribe-inner-ver3 input[type$="text"] {
		background: #fff;
		border: 0 none;
		width: 175px;
		margin: 0;
		padding: 0;
		}
		#email_subscription {
			width: 195px; 
			height: 10px;
			padding: 0;
			margin: 0;
		}
		
#sidebar {
	color: #222;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	* html #sidebar { 
		overflow: hidden; 
		}
	#sidebar ul { 
		list-style: none; 
		margin: 0;
		padding: 0;
		}
	#sidebar ul li { 
		margin-bottom: 10px; 
		float: left; 
		width: 210px;
		background: none;
		padding-left: 10px;
		}
	h2.widgettitle {
		margin-bottom: 8px;
		padding: 3px 0;
		color: #000;
		}
	.widget { 
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 5px 0px; 
		float: left; 
		}	
	.widget p { 
		padding: 0 10px; 
		margin-bottom: 10px; 
		}
	.widget p.center {
		text-align: center; 
		}
	#sidebar ul li ul, 
	#sidebar ul li ol {
		list-style: none;
		padding-left: 0px;
		margin: 0 0 15px 0;
		border-top: 1px solid #f0f0f0;
		width: 100%;
		}
	#sidebar ul li ul li ul { 
		margin: 0; 
		}
	#sidebar ul li ul li, 
	#sidebar ul li ol li {
		border: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		display: block;
		margin-bottom: 2px;
		padding: 5px 0;
		border-bottom: 1px solid #f0f0f0;
		font-weight: normal;
		font-size: 12px;
		text-indent: 0;
		}
		#sidebar ul li ul li a, 
		#sidebar ul li ol li a {			
			text-decoration: none;
			}
		#sidebar ul li ul li:hover, 
		#sidebar ul li ol li:hover {
			background: #efefef;
			}
	#sidebar ul li ol li {
		}
	#sidebar ul li ul li ul li { 
		padding-left: 15px; 
		margin: 6px 0 0 0; 
		}
		
/* Typography
--------------------------------------------- */
h2,
.sIFR-hasFlash h2 {	
	visibility: visible;
	color: #000;
	}
code { 
	color: #090; 
	font-family: "Courier New", Courier, monospace; 
	}
pre { 
	width: 500px; 
	margin-bottom: 15px; 
	font-size: 1.2em; 
	float: left; 
	}
	* html pre { 
		font-size: 1.0em; 
		overflow: hidden; 
		}

/* Posts
--------------------------------------------- */
.post {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-bottom: 30px;
	color: #000;
	float: left;
	}
.post a, 
.post a:visited { 
	color: #8D112B; 
	text-decoration: none; 
	border-bottom: 1px solid #8D112B; 
	}
.post a:hover { 
	color: #fff; 
	background: #8D112B; 
	text-decoration: none;
	border: none; 
	}
.post h2 {
	margin-bottom: 5px;
	}
	.post h2 a,
	.post h2 a:visited{ 
		color: #000; 
		text-decoration: none;
		border:0; 
		}
	.post h2 a:hover { 
		color: #000;
		text-decoration: underline; 
		border:0; 
		background: #fff; 
		}
h2.home {
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 34px;
	}
	
.entry h2 {
	margin: 15px 0 30px;
	}
	
/* Post lists */
.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
.entry ul { list-style-type: square; }
.entry li { padding: 3px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
.entry dl { margin-bottom: 15px; }
.entry dt { font-weight: bold; color: #000; }
.entry dd { margin: 0 0 0 20px; font-style: italic; }

/* Post images */
.entry img.alignleft { margin: 0 10px 10px 0; float: left; border: 3px solid #ddd; padding: 3px; }
.entry img.alignright { margin: 0 0 10px 10px; float: right; border: 3px solid #ddd; padding: 3px; }
.entry img.aligncenter { display: block; margin: 0 auto 15px auto;border: 3px solid #ddd; padding: 3px; }

/* Post categories */
.post_cat { font-size: 0.9em; text-align: left; font-weight: bold; text-transform: uppercase; }
.post_cat a, .post_cat a:visited { color: #993333; text-decoration: none; border: none; }
.post_cat a:hover { color: #993333; text-decoration: underline; }

/* Post meta data */
.post_meta {
	font-size: 0.9em;
	width: 100%;
	padding: 4px 0px;
	margin-bottom: 5px;
	border-top: 1px dotted #ccc;
	line-height: normal;
	float: left;
	}
.post_meta a, 
.post_meta a:visited { 
	color: #993333; 
	text-decoration: none; 
	border: none; 
	}
.post_meta a:hover { 
	color: #fff; 
	text-decoration: underline; 
	}
p.author, 
p.date { 
	color: #666; 
	margin-bottom: 0; 
	line-height: 1.6em; 
	float: left; 
	}
p.tagged { 
	margin-bottom: 0; 
	line-height: 1.6em; 
	float: right; 
	}
p.tagged span, 
p.date span { 
	padding-left: 15px;
	}
p.tagged span { 
	background: url(images/category.gif) no-repeat 0 2px; 
	}
p.date span { 
	background: url(images/date.gif) no-repeat 0 2px; 
	}
.post_meta p span.comments { 
	margin-left: 20px; 
	background: url(images/comment.gif) no-repeat 0 2px; 
	}

/* Related posts */
.related_posts ol { 
	list-style: none; 
	}
.related_posts li { 
	margin-bottom: 10px;
	}

/* Single post print, email, subscribe box */
.post_extra {
	font-size: 0.9em;
	margin-left: 10px;
	margin-bottom: 10px;
	float:right;
	border: dotted 1px #ccc;
	padding: 5px 10px;
	}
.post_extra ul { list-style: none; padding: 0; margin: 0; }
.post_extra li { padding-left: 15px; }
.post_extra li.print { background: url(images/print.gif) no-repeat 0 5px; }
.post_extra li.email { background: url(images/email.gif) no-repeat 0 5px; }
.post_extra li.share { background: url(images/share.gif) no-repeat 0 5px; }
.post_extra li.delicious { background: url(images/delicious.png) no-repeat 0 5px; }
.post_extra a, .post_extra a:visited { color: #993333; text-decoration: none; border: none; }
.post_extra a:hover { color: #fff; text-decoration: underline; }

/* Previous and next posts navigation */
.navigation { 
	width: 100%; 
	padding: 10px 0;
	margin-bottom: 0px; 
	font-size: 0.9em; 
	float: left; 
	}
	* html .navigation { 
		line-height: normal; 
		}
.previous { 
	width: 300px; 
	margin-bottom: 0;
	float: left; 
	}
.next { 
	text-align: right; 
	width: 300px;
	margin-bottom: 0; 
	float: right; 
	}


#content div.sociable ul li {
	background: none;
	padding-left: 0;
	}

/* Comments
--------------------------------------------- */
#comments { 
	width: 100%; 
	line-height: 1.5em; 
	color:#000000;
	font-size:1.4em;
	margin-bottom:15px;
	text-align:left;
	float: left; 
	clear: both; 
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 0 0 25px;
	}

.commentlist .comment {
	margin: 15px 0 0 0;
	padding: 10px 15px 20px 15px;
	list-style: none;
	background:#f0f0f0;
	border:1px solid #c7c7c7;
	}

.commentlist .alt {
	background:#f8f8f8;
	}

.commentlist .comment .comment {
	margin: 15px 15px 15px 15px;
	padding: 10px 15px 20px 15px;
	width:auto;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:18px;
	}
.commentmet_data{
	width:100%;
	overflow:hidden;
}
.commentmet_data td{
	vertical-align:top;
	text-align:left;
}
.commentmet_avatar{
	width:102px;
	padding:15px 0 0 0;
}
.commentmet_text{
}
.commentmet_avatar img{
	border:1px solid #333;
}

#commentform p {
	margin: 5px 0;
	}

.commentmet_replay{
	width:100%;
	overflow:hidden;
}
.commentmet_replay a{
	float:right;
	display:block;
	text-indent:-9999px;
	text-transform:capitalize;
	background:url(images/button_replay.gif) no-repeat;
	width:79px;
	height:20px;
}

/* Forms
--------------------------------------------- */
textarea {
	height: 100px;
	width: 500px;
	}

/* Tag Cloud
--------------------------------------------- */
.st-tag-cloud a {
	text-decoration: none;
	}


/* Custom Blog CSS
--------------------------------------------- */
#blog-left-content {
	float: left;
	width: 264px;
}
#blog-right-content {
	float: right;
	width: 645px;
	padding: 0 20px 0 20px;
	border-right: 1px solid #ccc; 
}
.sidebar_bg {
	background: url(images/sidebar_bg.jpg) repeat-y;
	margin: 0;
	padding: 10px 20px 0 20px;
}
.latest_tweets_bg {
	background: url(images/sidebar_bg.jpg) repeat-y;
	margin: 0;
	padding: 10px 30px 50px 20px;
	height: 100%;
}
ul#popular_posts {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(images/sidebar_bg.jpg) repeat-y;
}
	ul#popular_posts li {
		background: none;
		margin: 0 15px 0 15px;
		padding: 0 12px 0 0;
		list-style: none;
		}
	
	ul#popular_posts li a {
		display: block;
		margin-left: 5px;
		padding: 12px 5px 12px 10px;
		border-top: 1px dashed #d6d6d6; 
		color: #000;
		text-decoration: none;
		font-size: 12px;
		}
	ul#popular_posts li a:hover,
	ul#popular_posts li a.current {
		text-decoration: none;
		background-color: #DFDFDF;
	}
	ul#popular_posts li ul li a.current {
		text-decoration: underline;
		background-color: transparent;
	}
	ul#popular_posts li.first a {
		border: 0 none;
		}
	ul#popular_posts li ul {
		margin: 0;
		padding: 0;
		}
		ul#popular_posts li ul li a {
			padding-left: 45px;
			color: #a54363;
			}
			
#content ul.twitter {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 0 5px;
	}
#content ul li.twitter-item {
		background:url("images/twitter_icon.jpg") no-repeat scroll 0 5px transparent;
		margin-bottom: 16px;
		padding: 0 0 10px 30px;
		line-height: 22px;
	}
/*=== Post Author ===*/

.author_bg {
	width: 645px;
	height: 200px;
	float: left;
	padding: 20px;
	margin: 0px;
	background:url("images/author_bg.jpg") no-repeat;
}
.authorpic {
	float: left;
	margin-right: 23px;
}
.post-author {
	margin: 0 0 1em;
}
.author-details {
	font-size: .85em;
}
.author-descr {
	display: table;
	height: 1%;
	margin-right: 35px;
}
.little_icon {
	padding: 0 5px 0 0;
}
/*=== Related & Popular Posts ===*/

.more_left {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	margin: 0;
	border-right: 1px solid #ccc;
}

.more_right {
	float:right;
	width: 300px;
	padding: 0 0 0 20px;
	margin: 0;
}

	#content ul.verygreen,
	#cboxContent ul.verygreen {
		margin-bottom: 20px;
		}
	#content ul.verygreen li,
	#cboxContent ul.verygreen li {
		background: url("images/bullet-green.jpg") 0 5px no-repeat;
		}
	#cboxContent ul.verygreen li a{
		color: #5B8428;
		}
	.post ul.verygreen li a {
		color: #5B8428;
		}
	.post ul.verygreen li a.hover {
		background-color: #5B8428;
		color: #fff;
		}

/*=== Social Media Links ===*/
.facebook{
	padding: 0px 0px;
	margin: 5px;
}

.facebook .iframe img{
	padding: 10px;
}

#socialnetwork{
	position: absolute;
	right: -69px;
	border: 1px solid #ccc; 
	border-left: 1px solid #fff; 
	padding: 10px 5px 10px 3px;
	background-color: none;
	margin: 0 auto;
}

.fb_share_count_wrapper, .FBConnectButton{
	width: 60px;
	padding-bottom: 0px;
}

#socialnetwork div{
	padding: 5px 0;
	clear: both;
	text-align: center;
}