.offscreen {
	left: -999em;
    position: absolute;
}

a{
	text-decoration: none;
}

a:hover{
	border-bottom: 1px solid #2C8191;
}

body{
	background: #2B0F0C;
	font-family: Arial, sans-serif;/*Georgia, Serif;*/
	font-size: 62.5%;
}

#top{
	background: #9C382D;
	height: 6em;
	margin: .4em 0;
	overflow: auto;
}

#topInner{
	margin: 0 auto;
	padding-top: 0.87em;
	width: 96em;
}

#top img{
	float: left;
	height: 1.3793em;
	width: 6.4828em;
}

#top h1{
	left: -999em;
	position: absolute;
}

#top ul{
	float: right;
	margin-top: 1.33em;
}

#top li{
	float: left;
	margin: 0 3.5em;
}

#top li.last{
	margin-right: 0;
}

#top a{
	color: #fff;
	font-family: tahoma;
	font-size: 2.9em;
	font-weight: bold;
}

#top a:hover{
	border-bottom: 5px solid #fff;
}

#footer{
	background: #08171A;
	border-bottom: 4px solid #011317;
	border-top: 4px solid #031E23;
	clear: left;
	height: auto;
	overflow: auto;
}

#footerInner{
	width: 96em;
	margin: 0 auto;
}

#footerInner div{
	float: left;
	margin: 1em 0 0;
	padding-bottom: 1.4em;
}

#footer h3{
	border-bottom: 1px solid #9C632D;
	color: #9C632D;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2em;
	width: 100%;
}

#footer h3 a{
	color: #9C632D;
}

#latestThree{
	width: 43em;
}

#latestThree ul, #connectToMe ul{
	padding: 1em 0 0 1em;
}

#latestThree li, #connectToMe li{
	line-height: 2em;
}

#latestThree ul a, #connectToMe ul a{
	color: #9C724B;
	font-size: 1.4em;
	font-weight: bold;
}

#linked{
	background: url('../img/linkedInIcon.png') center left no-repeat;
	padding-left: 2.8em;
}

#rss{
	background: url('../img/RSSIcon.png') center left no-repeat;
	padding-left: 2.8em;
}

#facebook{
	background: url('../img/facebookIcon.png') center left no-repeat;
	padding-left: 2.8em;
}

#connectToMe{
	padding-left: 2em;
	width: 20em;
}

#twitter{
	padding-left: 2em;
	width: 29em;
}

#twitter p{
	color: #9C724B;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.8em 0.8em 0;
	line-height: 1.4em;
}

#twitter span{
	color: #fff;
	padding-left: 1em;
}

#twitter a{
	color: #2C8191;
}

#noCopy{
	margin: 0 auto;
	padding-top: 0.4em;
	width: 96em;
}

#copyright{
	color: #9C724B;
	float: right;
	font-family: Georgia, serif;
	font-size: 1em;
}

/************************About**************************/
#about{
	margin: 0 auto;
	overflow: auto;
	width: 96em;
}

#aboutMe{
	float: left;
	padding: 2em 2em 0 0;
	width: 65em;
}

#aboutMe h2{
	color: #9C382D;
	font-size: 1.6em;
	font-weight: bold;
}

#aboutMe p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 2em;
}

#moreInfo{
	float: left;
	margin-top: 2em;
	width: 29em;
}

div.block{
	background: #031E23;
	margin-bottom: 2em;
	padding: 1em;
}

#moreInfo h2{
	border-bottom: 1px solid #2C8191;
	color: #9C632D;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.3em;
	width: 100%;
}

#moreInfo p{
	color: #9C632D;
	font-size: 1.4em;
	line-height: 1.4em;
}

#moreInfo p span{
	color: #fff;
	font-weight: bold;
}


/************************Contact**************************/
#contact{
	margin: 0 auto;
	overflow: auto;
	width: 96em;
}

#contactForm{
	float: left;
	padding: 2em 2em 2em 0;
	width: 48em;
}

#contactForm p{
	color: #fff;
}

#contact #name, #contact #email{
	height: 1.2em;
	font-size: 1.6em;
	margin-bottom: 1em;
	width: 16em;
}

#contact #message{
	width: 35em;
}

#contact label{
	color: #9C382D;
	font-size: 1.6em;
	font-weight: bold;
}

#contactForm p{
	margin-bottom: 0.3em;
}

#contact input#submit{
	background: #2C8191;
	border: 1px solid #2C8191;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 0.4em;
}

#contactMessage{
	float: left;
	margin-top: 2em;
	width: 46em;
}

#contactMessage h2{
	border-bottom: 1px solid #2C8191;
	color: #9C632D;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.3em;
	width: 100%;
}

#contactMessage p{
	color: #9C632D;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}


/************************Small Pages**************************/
#contactResults, #fourohfour{
	margin: 0 auto;
	overflow: auto;
	padding: 2em 0;
	width: 96em;
}

#contactResults h2, #fourohfour h2{
	color: #9C382D;
	font-size: 1.6em;
	font-weight: bold;
}

#contactResults p, #fourohfour p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
}

#contactResults a, #fourohfour a{
	color: #2C8191;
}

#fourohfour  li{
	float: left;
	font-size: 1.4em;
	line-height: 1.4em;
	padding-right: 1.5em;
}


/************************Blog**************************/
#blog{
	margin: 0 auto;
	overflow: auto;
	padding: 2em 0 0;
	width: 96em;
}

