/* reset */
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END reset */


html {
  background-color: #333333;
}
body {
  width:900px;
  margin:0 auto;
  background-color: #222222;
  color: #ffffff;
  font: 15px Arial,Verdana,sans-serif;
  position: relative;
}

A:link {
  color: #8cb8f0;
  }
A:visited {
  color: #6ea2e6;
  }
A:active {
  color: #f6f;
  }

#navbar {
  background: transparent url(/images/nav.gif) no-repeat;
  width:900px;
  height:51px;
  position:relative;
  margin:0;
}

#navbar LI {
  position:absolute;
  top:0;
  height:51px;
  list-style:none;
  overflow:hidden;
  text-indent:-9000px;
}

#navbar LI A {
  display:block;
  height:51px;
}

#navbar .n1 { left: 0; width: 118px; }
#navbar .n1 A:hover, #navbar .n1.hi { background: transparent url(/images/nav.gif) 0 -51px no-repeat; }

#navbar .n2 { left: 118px; width: 151px; }
#navbar .n2 A:hover, #navbar .n2.hi { background: transparent url(/images/nav.gif) -118px -51px no-repeat; }

#navbar .n3 { left: 269px; width: 117px; }
#navbar .n3 A:hover, #navbar .n3.hi { background: transparent url(/images/nav.gif) -269px -51px no-repeat; }

#navbar .n4 { left: 386px; width: 94px; }
#navbar .n4 A:hover, #navbar .n4.hi { background: transparent url(/images/nav.gif) -386px -51px no-repeat; }

#navbar .n5 { left: 480px; width: 115px; }
#navbar .n5 A:hover, #navbar .n5.hi { background: transparent url(/images/nav.gif) -480px -51px no-repeat; }

#navbar .n6 { left: 595px; width: 84px; }
#navbar .n6 A:hover, #navbar .n6.hi { background: transparent url(/images/nav.gif) -595px -51px no-repeat; }

#pagelogo {
  height:130px;
  }

#pagebody {
  padding: 2px 8px;
  }

H1 {
  font-size: 28px;
  font-weight: bold;
  margin: 6px 0 9px 0;
  }

H2 {
  font-size: 22px;
  font-weight: bold;
  margin: 6px 0 9px 0;
  }

#pagefooter {
  text-align: center;
  font-size: 10px;
  margin-top: 15px;
  margin-bottom: 9px;
  padding: 5px 0;
  background-color: #111;
  color: #aaa;
  }

.u { text-decoration: underline; }
.s { text-decoration: line-through; }

HR {
  color: gray;
  background-color: gray;
  border: 0;
  }

.tracks div.track {
    border-style: solid;
    border-width: 2px;
    border-color: #888 #000 #000 #888;
    background-color: #3a3a3a;
    padding: 5px;
    margin: 5px auto;
    display:block;
    line-height: 130%;
}

.tracks div.featured {
    background-color: #203a4a;
}

.tracks .player {
    float: right;
}
.tracks .mood {
    display:block;
    font-size: 11px;
    line-height: 17px;
    color: #bbb;
}
.tracks .gear {
    display:block;
    font-size: 13px;
    line-height: 17px;
    color: #dbd;
}
.tracks .tracklink A {
    font-size: 115%;
    font-weight: bold;
    text-decoration: none;
    color: #8CB8F0;
}
.tracks .tracklink A:hover {
    text-decoration: underline;
    color: #98C8FF;
}    


.projects div.project {
    border-style: solid;
    border-width: 2px;
    border-color: #888 #000 #000 #888;
    background-color: #3a3a3a;
    padding: 5px;
    margin: 5px auto;
    display: block;
    line-height: 130%;
}

.projects .player {
    float: right;
}
.projects .mood {
    display:block;
    font-size: 11px;
    line-height: 17px;
    color: #bbb;
}

.projects .title {
    font-size: 115%;
    font-weight: bold;
}

.projects .title A {
    text-decoration: none;
    color: #8CB8F0;
}
.projects .title A:hover {
    text-decoration: underline;
    color: #98C8FF;
}    

.projects .date {
    font-size: 11px;
    color: #bbb;
}

.projects .credits {
    display: block;
    margin-top: 8px;
}

.subnav {
    font-size: 15px;
}

P {
    line-height: 125%;
}