/*   
Theme Name: The Key
Theme URI: http://qifoundations.com
Description: S.R.Smith's <a href="http://stevenrobertsmith.com/key" title="Just Another Key Theme">Key Theme</a>. Free for use (of course), the Key Theme is available for SEO upgrades and/or Plugin Support.
Author: Steven Robert Smith
Author URI: http://stevenrobertsmith.com
Version: 1.0
*/

/* GLOBAL STYLES*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img {margin: 0; padding: 0; border: 0; color: #000000;}
body {border: 0; margin: 0; padding: 0; width: 100%; min-width: 800px;
 background: #3d5024; background-attachment: fixed;
 color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;font-size: 12px;line-height: 1.5em;}

/* Typography & Design */
a:link {color: #4374b7; text-decoration: none;}
a:visited {color: #214184; text-decoration: none;}
a:hover, a:active {color: #4374b7; text-decoration: underline;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #4374b7; text-decoration: none; border-bottom: 1px dotted #4374b7;}
h1 {font-size: 2.5em;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.875em;}
h4 {font-size: 1.875em;}
h5 {font-size: 1.5em;}
h6 {font-size: 1.5em;}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1, h2, h3, h4, h5, h6, abbr, acronym, label {color: #3d5024; font-family: Utopia, Georgia, "Times New Roman", Times, serif;}
h1, h2 {margin: 0; text-align: center; line-height: 1.125em;}
h3, h4, h5, h6 {margin: 0; line-height: 1.125em;}

p, li {font-family: Verdana, Arial, Helvetica, sans-serif;}
p {font-size: 1em; line-height: 1.5em;}
ul, ol {margin: .75em;}
li {font-size: 1em; line-height: 1.5em; margin: .75em;}
strong {font-weight: bold;}
em {font-style: italic;}
abbr, acronym, label {font-variant: small-caps;}

img {margin: 8px; padding: 0; border: 0;}

blockquote {color: #000000; font-size: 1em; line-height: 1.25em;
 background: #ededee; border: #3d5024 1px solid;
 margin: 2.5em 1.5em; padding: 1.5em 2.5em;}
 
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}

.wp-caption {margin: 1.5em; padding: 1.5em; border: 1px solid #42194f;}
.wp-caption-text {text-align: center; font-family: serif; font-variant: small-caps; font-weight: bold; font-size: .875em;}

.navigate {padding: 4em 1em;}
.navigate .alignleft a {padding: 4px 4px 4px 18px; background: url(img/document.png) no-repeat left center;}
.navigate .alignleft a:hover {background: url(img/document_text_image.png) no-repeat left center;}
.navigate .alignright a {padding: 4px 18px 4px 4px; background: url(img/document.png) no-repeat right center;}
.navigate .alignright a:hover {background: url(img/document_text_image.png) no-repeat right center;}

.clear {clear: both;}
.groupads {float: right;}

#wrap {width: 900px; background: #ffffff; margin: 0 auto; padding: 0 1.5em;
 border-left: 2px groove #393839; border-right: 2px groove #393839;}

#header {width: 950px; background: #ededee url(img/bamboo.jpg) repeat top left;
 border-right: 2px groove #393839; border-bottom: 2px groove #393839; border-left: 2px groove #393839;
 margin: 0 auto; padding: 2.5em;}
#header img {border: 0; float: left;}
#header h1, #header h2 {float: left; font-size: 1.5em;}
#header h1 a:hover, #header h2 a:hover {text-decoration: none; border: 0;}
#headmenu a {color: #fff3a2;}
.menu {float: right; text-align: right; margin-top: 1.5em;}
.menu ul {margin: 0 auto;padding: 0;list-style-type: none;}
.menu li {margin: 0 auto; padding: .5em; display: inline; font-size: 1.125em; font-variant: small-caps;}
.menu a {font-weight: bold; text-decoration: none;}
#headmenu .current_page_item a, #headmenu a:hover {color: #bfceea; text-decoration: none; border-bottom: 1px dotted #bfceea;}

#content {text-align: justify; min-height: 600px;}
.narrowcolumn {float: left; width: 536px; margin: 0 0 0 2.5em;}
.widecolumn {width: 80%; margin: 2.5em auto;}

.the_content {margin-bottom: 6.5em; padding-bottom: 6.5em;}

#content h1, #content h2 {margin: 2.5em auto 1.5em auto;}

.postmeta {padding: 0; margin: 0 .5em; color: #636466; font-size:.875em;}
.postmeta p {margin: 0; padding: 0; font-size: .875em;}

#content h3, #content h4, #content h5, #content h6 {margin: 1.5em 0 1em 0;}
#content p {padding: .5em 0;}
#content ul, #content ol {padding: 2.5em;}
#content ul li {list-style-type: disc;}
#content ul li:hover {list-style-type: circle;}

.cat-archive {margin-bottom: 4em; padding-bottom: 4em;}

.key {margin: 4em; padding: 1.5em; background: #dcddde;}

/* Comment Finesse */
#comments {margin: 2.5em 1.5em; padding: 1.5em;}
/* other comment classes -- .navigation .alignleft .alignright */
.commentlist{list-style: none; margin: 0 1.5em;}
.commentlist li {list-style: none;}
.nocomments {text-align: center; color: #393839;}
.comment, .pingback {margin:1.5em;padding:2.5em 1.5em;}
.even, .thread-even {margin:0;border-left:2px groove #dcddde;border-top:2px groove #dcddde;}
.odd, .thread-odd {margin:0;border-right:2px groove #dcddde;border-top:2px groove #dcddde;}
.depth-1 {margin:0;}
.comment-author {margin:0;}
.fn {font-size:1.25em;}
.says {display:none;}
.avatar {float:right;}
.comment-meta, .commentmetadata {padding:0;margin:.5em;color:#636466;font-size:.75em;}
.reply {margin:0;}
#respond {margin:1.5em;padding:0 1.5em;list-style:none;}
.cancel-comment-reply {margin:0;}
#commentform, #comment_form {padding:1.5em;}
input.textbox {width:16em;padding:2px;}
textarea {padding:.75em;height:16em;width:90%;}

#sidebar {float: right; width: 300px; text-align: center; margin: 4em 0;}
#sidebar h4, #sidebar h5, #sidebar h6 {font-size: 1em;}
#sidebar h4 {margin-bottom: 1em;}
#sidebar p, #sidebar li {font-size: 1em; line-height: 1em;}
#sidebar p, #sidebar ul, #sidebar ol {list-style: none; margin: 0; padding: 0;}
#sidebar ul li ul li, #sidebar ol li ol li {margin: 1em 0;}
#sidebar .page_item a, #sidebar .current_page_item a {background: none;}
#sidebar .widget {margin-top: 4em;}



#footer {width: 900px; margin: 0 auto; text-align: center; list-style-type: none; padding: 0;}
#footer img {border: 0; float: left;}
#footer h4, #footer h5, #footer h6 {margin: 1em 0;}
#footer h4, #footer h5, #footer h6 {font-size: 1em;}
#footer p, #footer li {font-size: 1em; line-height: 1.25em;}
#footer ul, #footer ol {list-style: none;}
#footer .widget {margin-bottom: 5em; padding: 0;}

#columns {padding: 0; background: #dcddde;}
.column {float: left; width: 33%; padding: 0; margin: 0;}
.footend {border-top: 2px groove #393839; padding: 1.5em;}
.footend img {float: left; border: 0; padding: 0; margin: 0 1.5em;}
.footend h6 {font-size: 1.5em; padding: 0; margin: 0;}
.footend h6 a:hover {text-decoration: none; border: 0;}

/*Icons*/
.bubble a {background:url(img/balloon.png) no-repeat right center;padding:3px 18px 3px 3px;}
.bubble a:hover {background:url(img/balloon_pencil.png) no-repeat right center;}
.categories a {padding:3px 18px 3px 3px;background:url(img/folder.png) no-repeat right center;}
.categories a:hover {background:url(img/folder_open_document.png) no-repeat right center;}
.edit a {padding:3px 18px 3px 3px;background:url(img/blog.png) no-repeat right center;}
.edit a:hover {background:url(img/blog__pencil.png) no-repeat right center;} 
.emailup {padding-top: 24px; background: url(img/emailup.png) no-repeat top center;}
.feed-little a {padding:3px 3px 3px 18px;background:url(img/feed_small.png) no-repeat left center;color:#121513;}
.feed-little a:hover {background:url(img/feed.png) no-repeat left center;text-decoration:underline;}
.go a {padding:3px 3px 3px 18px;background:url(img/tick_small.png) no-repeat left center;color:#121513;}
.go a:hover {background:url(img/tick.png) no-repeat left center;text-decoration:underline;}
.icons a {padding:3px 18px 3px 3px;background:url(img/briefcase_small.png) no-repeat right center;}
.icons a:hover {background:url(img/briefcase.png) no-repeat right center;}
.tags a {padding:3px 18px 3px 3px;background:url(img/tag.png) no-repeat right center;}
.tags a:hover {background:url(img/tag__arrow.png) no-repeat right center;}
.twitter a {padding:3px 18px 3px 3px;background:url(img/control_000_small.png) no-repeat right center;}
.twitter a:hover {background:url(img/twitter.png) no-repeat right center;}
.valid {padding:3px 18px 3px 3px;background:url(img/tick_small.png) no-repeat right center;}
.valid:hover {background:url(img/tick.png) no-repeat right center;}