/*
Theme Name: SteveWorkman.com
Theme URI: http://www.steveworkman.com/
Description: Steve's new wordpress theme
Author: Steve Workman
Author URI: http://www.steveworkman.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, Sans-Serif;
	background: #3d3d3d;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	min-width: 960px;
	}

#page {
	margin: 0 auto;
	padding: 0;
	min-width: 960px;
	max-width: 1080px;
	}
/* Odd fix for bad margins */
body.page #thinner, body.error404 #thinner, body.search #thinner, body.archive #thinner {
	padding-top: 0.01em;
}

#thinner {
	width:95%;
	background: #fff url('images/page_bg.jpg');
	margin: 0 auto;
	border-left: solid 1px #0059df;
	border-right: solid 1px #0059df;
	height: inherit;
}

a {
	color: #0059DF;
	text-decoration: none;
}

a:focus, a:hover {
	text-shadow: 0px 1px 1px #9e9e9e;
}

p, ul {
	font-size: 1.3em;
}

h1, h2, h3, h4, h5 {
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, Sans-serif;
}


/* Header */
header {
	padding: 0;
	height: 4em;
	display:block;
	background: #9e9e9e url('images/header_bg.png') repeat-x bottom;
	border-bottom: solid 2px #0059df;
	}

header nav {
	display: block;
}

header nav ul {
	clear:both;
	display:block;
	margin: 0 auto;
	max-width: 1080px;
}

header nav ul li {
	float:left;
	list-style: none;
	font-size: 1.5em;
	padding-top: 0.5em;
}

header nav ul li a {
	padding:0.7em 1.6em 0.8em 1.6em;
}

header nav ul li a, header ul.followLinks li a {
	color: #000;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, Sans-serif;
}

header ul li a:hover {
	text-shadow: 0 1px 1px #ee7300;
}

header nav ul li.home {
	padding: 0;
	width: 300px;
	
}
header nav ul li.home a {
	padding: 0;
	text-indent: -9999px;
}

header ul.followLinks {
	float: right;
	list-style: none;
	font-size: 1.2em;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, Sans-serif;
	margin: 0.3em 1em 0 0;
	padding: 0;
	max-width: 1080px;
}

header ul.followLinks li {
	margin:0.2em 0;
}


/* Intro section */
#introduction {
	clear: both;
	display: block;
	height:42em;
}

#introduction:after {
	clear:both;
	content:' ';
}

#introduction .intro {
	float:left;
	width:59%;
	margin:0 auto;
}

#introduction .intro h1 {
	font-size: 5em;
	line-height: 1.2em;	
	text-align: center;
	text-shadow: 0px 2px 3px #cfcfcf;
}

#introduction .intro p {
	font-size: 1.5em;
	width:30em;
	text-align: left;
	margin: 0 auto;
}


#bigpost {
	float:right;
	width:40%;
	height: 42em;
}

#bigpost .postheading {
	width:100%;
}


#bigpost h2 {
	font-size: 2.2em;
	overflow: visible;
	background: #999;
	z-index: 2;
	opacity: 0.8;
	padding: 0.5em 1em 0.5em 1em;
	margin: 1em -1em 1em -2em;
	position: relative;
	top:14em;
	border-radius: 0 0 0 20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
}

#bigpost h2 a, .post h3 a, .page h3 a {
	color:#000;
	text-decoration: none;
}
#bigpost h2 a:hover, #bigpost h2 a:focus, .post h3 a:hover, .post h3 a:focus {
	text-shadow: 0 1px 1px #ee7300;
}

#bigpost p a {
	display: inline;
}

#bigpost a {
	margin: 0 auto;
	display: block;
	position: relative;
	top:-8em;
}

#bigpost h2 a {
	opacity: 1.0;
	color: #000;
	position: static;
	overflow: visible;
}

.smallDate {
	display: inline;
	color: #333;
	font-size: 0.65em;
}

#bigpost a img {
	width:auto;
	height: 28em;
	overflow: hidden;
	max-width: 40em;
}

/* Story columns section */

/*#columns {
	column-count:3;
	column-gap:4.5em;
	column-width:300px;
	column-rule: solid 1px #0059df;
	-moz-column-count: 3;
	-moz-column-gap: 4.5em;
	-moz-column-width:300px;
	-moz-column-rule: solid 1px #0059df;
	-webkit-column-count: 3;
	-webkit-column-gap: 4.5em;
	-webkit-column-width:300px;
	-webkit-column-rule: solid 1px #0059df;
	width:100%;
	max-width: 1060px;
	background: #cfcfcf;
	padding:1em 1em 3em 1em;
	border-top: solid 1px #0059df;
}*/

.post, .page {
	margin-bottom: 2em;
}

