/*
	colors
	bg: #10222B
	red: #EC2F33
	text: #2E3940
	blue: #01B7E4
*/

/* ************************************************************
** elements
** ***********************************************************/

*{ margin: 0; padding: 0; }
html{ 
	text-align: center; 
}
body{ 
	background: #10222B; /* url("images/header.jpg") center top no-repeat;*/
	font-family: Helvetica, "Tahoma", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
}
h1{ }
a{ }
a:link{
	color: #01B7E4;
	text-decoration: none;
}
a:visited{
	/*color: #019EC5;*/
	color: #0187A8;
	text-decoration: none;
}
a:hover{
	color: #FFFFFF;
	background-color: #01B7E4;
}
a:active{ }
ul{
	list-style-type: none;
}
p, li{
	color: #2E3940;
}
h2{
	font-size: 2em;
	margin-bottom: 1em;
}
h3{
	color: #EC2F33;
}
blockquote{
	padding: 1.4em;
	margin-bottom: 1.2em;
	background-color: #F1F1F1;
}
pre{
	padding: .8em;
	margin-bottom: 1.2em;
	background-color: #F1F1F1;
	overflow: scroll;
}
code{
	font-size: .9em;
	/*overflow: scroll;*/
}
.post blockquote p{
	line-height: 1.2em;
	margin-bottom: 0;
	color: #556A73;
}
cite{
	font-size: .9em;
	margin-top: 1em;
	display: block;
	text-align: right;
}

/* ************************************************************
** nav
** ***********************************************************/

#nav ul{
	margin-left: 20px;
}
#nav ul li{
	/*float: left;*/
	display: inline;
	margin: 0 15px 5px 0;
}
#nav ul li a{
	padding: .2em;
	/*display: block;*/
	display: inline;
}
#nav ul li a:link, #nav ul li a:visited, h2 a:link, h2 a:visited{
	color: #EC2F33;
}
#nav ul li a:hover, #nav ul li a:active, h2 a:hover, h2 a:active{
	color: #FFFFFF;
	background-color: #EC2F33;
}
a#homelink:link, a#homelink:visited, a#homelink:hover, a#homelink:active{ 
	background-color: transparent;
}

a#homelink{
	position: relative;
	top: 33px;
	left: 244px;
}
div#nextprevlinks{
	margin-top: 2em;
}
div#nextprevlinks p{
	margin: 0;
}
div#nextprevlinks a span{
	font-weight: bold;
	color: #EC2F33;
}
/*
div#nextprevlinks a{
	padding: .4em;
}
*/
a#nextpostlink, a#nextpostslink{
	padding: .3em .2em .2em .2em;
	background-image: url( "images/control_rewind_blue.png" );
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}
a#prevpostlink, a#prevpostslink{
	padding: .3em .2em .2em .2em;
	background-image: url( "images/control_fastforward_blue.png" );
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}
a#olderpostslink{
	padding: .2em;
	background-image: url( "images/control_fastforward_blue.png" );
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 22px;
}
div#pagedlinks{
	text-align: center;
	margin: 0 20px 20px 20px;	
}
div#pagedlinks p{
	display: inline;
}

/* ************************************************************
** containers
** ***********************************************************/

body{
	margin: 0;
	padding: 0;
}
#wrapper{
	width: 875px;	
	margin: 0 auto;
	/*border-top: 3px solid #FF0000;*/
	background: url("images/header.jpg") left top no-repeat;
}
#header{
	width: 108px;
	height: 45px;
	text-indent: -2000px;
	font-size: .5em;
}
#subtitle{
	width: 620px;
	text-align: center;
	position: absolute;
	top: 82px;
	color: #657681;
	font-size: .8em;
}
#content{
	background: url("images/content-bg.gif") left top repeat-y;
	border-top: 1px solid #10222B;
}
#homelink{
	display: block;
	height: 45px;
}
#nav{
	margin: 85px 0 10px 0;
}
.col{
	/*background-color: #FFFFFF;*/
}
#maincol{
	width: 620px;
	padding-top: 20px;
	float: left;
	clear: both;
}
#sidecol, #search{
	width: 255px;
	float: right;
	clear: right;
	font-size: .8em;
}
#pagesearchform{
	width: 500px;
}
#pagesearchform p{
	display: inline;
	margin: 0;
}
#pagesearchform input#s{
	width: 300px;
	border: 1px solid #2E3940;
}
#sidecol{
	/*background: #F8F8F8 url("images/sidecol-bg.gif") left top repeat-y;*/
}
.clear{
	clear: both;
}
#search{
	padding: 20px 0;
	background-color: #10222B;
}
#search div{
	margin-left: 20px;
	margin-right: 20px;
}
#search div.clear{
	height: 1px;
	clear: both;
}
#search form{
	display: inline;
	margin: 0 0;
}
#search form p{
	float:left;
	display: inline;
}
.sidecolcategory{
	margin: 15px 15px 25px 15px;
}
.sidecolcategory ul{
	margin-top: 10px;
}
#footer{
	margin: 1.2em 0 1.2em 0;
}
#footer p{
	color: #52646E;
	margin: .2em 50px .2em 50px;
	font-size: .7em;
}
div#footer a#footerhomelink{
	width: 55px;
	height: 27px;
	text-indent: -1000px;
	margin: 0 15px 0 15px;
	background: url("images/logo-small.gif") left top no-repeat;
	float: left;
}

