/* -- generic elements -- */

body{
	font-family: 'Corbel', 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif;
	background: #212121 url(../../images/bg.jpg) top center no-repeat;
}

p{
	float: left;
	clear: both;
	font-size: 1.4em;
	color: #333;
	line-height: 1.5em;
}

a:focus { outline:none; }

a,
a:link,
a:active,
a:visited{
	color: #99a927;
	text-decoration: none;
}

a:hover{
	color: #86951e;
	text-decoration: underline;
}

img#wpstats{visibility:hidden;}

input[type=text],
textarea{
	font-family: 'Corbel', 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif;
	font-size: 1.4em;
	padding: 5px;
}

input[type=submit]{
	width: 106px;
	height: 37px;
	border: 0;
	text-indent: -9999px;
	font-size: 0;
	background: url(../../images/submit_btn.png) top left no-repeat;
}

blockquote{
	border-left: 3px solid #e1e1e1;
	float: left;
	clear: both;
	padding: 0 10px;
	font-style: italic;
	color: #111;
	margin: 0 0 10px 0;
}

/* -- headers -- */

#header h1 a{
	text-indent: -9999px;
	background: url(../../images/logo.png) top left no-repeat;
	width: 447px;
	height: 74px;
	margin: 15px 0;
	position: absolute;
}

h2{
	font-size: 4em;
	color: #99a927;
	line-height: 1em;
	float: left;
	clear: both;
	border-bottom: 5px solid #e1e1e1;
	width: 100%;
}

h2.twitter{
	background: url(../../images/icons/user_business_twitter_32.png) top left no-repeat;
	width: 348px;
	text-indent: 44px;
}

h2.article{
	background: url(../../images/icons/newspaper_32.png) top left no-repeat;
	width: 348px;
	text-indent: 44px;
}

h2.Articles{
	background: url(../../images/icons/newspaper_32.png) top left no-repeat;
	text-indent: 44px;
}

h2.Portfolio{
	/* background: url(../../images/icons/screen_32.png) top left no-repeat; */
	background: url(../../images/icons/folder_32.png) top left no-repeat;
	text-indent: 44px;
}

h2.portfolio{
	background: url(../../images/icons/folder_32.png) top left no-repeat;
	text-indent: 44px;
}

h2.projects{
	background: url(../../images/icons/star_32.png) top left no-repeat;
	text-indent: 44px;
	width: 100%;
}

h2.news{
	background: url(../../images/icons/comment_32.png) top left no-repeat;
	text-indent: 44px;
}

h2.notebook{
	background: url(../../images/icons/book_bookmarks_32.png) top left no-repeat;
	text-indent: 44px;
}

h2.lost{
	background: url(../../images/icons/search_warning_32.png) top left no-repeat;
	text-indent: 44px;
}

h3 a:hover{
	/* color: black; */
	color: #99a927;
	border-bottom: 2px solid #e1e1e1;
}

.cufon-loading h2{
	visibility: hidden !important;
}

.post h3{
	width: 100%;
	float: left;
	/* clear: both; */
}

/* -- structure elements -- */

#header{}

#nav{
	float: right;
	background: #131f20;
	position: relative;
	margin: 76px 0 0 0;
}

#container{
	width: 981px;
	margin: 0 auto;
}

#content_container{
	width: 981px;
	background: #ffffff url(../../images/sidebar_extend.png) top right repeat-y;
	float: left;
	clear: both;
	border-top: 5px solid #59d5de;
}

#content_container.no_sidebar{
	background: #ffffff;
}

#content{
	width: 550px;
	float: left;
	margin: 0 10px 0 10px;
	min-height: 100px;
	padding: 0 0 10px 0;
}

#content.portfolio{
	width: 960px;
}

#subnav{
	float: left;
	clear: both;
	background: #59d5de;
	width: 110%;
	margin: 0 0 10px -10px;
	padding: 0 0 5px 0;
}

#sidebar_container{
	width: 409px;
	background: #ededed;
	float: left;
}

#footer_container{
	float: left;
	clear: both;
	background: #111;
	width: 96.1%;
	padding: 20px;
}

.coffee{
	float: left;
	position: relative;
	right: 0;
	left: 605px;
	top: 20px;
}

