/*
Theme Name: j_d3's Techedout Green
Theme URI: http://blog.techedout.ca/
Description: j_d3's green .dream theme.
Version: 1.0
Author: Jason Ploegman
Author URI: http://blog.techedout.ca/
Tags: green
*/

@import 'reset-fonts.css';

body {
	margin: 0;
	text-align: center;
	font-family: Arial, Geneva, sans-serif;
	background: #dbdbdb url(images/bkg.jpg) repeat-x top;
}

body a input {
	outline: none;
}

.input-parent {
	float: left;
	border: #707070 1px solid;
	background: #fff;
	margin: 6px 0 0 0;
	padding: 1px;
}

input {
	float: left;
	border: none;
	background: #fff url(images/comment-bkg.gif) no-repeat top right;
	width: 240px;
	margin: 0 0 0 0;
	padding: 1px;
}

.text-parent {
	float: left;
	border: #707070 1px solid;
	background: #fff;
	margin: 6px 0 0 0;
	padding: 1px;
}

textarea {
	float: left;
	border: none;
	background: #fff url(images/comment-bkg.gif) no-repeat top right;
	margin: 0;
	padding: 1px;
}

label {
	float: left;
	color: #404040;
	margin: 6px 0 0 6px;
	padding: 3px;
	font-size: 0.9em;
}

.submit {
	float: right;
	position: relative;
	background: none;
	width: 13px;
	height: 15px;
	padding: 4px;
	margin: -24px 8px 0 0;
	outline: none;
}

.clear {
	clear: both;
}

.float-left {
	float: left;
	text-align: left;
	overflow: hidden;
}

.float-right {
	float: right;
	text-align: left;
	overflow: hidden;
}

/** Begin Header Styles */

#minor-header {
	color: #040404;
	background: #8acb0d;
	font-size: 0.85em;
	border-bottom: #addb56 1px solid;
}

#minor-header ul {
	margin: 0px auto;
	padding: 8px 0 10px 0;
	text-align: left;
	width: 952px;
	/*border: #000 1px solid;*/
}

#minor-header ul li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

#minor-header a {
	color: #000;
	text-decoration: none;
}

#major-header {
	position: relative;
	background: url(images/header.gif) repeat-x;
	height: 134px;
	/*border: #000 1px solid;*/
}

#major-header-wrap {
	margin: 0 auto;
	width: 962px;
	text-align: left;
}

#header-img {
	position: relative;
	margin: 0 0 0 -1px;
	float: left;
}

#header-title {
	margin: 10px 0 0 0;
}

#feed-tag {
	float: right;
	background: url(images/feed-tag.jpg) no-repeat;
	width: 158px;
	height: 69px;
	margin: -34px 64px 0 0;
}

#feedburner {
	float: left;
	margin: 12px 0 0 24px;
}

#twitter {
	float: left;
	margin: 5px 0 0 44px;
}

.major-menu {
	position: relative;
	float: left;
	margin: -8px 0 0 12px;
}

.major-menu li {
	display: inline;
	list-style-type: none;
	padding: 0 20px 0 20px;
}

.major-menu li a {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.children li a {
	background: #202020;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 8px;
	display: block;
}

.children li a:hover {
	background: #101010;
}

/** Superfish Essential Styles */
.major-menu {
	line-height:	1.0;
}
.major-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.major-menu ul li {
	width:			100%;
}
.major-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.major-menu li {
	float:			left;
	position:		relative;
}
.major-menu a {
	display:		block;
	position:		relative;
}
.major-menu li:hover ul,
.major-menu li.sfHover ul {
	left:			0;
	top:			1.8em; /* match top ul list item height */
	z-index:		99;
}
ul.major-menu li:hover li ul,
ul.major-menu li.sfHover li ul {
	top:			-999em;
}
ul.major-menu li li:hover ul,
ul.major-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.major-menu li li:hover li ul,
ul.major-menu li li.sfHover li ul {
	top:			-999em;
}
ul.major-menu li li li:hover ul,
ul.major-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#wp-search {
	float: right;
	margin: 20px 32px; 0 0;
	border: #000 1px solid;
	background: #fff;
	padding: 1px;
}

#s {
	float: left;
	border: none;
	background: #ececec url(images/input-bkg.gif) repeat-x top;
	width: 280px;
	height: 16px;
	margin: 0;
	padding: 3px;
}

#searchsubmit {
	float: left;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 22px;
}

/** End Header Styles */


/** Begin Body Styles */

#body-wrap {
	margin: 0 auto 24px auto;
	width: 962px;
	overflow: hidden;
	/*border: #000 1px solid;*/
}

#content {
	float: left;
	width: 642px;
}

