/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}



/* Global stuff ----------------------------------------------- */

body {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
background:#fff;
text-align:center;
color:#556160;
font-size: 12px;
line-height:1.5em;
padding-bottom:100px;
}
	
.wrap {
width:960px;
margin:0 auto;
text-align:left;
position:relative;
}


a:link {	color: #333; text-decoration:none; border-bottom:1px solid #ddd;}
a:visited {	color: #333; text-decoration:none; border-bottom:1px solid #ddd;}
a:hover {	color: #000; text-decoration:none; border-bottom:1px solid #fcc42a;}
a:active {	color: #333; text-decoration:none; border-bottom:1px solid #ddd;}

strong {
font-weight:bold;
color:#000;
}


/* Header ----------------------------------------------- */
	
#header {
height:105px;
padding:0;
}
	
	/* Header Logo ----------------------------------------------- */
	
	#header h1 { /* logo */
	text-indent:-8008px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
	}

		#header h1 a, #header h1 a:active, #header h1 a:visited {
		display:block;
		width:200px;
		height:105px;
		background:url(images/david_lesue_logo.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#header h1 a:hover {
		background:url(images/david_lesue_logo.gif) 0 -105px no-repeat;
		border-bottom:none;
		}

	/* Header Nav ----------------------------------------------- */

	#header ul {
	width:760px;
	margin:0;
	padding:52px 0 0 0;
	border:0;
	font-size: 14px;
	font-weight:bold;
	}
	
		#header ul li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		}
		
		#header ul a {
		text-decoration: none;
		color:#949494;
		border-bottom:none;
		}
		
		#header ul a:hover {
		border-bottom:1px solid #fcc42a;
		}
		
		
	
		#portfolio_page #portfolio a, #portfolio_page #portfolio a:hover	{color:#000;}
		#blog_page #blog a, #blog_page #blog a:hover						{color:#000;}
		#about_page #about a, #about_page #about a:hover					{color:#000;}
		#contact_page #contact a, #contact_page #contact a:hover			{color:#000;}
	
	/* Header Nav Old  ----------------------------------------------- 

	#header ul {
	position:absolute;
	top:24px;	
	left:200px;
	width:760px;
	height:52px;
	margin:0;
	padding:0;
	border:0;
	background: transparent url(images/nav.gif) 0 0 no-repeat;
	}
	
		#header ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
		}
	
		#header ul li, #header ul a {
		height: 52px;
		display: block;
		border-bottom:none;
		}
	
		#header ul a {
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		border-bottom:none;
		}
		
		#portfolio	{left: 21px;	width: 98px;}
		#blog		{left: 118px; 	width: 67px;}
		#about		{left: 184px;	width: 79px;}
		#contact 	{left: 262px; 	width: 92px;}

		#portfolio a:hover												{background: transparent url(images/nav.gif) -21px	-52px no-repeat;}
		#blog a:hover 													{background: transparent url(images/nav.gif) -118px	-52px no-repeat;}
		#about a:hover 													{background: transparent url(images/nav.gif) -184px	-52px no-repeat;}
		#contact a:hover 												{background: transparent url(images/nav.gif) -262px	-52px no-repeat;}

		#portfolio_page #portfolio, #portfolio_page #portfolio a:hover	{background: transparent url(images/nav.gif) -21px	-104px no-repeat;}
		#blog_page #blog, #blog_page #blog a:hover						{background: transparent url(images/nav.gif) -118px -104px no-repeat;}
		#about_page #about, #about_page #about a:hover					{background: transparent url(images/nav.gif) -184px -104px no-repeat;}
		#contact_page #contact, #contact_page #contact a:hover			{background: transparent url(images/nav.gif) -262px	-104px no-repeat;}
		
		*/
		
/* Sub Nav ----------------------------------------------- */

#subnav {
width: 150px;
float:left;
}

	#subnav ul {
	list-style-type: none;
	font-size:12px;
	}
		
	#subnav ul li {
	padding-bottom:10px;
	}
	
	#subnav ul li a {
	border-bottom:none;
	}
	
	#subnav ul li a:hover {
	border-bottom:1px solid #fcc42a;
	}
	
	
	
