/* ---- generic */

#intro, #nav { border-top-color: #fff; border-bottom-color: #fff; }

h2 { color: #8B8B8B; }
a:link { color: #aaa; }
a:visited { color: #777; }
a:hover { color: #099; }
a:active { color: #fff; }

body { color: #999; }
#nav:hover { background-color: #1a1a1a; }

#contactform .error { border-right-color: #f00; }

/* ---- forms */

input, select, textarea, select, .file { background-color: #222; color: #888; border-color: #222; border-right-color: #333; }
input:focus, textarea:focus, select:focus, .file:focus { background-color: #333; border-right-color: #777; color: #ccc; }
input.tr, textarea.tr { border-right-color: #079; }
input.tr:focus, textarea.tr:focus { background-color: #333; border-right-color: #079; color: #ccc; }
input#submit { background-color: #222; color: #777; border-color: #777; } 
input#submit:hover, input#submit:focus { color: #079; border-color: #079; }

/* ---- unused */

h4 a:link, h4 a:visited { color: #fff; text-decoration: none; }
h4 a:hover, h4 a:active { color: #D6DC84; }
#content { border-top: 9px solid #414141; }

/* ---- homepage */

body.home #intro, body.home #nav { border-top-color: #bbb; border-bottom-color: #aaa; }

body.home h2 { color: #8B8B8B; }
body.home a:link, body.home #nav a:link, body.home #nav a:visited { color: #ccc; }
body.home a:visited { color: #aaa; }
body.home a:hover, body.home #nav a:hover, body.home #nav li:hover { color: #fff; }
body.home a:active, body.home #nav a:active { color: #fff; }

/* ---- music */

body.music #intro, body.music #nav { border-top-color: #377; border-bottom-color: #377; }

body.music h2 { color: #8B8B8B; }
body.music a:link, body.music #nav a:link, body.music #nav a:visited { color: #9aa; }
body.music a:visited { color: #788; }
body.music a:hover, body.music #nav a:hover, body.music #nav li:hover { color: #6ac; }
body.music a:active, body.music #nav a:active { color: #fff; }

/* ---- resume */

body.resume #intro, body.resume #nav { border-top-color: #a41; border-bottom-color: #a41; }

body.resume h2 { color: #8B8B8B; }
body.resume a:link, body.resume #nav a:link, body.resume #nav a:visited { color: #d73; }
body.resume a:visited { color: #877; }
body.resume a:hover, body.resume #nav a:hover, body.resume #nav li:hover { color: #fb7; }
body.resume a:active, body.resume #nav a:active { color: #fff; }

/* ---- contact */

body.contact #intro, body.contact #nav { border-top-color: #f43; border-bottom-color: #f43; }

body.contact h2 { color: #8B8B8B; }
body.contact a:link, body.contact #nav a:link, body.contact #nav a:visited { color: #bba; }
body.contact a:visited { color: #887; }
body.contact a:hover, body.contact #nav a:hover, body.contact #nav li:hover { color: #f63; }
body.contact a:active, body.contact #nav a:active { color: #fff; }

body.contact input, body.contact select, body.contact textarea, body.contact select, body.contact .file { background-color: #222; color: #888; border-color: #222; border-right-color: #333; }
body.contact input:focus, body.contact textarea:focus, body.contact select:focus, body.contact .file:focus { background-color: #333; border-right-color: #777; color: #ccc; }
body.contact input.tr, body.contact textarea.tr { border-right-color: #f43; }
body.contact input.tr:focus, body.contact textarea.tr:focus { background-color: #333; border-right-color: #f43; color: #ccc; }
body.contact input#submit { background-color: #222; color: #777; border-color: #777; } 
body.contact input#submit:hover, input#submit:focus { color: #c84; border-color: #f43; }

/* ---- portfolio */

body.portfolio #intro, body.portfolio #nav { border-top-color: #079; border-bottom-color: #079; }

body.portfolio h2 { color: #8B8B8B; }
body.portfolio a:link, body.portfolio #nav a:link, body.portfolio #nav a:visited { color: #aaa; }
body.portfolio a:visited { color: #777; }
body.portfolio a:hover, body.portfolio #nav a:hover, body.portfolio #nav li:hover { color: #099; }
body.portfolio a:active, body.portfolio #nav a:active { color: #fff; }

/* ---- photos */

#gallery { border-top: 9px solid #079; border-bottom: 3px solid #079; }