@import "core.css";

html {font-size: 62.5%;}
body {background-image: url(../IMG/global/mainBG.gif); color: #333;}
a {color: #333;}
a:visited {color: #666;}
a:hover {color: #333 !important;}

h1 {width: 840px; height: 31px;}
h1 span {position: absolute; top: auto; left: -10000px; overflow: hidden; width: 1px; height: 1px;}
#home h1 {background-image: url(../IMG/global/title-ds.gif);}
#seo h1 {background-image: url(../IMG/global/title-seo.gif);}
#accessibility h1 {background-image: url(../IMG/global/title-access.gif);}
#portfolio h1 {background-image: url(../IMG/global/title-port.gif);}
#resume h1 {background-image: url(../IMG/global/title-resume.gif);}
#css h1 {background-image: url(../IMG/global/title-css.gif);}

#skip a:focus, #skip a:active {top: 17px; left: 86px;} 

tr:nth-child(even) {background-color: #BBB;}
tr:nth-child(odd) {background-color: #CCC;}

.highlight {color: #F00;}

.preNext {font-size: 0.9em;}
.preNext .previous {padding-left: 16px; background: url(../IMG/global/previous.gif) no-repeat 0 1px;}
.preNext .next {padding-right: 18px; background: url(../IMG/global/next.gif) no-repeat 100% 1px;}

#outerWrapper {background-color: #8c8874;}
#pageTop {width: 960px; height: 39px; background: url(../IMG/global/pageTop.gif) no-repeat 0 0;}
#innerWrapper {background: url(../IMG/global/pageMiddle.gif) repeat-y 0 0;}
#pageBottom {width: 960px; height: 39px; background: url(../IMG/global/pageBottom.gif) no-repeat 0 0;}

#navigation {background-color: #6c8874; font-size: 1.1em;}
#navigation ul {margin: 0 0 0 38px;}
#navigation ul li a {display: block; color: #DDD; background: url(../IMG/nav/right.png) top right no-repeat !important; font-size: 0.8em; font-weight: bold; padding: 0 15px 0 0; letter-spacing: 0.1em; text-decoration: none;}
#navigation ul li a:visited {color: #EEE;}
#navigation ul li a span {display: block; height: 18px; cursor: pointer; background: url(../IMG/nav/left.png) top left no-repeat !important; padding: 8px 10px 0 22px;}

#main {width: 848px; margin: 0 36px;}
#mainBody {width: 627px;}
#mainNav {width: 190px;}

/* top nav link hovers */
#navigation ul li a:hover {background: url(../IMG/nav/right_over.png) top right no-repeat !important; color: #000 !important; text-decoration: none;}
#navigation ul li a:hover span {background: url(../IMG/nav/left_over.png) top left no-repeat !important;}

/* top nav link selected states */
#home #navigation ul li.home a,
#portfolio #navigation ul li.portfolio a,
#resume #navigation ul li.resume a,
#css #navigation ul li.css a,
#accessibility #navigation ul li.accessibility a,
#seo #navigation ul li.seo a
{color: #EEE; background: url(../IMG/nav/right_over.png) top right no-repeat !important;}

#home #navigation ul li.home a span,
#portfolio #navigation ul li.portfolio a span,
#resume #navigation ul li.resume a span,
#css #navigation ul li.css a span,
#accessibility #navigation ul li.accessibility a span,
#seo #navigation ul li.seo a span
{background: url(../IMG/nav/left_over.png) top left no-repeat !important;}

#footer {background-color: #6c8874;}