html,

body {

   margin:0;

   padding:0;

   height:100%;

}



h1 {
	color:#84858f;
	font-size:2.2em;
	font-weight: normal;
	padding:10px 5px 7px 15px;
	margin:0 0 15px 0;
	text-shadow: 1px 1px #f4d9cd;
	background:#eabca8;
}

h1 span { float:right; padding:2px 5px; font-size:.8em; cursor:pointer; }
.close { color:#b5664b;}
.close:hover { color: #bf7f66; }



p {

	font-size:1.4em;

	margin:0;

	padding: 0 0 10px 0;

	line-height:1.4em;

	color: #574140;

}



a {

	text-decoration:none;

	color: #b5664b;

}

.clr { width:100%; clear:both; height:1px; margin-top:-1px; display:block; }

img { border:0; }



body {

	background-image: url(images/bkgnd.jpg);

	background-repeat: repeat;

	font-size:62.5%;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

}

#wrapper {

	min-height:100%;

	background:url(images/headerbkgnd.jpg) repeat-x;

	position:relative;

}

#home-header {

	width:100%;

	height:430px;

	margin: 0 auto;

	z-index:10;

	padding-top: 50px;

	text-align: center;

}

#headerimg {

	background: url(images/headerpic.jpg) no-repeat;

	width:960px;

	height:430px;

	margin:0 auto;

	-moz-box-shadow: 0px 0px 8px #9c7c6b;

	-webkit-box-shadow: 0px 0px 8px #9c7c6b;

	box-shadow: 0px 0px 8px #9c7c6b;

}

#contentwrap {

	width:960px;

	padding-bottom:114px;

	margin:0 auto;

}

#contenttop { position:relative; margin-top:25px; padding-bottom:25px; border-bottom:1px dotted #c9937e; }

#logo { float:left; margin-right:20px; }

#stephportfolio { float:left; }

#nav { float:right; padding-top:7px; }

#nav a {float:left; display:inline-block; margin-right:30px; text-align:center; font-size:1.7em; line-height:1em; }



.title { margin-bottom:10px; }



.loading { font-size:1.4em; }

.loading img { margin-left:5px; width:16px !important; }



#interactive, #wordpress, #graphic {

	position:relative;

	margin: 25px 0;

}

.thumb {

	width:150px;

	height:150px;

	background-color:#d57b53;

	-moz-box-shadow: 0px 0px 4px #9c7c6b;

	-webkit-box-shadow: 0px 0px 4px #9c7c6b;

	box-shadow: 0px 0px 4px #9c7c6b;

	float: left;

	margin-right: 12px;

	margin-bottom:12px;

}

.thumb img{ width:150px;}

.nomargin {margin-right:0;}

.thumb a {

	opacity:0.5;

	filter:alpha(opacity=50);

	position:relative;

}

.thumb span {

	position:absolute;

	text-align:center;

	bottom: 2px;

	left: 0;

	width:130px;

	padding:3px 10px;

	display: block;

	background-color: #eecaba;

	font-size:1.4em;

}



.casestudy {

	width:150px;

	height:75px;

	background-color:#eecaba;

	-moz-box-shadow: 0px 0px 4px #9c7c6b;

	-webkit-box-shadow: 0px 0px 4px #9c7c6b;

	box-shadow: 0px 0px 4px #9c7c6b;

	float: left;

	margin-right: 13px;

	position:relative;

}

.casestudy a { position: absolute; display:table; top:0; left:0; width:150px; height:75px; color:#d57b53 !important; font-size:1.3em; }

.casestudy p { display: table-cell; vertical-align: middle; text-align: center;  color:#d57b53 !important; padding-bottom:0; }



#interactivecontent, #wordpresscontent, #graphiccontent {

border-bottom:1px dotted #c9937e;
padding:10px 0;
margin:0;
display:none;
}



#interactivewrap img, #wordpresswrap img {

	float:left;

	margin-right:13px;

    width:313px;

	-moz-box-shadow: 0px 0px 4px #9c7c6b;

	-webkit-box-shadow: 0px 0px 4px #9c7c6b;

	box-shadow: 0px 0px 4px #9c7c6b;

}

#wordpresswrap img { width:auto !important; }

.loading img {

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.visit { display:block; padding:2px; background-color: #eecaba; text-align:center; margin-top:10px; }
.visit:hover { padding:1px; border:1px solid #d57b53; }


.foliocopy {

	float: left;
	width:450px;
	padding-left:10px;
	padding-bottom:10px;
	/*border-left:1px dotted #c9937e;*/
}

.foliocopy a:hover { text-decoration:underline; }

#wordpresswrap .foliocopy { width:860px; margin-left:50px; margin-top:20px; }
#wordpresswrap .foliocopy ul, ol { margin-bottom:20px !important; }
#wordpresswrap .foliocopy p { font-size:1.2em; }



.features {

	float:left;

	width:150px;

	height:250px;

	margin-right:10px;

}
#wordpresswrap .features { width:175px; margin-left:10px; }



h2 { padding:0 0 5px 0; margin:0; font-weight:normal; color:#6f402e; }



ul, ol {

	margin:0 0 0 20px;

	padding:0;

	font-size:1.3em;

}

li {

	margin:0;

	padding:0 0 3px 0;

	line-height:1.5em;

	color: #574140;

}





#footer {

	position:absolute;

	bottom:0;

	width:100%;

	height:114px;

	background: url(images/footerbkgnd.jpg) bottom repeat-x;

}

.footer {

	width:960px;

	background:url(images/twitterbird.jpg) no-repeat left 25px;

	margin:0 auto;

	height: 89px;

	padding-top:25px;

	border-top:1px dotted #c9937e;

}



#twitter_div {

	width: 275px;

	height:50px;

	float: left;

	margin: 25px 0 0 85px;

}



ul#twitter_update_list {

	margin:0;

	padding:0;

	color: #574040;

	font-size:1em;

	line-height:1.2em;

	list-style:none;

}



#twitter_div a {

	text-decoration: none;

	color: #b5664b;

}



#twitter_div a:hover {

	text-decoration: underline;

}



#twitter_update_list a[style="font-size: 85%;"] { display:block; font-style:italic; }

#contact p { padding:10px 10px 0 10px; }
.send { border:1px dotted #c9937e; background:none; padding:5px; margin:-5px 0 15px 2px; font-weight:normal; color:#6f402e; font-size:1.1em; cursor:pointer; }
.send:hover { background-color: #eabca8; }