* { margin: 0; padding: 0; }
body { background: #333 url(../images/body-bkgd.png) 0 0 repeat-y; color: #fff; font: normal 1em/1.2em helvetica, arial, sans-serif }
a { color: #fc6; }
a img { border: none;}
div.clear { clear: both; }

div#main { padding-bottom: 20px; }

p, dl { margin: 0 0 1em; line-height: 130%; padding: 0 10px; width: 300px;}
h1 { font-size: 1.2em; padding: 1em 10px .5em; text-transform: uppercase;  width: 300px; }

body.brain h1 { padding-bottom: 0;  }

div#nav { height: 60px; background-color: #000; width: 320px; border-bottom: 1px solid #6c3e22; }
div#nav ul { list-style-type: none; }
div#nav ul li { display: block; float: left; height: 60px;  }

div#nav ul li a { display: block; height: 60px; text-indent: -9999em; }

li#nav-home a { width: 63px; background: transparent url(../images/navsprites.png) 0 0 no-repeat;  }
	li#nav-home a:hover, li#nav-home a:active { background-position: 0 -120px; }

li#nav-portfolio a { width: 102px; background: transparent url(../images/navsprites.png) -63px 0 no-repeat;  }
	li#nav-portfolio a:hover, li#nav-portfolio a:active { background-position: -63px -120px; }
	body.portfolio li#nav-portfolio a { background-position: -63px -60px; }
	
li#nav-about a { width: 68px; background: transparent url(../images/navsprites.png) -165px 0 no-repeat; }
	li#nav-about a:hover, li#nav-about a:active { background-position: -165px -120px;}
	body.about li#nav-about a { background-position: -165px -60px;}
	
li#nav-contact a { width: 87px; background: transparent url(../images/navsprites.png) -233px 0 no-repeat;  }
	li#nav-contact a:hover, li#nav-contact a:active { background-position: -233px -120px; }
	body.contact li#nav-contact a { background-position: -233px -60px; }

dl + p {padding-top: 1em; }
dl dt { font-weight: bold;  }
dl dd { margin: 0 0 1em 0; }
dl dd span.chatlink { color: white; }

p.footnote { padding-top: 1000px; }

div#screenshots { width: 260px; height: 150px;  float: left; padding: 0 10px; }
div#screenshots img { border: 2px solid #333; }
div#pagination ol { list-style-type: none; width: 40px; float: left; }
div#pagination ol li a { color: white; height: 20px; padding: 4px 0 6px; text-align: center; display: block; text-decoration: none; }
div#pagination ol li a.active { color: black; font-weight: bold; background: transparent url(../images/pagetab.png) 0 0 no-repeat; }


body.home { background: #333 url(../images/home-bkgd.png) 0 0 repeat-y;} 
body.home div#main { padding: 150px 0 0 0; height: 300px; background: url(../images/homepage.png) 0 0 no-repeat; }