#blogContent{
	float: left;
	padding: 0 2em 0 0;
	width: 65em;
}

#rightSidebar{
	float: left;
	width: 29em;
}

#search{
	overflow: auto;
}

#searchTerm{
	border: 1px solid #2C8191;
	float: left;
	font-size: 1.4em;
	height: 1.4em;
	width: 16.8em;
}

#searchSubmit{
	background: #2C8191;
	border: 1px solid #2C8191;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: auto;
	width: 2em;
}

#rightSidebar h2{
	border-bottom: 1px solid #2C8191;
	color: #9C632D;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.3em;
	width: 100%;
}

#rightSidebar a{
	color: #fff;
	font-size: 1.4em;
}

.blogroll{
	padding-left: 1em;
}

.blogroll li{
	line-height: 2em;
}

.postStuff{
	margin-bottom: 2em;
}

.top{
	background: #9C632D url('../img/commentBubble.gif') top right no-repeat;
	height: 2.2em;
	overflow: auto;
	padding: 1em;
}

.top h2{
	float: left;
	font-size: 2.2em;
	font-weight: bold;
}

.top h2 a{
	color: #fff;
}

.top h2 a:hover{
	border-bottom: 0;
}

.datePosted{
	color: #031E23;
	float: left;
	font-size:1.2em;
	font-weight:bold;
	margin:0.8em 0 0 0.8em;
}

.postmeta{
	float: right;
}

.comments{
	color: #9C382D;
	display: block;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
	width:2.3em;
}

.comments:hover{
	border-bottom: 0;
}

.postContent{
	background: #fff;
	padding: 0 1em 1em 1em;
}

.postContent p{
	padding-top: 1em;
	font-size: 1.4em;
	line-height: 1.4em;
}

.postContent h3{
	font-size: 2em;
	padding-top: 1em;
}

.postContent h4{
	font-size: 1.8em;
	padding-top: 1em;
}

.postContent h4{
	font-size: 1.6em;
	padding-top: 1em;
}

.postContent ul{
	margin: 0 1.5em 0 3em;
	padding-top: 1em;
}

.postContent ul#rollMe{
	margin: 0;
}

.postContent li{
	font-size: 1.4em;
	line-height: 1.4em;
}

.postContent ol{
	list-style-type: decimal;
	padding-top: 2em;
}

.postContent ol li{
	border-left: 3px solid #9c382d;
	margin: 0 1.5em 0 3em;
	padding-left: 0.6em;
}
.postContent ol li.oddRow{
	background: #eeeaea;
}

.postContent span.tabOnce{
	margin-left: 1.5em;
}

.postContent span.tabTwice{
	margin-left: 3em;
}

.postContent a{
	color: #9C724B;
}

.postContent .downloadZIP{
	background: url('../img/downloadArrow.gif') top left no-repeat;
	font-size: 2.9em;
	font-weight: bold;
	margin: 0.5em 0 0 1em;
	padding: 0.27em 0 0 1.7em;
}

#pagenav{
	margin-bottom: 2em;
	overflow: auto;
}

#olderPosts{
	float: left;
}

#newerPosts{
	float: right;
}

#olderPosts a, #newerPosts a{
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
}

#blogComments{
	background: #9C382D;
	margin-bottom: 2em;
	padding: 1em;
}

#comments{
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
}

.commentlist li{
	border-bottom: 1px solid #9C724B;
	padding: 1em;
}

.commentlist p{
	font-size: 1.4em;
	line-height: 1.4em;
}

.cite{
	text-align: right;
}

.cite a{
	color: #2C8191;
}

#respond{
	margin-top: 1em;
}

#respond h4{
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

#commentform p{
	color: #9C632D;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
}

#commentform label{
	display: block;
	margin-bottom: 0.2em;
}

#commentform input{
	display: block;
	height: 1.2em;
	font-size: 1.2em;
	width: 15em;
}

#commentform textarea{
	font-size: 1.2em;
}

#commentform input#submit{
	background: #2C8191;
	border: 1px solid #2C8191;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 1.8em;
	padding: 0.2em;
}

#commentform input#comment_post_ID, #commentform input#comment_parent, #commentform input#_wp_unfiltered_html_comment{
	height: 0;
}


/************************Portfolio**************************/
#portfolio{
	margin: 1em auto 2em;
	width: 96em;
}

#portfolio div.row{
margin-bottom: 2em;
	overflow: auto;
}

#portfolio div div{
	margin-top: 2em;
	float: left;
	margin-right: 2em;
	width: 22.5em;
}

#portfolio div.lastInRow{
	margin-right: 0;
}

#portfolio h2{
	color: #9C382D;
	font-size: 2em;
	font-weight: bold;
}

#portfolio h3{
	font-size: 1.6em;
	/*font-weight: bold;*/
}

#portfolio h3 a{
	color: #fff;
}

#portfolio img{
	height: 8.5714em;
	width: 16.0743em;
}

#portfolio p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
	padding-top: 1em;
}

#portfolio p a.imageLink:hover{
	border-bottom: 0;
}

#portfolio p a{
	color: #2C8191;
}

#portfolio p.dontShow{
	display: none;
}

#portfolio p.showMe, #portfolio p.showMe2{
	border-bottom: 1px solid #2B0F0C;
	cursor: pointer;
	display: inline;
	float: right;
}

#portfolio p.showMe:hover, #portfolio p.showMe2:hover{
	border-bottom: 1px solid #2C8191;
}
