/*----------------------------------------------------------------------------
=Default Styles
-----------------------------------------------------------------------------*/
* {
	outline:none;
}

body {
	width:100%;
	height:100%;
	margin:5px 0;
	font-family: helvetica,verdana, tahoma, arial, sans-serif;
	font-size:10px;
	text-align:center;
	color:#301E12;
	line-height:1.6em;		
	background:url('../images/bg-dstrip.gif')repeat-x scroll 0 0;
}

#header {
	font-size: 20px;
	font-weight: bold;
}

h1 {
	float:left;
	text-decoration:none;
	border:0;
}

h1, h2, h3,p {
	color:#301E12;
	font-size: 20px;
	line-height: 22px;
}

a {
	color: #301E12;
	text-decoration:none;
}

a:hover {
	color:#C5BDB8;
}

h2 {
	text-align:left;
	font-size:1.25em;
	font-weight:bold;
	width:400px;
	padding:8px;
	padding-left:0;
}

span {
	font-weight:normal;
	font-size:1em;
}
ul li a:hover {
	color:#C5BDB8;
}

li #contactlink: hover {
	color:white;
}

#wrapper {
	margin:0 auto;
	width:960px;
	padding-left:0;
	min-width:960px;
	text-align:left;
	background-color:white;
}

#pageheader {
	padding-bottom:3px;
	margin-bottom:30px;
	width:100%;
	border-bottom:5px solid #301E12;
	float:right;	
}

/*----------------------------------------------------------------------------
=Navigation
-----------------------------------------------------------------------------*/

.nav_wrapper {
	float: right;
}

#nav  {
	clear:both;
	margin:0;
	padding:5px;
	list-style:none;
	font-size:1.8em;	
}

#pageheader ul #nav { clear:both; }

#nav li {
	float: left;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2";
}

#nav  li a {
	padding:10px;
	padding-bottom:5px;
	letter-spacing:.02em;
	display:inline-block;
}

#nav a:active, #nav a:focus, #nav a:hover {
 color:#C5BDB8;
}

#nav a#stories:active, #nav a#stories:focus {
	color:#301E12;
}

#home a#web, #about a#learnmore, #bwphotography1 a#portfolio, #lets-talk1 a#lets-talk   {	
	color:#C5BDB8;
}

#content {
	width:100%;
	padding-top:-70px;
	padding:3px;
	font-size:1.2em;
	background-color:white;
	clear:both;
}

.interview {
	float:left;
	width:500px;
}

.aboutstatement, .aboutp {
	font-size:1.4em;
	line-height:1.3em;
	text-align:left;
	width:500px;
	text-align:justify;
	opacity: 1;
	padding:5px 0;
}

h3.aboutp {
	font-weight:bold;
	padding:12px 0 8px 0;
}
.about {
	font-weight:bold;
	font-size:1.9em;
}
.aboutstatement a {
	color:#C5BDB8;
	font-size:.7em;
}

.contact {
	font-weight:bold;
	font-size:1.58em;
	padding-bottom:8px;
}

#pageheader img {
	position:absolute;
	left:730px;
	top:120px;
	padding:0;
	margin:0;
}

.author {
	font-size:.5em;
	text-align:right;
	margin-right:15%;
}

.portfolio-thumb  {
	border:3px solid #CCCCCC;
	background-color:white;
	padding:2px;
	float:right;
	margin:10px;
}

.clear {
	clear:both;	
	height: 0;
}


.sidebar {
	float:left;
	display:inline;
	padding:30px 10px;
	clear:both;	
}

#sidebar li {
	float:left;
	display:inline;
	height:10px;
	margin-left:0;
	
}

#web_images {
	clear:both;
}

/*----------------------------------------------------------------------------
=Contact Form
-----------------------------------------------------------------------------*/

#contactForm {
	margin-top:20px;
	height:360px;
	width:360px;
	-moz-box-shadow:0 0 2px 2px #ccc;
	box-shadow:0 0 2px 2px #ccc;
	-webkit-box-shadow:0 0 2px 2px #ccc;
	float:left;
	padding:30px 40px 30px 30px;
}

