/*  
Description: Jacob Lett Graphic Design Portfolio
Designer: Jacob Lett, www.jacoblett.com
COLORS
	Beige: #d29442	
	Blue: #778b96
	Body text: #a0a0a0
	Red: #990000
	Red footer: #990000
	Light Gray:	#E0E0E0

/*-------------------RESET & BASIC SETUP-------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td 	{ margin: 0; padding: 0; } /* Reset */
html, body 							{ height: 100%;}
html 								{ background-color: white; background-position: center;}
body 								{ font-size: 62.5%; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; margin: 0; padding: 0;}
ul									{ list-style: none;}
ol									{ list-style: decimal inside;}
a 									{ outline: none; text-decoration: none;}
img	 								{ border: none; margin: 0; padding: 0; }
a img	 							{ border: none; margin: 0; padding: 0; }
img map								{ border: 0px; outline:none; }
img.floatleft						{ float: left; padding:0px 0px 10px 0px;}
.floatright							{ float: right;}
table								{ border-collapse: collapse; }
object 								{ margin: 0; padding: 0; }
a.pdf		 						{ display:inline-block;padding-left:32px;line-height:18px;background:url(/img/pdf.png) center left no-repeat;}
a.linkedin 							{ display:inline-block;padding-left:32px;line-height:18px;background:url(/img/linkedin.png) center left no-repeat;}
/*--------------------STRUCTURE--------------------------*/
#page-wrap 							{ width: 750px; margin: 0 auto -20px; background-color: white;
	  box-shadow: 0px 0px 20px #808080; /* css3 */
	  -moz-box-shadow: 0px 0px 20px #808080; /* firefox */
	  -webkit-box-shadow: 0px 0px 20px #808080; /* safari/chrome */
	}
#latestProjects {clear:both;border-top:1px solid #E6E6E6;padding:10px 0 10px 30px;font-size:1.3em;line-height:1.4em;	color:#545454;
	font-family:sans-serif;background-color:#fdfeff;}
