/* CSS Document - colors, font specs, structure for child styles within shell structure, except navs */

/*******Basic HTML TAG (EXCEPT a:link, etc. and table styles)*********/

body {
	font: 76%/155% verdana, arial, sans-serif;
	color: #000;
	background: #3e313f url("http://www.lauralandy.com/images/1bodybg.jpg") repeat-x left top;
	}		
p {
	margin:0 12px 10px 12px;
	}
h1  {
	margin: 12px;
	font-size: 1.5em; 
	color: #5c495f;
	background: inherit;
	}
h2 {
	margin: 12px;
	font-size: 1.2em;
	color: #576d67;
	background: inherit;
	}
h3 {
	margin: 12px;
	font-size: 1.1em; 
	color: #576d67;
	background: inherit;
	}
	
/***********CONTENT DIV STYLES********/

#content {
	background: #fff;
	color: inherit;
	}
	#content ul {
	margin: 1em 1em 1.5em 1em;
	}
	#content li, #content p {
	/**font-size: .98em;**/
	margin-bottom: 1.1em;
	}
	
	#sample p {
		font-size: .96em; color: #576d67; line-height: 100%;
		}
 
#contenthome {
	background:      url("../images/1homebg.gif") no-repeat left bottom;
	color: #fff;
	}
	#contenthome p {
		margin: 1em 10px .25em 3em;
		}
	#contenthome h1 {
		font: 1.2em/1.3em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
		margin-top: 8px;
		color: #FFD6DC;
		background: inherit;
		}
	#text4 {
		background: #3e313f;
		color: #fff;
		}
	#text4 h1 {
		background: #3e313f;
		color: #CCFF99;
		}
		
	#contenthome h2 {
		margin-top: -.25em;
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
		color: #fff;
		background: inherit; 
		}
	
.totop {
	background: inherit;
	font: .86em/1.2em normal  "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
	color: #576d67;
	}
	
	/***********FOOTER STYLES*****/	

#footer {
	border-bottom:1px solid #9c899f;
	background: #3e313f;
	color: #fff;
	font-size: .78em;
		}
	#footer ul li a {
		color: #eee;
		background: #3e313f;
 		border: 1px solid #9c899f;
		text-decoration: none;
 		font: bold 1.1em/1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;}
		
	#footer ul li a:hover {
 		color: #fff;
 		background: #697569;
 		}
	#footer a:active
 		{
 		background: #99cc99;
 		color: #fff;
 		}
	#footer li#active a
 		{
		background: #99cc99;
 		color: #fff;
		border: 1px solid #99cc99;
 		}			

.copyright {color: #cec5d0; }
.copyright a:link, .copyright a:visited {
	color: #fff;
	background: inherit;
	text-decoration: underline;
	}
	
.copyright a:hover {
	text-decoration: none;
	color: #cec5d0;
	background: inherit;
	}				
	
/*****navA STYLES********************/

#navA ul li a {
		color: #eee;
 		font: bold 1em/1em  "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
		background: #3e313f;
		border-top: 1px solid #9c899f;
		border-right: 1px solid  #5c495f; 
		border-bottom: 2px solid #000;
		border-left: 1px solid #9c899f;
		}
	#navA ul li a:link, #navA ul li a:visited { 
		color:#fff;
		text-decoration: none;
		}
	#navA ul li a:hover {
		color: #fff;
		background: #576d67;
		text-decoration: none;
		}
		
		#navA ul li a.active:link {
		color: #fff;
		background: #576d67;
		text-decoration: none;
		}
		
body.projects #navA #proj, body.projects #navA #proj a,
body.projects #navA #projweb, body.projects #navA #projweb a,
body.projects #navA #projinfo, body.projects #navA #projinfo a,
body.projects #navA #projinstruct, body.resume #navA #projinstruct a,
body.projects #navA #projmanage, body.resume #navA #projmanage a,

body.resume #navA #res, body.resume #navA #res a,
body.resume #navA #resinfo, body.resume #navA #resinfo a,
body.resume #navA #resinstruct, body.resume #navA #resinstruct a,
body.resume #navA #resmanage, body.resume #navA #resmanage a,
body.resume #navA #resemp, body.resume #navA #resemp a,
body.resume #navA #resedu, body.resume #navA #resedu a,
body.resume #navA #restech, body.resume #navA #restech a,

body.home #navA #home, body.home #navA #home a, 
body.resume #navA #resume, body.resume #navA #resume a,
body.home #navA #home, body.home #navA #home a, {
background: #fff; color: #5c495f;
}

body.projects #navB #proj, body.projects #navB #proj a {
background: #fff; color: #5c495f;
}

/*navB / RIGHT COLUMN styles*/