.coffee a{
	width: 374px;
	height: 52px;
	background: url(../../images/coffee.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
}

/* -- nav elements -- */

#nav ul li{
	float: left;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited{
	color: #e6f5fa;
	font-size: 1.8em;
	padding: 5px 10px;
	float: left;
	clear: both;
}

#nav ul li a:hover{
	text-decoration: none;
}

#nav ul li.active a,
#nav ul li.current-cat a,
#nav ul li.current-cat-parent a{
	background: #59d5de;
	color: #131f20;
}

/* -- 4 roundies -- */
/*
#nav ul li.current-cat{
	background: url(../../images/nav_caps.png) -10px 0 no-repeat;
	padding: 0 0 0 5px;
}
#nav ul li.current-cat a{
	background: #59d5de url(../../images/nav_caps.png) top right no-repeat;
	padding-right: 5px;
}
*/

/* -- ad elements -- */

.top_ad{
	float: left;
	clear: both;
	margin: 0 auto;
	width: auto;
}

.top_ad p small{
	color: #999;
	font-size: .8em;
}

/* -- content elements -- */

#content h3{
	font-family: 'Corbel', 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif;
	font-size: 2.4em;
	color: #2e2e2e;
	font-weight: normal;
	line-height: 1.2em;
	width: 450px;
	float: left;
	margin: 0 0 10px 0;
	text-align: left;
}

#content h3 a{
	/* color: #2e2e2e; */
	color: #99a927;
	text-decoration: none;
}

#content .post{
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}

#content .post .post_content{
	width: 100%;
}

.post .posted{
	margin: 10px 0;
	color: #999;
	width: 100%;
}

#content .post .entry{
	float: left;
	clear: both;
	margin: 10px 0;
}

#content .post .entry.notebook ul{
	list-style: none;
	text-align: left;
	width: 100%;
}

#content .post .post_content p,
#content .post .entry p{
	float: left;
	clear: both;
	font-size: 1.4em;
	color: #333;
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

#content .post small{
	font-size: .9em;
	color: #999;
	font-style: italic;
}

#content ul.postmetadata{
	width: 100%;
	border-top: 1px solid #c0c887;
}

#content ul.postmetadata li{
	float: left;
}

#content ul.postmetadata p{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #a1a1a1;
	border-right: 1px solid #a1a1a1;
	padding: 0 5px 0 0;
	margin: 10px 0;
}

#content ul.postmetadata li.last p{
	border: 0;
	padding: 0 5px;
}

#content ul.postmetadata li.last a{
	color: #a1a1a1;
}

#content ul.postmetadata li.tweetmeme,
#sidebar_content ul.postmetadata li.tweetmeme{
	float: right;
	padding: 10px 0 0 0;
	margin: 0 -26px 0 0;
}

.tweetmeme_button{
	float: right;
	padding: 0;
	margin: 0;
}

.post .posted span.tweetmeme{
	float: right;
	padding: 0;
	margin: 2px 0 0 0;
}

#content ul.postmetadata li.comments{
	float: right;
}

#content ul.postmetadata li.comments p{
	border: 0;
}

#content .date_icon{
	background: url(../../images/date_icon.png) top left no-repeat;
	width: 59px;
	height: 35px;
	float: right;

	color: white;
}

#content .date_icon p{
	font-size: 1.9em;
	float: left;
	clear: both;
	width: auto;
	margin: -1px 0 0 7px;
	color: white;
}

#content .date_icon font{
	color: #afc036;
	margin: 0 2px;
}

#content .big_date_icon{
	background: url(../../images/main_date_icon.png) top left no-repeat;
	width: 75px;
	height: 49px;
	float: left;
	position: relative;
	margin: 0 10px 0 -24px;
	color: white;
}

#content .big_date_icon p{
	font-size: 2.3em;
	float: left;
	clear: both;
	width: auto;
	margin: -3px 0 0 10px;
	color: white;
}

#content .big_date_icon font{
	color: #afc036;
	margin: 0 2px;
}


#content .navigation{
	float: left;
	clear: both;
	background: #7be6ee;
	margin: 0;
	font-size: 1.4em;
	padding: 10px;
	margin: -10px 0 10px -10px;
	width: 100%;
}

.navigation .alignleft{
	width: 200px;
	text-align: left;
}

.navigation .alignright{
	width: 200px;
	text-align: right;
	float: right;
}

.navigation .alignleft a,
.navigation .alignright a{
	color: #231f20;
}