/* Sub Nav Old ----------------------------------------------- 

#subnav {
width: 180px;
background: transparent url(images/subnav_top.gif) 0 0 no-repeat;
padding-top:20px;
float:left;
}

	#subnav ul {
	list-style-type: none;
	background: transparent url(images/subnav_bot.gif) 0 bottom no-repeat;
	padding-bottom:20px;
	font-size:12px;
	}

	#subnav ul a {
	display: block;
	padding:12px 0 0 20px;
	width: 180px;
	height: 28px;
	background: transparent url(images/subnav.gif) 0 0 no-repeat;
	border-bottom:none;
	}

	#subnav ul a:link, #subnav ul a:visited {
	color:#565656;
	text-decoration: none;
	}

	#subnav ul a:hover {
	background: transparent url(images/subnav.gif) 0 -40px no-repeat;
	color: #000;
	}
	
	#subnav ul a.active {
	background: transparent url(images/subnav.gif) 0 -80px no-repeat;
	color: #000;
	}
	
*/

/* Portfolio Description ----------------------------------------------- */

#port_desc {
width: 200px;
float: right;
}

	#port_desc h2 {
	color: #000;
	font-size:14px;
	border-bottom:1px solid #dedede;
	padding-bottom:8px;
	font-weight:bold;
	}
	
	#port_desc p {
	border-bottom:1px solid #dedede;
	padding:8px 0;
	}
	
/* Portfolio Promo ----------------------------------------------- */

#port_promo {
width: 200px;
float: right;
}

	#port_promo h2 {
	color: #000;
	font-size:14px;
	font-weight:bold;
	}
	
	#port_promo p {
	padding:8px 0;
	}
	

/* Middle ----------------------------------------------- */


.middle {
margin:0 0 10px 200px;
width:540px;
}

.middle img {
margin-bottom:20px;
}

/* Buttons ----------------------------------------------- */


.button {
text-indent:-8008px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
height:25px;
}

.button a, .button a:active, .button a:visited {
height:25px;
}

.button32 {
text-indent:-8008px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
height:32px;
}

.button32 a, .button32 a:active, .button32 a:visited {
height:32px;
}

.button52 {
text-indent:-8008px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
height:52px;
}
.button52 a, .button52 a:active, .button52 a:visited {
height:52px;
}

.button18 {
text-indent:-8008px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
height:18px;
}
.button18 a, .button18 a:active, .button18 a:visited {
height:18px;
}

		/* Button: Previous Project ----------------------------------------------- */
	
		#prev {
		margin-top:10px;
		width:104px;
		float:left;
		background:url(images/button_prev.gif) 0 -50px no-repeat;
		}
		
		#prev a, #prev a:active, #prev a:visited {
		display:block;
		width:104px;
		background:url(images/button_prev.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#prev a:hover {
		background:url(images/button_prev.gif) 0 -25px no-repeat;
		border-bottom:none;
		}
		

		/* Button: Next Project ----------------------------------------------- */
		
		#next {
		margin-top:10px;
		width:84px;
		float:right;
		background:url(images/button_next.gif) 0 -50px no-repeat;
		}
		
		#next a, #next a:active, #next a:visited {
		display:block;
		width:84px;
		background:url(images/button_next.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#next a:hover {
		background:url(images/button_next.gif) 0 -25px no-repeat;
		border-bottom:none;
		}
		
		/* Button: Newer Posts ----------------------------------------------- */
	
		#newer {
		margin-top:10px;
		width:84px;
		float:left;
		background:url(images/button_newer.gif) 0 -50px no-repeat;
		margin-right:10px;
		}
		
		#newer a, #newer a:active, #newer a:visited {
		display:block;
		width:84px;
		background:url(images/button_newer.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#newer a:hover {
		background:url(images/button_newer.gif) 0 -25px no-repeat;
		border-bottom:none;
		}
		

		/* Button: Older Posts ----------------------------------------------- */
		
		#older {
		margin-top:10px;
		width:81px;
		float:left;
		background:url(images/button_older.gif) 0 -50px no-repeat;
		}
		
		#older a, #older a:active, #older a:visited {
		display:block;
		width:81px;
		background:url(images/button_older.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#older a:hover {
		background:url(images/button_older.gif) 0 -25px no-repeat;
		border-bottom:none;
		}
		
		
		/* Button: More ----------------------------------------------- */
		
		#more {
		margin-top:10px;
		width:43px;
		}
		
		#more a, #more a:active, #more a:visited {
		display:block;
		width:43px;
		background:url(images/button_more.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#more a:hover {
		background:url(images/button_more.gif) 0 -25px no-repeat;
		border-bottom:none;
		}
		
		/* Button: LinkedIn ----------------------------------------------- */
		
		#linkedin {
		margin-top:10px;
		width:85px;
		float:left;
		margin-right:10px;
		clear:left;
		}
		
		#linkedin a, #linkedin a:active, #linkedin a:visited {
		display:block;
		width:85px;
		background:url(images/button_linkedin.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#linkedin a:hover {
		background:url(images/button_linkedin.gif) 0 -32px no-repeat;
		border-bottom:none;
		}

		/* Button: Facebook ----------------------------------------------- */
		
		#facebook {
		margin-top:10px;
		width:88px;
		float:left;
		margin-right:10px;
		}
		
		#facebook a, #facebook a:active, #facebook a:visited {
		display:block;
		width:88px;
		background:url(images/button_facebook.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#facebook a:hover {
		background:url(images/button_facebook.gif) 0 -32px no-repeat;
		border-bottom:none;
		}
		
		/* Button: Twitter ----------------------------------------------- */
		
		#twitter {
		margin-top:10px;
		width:74px;
		float:left;
		margin-right:10px;
		}
		
		#twitter a, #twitter a:active, #twitter a:visited {
		display:block;
		width:74px;
		background:url(images/button_twitter.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#twitter a:hover {
		background:url(images/button_twitter.gif) 0 -32px no-repeat;
		border-bottom:none;
		}
		
		/* Button: Delicious ----------------------------------------------- */
		
		#delicious {
		margin-top:10px;
		width:89px;
		float:left;
		margin-right:10px;
		}
		
		#delicious a, #delicious a:active, #delicious a:visited {
		display:block;
		width:89px;
		background:url(images/button_delicious.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#delicious a:hover {
		background:url(images/button_delicious.gif) 0 -32px no-repeat;
		border-bottom:none;
		}
		
		/* Button: Resume ----------------------------------------------- */
		
		#resume {
		margin-top:10px;
		width:365px;
		}
		
		#resume a, #resume a:active, #resume a:visited {
		display:block;
		width:365px;
		background:url(images/button_resume.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#resume a:hover {
		background:url(images/button_resume.gif) 0 -52px no-repeat;
		border-bottom:none;
		}
		
		/* Button: Permalink ----------------------------------------------- */
		
		#permalink {
		width:27px;
		float:right;
		margin-top:20px;
		}
		
		#permalink a, #permalink a:active, #permalink a:visited {
		display:block;
		width:27px;
		background:url(images/button_permalink.gif) 0 0 no-repeat;
		padding:0;
		margin:0;
		border-bottom:none;
		}

		#permalink a:hover {
		background:url(images/button_permalink.gif) 0 -18px no-repeat;
		border-bottom:none;
		}