/* ************************************************************
** other elements
** ***********************************************************/

.sidecolcategory ul li{
	margin-bottom: .1em;
}
.sidecolcategory ul li a{
	padding: .1em;
	line-height: 1.4em;
	display: block;
}
ul#mytwitter li{
	margin-bottom: 1em;
	border-bottom: 1px solid #E8EEFF;
}
ul#mytwitter li a{
	display: inline;
}
ul#mytwitter li span.twitter-time, ul#mytwitter li span.twitter-source{
	font-size: .9em;
	text-align: right;
	display: block;
}
ul#mytwitter li span.twitter-source{
	margin-top: .4em;
	margin-bottom: .4em;
}
ul#delicious li{
	margin-bottom: 1em;
	border-bottom: 1px solid #E8EEFF;
}
ul#delicious li span.delicious-text{
	display: block;
	margin-top: .2em;
	margin-bottom: .4em;
}
h5{
	color: #EC2F33;
	font-size: 1.2em;
	border-bottom: 1px solid #EC2F33;
}
input{
	margin: 0;
	border: none;
}
input#s{
	width: 151px;
	height: 19px;
	padding: 5px 0 0 3px;
	border: 1px solid #FFFFFF;
	float: left;
}
input#searchsubmit{
	width: 58px;
	height: 26px;
	padding: 0;
	color: #FFFFFF;
	background-color: #01B7E4;
	border: 0;
	float: right;
}
#searchinfo{
	margin-bottom: 1.2em;
}
.post{
	margin: 0 20px 60px 20px;
}
.post p{
	line-height: 1.6em;
	margin-bottom: 1.2em;
}
.post h3{
	margin-bottom: 1.2em;
}
.post ul, .post ol{
	margin: 0 0 1.2em 1em;
}
.post ul li, .post ol li{
	line-height: 1.6em;
	margin: 0 0 .6em 1em;
	list-style-position: outside;
	list-style-type: square;
}
.post ol li{
	list-style-type: decimal;
}
ul.linklist li, ol.linklist li{
	margin: 0;
}
ul.linklist li{
	list-style-type: none;
}
.postdate{
	padding: .1em 0 .1em .5em;
	background-color: #EC2F33;
	color: #FFFFFF;
}
.postmeta{
	margin-top: 2em;
	padding: .6em;
	background-color: #E8EEFF;
}
.postmeta p{
	margin: 0;
	font-size: .9em;
	font-style: italic;
}
.postmeta p a{
	font-style: normal;
}
p.postcategories{
	padding-left: 22px;
	background: url("images/folder.png") left center no-repeat;
}
p.posttags{
	padding-left: 22px;
	background: url("images/tag_blue.png") left center no-repeat;
}
p.postcomments{
	padding-left: 22px;
	background: url("images/comments.png") left center no-repeat;
}
.wp-caption a img, .wp-caption img{
	border: none;	
}
.wp-caption a:link{
	background: none;
	/*border: 1px solid #01B7E4;*/
}
.wp-caption a:visited{
	background: none;
	/*border: 1px solid #01B7E4;*/
}
.wp-caption a:hover{
	background: none;
	/*border: 1px solid #EC2F33;*/
}
.wp-caption a:active{
	background: none;
	/*border: 1px solid #EC2F33;*/
}
.wp-caption{
	margin-bottom: 1.2em;
	background-color: #F1F1F1;
}
.wp-caption img{
	margin: 5px;
}
.wp-caption p{
	margin: 0 5px 5px 5px;
	color: #556A73;
	font-size: .9em;
}
.post h5{
	margin-top: 1.2em;
	border: 0;
	font-size: 1em;
}
a#skiptocommentform{
	float: right;
	padding: .2em .1em .2em 22px;
	font-size: .9em;
	background: url("images/comment_add.png") left center no-repeat;
}
a#skiptocommentform:hover{
	background-color: #01B7E4;
}
a#commentformloc{
	width: 1px;
	height: 1px;
	text-indent: -1000px;
}
p#loggedinnotice{
	font-size: .9em;
	margin-top: .2em;
}
ul.postcomments{
	margin: 1.8em 0 0 0;
}
ul.postcomments li{
	padding: 1em;
	margin: 0 0 1.2em 0;
	list-style-type: none;
	border-bottom: 1px solid #E8EEFF;
	font-size: .9em;
}
ul.postcomments li.comment{
	padding-bottom: 1em;
	/*margin-bottom: 1px solid #E8EEFF;*/
}
ul.postcomments li p{
	margin-bottom: .8em;
	/*font-size: .9em;*/
}
ul.postcomments li p.commentauthor,ul.postcomments li p.commentdate{
	margin: 0;
}
ul.postcomments li a:hover{
	background-color: #01B7E4;
}
p.commentauthor a{
	padding: .2em .1em .2em 22px;
	background: url("images/user.png") left center no-repeat;	
}
ul.postcomments li p.commentdate{
	margin-bottom: .3em;
	font-size: .8em;
}
p.commentdate a{
	padding: .3em .1em .2em 22px;
	background: url("images/calendar_view_week.png") left center no-repeat;
}
.bypostauthor{
	background-color: #E8EEFF;
}