.postmetadata.single{
	background: #59d5de;
	float: left;
	clear: both;
	width: 100%;
	padding: 10px;
	margin: 0 0 0 -10px;
}

.postmetadata.single a{
	color: #3a989f;
}

#content .tags{
	background: #7BE6EE url(../../images/icons/tags_blue.gif) 8px 8px no-repeat;;
	float: left;
	clear: both;
	width: 100%;
	padding: 10px;
	margin: 0 0 10px -10px;
	text-transform: uppercase;
}

#content .tags p{
	color: #9beef4;
	margin: 0 0 0 30px;
}

#content .tags a{
	color: #d8fafd;
}

.preview_image_slim{
	height: 50px;
	width: 100%;
	float: left;
	clear: both;
	border: 4px solid #f1f1f1;
	border-left: 0;
	border-right: 0;
	margin: 10px 0;
}

a.float_me_left{
	float: left;
	width: auto;
	clear: none;
	padding: 0 5px 0 0;
}

/* -- comment elements -- */

#respond{
	float: left;
	clear: both;
	width: 550px;
}

#respond small{
	color: #999;
	font-size: .8em;
	font-style: italic;
	margin: 0 0 10px 0;
	float: left; clear: both;
}

#respond textarea{
	width: 538px;
	margin: 10px 0;
}

h3.comment{
	background: url(../../images/icons/comment_user_32.png) top left no-repeat;
	min-height: 32px;
	padding: 0 0 0 39px;
	margin: 100px 0 0 0;
	float: left;
	clear: both;
}

h3.add_comment{
	background: url(../../images/icons/comment_add_32.png) top left no-repeat;
	min-height: 32px;
	padding: 0 0 0 39px;
}

ol.commentlist{
	float: left;
	clear: both;
	border: 0;
	padding: 0;
	margin: 0 0 23px 0;
}

ol.commentlist li{
	float: left;
	clear: both;
	border: 0;
	background: #c2edf1;
	padding: 0;
}

ol.commentlist li.administrator{
	background: #ebefad;
}

ol.commentlist li.alt{
/* 	background: #f1f1f1; */
	border-left: 0;
}

/*
.commentlist li ul li{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left; 
	clear: both;
}
*/

ul.children{
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

ul.children li{
	padding: 0;
	margin: -10px 0 0 0;
	background: #add8dc;
	float: left;
	clear: both;
}

.comment-body{
	border: 0;
}

.comment_grav{
	width: 540px;
	float: left;
	clear: both;
	padding: 5px;
	background: #59d5dd;
	margin: 0;
}

ol.commentlist li.administrator .comment_grav{
	background: #c1c846;
}

.children .comment_grav{
	background: #44c0c8;
	border-top: 4px solid #37acb4;
}

ul.children li.administrator .comment_grav{
	border-top: 4px solid #a6ac36;
}

.comment_grav p{
	line-height: 1.6em;
	padding: 0;
	margin: 0 0 0 10px;
	float: left
	width: auto;
	clear: none;
}

.comment_grav p strong{
	font-size: 1.6em;
	float: left;
	clear: both;
}

.comment_grav p a{
	color: #111111;
	font-weight: lighter;
	padding: 0;
	margin: 0;
}

.comment_grav img{
	width: 45px;
	float: left;
	clear: none;
}

.comment_text{
	float: left;
	width: 96%;
	padding: 10px;
}

.comment_text .date_icon{
	float: right;
	background: blue;
}

.comment_text p{
	width: 100%;
	float: left;
/* 	margin: -35px 0 0 0; */
}

.comment_text .date_icon{
	margin-bottom: -34px;
}

.reply{
	font-size: 1.4em;
	float: right; clear: both;
	padding: 10px;
}

.reply a{
	color: #111;
}

#cancel-comment-reply{
	font-size: 1.6em;
}

/* -- portfolio section -- */

.portfolio .post p{
	margin: 10px 0;
	font-size: 2em;
	font-style: italic;
}

.portfolio_item_overlay{
	background: url(../../images/portfolio_overlay.png) top left no-repeat;
	width: 307px;
	height: 171px;
	position: absolute;
}

ul.portfolio_items{
	width: 110%;
	float: left;
	clear: both;
	margin: 0 0 25px 0;
}

ul.portfolio_items li{
	float: left;
	margin: 0 10px 10px 0;
	border: 3px solid #e1e1e1;
}