/* About Page ----------------------------------------------- */

#about_page .middle {
margin-left:200px;
}

#about_page p {
margin-bottom:10px;
}

#about_page span {
color:#333;
background-color:#ffebb1;
}

#about_page span.whisper {
color:#bbb;
font-size:9px;
background-color:#fff;
}

#about_page h2 {
color: #000;
font-size:200%;
font-weight:bold;
margin: 0 0 20px 0  !important;
}

#about_page h3 {
color: #333;
font-size:120%;
font-weight:bold;
margin: 20px 0 0 0  !important;
}

#about_page .pic {
float:right;
}

/* About Page ----------------------------------------------- */

#contact_page .middle {
margin-left:200px;
}

#contact_page p {
margin-bottom:10px;
}

#contact_page h2 {
color: #000;
font-size:200%;
font-weight:bold;
margin: 0 0 20px 0  !important;
}

/* Blog Page ----------------------------------------------- */

#blog_page .post {
width:640px;
clear:left;
}

#blog_page div.regular, #blog_page div.photo, #blog_page div.quote, #blog_page div.link, #blog_page div.conversation, #blog_page div.audio, #blog_page div.video {
padding:20px 40px 20px 0;
margin:0 0 0 200px;
border-top:1px solid #dedede;
}

#blog_page .photo a {
border:none;
}

#blog_page .caption {
margin-top:10px;
}

#blog_page .photo .caption a:link {		color: #333; text-decoration:none; border-bottom:1px solid #ddd;}
#blog_page .photo .caption a:visited {	color: #333; text-decoration:none; border-bottom:1px solid #ddd;}
#blog_page .photo .caption a:hover {	color: #000; text-decoration:none; background-color:#eee; border-bottom: 1px solid #fcc42a;}
#blog_page .photo .caption a:active {	color: #333; text-decoration:none; border-bottom:1px solid #ddd;}


#blog_page .date {
float:left;
width:200px;	
padding:20px 0 0 0;
border-top:1px solid #dedede;
color:#a0a0a0;
font-size:10px;
}

#blog_page #footer {
margin-left:200px;
}