#contact-story {
	float:right;
	width:350px;
	padding:20px 0 40px 0;	
}

.contact-info {
	border-top: 1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:20px 0 20px 5px;
	width:260px;
}
.contact-info a {
	font-weight:normal;	
}
.contact-info a span.normal {
	font-weight:normal;
}
.contact-info a span {
	font-style:italic;
}

#contactForm label {
	display:block;
	color:#301E12;
	font-size:1.2em;
	padding:20px 5px 0 5px;
	font-weight:normal;
}   
 
input, textarea {
	display:block;
	width:100%;
	font-size:1.1em;
	border: 1px solid #ccc;
	padding:6px;
	margin:3px;
	font-family:helvetica, verdana, tahoma, sans-serif;
	color:#301E12;
	
} 

#contactForm input[type=submit] {
	background-color:#301E12;
	color:white;
	margin:20px -15px 0 0;
	float:right;
	width:180px;	
	cursor: pointer;
}

#contactForm input[type=submit]:hover {
	background-color:white;
	color:#301E12;
}

input:focus, textarea:focus {
	border: 2px solid #301E12;
}

.message {
	color:#301E12;
	font-size:1.4em;
	margin:5px 0 0 15px;
	line-height:1.4em;
}

.sidebar ul {
	padding-left:0;	
}

#about_me  {
	margin-top:20px;
	color:#301E12;
	line-height:1.4em;
	list-style:none;
	text-align:left;
	margin-left:22px;
	padding-top:20px;
	font-weight:bold;
	
}
#about_me span {
	font-size:.7em;
	padding-left:22px;
	
}
/*----------------------------------------------------------------------------
=Twitter
-----------------------------------------------------------------------------*/
#twitter {
	position:relative;

}

#twitter_update_list a {
	color:#C5BDB8;
	
}

#twitter_update_list li {
	list-style:none;
	font-size:1em;
	color:#301E12;
	line-height:1.45em;
	float:right;
	font-weight:normal;
	width:320px;
	text-align:left;
	position:absolute;
	height:100px;
	top:29px;
	left:635px;
	z-index:2;
}
#twitter img.profile {
	position:absolute;
	top:10px;
	left:523px;
}
#twitter img.speech {
	position:absolute;
	top:12px;
	left:623px;
}

/*----------------------------------------------------------------------------
=Footer
-----------------------------------------------------------------------------*/

#footer {
	font-size:12px;
	color:white;
	height:120px;
	border-top: 1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	border:80%;
	margin-top:70px;
	

}

#footer h2 {
	font-size:1.5em;
	margin-top:20px;
}

#bottom_links {
	color:#C5BDB8;
	font-size:1.3em;
	width:100%;
	margin-top:20px;
	float:right;
	padding-bottom:20px;
	text-align:right;
}

#social-icons {
	padding:5px;
	float:left;
	width:400px;
	display:inline;
}

/*----------------------------------------------------------------------------
=Homepages Images/Sidebar
-----------------------------------------------------------------------------*/
.sidebar h2 {
	font-size: 1.8em;
	padding-bottom:15px;
	font-family:"bookman-1","bookman-2", georgia, serif;
	display: block;
}

.sidebar h2 span.subtitle {
	padding-top:2px;
	font-size:.6em;
	color:#C5BDB8;
	font-style:italic;	
	display:block;
	font-family: helvetica,verdana, tahoma, arial, sans-serif;
	padding-top: 10px;
}

h2.page_title {
	font-size:2.2em;
	
}

h3.page_title {
	font-size:1.5em;
	padding-bottom:5px;
}


h2.page_title span, h3.page_title {
	font-size:.7em;
	color:#C5BDB8;
	font-style:italic;
}

 .showcase img  {
	border:0;
	border:2px solid #ccc;
	padding:3px;
	margin:15px;	
	float:right;
	margin-right:10px;
	
}
.showcase .sidebar {
	margin-left:0;
}