ul.portfolio_items li.alt{
/* 	float: right; */
	padding: 0;
	/* margin: 0 10px; */
	border: 3px solid #e1e1e1;
}

/* -- socialable -- */
.sociable{
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
}

.sociable_tagline{
	font-size: 1.4em;
	padding: 0 0 10px 0;
}

.sociable ul{
	padding: 15px 0 0 0;
	margin: 0;
	border-top: 1px solid #e1e1e1;
	width: 100%;
	float: left;
	clear: both;
}

.sociable ul li{
	float: left;
	margin: 0 15px 0 0;
	padding: 0 10px;
	clear: none;
	border-right: 1px solid #e1e1e1;
	width: 16px;
}

.sociable ul li.sociablelast{
	border: 0;
}

.sociable ul li a{
	margin: 0 0 0 5px;
}

/* -- feature elements -- */

.feat_shadow{
	width: 531px;
	height: 296px;
	position: absolute;
	background: url(../../images/feat_preview_shadow.png) top left no-repeat;
	z-index: 200;
	margin: 105px 0 0 10px;
}

.title_container{
	position: absolute;
	background: url(../../images/feat_overlay.png) top left repeat;
	float: left;
	width: 100%;
	padding: 10px 10px 5px 10px;
	bottom: 0;
}

.title_container h2{
	color: white;
	border: 0;
	font-weight: bold;
}

#feature_container{
	float: left;
	clear: both;
	height: 296px;
	width: 531px;
	border: 10px solid #1a1718;
	margin: 10px 0;
	background: #333 url(../../images/brb.png) top left no-repeat;
}

#feature_container img{
	float: left;
	clear: both;
	border: 0;
}

#feature_container .feature{
	float: left;
}

/* --
coda slider elements
-- */

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 531px; height: 296px; background: #fff; overflow: hidden; margin: 0; display: none;}
.csw .loading {margin: 0; text-align: center; background: black; display: none;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 531px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 296px;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 531px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 0px;
	margin: -62px 0 0 500px;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 29px;
	width: 42px;
	text-indent: -9999px;
}

.stripNavL {
	z-index: 200;
	margin-left: 459px;
}

.stripNavR {
}

.stripNavL a{
	background: url("../../images/feature_arrows.png") top left no-repeat;
}

.stripNavL a:hover{
	background-position: bottom left;
}

.stripNavR a{
	background: url("../../images/feature_arrows.png") top right no-repeat;
}

.stripNavR a:hover{
	background-position: bottom right;
}


/* -- subnav elements -- */

#subnav ul{
	float: left;
	clear: both;
}

#subnav ul li{
	float: left;
	font-size: 1.3em;
	clear: none;
	margin: 0 5px;
}

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:active,
#subnav ul li a:visited{
	color: #131f20;
	padding: 7px 8px 5px 8px;
	float: left;
	clear: both;
}

#subnav ul li a:hover{
	text-decoration: none;
}

#subnav ul li.active a,
#subnav ul li.current-cat a{
	background: #131f20;
	color: #ffffff;
}

/* -- sidebar elements -- */

#sidebar_content{
	width: 380px;
	margin: 15px 17px;
	float: left;
	clear: both;
}

#sidebar_content h2{
	/* padding: 0 0 5px 0; */
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	width: 100%;
}

#sidebar_content h3{
	font-family: 'Corbel', 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif;
	font-size: 2.4em;
	color: #2e2e2e;
	font-weight: normal;
	line-height: 1.2em;
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
	text-align: left;
}

/*
#sidebar_content h2.twitter{
	background: url(../../images/icons/twitter_32.png) top left no-repeat;
	padding: 0 0 0 40px;
}
*/

#sidebar_content h3 a{
	color: #2e2e2e;
	text-decoration: none;
}

#sidebar_content .post{
	border-top: 1px solid #e1e1e1;
	padding: 10px 0 0 0;
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
}

#sidebar_content ul.postmetadata{
	width: 100%;
	border-top: 1px solid #c0c887;
}

#sidebar_content ul.postmetadata li{
	float: left;
}

#sidebar_content ul.postmetadata p{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #a1a1a1;
	border-right: 1px solid #a1a1a1;
	padding: 0 5px 0 0;
	margin: 10px 0;
}

#sidebar_content ul.postmetadata li.last p{
	border: 0;
	padding: 0 5px;
}

