body { background: #0f0f0f; border-top: 3px solid #0072BC; color: #e1e1e1; }

a { color: #0072BC;	text-shadow: #000 0px 1px;
		-webkit-transition: color .35s linear;
   		transition: color .35s linear; 
   	}
a:hover { color: #e1e1e1; 		
			-webkit-transition: color .35s linear;
   			transition: color .35s linear;
   	}

div.container p { 
	width: 900px; margin-left: 0; 
	font-size: 14px; line-height: 1.8em 
	}
div.container ul { list-style: none; }

/*Custom Header */
#top { width: 900px; background: #111; }

#masthead { margin-left: 0px; padding-top: 15px; background: #0f0f0f; }
#masthead #logo h1 { text-transform: uppercase; font-weight: bold; }
#masthead #logo h1:active { position: relative; top: 1px; }

div.description { text-indent: -10000px; padding: 0; margin: 0; width: 0; height: 0;}

/*Custom Menu */
.sf-menu { 
	background: none; 
	font-size: 14px; font-weight: bold; 
	text-transform: capitalize; 
	margin-right: 0; 
	}
.sf-menu ul { /* border: 1px solid #e1e1e1; */ background: #0f0f0f; }

.sf-menu ul li { 
	font-size: 13px; font-weight: normal; background: none;
	/*border-top: 1px solid #666;	border-bottom: 1px solid #444; */
	}
.sf-menu ul a:hover { color: #0027BC; background: #222; }


/*Custom Content */
div.container { 
	width: 900px; min-height: 500px;
	margin: 0 auto; padding: 0; 
		background: none; 
	}
div.container-inner { 
	width: 900px; padding: 0; 
		background: none; 
	}
#slideshow .slide, .content { width: 900px; }
div.app, div#slideshow { margin: 0; padding: 0; }

div.container p { color: #e1e1e1; }
div.container h2 { color: #e1e1e1; font-style: italic; }
div.container h3 { width: 900px; padding: 30px 0 5px 0; margin: 0px; }
	div.container h3 a { 
		font-size: 28px; font-weight: bold; 
		letter-spacing: 1px; color: #fff; 
		text-shadow: #000 0px 1px;
		}
	div.container h3 a:active { padding-top: 1px; }
div.container h4 { 
	color: #444; font-weight: bold; 
	text-transform: uppercase; 
	text-shadow: #000 0px 1px; 
	}
div.container a {color: #0072BC; }
	div.container a:hover {color: #ccc; }

div.post { width: 900px; }

/* Posts */
div.post h3 { font-family: 'Cantarell'; }
div.post h2 { font-size: 32px; font-family: 'Cantarell'; font-style: normal; font-weight: bold; }

/* Post Meta Data */
div.container p.postmetadata { 
	width: 878px; border:1px solid #333;
		background: #222; 
	}
div.container p.postmetadata a, p.alt a { font-size: 12px; font-weight: bold; }
p.postmetadata a, p.alt a { text-transform: capitalize; }
span.leave-one a { 
	float: right; position: relative;
	text-transform: capitalize; font-style: italic; 
	color: #e1e1e1;
	text-shadow: #000 0px 1px;
	}
	span.leave-one a:hover { color: #0072bc; }
	span.leave-one a:active { padding-top: 1px; }

/* Blog Page and Post Page Navigation */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #0f0f0f;
	}
.sf-menu li { background: #0f0f0f; }
.sf-menu a {
	background: #0f0f0f; 
	color: #e1e1e1;
	text-shadow: #000 0px 1px; 
	padding: 10px;
	}
.sf-menu a:hover { 
	color: #0072bc;
	}

/* Blog Pagination */
.nav a, .navi a {
	border: 1px solid #333;
	background:#222; 
	color:#222; 
	font:bold 12px/1 helvetica,arial,sans-serif; 
	padding:8px 10px 8px; 
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
	display: block
	}
.nav a:hover,.navi a:hover {background:#444;color:#fff}


/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { background:#0f0f0f;  
					margin:0 0 10px; 
					padding:5px 7px 5px 57px; 
					position:relative; height:1%;
					border: 1px solid #333;
						-moz-border-radius: 5px;
						-khtml-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px; 
				}
ol.commentlist li:hover { background: none; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {border-top:5px solid #222;}
ol.commentlist li.comment { background: #111; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#0072BC; text-shadow: #000 0px 1px; }
ol.commentlist li div.vcard a {color:#0072BC}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#fff; }
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#222; padding:6px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#eee; text-decoration:none; padding: 2px; }
ol.commentlist li div.comment-meta a:hover { color:#fff; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#222}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}
ol.commentlist li p {}
ol.commentlist li ul {}
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; 
							color:#222; 
							font:bold 9px/1 helvetica,arial,sans-serif; 
							padding:6px 10px 3px;  
							color:#222; 
							text-decoration:none; text-transform:uppercase; 
						}
ol.commentlist li div.reply a:hover {color:#fff; background:#eee}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

h3#comments {margin:2em 0}
#respond {margin:30px 0; padding:10px 0}
#respond h3 { color: #eee; padding-bottom: 10px; }
#commentform{ margin-bottom: 60px;}	
#commentform input {padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:5px #eee solid;font-size: 1.2em;}
#commentform textarea:hover {border: none}
#commentform #submit{
	margin-top: 5px; padding: 5px;
	font-weight: bold;font-size: 1.3em;
	border: 1px solid #333;
	background:#222; 
	color:#0072BC; 
		-webkit-transition: color .35s linear;
   		transition: color .35s linear;
   	padding:8px 10px 8px; 
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
	}
legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px}
#commentform #submit:hover{cursor:pointer;background:#222;color:#fff
		-webkit-transition: color .35s linear;
   		transition: color .35s linear;
	}
#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}
#wp-submit:hover {background:#000;color:#fff}


/* Custom Footer */
#footer-wrap { margin-top: 20px; border-top: 1px solid #333; }
#footer-wrap, #footer {
	padding: 10px 0 0 0; 
	background: #222; 
	}
#footer { width: 900px; }
#footer p, #footer a { font-size: 13px; text-shadow: 0px 1px #000; }
#footer a { font-weight: bold; }
#footer a:hover { color: #e1e1e1; }
#footer p { color: #eee; }