#columns {
	background: #cfcfcf;
	border-top: solid 1px #0059df;
	min-height: 35em;
}

#columns article.post {
	width:31%;
	float: left;
	display: block;
	padding: 0 1em;
	border-left:solid 1px #0059df;
	min-height: 29em;
	margin-top: 1em;
	margin-bottom: 0;
}

#columns article.post:first-child {
	border:0;
}

body.search h2, body.archive h2 {
	font-size: 3em;
}

.post h2 {
	font-size: 3em;
	margin-bottom: 0;
	width:90%;
	margin-left: -2em;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 0 0 20px 0;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	background: #999;
	opacity: 0.8;
	color: #000;
}

.post h3, .page h3 {
	font-size: 1.7em;
	white-space:normal;
	margin-top: 0;

}

.post h4 {
	font-size: 1.3em;
}

pre {
	font-size: 1.5em;
	white-space: normal;
}

.entry ul, .entry ul li, .entry ol, .entry ol li {
        font-size:1.1em;
}

#columns h3 {
	width: 83%;
	float: left;
	margin-bottom: 0;
}

#columns p {
	margin-top: 0;
}

body.search .post h3, body.search .page h3, body.archive .post h3 {
	margin-bottom: 0;
	margin-left: -4em;
	padding-left: 4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 0 0 20px 0;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	background: #999;
	opacity: 0.8;
	color: #000;
}



.post hr {
	display: block;
}

/* Single page styles */
body.page article {
	display: block;
}
body.page .post {
	padding: 0 2em;
}


/* Single post styles */

body.single #content, body.error404 #content, body.search #content, body.archive #content {
	width: 61%;
	float: left;
	padding:0 4em;
	margin:0;
}

body.single aside, body.error404 aside, body.search aside, body.archive aside {
	float: right;
	width: 30%;
	background: #cfcfcf;
}

body.single aside ul, body.error404 aside ul, body.search aside ul, body.archive aside ul {
	list-style: none;
}

.dateblock {
	float:right;
	color:#000;
	padding:5px 0;
	width:10%;
	font-size: 1.5em;
	margin: -2.5em -0.5em 0 0;
}

#bigpost .dateblock{
	margin:1em 1em 0 0;
	width:15%;
}

#columns .dateblock {
	margin:-0.5em 1em 0 0;
	width: 11%;
}

.month, .day {
	width:100%;
	display:block;
	text-align:center;
	
}
.day {
	font-size:1.5em;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	padding: 0.1em 0.15em 0em 0.15em;
	border-radius: 0 0 2px 2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	background: #fff;
}
.month {
	line-height:1.1em;
	font-size:0.9em;
	background: #ee7300;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	padding: 0.3em 0.3em 0em 0.3em;
	text-shadow: 0 1px 1px #cdcdcd;
}

small.catListing {
	margin:0;
	padding: 0;
	font-style: italic;
	font-size: 1.2em;
	position: relative;
	top:0.5em;
}

.entry {
	padding-top: 0.5em;
}

/* Widget styles */
aside li.widget ul li {
	font-size: 0.7em;
}

aside li.widget h3 {
	font-family:  Helvetica, Arial, Sans;
	letter-spacing: 0.05em;
	font-size: 1.4em;
	margin: 0.3em 0;
}

aside li.widget_archive ul li {
	margin-bottom: 0.15em;
}

aside li.widget_tag_cloud div {
	width: 90%;
}

aside li.widget_tag_cloud a {
	padding: 0 0.2em;
}

.postmetadata {
	clear: both;
	margin-bottom: 0;
}

div.pagelinks {
	clear: both;
	font-size: 2em;
	padding:0 0 0 1em;
	margin: 0;
}

body.home div.pagelinks {
	background: #cfcfcf;
}

#content .pagelinks {
	height: 1.6em;
	padding:0 1em 0 1em;
	
}


.pagelinks .olderlink a {
	margin: 0 -2em 0 -2em;
	padding:0.3em 1em 0.1em 2em;
	background: #999;
	opacity:0.8;
	border-radius: 0 0 20px 0;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	float: left;
}

.pagelinks .newerlink a {
	margin: 0 -2em 0 -1em;
	padding:0.3em 2em 0.1em 1em;
	background: #999;
	opacity:0.8;
	border-radius: 0 0 0 20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
	float: right;
}

.pagelinks a {
	color:#000;
}

.pagelinks a:hover, .pagelinks a:focus {
	text-shadow: 0 1px 1px #ee7300;
}

body.single div.pagelinks, body.search div.pagelinks, body.archive div.pagelinks {
	font-size: 1.5em;
	clear: both;
	margin: 1em -1em;
}

#content {
	clear: both;
}


/* Comments */
#comments {
	clear:both;
}