#sidebar_content ul.postmetadata li.last a{
	color: #a1a1a1;
}

#sidebar_content .date_icon{
	background: url(../../images/date_icon.png) top left no-repeat;
	width: 59px;
	height: 35px;
	float: right;
	color: white;
}

#sidebar_content .date_icon p{
	font-size: 1.9em;
	float: left;
	clear: both;
	width: auto;
	margin: -1px 0 0 7px;
	color: white;
}

#sidebar_content .date_icon font{
	color: #afc036;
	margin: 0 2px;
}

#what_i_do{
	background: url(../../images/sidebar_bubble.png) top left no-repeat;
	width: 376px;
	height: 103px;
	margin: 5px 0 0 0;
	float: left;
	clear: both;
	text-align: center;
	padding: 10px;
}

#what_i_do p{
	text-align: center;
	color: #257075;
	font-size: 1.4em;
	width: 360px;
	float: left;
	clear: both;
}

#what_i_do p strong{
	font-size: 1.6em;
	color: #0c3c3f;
	margin: 5px 0 0 0;
	float: left;
	clear: both;
}

span.twitter_tag a{
	color: #999;
}

ul#side_twitter{
	margin: 15px 0 0 0;
	float: left;
	clear: both;
}

ul#side_twitter li{
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e1e1e1;
}

/* -- footer elements -- */

#footer_container .footer_left{
	width: 630px;
	padding: 0 10px 0 0;
	float: left;
}

#footer_container .footer_left p{
	color: #999;
	margin: 10px 0;
}

#footer_container .footer_right{
	width: 250px;
	border-left: 1px solid #333;
	padding: 0 0 0 px;
	float: left;
}

#footer_container ul{
	float: left;
	clear: both;
}

#footer_container ul li{
	float: left;
}

#footer_container ul li.widget{
	width: 250px;
	padding: 0 0 0 10px;
	float: left;
}

#footer_container h2{
	border-color: #333;
}

h2.about{
	border: 0;
	background: url(../../images/icons/user_business_32.png) top left no-repeat;
	padding: 0 0 0 44px;
}

h2.widgettitle{
	border: 0;
	background: url(../../images/icons/email_forward_32.png) top left no-repeat;
	padding: 0 0 0 44px;
}

.textwidget ul{
	float: left;
	clear: both;
}

.textwidget ul li{
	float: left;
	clear: both;
	border-bottom: 1px solid #333;
	padding: 5px 0;
}

.textwidget ul li label{
	float: left;
	clear: both;
	color: #666;
	font-size: 1.6em;
	line-height: 1.6em;
}

.textwidget ul li textarea{
	width: 95%;
}

.textwidget ul li.last{
	border: 0;
}

.wpcf7-response-output{
	float: left;
	clear: both;
	width: 100%;
	background: white;
}

.wpcf7-form-control-wrap{
	padding: 0;
	margin: 0;
	border: 0;
}

.wpcf7-form-control-wrap span{
	font-size: 1.3em;
}

span.wpcf7-not-valid-tip{
	float: left;
	clear: both;
	margin: -6px 0 0 -50px;
	border: 0;
	font-family: 'Garamond';
	padding: 0;
	font-size: 1.6em;
	color: #e65555;
}

ul.provided_by{
	margin: 10px 0 0 0;
	border-top: 1px solid #333;
	width: 100%;
	padding: 10px 0 0 0;
}

ul.provided_by li{
	float: left;
	clear: none;
	padding: 0 10px 0 0;
	color: #333;
	font-size: 1.4em;
	vertical-align: middle;
}

ul.provided_by li a{
	background: url(../../images/function_links.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 90px;
	height: 20px;
}

/*
ul.provided_by li.text_link a{
	text-indent: 0;
	background: none;
	float: left;
	clear: none;
}
*/

ul.provided_by li.woo_themes a{
	background-position: 0 -22px;
	height: 22px;
}

ul.provided_by li.woo_themes a:hover{
	background-position: 0 0;
}

ul.provided_by li.function a{
	background-position: 0 -66px;
}

ul.provided_by li.function a:hover{
	background-position: 0 -47px;
}

/* -- wp syntax -- */

/*
pre{
	float: left;
	clear: both;
}
*/

.dp-highlighter{
	float: left;
	clear: both;
	width: 0%;
	width: 550px;
}

pre{
	width: 550px;
}