/* global portfolio*/
/*Reset Styles | UPDATED: 05/12/07 | Inspired by work from Eric Meyer------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, cite, code, em, img, strong, sub, sup,

dl, dt, dd, ol, ul, li {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus {outline: 0;}

body {line-height: 1; color: black; background: white;}

ol, ul {list-style: none;}

blockquote:before, blockquote:after {content: "";}

blockquote {quotes: "" "";}


/* Main layout*/

body{
	background:#b3b499 url(images/bg_brown.jpg) repeat-x;
	font:small Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}

#wrapper, #header{
	width:950px;
	height:auto;
	margin:0 auto;
}


#logo{
	float:left;
	width:340px;
}

#mylogo a{
	display:inline;
	text-decoration:none;
	float:left;
	margin-top:10px;
	text-indent:-5000px;
	width:251px;
	height:111px;
	background:url(images/logo_09.png) no-repeat 0 0;
}

*html #logo a{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo_09.png", sizingMethod="scale");
}

#navigation{
	float:left;
	width: 600px;
	}

#navlist{
	float:right;
	text-align:center;
	display:inline;
}

#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navigation a:link, #navigation a:visited {
	float: left;
	font-size: 95%;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 10px 12px;
	text-decoration: none;
	color: #fff;
	text-align:center;
	}

#navigation a:link.active, #navigation a:visited.active, #navigation a:hover {
	color: #666;
	background:url(images/pyramid.gif) no-repeat bottom center;
}

#row 1, #row2{
	float:left;
	width:940px;
	height:auto;

	}
	
#content1, .content1{
	border-top:#666 solid 5px;
	float:left;
	width:310px;
	height:auto;
	margin-top:30px;
}

#content2, .content2{
	border-top:#384a26 solid 5px;
	float:left;
	width:600px;
	margin:30px 0 0 30px;
} 

#content3{

	border-top:#666 solid 5px;
	float:left;
	width:310px;
	margin-top:30px;


}

#footer{

	border-top:#666 solid 3px;
	float:left;
	width:940px;
	margin-top:30px;
	}

/*Global attributes*/

h2{
	background:url(images/leaf_icon.png) no-repeat left 70%;
	padding: 10px 0 0 35px;
	text-transform:uppercase;
	font-size: 110%;

	}
	
h3{font-size:110%; padding:5px;}

p{font-size:105%;}

dt{
	font:115% Georgia, "Times New Roman", Times, serif;
	padding:10px 0;
	line-height:140%;
	}

dd{
	font-size:100%;
	}

a{
	color: #fff; 
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover{
		color:#666;

	}
	
.thumb{
	float:left;
	width:600px;
	}
	
dl.light{
	float:left;
	width: 160px;
	padding: 0 0 0 40px;
	
}

.clear{
	clear:both;
}

.gallery{
	float:left;
	width: 575px;
	margin:10px 12px;
	display:inline;
}

/* design elements*/

#content1 li{
	font-size:100%;
	padding: 10px 15px 0;
	text-decoration:none;
	
}

.content1 p{
	margin:10px;
	color:#fff;
}

#content2 .gallery p{
	margin:0 10px 10px 0;
	
}

#imagegallery, #placeholder{
	margin-top:10px;
}

#description{
	margin: 20px 0;
}
#imagegallery li {
  display: inline;
}

#imagegallery li a img {
  border: 0;
  margin-top: 5px;
  
}

body#resume a{font-size:95%; font-weight:normal;}
 
#footnav{
	background:url(images/leaf_icon.png) no-repeat right 100%;
	float:right;
	width:280px;
	padding:10px 10px 0 0;

}
 
#footer li{

	display: inline;
	list-style-type: none;
	text-transform:uppercase;
}

#footer li a{
	color:#000;
	padding: 5px 0 0 25px;
	text-decoration:underline;
}

#footer p{
	float:left;
	width:500px;
	color:#fff;
	padding: 10px 0 0 0;
}

/*Classes*/

.indent{padding:10px 5px;}

.action{
	background:url(images/bullets.png) no-repeat 0 80%;
	padding-left: 20px;
	line-height:180%;
 }
 
dd.bullet{
	background:url(images/bullet.gif) no-repeat 0 50%;
	padding-left:20px;
	line-height:150%;
}


.title{
	text-transform:uppercase;
}

a.flickrlink{color:#666; text-decoration:underline;}

/*Flickr Style*/
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.*/

.flickr_badge_image {float:left;margin:10px;}
.flickr_badge_image img {border: 1px solid black !important;}