* { margin: 0; padding: 0; }

body { background-color: white; font-size: small; text-align: center; padding-top: 20px; }
div.container { position: relative; width: 765px; margin: 0 auto; text-align: left; border: 1px solid #999; background-color:white;}

div.clear { clear: both; }
/*  -------------------- navigation --------------------- */

ul.nav { list-style-type: none; position: absolute; top: 20px; left: 300px; display: block; width: 465px; font-family: "Trebuchet MS" Trebuchet, sans-serif; font-size: 85%; text-transform: uppercase; }
ul.nav li { float: left; text-align: center; border-left: 1px dotted black;  }
ul.nav li#home { border: none; }
ul.nav li a {  text-decoration: none; padding: 15px; }
ul.nav li a:hover {  text-decoration: underline; color: #666; }



/*  -------------------- main content area --------------------- */

h1 { clear: both; color: #333; font: bold 1.7em/1.2em Georgia, serif; display: block; margin: 180px 0 90px 315px; border-bottom: 1px solid #999; }

h2 { clear: both; color: #333; font: bold 1.4em/1.8em Georgia, serif; margin-top: 1em;}


div.maincontent { padding: 0 50px 0 125px; color: #333; font: 1em/1.7em Georgia, serif; }
div.maincontent p { padding:.5em 0; }
div.maincontent ul { margin: 20px 0 0 40px; }
p.email { font: .9em/1.2em "Trebuchet MS",Trebuchet, sans-serif; text-transform: uppercase; float: right; padding: 0; margin: 20px 0 10px; }
p.email a { display: block; width: 120px; padding: 72px 10px 10px; text-align: center;text-decoration: none;}

p.footer  { color: #666; font: .9em/1.7em "Trebuchet MS",Trebuchet, sans-serif; padding: .5em 0; text-align: left; display: block; width: 765px; margin: 0 auto;}

a.noshow, a.noshow:visited, a.noshow:hover { color: #333; text-decoration: none; cursor: text; }
body.contact div.maincontent ul li { margin: 4px 0; }
body.contact div.maincontent ul li p { margin: 0 0 0 25px; }

body.writings div.maincontent ul { margin-top: 1em; margin-bottom: 2em; }

blockquote { margin-bottom: 20px; }
p.attribution { display: block; text-align: right; font-style: italic; color: #666; }

p.attribution span {padding-left: 22px; background: transparent url(images/comment.gif) left 48% no-repeat;}


div.slideshow { margin: 20px 0; }

/*  -------------------- page specific colors and images --------------------- */
body.portfolio .container { background: white url(images/bkgd-portfolio.jpg) 20px 0 no-repeat; }
body.portfolio p.email a { background: white url(images/email-portfolio.jpg) 50% top no-repeat; }
body.portfolio a.portfolio { font-weight: bold; font-size: 110%; background-image:none!important; }
body.portfolio a { color: #C54345; }
body.portfolio a:hover { color: #8D240F; }

body.portfolio div.maincontent ul { list-style-type: none; margin: 0; padding: 0px; overflow: hidden;}
body.portfolio div.maincontent ul li { float: left; margin: 10px 32px 12px 0; }
body.portfolio div.maincontent ul li img { border: 1px solid #999; padding: 2px; }


body.contact .container { background: white url(images/bkgd-contact.jpg) 20px 0 no-repeat; }
body.contact p.email a { background: white url(images/email-contact.jpg)  50% top no-repeat; }
body.contact a { color: #5B8F08; }
body.contact a:hover { color: #8ac102; }


body.writings .container { background: white url(images/bkgd-writings.jpg) 20px -20px no-repeat; }
body.writings p.email a { background: white url(images/email-writings.jpg) 50% top no-repeat; }
body.writings a { color: #C20F85; }
body.writings a:hover { color: #EF1DAA; }


body.about .container { background: white url(images/bkgd-about.jpg) -10px -20px no-repeat; }
body.about p.email a { background: white url(images/email-about.jpg)  50% top no-repeat; }
body.about a { color: #4141b1; }
body.about a:hover { color: #5277D2; }


body.home .container { background: white url(images/bkgd-home.jpg) 0 0 no-repeat; }
body.home p.email a { background: white url(images/email-home.jpg) 50% top no-repeat; }
body.home a { color: #930; }
body.home a:hover { color: #E25F04; }



body.portfolio li#portfolio a, body.portfolio li#portfolio a:hover,
body.contact li#contact a, body.contact li#contact a:hover,
body.writings li#writings a, body.writings li#writings a:hover,
body.about li#about a, body.about li#about a:hover,
body.home li#home a, body.home li#home a:hover
{ color: black; text-decoration: none; font-weight: bold; cursor: default; background-image: none; }