#navB {
	background: #3e313f url("../images/1navBbg.jpg") repeat-x left top;
	color: #eee;
	border-top: 2px solid #3b433b;
	font: bold 1em/1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
	}
	#navB ul {
	border-bottom: 3px solid  #3b433b;
	}
	
	#navB li {
		border-bottom: 1px solid #9c899f;
		margin: 0;
		}
	#navB li a {
		background:  #5c495f;
		color: #fff;
		text-decoration: none;
		}
		html>body #navB li a { width: auto; 
		}
/**TROUBLESHOOT: the active class is not working; not critical
	#navB li a:hover, navB li a:active:link, navB a.active:visited {
		background: #ffffff;
		color: #7b8a7b;
		}**/
	
.contact {
	margin-top: 8px;
	padding: 0 .5em 3px 0;
	font-size: .9em;
	color: #cec5d0;
	background: #3b433b;
	border-top: 2px solid #3e313f;
	border-bottom: 2px solid #5c495f;
	}
	
	
	.contact p {
		line-height: 1.3em;
		font-weight: normal;
		}
	.contact a:link, .contact a:visited {
		color: #cec5d0;
		background:inherit;
		text-decoration: underline;
		}
	.contact a:hover {
		color: #fff;
		background:inherit;
		text-decoration: underline;
		}
		
#contacthome {
	margin:0 0 2px 0;
	border-top: 8px solid #5c495f;
	line-height: 1.3em;
	font-weight: normal;
	}
	#contacthome p {
	line-height: 1.3em;
	font-weight: normal;
	padding: 1px 0 0 0;
		}
	#contacthome a:link, #contact a:visited {
		margin-left: 0;
		color: #cec5d0;
		background:inherit;
		text-decoration: underline;
		}
	#contacthome a:hover {
		margin-left: 0;
		color: #fff;
		background:inherit;
		text-decoration: underline;
		}
	
		
/*end of experiment*/

.download {
	margin-top: 8px;
	padding: 0 .5em 3px 0;
	font-size: .76em;
	color: #cec5d0;
	background: #5c495f;
	border-top: 1px solid #7b8a7b;
	border-bottom: 1px solid #7b8a7b;
	}
	.download p {
		line-height: 1.3em;
		font-weight: normal;
		margin: 2px 0 2px 1em;
		}
	.download a:link, .download a:visited {
		color: #cec5d0;
		background:inherit;
		text-decoration: underline;
		}
	.download a:hover {
		color: #fff;
		background:inherit;
		text-decoration: underline;
		}
	/***TABLEs****/

table {
	width: 98%;
	padding: 0 12px;
	}
	td, th {
	padding: 6px 8px 0 8px;
	vertical-align: top;
	border-top: .5px solid #576d67;
	text-align: left;
	}
	td img { 
	border: 1px solid #576d67;
	margin: 1px;
	}
	td p {
	font-size: .8em;
	margin: 2px 0 0 0; 
	line-height: 1.4em;
	}
	td a {
	display: block; padding-top: 2px; 
	}
	th, table caption {
	font: bold 1em/1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif; 
	color: #576d67; 
	background: inherit;
	}
	table caption {
	font: bold 1.2em/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;  
	padding-bottom: 4px; margin-top: -1em; color: #5c495f; 
	}	
		
/*use .protect for table cells with links to protected docs*/
.protect {background: #cec5d0;}
		
/*I seem to have to put the default link colors at bottom of style sheet, but can't figure out why, since all other link colors are specific to styles. ALSO CAN'T GET TABLE IMG LINKS TO STYLE SEPARATELY FROM TABLE LINK STYLES **/
		
a:link {color: #5c495f; background: inherit;text-decoration: underline;}
	a:visited {color: #3e313f; background: inherit; text-decoration: underline;}
	a:hover {color: #687569; background: inherit; text-decoration: none;}
	a:active {color: #687569; background: inherit;text-decoration: none;}

.skiplink {display:none} /*hides skiplink option for accessibility from regular browsers*/

	
/*search section styles*/
/*#search {
	float:right;
	width: auto;
	margin: 0;
	padding: 4px 2px; 
	text-align: right;}
	
	.button {
	position: relative;
	top:0; right: 0;
	margin: 1px 1px 0 0; 
	padding: 1px;
	width: 6.5em; 
	font: bold .86em/1em  "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
	color: #fff; 
	background: #3e313f;
	border-top: 1px solid #9c899f;
	border-right: 1px solid #5c495f;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000; }
	
	.query  {
	width: 9em; 
	background: #cec5d0; 
	color: #3e313f; 
	font: bold 1em/1em  "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, arial, sans-serif;
	}*/