.post {
	clear: both;
	border: #030303 1px solid;
	background: #fff;
	margin: 4px 0 4px 0;
	padding: 1px;
	text-align: left;
}

.post-wrap {
	background: #fff url(images/post-bkg.jpg) no-repeat top right;
	overflow: hidden;
	padding: 16px 16px 16px 16px;
}

.post h1 a {
	position: static;
	font-size: 1.9em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.03em;
	float: right;
	margin: -6px 0 8px 0;
	width: 392px;
}

.post h1 a:hover {
	text-decoration: underline;
}

.post h2 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 12px 0 0 0;
}

.post img {
	position: relative;
	float: left;
	margin: 0 14px 0 0;
}

.post-teaser {
	font-size: 1.1em;
	letter-spacing: -0.01em;
}

.post-comments {
	border: #303030 1px solid;
	background: #fff;
	margin: 0 0 16px 0;
	padding: 1px;
	width: 34px;
}

.post-comments-wrap {
	background: url(images/comment-bkg.gif) no-repeat top right;
	padding: 6px;
	text-align: center;
}

.post-comments-wrap a {
	color: #8acb0d;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.post-comments-wrap a:hover {
	text-decoration: underline;
}

.post-comments-arrow {
	position: relative;
	background: url(images/edge-arrow-top.gif) no-repeat;
	width: 17px;
	height: 9px;
	margin: 0 0 -1px 4px;
}

.comment-date {
	color: #505050;
	float: right;
	font-size: 0.85em;
}

.post-share {
	border: #303030 1px solid;
	background: #fff;
	margin: 0 0 16px 0;
	padding: 1px;
}

.post-share-wrap {
	background: url(images/comment-bkg.gif) no-repeat top right;
	padding: 6px 6px 0 6px;
}

.post-share-wrap a {
	color: #8acb0d;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.post-share-wrap a:hover {
	text-decoration: underline;
}

.post-share-arrow {
	position: relative;
	background: url(images/edge-arrow-top.gif) no-repeat;
	width: 17px;
	height: 9px;
	margin: 0 0 -1px 4px;
}

.post-meta {
	position: relative;
	color: #FFF;
	background: #8acb0d;
	margin: 12px 0 0 0;
	padding: 6px 8px 6px 8px;
	float: left;
	font-size: 0.9em;
}

.post-meta a {
	color: #FFF;
	text-decoration: none;
}

.post-meta a:hover {
	text-decoration: underline;
}

.entry-content {
	clear: both;
	/*border-top: #bdbdbd 1px solid;*/
}

.entry-content p {
	margin: 8px 0 8px 0;
}

.post-author {
	border: #b0b0b0 1px solid;
	background: #f1f1f1;
	margin: 16px 0 16px 0;
	padding: 12px;
	overflow: hidden;
}

.post-author img {
	/*border: #303030 1px solid;
	background: #fff;*/
	margin: 8px 24px 8px 8px;
}

.post-author h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: -4px 0 4px 0;
}

.post-author p {
	font-size: 0.9em;
}

.post-author a.download {
	float: right;
	color: #112437;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

.post-author a.download:hover {
	text-decoration: underline;
}

.post-comment {
	background: #fff;
	border-top: #bdbdbd 1px solid;
	padding: 1px 0 0 0;
}

.post-comment-wrap {
	color: #8acb0d;
	font-size: 0.9em;
	background: #262626;
	padding: 6px 18px 6px 18px;
	overflow: hidden;
}

.post-comment-wrap p {
	position: relative;
	float: left;
}

.post-comment-wrap a {
	position: relative;
	float: right;
	color: #8acb0d;
	text-decoration: none;
}

.post-comment-wrap a:hover {
	text-decoration: underline;
}

.comment-list li {
	clear: both;
	margin: 24px;
	overflow: hidden;
}

.author-tag {
	border: #303030 1px solid;
	background: #fff;
	float: left;
	padding: 1px;
}

.author-tag-arrow {
	float: left;
	background: url(images/edge-arrow-right.gif);
	width: 9px;
	height: 17px;
	margin: 4px 0 0 -1px;
}

pre {
	margin: 8px;
	padding: 4px;
	border: #b0b0b0 1px solid;
	background: #f1f1f1;
	white-space: pre-wrap;
}

code {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}

.comment-wrap {
	float: right;
	background: #fff;
	border: #303030 1px solid;
	width: 490px;
	padding: 1px;
}

.comment {
	background: #fff url(images/post-bkg.jpg) no-repeat top right;
	text-align: left;
	padding: 16px;
}

.comment h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#comments-form {
	padding: 8px;
}

#comment {
	float: left;
	position: relative;
	width: 630px;
	height: 150px;
}

#post-next {
	clear: both;
	float: left;
	border: #303030 1px solid;
	background: #fff;
	margin: 0 0 16px 0;
	padding: 1px;
}

