body {
  color: #000;
  background-color: #fff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  margin: 0;
  padding: 0;
  
}

h1 h2 h3 {
}

p ul li {
}

a {
  color: #888;
}

a:link {
  color: #888;
}

a:visited {
  color: #888;
} 

a:active {
  color: #888;
} 

a:hover {
  color: #888;
} 

.rightalign {
  float: right;
}

#container {
  background-color: #fff;
  width: 750px;
  margin-left: 0px;  
}

/* ######## header ######## */

#header {
  color: #000;
  background-color: #fff;
  width: #750px;
  height: 50px;
  position: relative;
  overflow: hidden;
}

#header .title{
  color: #000;
  background-color: #fff;
  float: left;
  text-align: left;
  margin-left: 55px;
  font-family:'lucida sans unicode','lucida grande',sans-serif;
  padding: 10px 0 0 0;
  letter-spacing: 0px;
}

#header a {
  color: #000;
  text-decoration: none;
 }
 
 #header a:visited {
  color: #000;
 }

/* ######## navigation ######## */

#navigation {
  color: #000;
  font-size: 0.7em;  
}

.navbar {
  height: 20px;
  padding: 5px 0 0 55px;
}

.navbar a { 
  color: #000;
}

.navbar a:visited {
  color: #000;
}

#mainnav { 
  background-color: #fff;
}

#mainnav_nosub { 
  background-color: #fff;
  margin-bottom: 40px; 
}

#mainnav, #mainnav_nosub { 
  position: relative;
}

#subnav { 
  margin-left: 220px; 
  background: #fff url(../images/nav_bottomarrow.gif) no-repeat;
  padding-left: 33px;
  margin-bottom: 20px;
}

.active { 
  color: #888 !important; 
}

.faq {
  position: absolute; 
  right: 10px; 
  color: #888; 
}

#subnav.iphoneapps {margin-left: 87px; }
#subnav.music { margin-left: 89px; }
#subnav.projects { margin-left: 134px; }

.backslash {
  color: #000; 
}

/* ######## home ######## */

#home .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#home .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#home .leftcolumn { 
  width: 250px; 
}

/* ######## contact ######## */

#contact .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#contact .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#contact .leftcolumn { 
  width: 250px; 
}

/* ######## iphoneapps ######## */

#iphoneapps .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#iphoneapps .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#iphoneapps .leftcolumn { 
  width: 250px; 
}

/* ######## iwashere ######## */

#iwashere .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#iwashere .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#iwashere .leftcolumn { 
  width: 350px; 
}

/* ######## pachubemon ######## */

#pachubemon .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#pachubemon .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#pachubemon .leftcolumn { 
  width: 350px; 
}


/* ######## music ######## */

#music .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#music .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#music .leftcolumn { 
  width: 250px; 
}

/* ######## albums ######## */

#albums .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#albums .rightcolumn { 
  float: right;
  width: 250px;
  margin-left: 20px;
}

#albums .leftcolumn { 
  width: 380px; 
}

/* ######## eps ######## */

#eps .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#eps .rightcolumn { 
  float: right;
  width: 250px;
  margin-left: 20px;
}

#eps .leftcolumn { 
  width: 380px; 
}

/* ######## singles ######## */

#singles .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#singles .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#singles .leftcolumn { 
  width: 250px; 
}

/* ######## projects ######## */

#projects .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#projects .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#projects .leftcolumn { 
  width: 250px; 
}

/* ######## scrapes ######## */

#scrapes .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#scrapes .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#scrapes .leftcolumn { 
  width: 250px; 
}

/* ######## solar ######## */

#solar .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#solar .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#solar .leftcolumn { 
  width: 250px; 
}

/* ######## links ######## */

#links .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#links .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#links .leftcolumn { 
  width: 250px; 
}

/* ######## skills ######## */

#skills .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#skills .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#skills .leftcolumn { 
  width: 250px; 
}

/* ######## tech ######## */

#tech .content {
  margin-left: 55px;
  margin-right: 0px;
  position: relative;
  font-size: 0.7em;
  min-height: 600px;
}

#tech .rightcolumn { 
  float: right;
  width: 380px;
  margin-right: 20px;
}

#tech .leftcolumn { 
  width: 250px; 
}

/* ######## footer ######## */

#footer {
  padding-top: 100px;
  font-size: 0.7em;
}

#footer a {
  color: #000;
}

#footer a:visited {
  color: #000;
}

#footer #copywrite {
  color: #000;
  background-color: #fff;
  padding: 5px 0 5px 50px;
}

#footer #colophon {
  color: #000;
  background-color: #fff;
  padding: 5px 0 5px 50px;
}
