/* general styling */
html { font:85%/130% Arial,sans-serif; color:#272727; background:#ddd }
* html body { width:800px }
body { position:relative; margin:4em auto 2em; padding:1em; border:2px solid #d2d2d2; max-width:500px; color:inherit; background:#fff }
h1 { position:absolute; right:0; margin:-1.8em 0 0 0; padding:.2em; text-transform:lowercase; letter-spacing:.3em; font-size:2em; color:#000000; background:transparent }
h2 { margin:1em 1em .2em; font-weight:bold; font-size:100% }
h2 + p { margin-top:0 }
p { margin:1em }
img { border:0 }
ul { margin:1em 1em 1em 2.5em; padding:0 }
address { margin:1em; font-style:normal }
abbr, acronym { border:0 }
abbr[title], acronym[title] { cursor:help }

/* navigation */
ul#nav { margin:0; padding:.2em 1em; list-style:none }
ul#nav li { margin:0; padding:0; display:inline }
ul#nav li#n-index { margin:.5em 0 .2em 0; display:block }
ul#nav li a,ul#nav li span { margin:0; padding:.1em .2em; color:#272727; background:transparent; text-decoration:none }
ul#nav li#n-index a { padding:0 }
ul#nav li#navhome a,ul#nav li#navhome span { border-bottom:1px solid #D70000 }
ul#nav li#navhome a:hover,ul#nav li#navhome span { background:#D70000 }
ul#nav li#navportfolio a,ul#nav li#navportfolio span { border-bottom:1px solid #D66B00 }
ul#nav li#navportfolio a:hover,ul#nav li#navportfolio span { background:#D66B00 }
ul#nav li#navcontact a,ul#nav li#navcontact span { border-bottom:1px solid #D6B200 }
ul#nav li#navcontact a:hover,ul#nav li#navcontact span { background:#D6B200 }

/* footer */
p#footer { margin:.2em 1em .1em; padding:.1em 0 0; border-top:2px solid #d2d2d2; font-size:90%; text-align:right }

/* link styling */
a:link { color:#50728C; background:transparent; text-decoration:underline }
a:visited { color:#50728C; background:transparent; text-decoration:underline }
a:hover { text-decoration:none }