h3#comments {
	font-size: 2.5em;
	margin: 0 -2em 0 -2em;
	padding:0.3em 1em 0.2em 2em;
	background: #999;
	opacity:0.8;
	border-radius: 0 0 20px 0;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
}

/* Twitter / Last.fm tools */
#tools {
	display: block;
	width: 100%;
	max-width: 1070px;
	background: #cfcfcf url('images/tools_bg.png') repeat-x bottom;
	padding: 0.5em 0em 0 0em;
	height:30em;
	clear:both;
}

#tools h4 {
	font-size: 1.4em;
	margin-bottom: 0;
}

#twitterbox {
	float: left;
	width: 45%;
	display: block;
}

#twitterbox h4 {
	background: transparent url('images/twitter.png') no-repeat;
	width:111px;
	height:30px;
	font-size: 1em;
	margin: 0 auto;
	text-indent: -9999px;
}

ul.twitter {
	display: block;
	width:90%;
	list-style: none;
	padding:0;
	margin-left: 2em;
	margin-right: 2em;
}

ul.twitter li {
	padding: 0.5em 0;
}

ul.twitter:first-child {
	padding: 0 0 0 0.5em;
}

ul.twitter:last-child {
	padding: 0 0.5em 0 0;
}

#twitterbox p, #lastfmbox p {
	margin-left: 2em;
}

#lastfmbox {
	float: right;
	width:45%;
	display: block;
}

#lastfmbox h4 {
	background: transparent url('images/lastfm.png') no-repeat;
	height:30px;
	width:100px;
	font-size: 1em;
	margin: 0 auto;
	text-indent: -9999px;
}

#lastfmbox small, #twitterbox small {
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 1.1em;
}

ul.lastfm {
	display: block;
	list-style: none;
	line-height: 1.3em;
}

.clear {
	clear: both;
}

/* Footer */
footer {
	margin: 0 auto;
	width: 100%;
	clear: both;
	padding: 1em 0.5em;
	text-align:center;
	background: #3d3d3d;
	display: block;
	color:#cfcfcf;
	max-width: 1016px;
}

footer a:hover {
	text-shadow: 0px 1px 1px #000;
}

footer .footerlinks {
	column-count:3;
	column-gap:4.5em;
	column-rule: solid 1px #9e9e9e;
	-moz-column-count: 3;
	-moz-column-gap: 4.5em;
	-moz-column-rule: solid 1px #9e9e9e;
	-webkit-column-count: 3;
	-webkit-column-gap: 4.5em;
	-webkit-column-rule: solid 1px #9e9e9e;
	width:100%;
	max-width: 1050px;
}

footer h5 {
	text-align: left;
	font-size: 1.2em;
	text-indent: 2em;
}

footer ul {
	text-align:left;
}

footer ul li {
	font-size: 0.9em;
}

footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color:#cfcfcf;
	font-size: 1em;
	}
/* End Structure */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	width: 50%;
	}

.alignleft {
	float: left;
	width: 50%;
	}
/* End Images */




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
#respond {
	clear:both;
	margin-top: 2em;
}

h4 {
	font-size: 1.3em;
	margin: 0 -3.7em 0 -3.7em;
	padding:0.3em 1em 0.2em 3.7em;
	background: rgba(153,153,153,0.8);
	border-radius: 0 0 20px 0;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	width: 15em;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	float: left;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	margin-top: 1em;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	}

#commentform label {
	margin-right: 3em;
	width: 10em;
	float: left;
	font-size: 1.2em;
	vertical-align: middle;
}

#commentform p {
	clear: left;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	margin: 1.5em 0 1em;
	padding: 0.5em 0.5em 1em 1em;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -0.5em;
	margin-left: 1em;
}

.commentlist p {
	margin: 1em 0.5em 1em 0;
}
.children { padding: 0; }

#commentform p {
	margin: 0.5em 0;
	}
	
.comment-author{
	font-size: 1.4em;
	margin: -0.5em -0.7em 0 -0.7em;
	padding: 1em 0.7em 0 0.7em;
}

.comment-author img {
	float: left;
	width: 15%;
	margin: 0em 1em 0.5em 0;
	display: block;
}

.comment .comment-author cite:before {
	content: "From ";
	font-style: normal;
}
.comment-author cite a {
	font-style: normal;
}

.comment {
	clear:both;
	padding:1em 0.5em;
	border-bottom: solid 1px rgba(153,153,153,0.5);
}

.says {display: none;}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata:before {
	content: "Posted on ";
}

.commentmetadata {
	margin: 0em -1em 0 -1em;
	padding: 0 1em;
	display: block;
	float: right;
	}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.commentlist li.tweetback {
	background-color: #94E4E8;
}