/* 
main font
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#000000;

copyright
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#999999;
 */

* {
margin:0;
padding:0;}

a img {
border:none;}

p {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#000000;
margin-bottom:10px;
width:100%;
clear:both;}

table#resume p {
margin-bottom:3px;}

p.copyright {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#999999;
text-align:center;}

p.copyright a {
color:#999999;
font-size:11px;
font-weight:normal;
text-decoration:none;}

p.copyright a:hover {
text-decoration:underline;}

p.kw {
color:#89895d;
text-align:center;
margin:30px auto;}

a {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
font-weight:bold;
color:#89895d;
text-decoration:none;}

a:hover {
text-decoration:underline;}

#sidebar a {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;}


/* page headings */
#about_page h1, #statement_page h1, #resume_page h1  {
width:43px;
height:17px;
display:block;
float:right;
background:url(images/nav/h1_about.gif) top center no-repeat;
letter-spacing:-1000em;
margin-bottom:25px;}

#portfolio_page h1, #narratives_page h1, #childhood_memory_page h1, #archives_page h1 {
width:57px;
height:17px;
display:block;
float:right;
background:url(images/nav/h1_portfolio.gif) top center no-repeat;
letter-spacing:-1000em;
margin-bottom:25px;}

#galleries_page h1 {
width:59px;
height:17px;
display:block;
float:right;
background:url(images/nav/h1_galleries.gif) top center no-repeat;
letter-spacing:-1000em;
margin-bottom:25px;}

#calendar_page h1 {
width:64px;
height:17px;
display:block;
float:right;
background:url(images/nav/h1_calendar.gif) top center no-repeat;
letter-spacing:-1000em;
margin-bottom:25px;}

#contact_page h1 {
width:56px;
height:17px;
display:block;
float:right;
background:url(images/nav/h1_contact.gif) top center no-repeat;
letter-spacing:-1000em;
margin-bottom:25px;}

/* Just for Opera, but hide from MacIE for nav image replacement */
/*\*/html>body h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}


/* main nav */
#nav a {
width:70px;
height:55px;
margin-right:20px;
float:left;
display:block;
background:top center no-repeat;
letter-spacing:-1000em;}

/* Just for Opera, but hide from MacIE for nav image replacement */
/*\*/html>body #nav a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* image replacement for nav buttons normal state */
#nav a.link_portfolio {
background-image:url(images/nav/nav_portfolio.gif);} 

#nav a.link_about {
background-image:url(images/nav/nav_about.gif);} 

#nav a.link_calendar {
background-image:url(images/nav/nav_calendar.gif);} 

#nav a.link_galleries {
background-image:url(images/nav/nav_galleries.gif);} 

#nav a.link_contact {
background-image:url(images/nav/nav_contact.gif);
margin:0 0 0 410px;} 

/* hover and selected states */
#portfolio_page #nav a.link_portfolio, #nav a.link_portfolio:hover {
background-image:url(images/nav/nav_over_portfolio.gif);}

#about_page #nav a.link_about, #nav a.link_about:hover {
background-image:url(images/nav/nav_over_about.gif);}

#calendar_page #nav a.link_calendar, #nav a.link_calendar:hover {
background-image:url(images/nav/nav_over_calendar.gif);}

#galleries_page #nav a.link_galleries, #nav a.link_galleries:hover {
background-image:url(images/nav/nav_over_galleries.gif);}

#contact_page #nav a.link_contact, #nav a.link_contact:hover {
background-image:url(images/nav/nav_over_contact.gif);}

a.nav_resume:hover, 
#resume_page a.nav_resume,
a.nav_statement:hover,
#statement_page a.nav_statement,
a.nav_cm:hover,
#portfolio_page a.nav_botanicals,
a.nav_botanicals:hover,
#childhood_memory_page a.nav_cm,
a.nav_narratives:hover,
#narratives_page a.nav_narratives,
a.nav_archives:hover,
#archives_page a.nav_archives {
background:url(images/nav/nav_bullet.gif) right center no-repeat;
padding-right:9px;}



/*-------------- layout ----------------*/

#wrapper {
width:900px;
height:514px;
margin:20px auto 10px auto;
background:url(images/bg_page.png) bottom center no-repeat;}

#splash {
height:314px;
padding:80px 0 0 75px;}

#sidebar {
width:150px;
float:left;
margin:70px 0 0 1px;
padding:0 0 0 35px;
text-align:right;}

#content {
width:674px;
float:left;
margin:55px 0 0 0;}

td.scroll_content {
border:1px solid #000000;
padding:20px 0;}


/* main nav */
#nav {
width:900px;
height:55px;
margin:0 auto 30px auto;
background-color:#CCCC9A;}

#nav ul {
float:left;
height:55px;
margin-left:30px;
list-style:none;}

#nav ul li {
float:left;}


#footer {
width:900px;
margin:0 auto 10px auto;}