html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

body      { text-align: center; font-family: arial; background: #fff; }
html      { overflow-y: scroll; }
h1        { font-size: 2em; }
h2        { font-size: 1.7em; }
h1, h2    { margin-bottom: 15px; }
h3        { font-size: 1.5em; }
p         { font-size: 9pt; color: #666; line-height: 20px; margin-bottom: 15px; }
p.cufon   { font-size: 18px; color: #000; }
p.med     { font-size: 1.5em; }
ul        { margin-bottom: 15px; }
ul, li    { font-size: 9pt; }
a:link    { color: #669933; }
a:visited { color: #669933; }
a:hover   { color: #669966; }
a:active  { color: #000000; }
.byline   { font-style: italic; font-size: 8pt; margin-top: -15px; margin-bottom: 15px; }

#success { display: none; }

#wrapper { margin: 0 auto 20px; width: 1020px; min-height: 595px; background: url('../img/bg_body.png') no-repeat; text-align: left; overflow: auto; }
	#header { height: 215px; background: url('../img/bg_header.png') no-repeat; position: relative; }
		#logo { position: absolute; top: 40px; left: 60px; }
		#email { position: absolute; top: 50px; right: 70px; }
	#colL, #content { float: left; width: 575px; min-height: 50px; margin-left: 60px; position: relative; top: -25px; }
		#intro { margin-bottom: 15px; }
		#company, #responsibilities, #code { margin-bottom: 20px; }
		.folioImage { border: solid 3px #f2f4f0; margin-bottom: 20px; }
		#folioImages { float: left; display: block; width: 110px; margin-bottom: 20px; }
		#folioImages a img { margin-bottom: 15px; }
	#colR, #primary { float: right; width: 285px; min-height: 50px; margin-right: 60px; position: relative; top: -25px; }
		.container ul li { list-style-type: none; }
		.container ul li { padding: 3px 0; }
		.container ul li:first-child { border: none; }
		#colR h1, #colR h2 { margin-bottom: 5px; }

form div { margin-bottom: 6px; }
form div label { display: block; float: left; width: 100px; margin-right: 15px; margin-top: 5px; text-align: right; font-size: 16px; }
form div .input { width: 350px; padding: 5px 6px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #d6ded0; background: #fafbf5; }
form div .input:focus { border: solid 1px #748d62; background: #f6f8ed; }
form div input[type=submit] { padding: 5px 30px; float: right; margin-right: 95px; }
form div #submit { background: transparent url('/img/icon_submit.png') no-repeat; width: 91px; height: 50px; border: 0; text-indent: -1000px; cursor: pointer; }
form div #submit:hover { background-position: 0 -50px; }

/* TWITTER */

ul.tweet_list li span { font-size: 11px; }
ul.tweet_list li span a { text-decoration: none; }
ul.tweet_list li { margin-bottom: 35px; padding: 5px 15px; line-height: 15px; clear: both; }
ul.tweet_list li img { float: left; padding: 1px; position: relative; top: 3px; border: solid 1px #e8ece4; margin-right: 5px; }
ul.tweet_list li span.tweet_text { display: block; float: right; width: 214px; }
ul.tweet_list li span.tweet_time, ul.tweet_list li span.tweet_join { font-style: italic; color: #666; }

/* WP */

label.screen-reader-text { display: block; width: 100%; text-align: left; }
#searchsubmit { margin: 0; padding: 5px 10px; position: relative; top: 1px; }
#searchform { margin-bottom: 20px; }
#searchform #s { width: 200px; padding: 5px 6px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #d6ded0; background: #fafbf5; }
#searchform #s:focus { border: solid 1px #748d62; background: #f6f8ed; }

body.blog a, body.single a, body.archive a, body.category a { text-decoration: none; line-height: 16px; }
body.blog h2, body.single h2, body.archive h2, body.category h2 { margin-bottom: 0; }
body.blog h3, body.single h3, body.archive h3, body.category h3 { margin-bottom: 5px; }
.entry-title { margin-bottom: 3px; }
.entry-meta { font-size: 11px; margin-bottom: 10px; color: #666; }
.entry-utility { font-size: 11px; color: #666; }
.entry-content { padding-right: 30px; }
.entry-content p { font-size: 14px; line-height: 21px; } 
.entry-content p a { border-bottom: 1px solid #e6ead9; }
.post { background: url('../img/bg_post-bottom.png') bottom right no-repeat; padding-bottom: 10px; margin-bottom: 15px; }

#content .entry-content h2 { margin: 25px 0 15px 0; }

.widget-container li a { display: block; padding: 2px 3px; margin-bottom: 2px; }
.widget-container li a:hover { background: #eff2ed; }