#learn-more-images {
	float:right;
	margin-right:80px;
}


.sidebar.clients {
	width:370px;
	height:180px;
	margin:0;
	padding-left:0;
		
}

.sidebar  ul li.website_descriptions {
	font-size:1.4em;
	font-weight:normal;
	list-style:none;
	text-align:left;
	line-height:1.5em;
	width:230px;
	padding:2px 0;

}

span.bold {
	font-weight:bold;
	font-size:1em;
}


.caption {
	text-align:left;
}
span#email {
	color:white;
	margin: 0 30px 500px 0;
}

/*----------------------------------------------------------------------------
=404 page
-----------------------------------------------------------------------------*/

p.error {
	font-size:1.4em;

	line-height:1.6em;
}
p.error a {
	color:#301E12;
	font-size:2em;
	font-weight:bold;
}
p.error a:hover {
	color:#C5BDB8;
}

.social-icons img {
	border:0;
}

h2.sidebar_title {
	margin:0;
	padding:0;
}

 .error_content {
	position:relative;
	padding-left:20px;
	clear:both;
	height:593px;
	background: url("../images/map2.jpg");
	border:2px solid #ccc;
	
}


.error_content h3 {
	float:left;
	font-size:3em;
}

h4.sign1 , .sign2, .sign3 , .sign4  {
	color:#C5BDB8;	
	position:absolute;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:.05em;
	font-size:1.8em;
}

h4.sign1  {
	left:330px;
	top:135px;
}

h4.sign2 {
	left:540px;
	top:155px;
}

h4.sign3 {
	left:340px;
	top:254px;
}

h4.sign4 {
	left:518px;
	top:263px;
}

.error_content h4 a {
	color:#C5BDB8;	
	text-decoration:none;
}

.error {
	float:left;
	clear:left;
	margin-top:-20px;
}

.error_content h4 a:hover {
	color:white;
}

#conservation img {
	margin:auto;
}

.thumbs h2 {
	text-align:left;
}

/*----------------------------------------------------------------------------
=Resume
-----------------------------------------------------------------------------*/
#resumelinks {
	float:right;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	padding: 20px 10px 10px;
	margin-top: -10px;
	border: 1px solid #ccc;
	display: none;
	
}

a.resume {
	color:#301E12;
	font-size:1.1em;
	text-decoration:none;
	display:inline;
	width:500px;
}

a.resume:hover {
	color:#C5BDB8;
}
.resume span {font-weight:bold;}
#content.htmlresume {
	font-size:1.2em;
}
#content.htmlresume h2 {
	font-weight:bold;
	font-size:1.6em;
	padding:10px 5px 10px 0;
}
#content.htmlresume h3 {
	font-size:1.3em;
	font-weight:bold;
}
#content.htmlresume h4 {
	font-size:1.3em;
	padding:2px 0 10px 0;
}
#content.htmlresume p {
	width:400px;
	font-size:1.2em;
	text-align:justify;
	line-height:1.4em;
	padding-bottom:8px;
}

#content.htmlresume ul {
	padding-bottom:8px;
}
#content.htmlresume ul li {
	font-size:1.2em;
	padding:2px 0;
	margin-left:20px;
	list-style-type:square;	
	width:400px;
	line-height:1.4em;
}

#skills {
	margin: 5px 0;
	clear:both;
	height:120px;
	
}
#skills1 {
	float:left;
	width:250px;
}
#skills2 {
	float:left;	
}

#content.htmlresume #education li {
	list-style:none;
	list-style-type:none;
	padding:3px 0;
	margin:0;
}
.dates {
	float:right;
	display:inline;
}

a.galleries {
padding:2px;
font-size:1.2em;
text-decoration:none;
clear:both;
float:left;
display:inline;	
color:#301E12;
vertical-align:top;
}

.creative span{
	font-size:18px;
	padding-top:30px;
	vertical-align:bottom;
}
.creative span:active,.creative span:focus,.creative span:hover {
	color:#301E12;
}