@charset "utf-8";
/* CSS Document */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
	
/* 	Start font styling 	*/

#navigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #767676;
	display: block;
	padding: 50px 5px 5px 10px;
	text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	display: block;
	width: 960px;
	margin: 0 auto;
}

.highlight {
	color: #db5c00;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	display: block;
	padding: 15px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	display: block;
	padding: 15px 0px;
	margin-left: 15px;
}

h2.blogtitle, h2.pagetitle, h2.entry-title {
	color: #363636;
}

h2.pagetitle {
	padding: 5px 0px;
	margin: 0px;
	display: block;
	border-bottom: 3px solid #CCC;
}

h2.sidetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding: 10px;
	display: block;
	color: #363636;
	background: #f5f5f5;
	border-right: 5px solid #b9b9b9;
	width: 285px;
}

h2.footertitle {
	color: #FFF;
}

h3.ghost {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #e6e6e6;
	display: block;
	padding-top: 40px;
	width: 90%;
	text-align: right;
}

h3#comments-title, h3#reply-title {
	display: block;
	background: #f5f5f5;
	border-left: 5px solid #b9b9b9;
	padding: 15px 0px 15px 15px;
	margin: 50px 0px 25px 15px;
	max-width: 585px;
}

h4.commentauthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #363636;
	padding: 0;
	margin: 5px 0 0 0;
}

h4.sidebartitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #363636;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #363636;
	padding: 6px 0px 5px 10px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	color: #656565;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 26px;
	color: #656565;
	margin: 10px 0px 15px 15px;
}

p.blog {
	color: #656565;
	margin: 10px 0px 15px 15px;
}

p.button {
	font-size: 16px; 
	font-weight: bold;
	color: #363636;
	padding: 8px 6px;
	margin: 15px;
	display:inline-block;
	background: #f5f5f5;
	border: 1px solid #b9b9b9;
}

p.commentinfo {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

p.services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #363636;
	margin-left: 25px;
	text-align: left;
}

p.wp-caption-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
	display: block;
	padding: 2px;
	text-align: center;
	margin: 0 auto;
	background: #f5f5f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.author-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #363636;
	padding: 2px 2px 2px 5px;
	margin: 0px;
	background: #f5f5f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.commentbody p {
	font-size: 14px;
}
#rightcolumn label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding: 10px;
	display: block;
	color: #363636;
	background: whiteSmoke;
	border-right: 5px solid #B9B9B9;
	width: 285px;
}
.portfoliopiece ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 30px;
	color: #656565;
}
#footer p {
	color: #FFF;
	font-size: 14px;
}
#rightcolumn .postHistory ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px;
	color: #363636;
	font-size: 15px;
}
.singlepost #respond form label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
/* 	End font styling
	Start link styling	*/