#post-next-wrap {
	float: left;
	background: url(images/comment-bkg.gif) no-repeat top right;
	padding: 0 6px 0 6px;
}

#post-next-wrap a {
	color: #8acb0d;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}


#post-prev {
	clear: both;
	float: right;
	border: #303030 1px solid;
	background: #fff;
	margin: 0 0 16px 0;
	padding: 1px;
}

#post-prev-wrap {
	float: left;
	background: url(images/comment-bkg.gif) no-repeat top right;
	padding: 0 6px 0 6px;
}

#post-prev-wrap a {
	color: #8acb0d;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

/** End Body Styles */


/** Begin Sidebar Styles */

#sidebar {
	float: right;
	width: 300px;
	text-align: left;
}

.adspace {
	border: #030303 1px solid;
	background: #fff;
	margin: 4px 0 18px 0;
	padding: 1px;
	text-align: left;
}

.adspace-wrap {
	background: #fff url(images/post-bkg.jpg) no-repeat top right;
	overflow: hidden;
	padding: 7px;
	text-align: center;
}

.ad-link {
	font-size: 0.8em;
	color: #707070;
	text-decoration: none;
}

.ad-link:hover {
	text-decoration: underline;
}

.ad-125 {
	position: relative;
	margin: 8px;
	float: left;
}

.user {
	border: #030303 1px solid;
	background: #fff;
	margin: 4px 0 18px 0;
	padding: 1px;
	text-align: left;
}

.user-wrap {
	background: #fff url(images/post-bkg.jpg) no-repeat top right;
	overflow: hidden;
	padding: 14px 18px 18px 18px;
}

.user-wrap h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
}

.user-wrap .h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 12px 0;
}

.user-wrap .avatar {
	float: right;
}

.user-wrap p {
	float: left;
	margin: 8px 0 -6px 0;
}

.user-wrap .link-wrap {
	float: left;
	border: #707070 1px solid;
	background: #fff;
	padding: 1px;
	margin: 6px 6px 0 0;
}

/** Fix the sidebar register button issue */
.user-wrap li {
	float: left;
	margin: -1px 0 0 0;
}

.user-wrap a {
	float: left;
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	background: #fff url(images/comment-bkg.gif) no-repeat top right;
	padding: 2px 5px 2px 5px;
	width: auto;
	text-decoration: none;
}

#rememberme {
	width: 16px;
	margin: 6px;
}

#wp-submit {
	font-size: 0.9em;
	font-weight: bold;
	background: #fff url(images/comment-bkg.gif) no-repeat top right;
	padding: 1px 2px 1px 2px;
	width: auto;
	cursor: pointer;
}

#register {
	padding: 2px 1px 2px 1px;
	margin: 6px 0 0 6px;
	height: 17px;
}

#register a {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	background: #fff url(images/comment-bkg.gif) no-repeat top right;
	padding: 2px 5px 2px 5px;
	width: auto;
	text-decoration: none;
}

/** End Sidebar Styles */


/** Begin Footer Styles */

#footer {
	clear: both;
	background: #000 url(images/footer-bkg.gif) repeat-x bottom;
	overflow: hidden;
}

#email2 {
	background: #ececec url(images/input-bkg.gif) repeat-x top;
}

#footer textarea {
	background: #ececec url(images/input-bkg.gif) repeat-x top;
}

#footer-submit {
	float: left;
	clear: both;
	width: 13px;
	height: 15px;
	padding: 4px;
	margin: -24px 0 0 206px;
	background: none;
	outline: none;
}

#foot-wrap {
	margin: 0 auto;
	width: 962px;
	overflow: hidden;
}

.sub-foot {
	float: left;
	width: 284px;
	padding: 18px;
	text-align: left;
}

#footer-left img {
	margin: 0 0 16px 0;
}

#footer-left li {
	margin: 0 0 0 12px;
}

#footer-left a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}

#footer-left a:hover {
	text-decoration: underline;
}

#footer-center img {
	margin: 0 0 8px 0;
}

#footer-center textarea {
	width: 240px;
}

#footer-right {
	color: #fff;
	font-size: 0.85em
}

#footer-right img {
	margin: 0 0 18px 0;
}

#footer-right p {
	margin: 0 0 18px 12px;
}

#footer-right a {
	color: #fff;
	text-decoration: none;
}

#footer-right a:hover {
	text-decoration: underline;
}

#licence-img {
	float: left;
	margin: 0 0 0 12px;
}

/** End Footer Styles */


/** Begin CAPTCHA Styles */

#simple_captcha {
	margin: 5px 0 0 0;
}

#zrx_captcha img {
	margin: 5px 0 0 0;
}

/** End CAPTCHA Styles */