/* ************************************************************
** comment form
** ***********************************************************/

#commentform{
	margin-top: 1em;
	color: #2E3940;
	font-size: .9em;
}
#commentform label, #commentform input{
	display: block;
}
#commentform input, #commentform textarea{
	padding: .2em;
}
/*
#commentform input{
	width: 330px;
}
*/
input#commentauthor, input#commentemail, input#commenturl{
	width: 330px;
	border: 1px solid #2E3940;
}
#commentform textarea{
	border: 1px solid #2E3940;
	margin-bottom: .5em;
	width: 500px;
	height: 80px;
}
.formrequired{
	font-size: .8em;
	color: #EC2F33;
}
.forminfo{
	font-size: .8em;
}
#commentsubmit{
	cursor: pointer;
	width: 100px;
	background-color: #01B7E4;
	/*font-style: bold;*/
	color: #FFFFFF;
	border: 0;
}
#commentsubmit:hover{
	background-color: #EC2F33;
}
#allowedtags{
	display: block;
	margin: 0 0 .5em 0;
	font-size: .8em;
	line-height: 1.2em;
}

/** Contact page - contact-form-7 */

form.wpcf7-form p{
	margin: 0 0 1em 0;
}
form.wpcf7-form label{
	display: block;
	float: left;
	clear: left;
	width: 11em;
}
form.wpcf7-form input, form.wpcf7-form textarea{
	padding: .2em;
	border: 1px solid #2E3940;
}

/* ************************************************************
** ig:syntax highlighter
** ***********************************************************/

div.code ol li,
div.actionscript ol li,
div.xml ol li{
	margin-bottom: 0;
	line-height: 1.1em;
}

/* ************************************************************
** resume
** ***********************************************************/

#resumeprint{
	float: right;
	padding: .3em .2em .2em .2em;
	background-image: url( "images/disk.png" );
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}

#resume{
	font-size: .9em;
}

#resume p, #resume h3, #resume ul{
	margin: 0;
	padding: 0;
}

#resume h3{
	font-size: 1.4em;
}

.resumesection{
	margin-bottom: 2em;
}

p#resumesummary{
	font-size: 1.1em;
	margin-top: 1em;
	font-style: italic;
}

#resume h4{
	margin-bottom: .6em;
	color: #01B7E4;
	border-bottom: 1px solid #01B7E4;
}

#resume ul{
	margin-top: .6em;
}

.resumetitle{
	font-weight: bold;
}	

.workhistoryblock{
	margin: .8em 0 1.2em 0;
}