#latestProjects dt {font-weight:bold;margin-top:10px;}
#latestProjects dd {width:50%;}
#header 							{ background-color: #404040;border-bottom:3px solid #a0a0a0;}
#footer 							{ clear:both;height: 20px; margin: 0 auto; width: 750px; border-top:1px solid #990000; background-color:#404040;}
#push 								{ background-color: white; height: 20px; clear:both; }
/*--------------------NAVIGATION--------------------------*/
#nav 									{ font-size: 1.3em; line-height: 1.4em;margin-top:-3px;font-variant: small-caps;}
* html #navlist a						{ width:1px;}
* html #navlist2 a						{ width:1px;}
#navlist ul 										{ list-style:none;margin:0;padding:0;}
.nopad 												{ float:left;height:100%;color:#E0E0E0;text-align:center;padding: 5px 5px 0px 30px;font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em;font-style:italic;}
#navlist li 										{ float:left;height:100%;color:#E0E0E0;text-align:center;}
#navlist li a 										{ font-weight:bold; display:block;padding:5px 15px;margin-left:1px;height:100%;color:#A0BCCC;text-decoration:none;}
#navlist li a 										{ background:url(/img/bg.png) repeat 0 0;}
#navlist li a:hover 		{ color:#778b96; background-position:-150px 0;}
#print .print, #identity .identity, #web .web, #contact .contact, #background .background {color:#778B96;}


#navlist #a a 										{ background:url(/img/bg.png) repeat -20px 35px;}
#navlist2 ul 										{ list-style:none;margin:0;padding:0px;}
.rightpad 											{ padding-right:30px;}
#navlist2 li 										{ float:right;height:100%;color:#778b96;text-align:center;}
#navlist2 li a 										{ font-weight:bold;display:block;padding:5px 15px;margin-left:1px;height:100%;color:#A0BCCC;text-decoration:none;}
#navlist2 li a 										{ background:url(/img/bg.png) repeat 0 0;}
#navlist2 li a:hover, li a:focus, li a:active 		{ color:#778b96; background-position:-150px 0;}
#navlist2 #a a 										{ background:url(/img/bg.png) repeat -20px 35px;}
/*------------------GLOBAL TYPOGRAPHY------------------*/
a									{ color: #778b96; }
a:hover 							{ color: #990000; }
h1  								{ font-size : 1.9em; font-style: italic; margin-bottom : 0.6em; padding-bottom : 0.4em; font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; color : #545454; border-bottom : 1px solid #a0a0a0;} 
h2 									{ font-size : 1.4em; font-style: italic; padding-bottom : .3em; padding-top: .4em;font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; color : #778b96;}
h4.livesite a  						{ text-indent: -9999px;margin-top:-3px;float:right;height:30px; width:200px; background: white url(../img/live-site.png);background-position:bottom left;}
h4.livesite a:hover 				{ background-position:top left; }
h4.livesite a.current 				{ background-position:top left; }
p 									{ font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.6em; font-family: sans-serif; color: #545454; }
#content p 							{ font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.6em; font-family: sans-serif; color: #545454; padding-top:10px; }
p#red  								{ font-size : 1.5em; line-height : 1.8em; margin-bottom : 0.6em; font-family : Georgia, 'Times New Roman', serif; color : #b56224; font-style : italic;} 
p.caption 							{ float: left;width:200px; padding:20px 0 20px 30px;font-size: 1.3em; line-height: 1.5em; font-family: sans-serif; color: #545454; }
/*------------------HOME TYPOGRAPHY------------------*/
#hometext							{ border-bottom:3px solid #a0a0a0; color:#E0E0E0; background-color: #778b96;background: url(../img/750.jpg) no-repeat;}
.leadin								{ margin:0;color:white;font-size : 1.3em; line-height:1.5em;font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; font-style:italic; text-align:center;padding:2em;}
.leadin-first						{ margin:0;color:white;font-size : 1.5em; line-height:1.5em;font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; font-style:italic; text-align:center;padding:2em;}
.homebox 							{ display:block;width: 250px;float:left}
.homebox p 							{ padding-top:10px;padding-right:30px;font-size: 1.3em; line-height: 1.4em;}
.homebox_pad  						{ padding-left:30px;}
.homebox strong 					{ color: #778b96;padding-top:10px;font-size: 1.2em; line-height: 1.4em;font-style: italic;font-family : Georgia, 'Times New Roman', serif; letter-spacing : 0.02em;}
.id_home   							{ display:block;width: 250px;height: 155px;background: url("../img/id_4_home.jpg") bottom left no-repeat;text-decoration: none;}
.id_home:hover 						{ background-position: top left;}
.pr_home   							{ display:block;width: 250px;height: 155px;background: url("../img/pr_1_home.jpg") bottom left no-repeat;text-decoration: none;}
.pr_home:hover 						{ background-position: top left;}
.wb_home   							{ display:block;width: 250px;height: 155px;background: url("../img/wb_1_home.jpg") bottom left no-repeat;text-decoration: none;}
.wb_home:hover 						{ background-position:top left;}
/*------------------RESUME STYLES------------------*/
#resume								{ float: right;width:390px; padding:20px 40px 20px 30px;font-size: 1.3em; line-height: 1.5em; font-family: sans-serif; color: #545454; }
#resume	 ul 						{ list-style: none;margin-left: 0;padding-bottom : .8em;padding-left: 1em;text-indent: -1em;margin-top:1em;}
#resume	 li.italic 					{ font-style: italic;}
#resume	 li.bold 					{ font-weight: bold;}
#leftcolumn							{ float: left;width:230px; padding:20px 0px 20px 30px; }
#leftcolumn p 						{ font-size: 1.3em; line-height: 1.5em; font-family: sans-serif; color: #545454;}
#leftcolumn	 ul 					{ list-style: none;margin-left: 0;padding-bottom : .8em;padding-left: 1em;text-indent: -1em;font-size: 1.3em; line-height: 1.5em; font-family: sans-serif; color: #545454;}
.italic 							{ font-style: italic;}
.bold 								{ font-weight: bold;}
/*--------------------FOOTER STYLES---------------------------*/
p#address							{ font-size: 1em; font-family: sans-serif; color: #D6D6D6; padding: 3px 0px 3px 30px;}
/* -------------------FORM STYLES -------------------------------------------- */
#contact-area 											{ float: right;width: 315px; height:340px; background-color:#F5F5F5;padding:40px 30px 20px 30px;}
#contact-area 	h2										{ margin-top:100px;height:190px;}
#contact-area textarea 									{ padding: 5px;width: 250px;font-family: Helvetica, sans-serif; color:#a0a0a0;font-size: 1.3em;margin: 0px 0px 10px 0px;border: 1px solid #ccc;}
#contact-area input 									{ padding: 5px;width: 250px;font-family: Helvetica, sans-serif; color:#a0a0a0;font-size: 1.3em;margin: 0px 0px 10px 0px;border: 1px solid #ccc;}
#contact-area textarea 									{ height: 80px;}
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #990000;}
#contact-area input.submit-button 						{ font-family: Arial, Helvetica, sans-serif;font-size: 1em;line-height: 140%;color: white;font-weight: bold; background-color: #778b96;width: 100px;display:block;}
#contact-area input.submit-button:hover 				{ background-color: #CCCCCC; color: #778b96;}
label 													{ width: 100px;padding-top: 5px;font-size: 1.3em;line-height: 140%;color : #666;}
/* -------------------SELF CLEAR FLOAT -------------------------------------------- */
.clearfix:after 										{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #nav, #contact-area, #leftcolumn, #header		{ height: 1%; } /* for IE5+6 */
*:first-child+html #nav, #contact-area, #leftcolumn 	{ min-height: 1px; } /* for IE7 */
/* -------------------IE6 STYLES -------------------------------------------- */
html 								{filter: expression(document.execCommand("BackgroundImageCache",  false, true));} /*Fixes image rollover flicker */
.panelContainer {overflow:hidden;}