#navigation ul li a:link{ text-decoration: none; }
#navigation ul li a:hover { text-decoration: none; color: #db5c00; }
#navigation ul li a:active { text-decoration: none; }
#navigation ul li a:visited { text-decoration: none; }
#rightcolumn .postHistory ul li a { text-decoration: none; color: #363636; font-size: 15px; }
#rightcolumn .postHistory ul li a:hover { text-decoration: none; color: #db5c00; }
a { text-decoration: none; color: #db5c00; }
a:hover { text-decoration: underline; color: #ff9e20; }
a:active { text-decoration: none; color: #db5c00; }
a:visited { text-decoration: none; color: #db5c00; }
h2.blogtitle a:link, p.button a:link, h4.commentauthor a:link { text-decoration: none; color: #363636; }
h2.blogtitle a:hover, p.button a:hover, h4.commentauthor a:hover { text-decoration: underline; color: #363636; }
h2.blogtitle a:active, p.button a:active, h4.commentauthor a:active { text-decoration: none; color: #363636; }
h2.blogtitle a:visited, p.button a:visited, h4.commentauthor a:visited { text-decoration: none; color: #363636; }
/* 	End link styling
	Start element styling	*/
html, body {
	height: 100%;
	background: #29292a;
}
img {
	border: none;
}
#wrap {
	min-height: 100%;
}
#header {
	background: url('images/headerbackground.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	height: 550px;
}
#welcomecontainer {
	float: left;
	width: 100%;
	margin-top: 65px;
}
#brandingbar {
	background: url('images/navigationbackground.png');
	background-repeat: repeat-x;
	height: 130px;
	width: 100%;
	margin: 90px 0 0 0;
	float: left;
}
#navigation {
	width: 960px;
	height: 100px;
	margin: 15px auto;
}
#navigation #logo {
	width: 320px;
	height: 100px;
	float: left;
	border: none;
}
#navigation ul {
	float: right;
	display: inline-block;
	list-style-type: none;
}
#navigation ul li {
	height: 100px;
	display: inline-block;
}
#navigation ul .page-item-38 {
	background-image: url('images/bloglinkbackground.jpg');
	width: 118px;
}
#navigation ul .page-item-38:hover {
	background-image: url('images/bloglinkbackground-over.jpg');
}
#navigation ul .page-item-23 {
	background-image: url('images/portfoliolinkbackground.jpg');
	width: 189px;
}
#navigation ul .page-item-23:hover {
	background-image: url('images/portfoliolinkbackground-over.jpg');
}
#navigation ul .page-item-40 {
	background-image: url('images/hiremelinkbackground.jpg');
	width: 169px;
}
#navigation ul .page-item-40:hover {
	background-image: url('images/hiremelinkbackground-over.jpg');
}
#main {
	background: #FFF;
	overflow:auto;
	padding-bottom: 500px;
	height: 100%;
}
#main #content {
	background: url('images/contentbackground.gif');
	background-position: center;
	background-repeat: repeat-y;
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
#main #leftcolumn {
	width: 620px;
	margin: 0px 5px 0px 20px;
	float: left;
}
#main #rightcolumn {
	width: 300px;
	margin: 0px 20px 0px 5px;
	float: right;
}
.workpreview {
	width: 240px;
	height: 110px;
	border: none;
	margin: 10px 30px;
}
#footer {
	background-image: url('images/footerbackground.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #29292a;
	position: relative;
	margin-top: -500px; 
	height: 500px;
	clear:both;
} 
#footer #container {
	width: 960px;
	margin: 0 auto;
}
#footer .tricolumn {
	width: 300px;
	margin: 10px;
	float: left;
	display: inline;
}
#footer #profile {
	width: 300px;
	height: 322px;
	margin: 25px 0px;
}
#footerbaseline {
	background: url('images/socialbarbackground.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
	margin-top: 50px;
	height: 85px;
	width: 100%;
}
#footerbaseline #socialcontainer {
	width: 820px;
	height: 85px;
	margin: 0 auto;
}
#footerbaseline img {
	margin: 9px;
	border: none;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px; /* thank you Erik J - negate effect of float*/
}
/* Lets do some formatting for the blog! */
.blogimage {
	width: 130px;
	height: 130px;
	margin: 15px;
	float: left;
	border: none;
}
.commentlist {
	list-style-type: none;
	margin-left: 15px;
}
.useravatar {
	float: left;
	width: 100px;
}
.useravatar img {
	border: 2px solid #b9b9b9;
	margin: 10px;
}
.commentbody {
	float: right;
	width: 490px;
	padding: 5px;
}
hr.commentline {
	height: 1px;
	width: 95%;
	color: #b9b9b9;
	border-color: #b9b9b9;
	margin: 10px 0px;
	opacity: .2;
}
ul.commentlist li {
	border-left: 5px solid #b9b9b9;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 5px 0px;
	width: 620px;
}
ul.commentlist li.commentcolor {
	border-left: 5px solid #b9b9b9;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 5px 0px;
	width: 620px;
	background: #f5f5f5;
}
input, textarea {
	margin: 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 6px;
	color: #363636;
	border: 1px solid #b9b9b9;
}
.portfolio-thumbnail {
	display: block;
	width: 240px;
	height: 110px;
	margin: 10px auto;
	border: none;
}
.portfoliopiece {
	width: 940px;
	margin: 0 auto;
	display: block;
	clear: both;
}
.portfoliopiece .portleft {
	float: left;
	width: 700px;
}
.portfoliopiece ul {
	list-style-type: disc;
	margin-left: 50px;
}
.portfoliopiece .portright {
	float: right;
	width: 220px;
	padding-left: 10px;
}
#rightcolumn #search {
	width: 300px;
	margin: 25px 0px;
	clear: both;
}
#rightcolumn .postHistory ul {
	list-style-type: none;
	margin-bottom: 20px;
}
#rightcolumn .postHistory ul li {
	display: block;
	margin: 2px 0px;
	padding: 5px 0 5px 10px;
}
.wp-caption {
	margin-left: 15px;
}
.singlepost pre {
	display: block;
	background: #f5f5f5;
	border-left: 5px solid #b9b9b9;
	padding: 15px 0px 15px 15px;
	margin: 50px 0px 25px 15px;
	max-width: 585px;
}
.sideimage {
	border: none;
	margin: 15px auto;
}

.pageintro {
	padding: 20px 20px 10px 20px;
}

.pageintro p {
	margin: 10px 10px 10px 0px;
}

p.form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

.twitterButton {
	margin: 10px 0 10px 10px;
}