/* CSS Document */
/* ENCANTADO STYLE by Andrew Bowles */ 
/* --------------------layout starts here------------------ */
	 
body {background:#fff; margin:0px 0px 40px 0px; padding:0px 0px 20px 0px; border:0px;}
#container {margin:0px auto 0px auto; border:0px; width:800px; padding:0px; background-color:#fff;}
#content {background-color:#FFF; width:600px; border:0px; padding:0px 100px 40px 100px; margin:0 auto 30px auto; }	
#footer {width:100%; height:40px; float:left; background-color:#fff;}
		
#articles {width:800px; background-color:#FFF; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border:0px;color:#444;}
#articles ul {width:600px;float:left; list-style-type:none; background-color:#FFF; margin:0px; padding:0px 100px 20px 100px;}
#articles li { float:left; width:100%; margin:10px 0px 10px 0px; padding:0px; background-color:#FFF; font: 9pt/12pt 'Lucida Grande', Helvetica, Arial, sans-serif; text-decoration:none;}
#articles li a:link, #articles li a:visited {font: bold 10pt/12pt 'Lucida Grande', Helvetica, Arial, sans-serif; color:#0582DD; text-decoration:none; padding:0px; margin:0px; border:none;}
#articles li a:hover {text-decoration:underline;}
#articles img {float:left; width:90px; height:90px; margin:0px; padding:0px 20px 10px 0px; border:0px;}
#articleLogo {margin:0; padding:0}
#articleLogo img {margin:0; padding:0 0 5px 0; border:0;}

.title {float:left; width:100%; border-bottom: solid thin #333; margin:10px 0px 10px 0px; padding:0px; text-transform:uppercase; letter-spacing:1px;}
.caption_landscape, .caption_portrait {float:right; margin:0px; padding:0 0 10px 20px; border:0px; font:8pt/10pt 'Lucida Grande', Helvetica, Arial, sans-serif; color:#666;}
.caption_landscape { width:200px;}
.caption_portrait {width:150px;}
.caption_landscape img, .caption_portrait img {float:right; border:0px; margin:0 0 5px 0}
.caption_jv, { float:left; margin:0; padding:0; border:0px; width:157px;}
.caption_jv img { float:left; border:0px; margin:0px 15px 0px 5px}  

#culture { float:left; width: 600px; height:20px; background:url('../images/culture.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px; border-bottom:solid thin #666; }
#relationships { float:left; width: 600px; height:20px; background:url('../images/relationships.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #666; }
#health { float:left; width: 600px; height:20px; background:url('../images/health.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 10px 0px;border-bottom:solid thin #666; }
#interview { float:left; width: 600px; height:20px; background:url('../images/interview.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #666; }
#parenting { float:left; width: 600px; height:20px; background:url('../images/parenting.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #666; }
#beauty { float:left; width: 600px; height:20px; background:url('../images/beauty.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #666; }
#etcetera { float:left; width: 600px; height:20px; background:url('../images/etcetera.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 5px 0px;border-bottom:solid thin #666; }
#publishing { float:left; width: 600px; height:20px; background:url('../images/publishing.gif') left; background-repeat:no-repeat; padding:0px; margin:5px 0px 5px 0px;border-bottom:solid thin #666; }
#freelance { float:left; width: 600px; height:20px; background:url('../images/freelance.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 5px 0px;border-bottom:solid thin #666; }
#skills { float:left; width: 600px; height:20px; background:url('../images/skills.gif') left; background-repeat:no-repeat; padding:0px; margin:10px 0px 5px 0px;border-bottom:solid thin #666; }
#education { float:left; width: 600px; height:20px; background:url('../images/education.gif') left; background-repeat:no-repeat; padding:0px; margin:20px 0px 5px 0px;border-bottom:solid thin #666; }

/* --------------------text styles------------------ */

p {	font: 10pt/12pt 'Lucida Grande', Helvetica, Arial, sans-serif; color:#000; text-decoration:none; margin:0px 0px 10px 0px;}

h1  { font: bold 16pt/18pt Helvetica, Arial, sans-serif; text-transform:uppercase; color:#000; margin:10px 0px 0px 0px; padding:0px;}
h2 { font: bold 11pt/14pt Helvetica, Arial, sans-serif; color:#000; margin:5px 0px 5px 0px; padding:0px;}
h3 { font: italic 9pt/12pt Helvetica, Arial, sans-serif; color:#444; margin:0; padding:0; display:inline;}
h4 { font: bold 11pt/16pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; display:inline;}	
h5 { font: bold 10pt/16pt  Helvetica, Arial, sans-serif; color:#222; text-decoration:none; display:inline; margin:0 0 0 20px; padding:0}	
h6 { font: italic 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; margin:5px 0 5px 0; padding:0; }	
h7 { font: bold 11pt/18pt Helvetica, Arial, sans-serif; color:#333; text-decoration:none; margin:0px; padding:0px;}
h8 { font: 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none;}	

ul { float:left; width:100%; margin:0px 0px 0 20px; padding:0px; list-style-type:square; }		
ul li {	font: 10pt/12pt 'Lucida Grande', Helvetica, Arial, sans-serif; color:#000; margin:0px; padding:0}		
ol { list-style-type:decimal; margin:0px 0px 10px 20px; padding:0px;}		
ol li {	font: 10pt/12pt 'Lucida Grande', Helvetica, Arial, sans-serif; color:#000;}
.indent {margin:0 0 0 50px;}
img {border:0; padding:0; margin:0;}

/* --------------------navigation starts here------------------ */	

#navsite { background-color:#FFF; width:800px; height:125px; margin:20px 0 0 0; padding:0px; border:0px;}

#nav {float:left; background:url('../images/nav.jpg') left no-repeat; background-color:transparent; width:450px; height:125px; margin:0px; padding:0 0 0 91px; border:0px; }
#nav ul {list-style: none; display: block; float:left; margin:51px 0 0 0; padding:0px;}
#nav li {list-style: none; display: inline;}
#nav a { float: left; overflow: hidden;	height: 0px !important; height /**/:20px; /* for IE5/Win only */ margin:0px 10px 0px 0px; }
#nav a:hover, #portfolio #nav_portfolio a, #archive #nav_archive a, #about #nav_about a, #resume #nav_resume a { background-position: 0 -20px; }
#portfolio a  { width: 20px; padding: 20px 0px 0px 85px; background:url('../images/portfolio.gif'); background-repeat:no-repeat;}
#archive a  { width: 20px; padding: 20px 0px 0px 77px; background:url('../images/archive.gif'); background-repeat:no-repeat; }
#about a  { width: 20px; padding: 20px 0px 0px 55px; background:url('../images/about.gif'); background-repeat:no-repeat; }
#resume a  { width: 20px; padding: 20px 0px 0px 65px; background:url('../images/resume.gif'); background-repeat:no-repeat; }
#portfolio_active a  { width: 20px; padding: 20px 0px 0px 85px; background:url('../images/portfolio_active.gif'); background-repeat:no-repeat;}
#archive_active a  { width: 20px; padding: 20px 0px 0px 77px; background:url('../images/archive_active.gif'); background-repeat:no-repeat; }
#about_active a  { width: 20px; padding: 20px 0px 0px 55px; background:url('../images/about_active.gif'); background-repeat:no-repeat; }
#resume_active a  { width: 20px; padding: 20px 0px 0px 65px; background:url('../images/resume_active.gif'); background-repeat:no-repeat; }

#contact {float:right; width:225px; height:125px; background-color:transparent; margin:0px; padding:0px; border:0px; font: 12px/16px Helvetica, Arial, sans-serif; color:#444}
#contact img {float:right; margin:40px 0 5px 0; padding:0}
#contact a:link, #contact a:visited, #contact a:active {font: 12px/16px Helvetica, Arial, sans-serif; color:#444; text-decoration:none;}
#contact a:hover {color:#0582DD; text-decoration:underline;}
#contactFooter {float:right; margin:0; padding:0;}
#contactFooter a:link, #contactFooter a:visited {font: bold 12px/16px Helvetica, Arial, sans-serif; color:#444; text-decoration:none;}
#contactFooter a:hover {color:#0582DD; text-decoration:underline;}
.green { color:#99c93c; font-weight:bold;}

.subnav_left {float:left; background-color:#FFF; width:50%; margin:5px 0 0 0; }
.subnav_left a:link, .subnav_left a:visited {float:left;text-align:left; font:bold 9pt/12pt Helvetica, Arial, sans-serif; color:#444; text-decoration:none;}
.subnav_left a:hover {color:#0582DD; text-decoration:underline;}
.subnav_right {float:right; background-color:#FFF; width:50%; margin:5px 0 0 0; }
.subnav_right a:link, .subnav_right a:visited {float:right; text-align:right; font:bold 9pt/12pt Helvetica, Arial, sans-serif; color:#444; text-decoration:none;}
.subnav_right a:hover {color:#0582DD; text-decoration:underline;}

.download {width:100%; float:right; margin:10px 0 0 0; padding:0; border:0px; text-align:right;}	
.download a:link, .download a:visited, .download a:active {font: bold 12px/16px Helvetica, Arial, sans-serif; color:#444; text-decoration:none; margin:0 12px 0 0;}
.download a:hover {color:#0582DD; text-decoration:underline;}
/* --------------------navigation ends here------------------ */