/*
filename: css/bb.css
author:   Bruce Blackburn
created:  August 24, 2008
modified: July 5, 2010
*/


/* GENERAL */
/* --------------------------------------- */
* {
  margin:0;
  padding:0;
}
body {
  background:#fff;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size: 1em;
  line-height:1.2;
}
h1 {
  font-weight:normal;
}
h2 {
  font-size:1em;
  padding:0 0 0.3em;
}
img {
  border-width:0;
}
table {
  border-collapse:collapse;
}
a {
  outline:none;
}
a:link {
  color:#F35500;
  text-decoration:none;
}
a:visited {
  color:#977;
  text-decoration:none;
}
a:hover {
  color:#000;
  text-decoration:none;
}
p {
  color:#444;
  padding:0 0 0.8em 0;
}
p.xtra {
  padding-top:0.8em;
} 
span {
  color:#F35500;
}
ul {
  list-style:none;
}
p a:link {
  color:#F35500;
  text-decoration:underline;
}
p a:visited {
  color:#977;
  text-decoration:underline;
}
p a:hover {
  color:#000;
  text-decoration:underline;
}
.hidden {
  display:none;
}


/* MAIN CONTENT */
#mainContent {
  font-size:0.786em;
  margin:2.5em 0 0 15.3em;
  padding-bottom:2.5em;
}
#mainContent h1 {
  color:#666;
  font-size:1.3em;
  padding:0 0 1em 0;
}


/* TOP NAV */
/* --------------------------------------- */
#topnav {
  background-color:#fff;
  border-bottom:1px solid #aaa;
  font-size:0.714em;
  height:1.9em;
}
#topnav li {
  float:left;
  height:1.9em;
  overflow:hidden;
}
#topnav a {
  background:#fff;
  border-right:1px solid #fff;
  color:#444;
  display:block;
  padding:0.5em 0.8em 0.5em;
}
#topnav a#hometab {
  background:#f60;
  color:#fff;
  text-align:right;
  width:15em;
}
#portfolioPage #topnav a#portfoliotab,
#aboutPage #topnav a#abouttab,
#contactPage #topnav a#contacttab {
  background:#ddd;
  color:#444;
}
#topnav a:hover,
#portfolioPage #topnav a#portfoliotab:hover,
#aboutPage #topnav a#abouttab:hover,
#contactPage #topnav a#contacttab:hover {
  background:#ddd;
  color:#444;
}
#topnav a#hometab:hover {
  background:#f35000;
  background:#f85500;
  color:#fff;
}


/* FOOTER */
/* --------------------------------------- */
#footer {
  background:#fff;
  border-top:1px solid #aaa;
  clear:left;
  font-size: 0.786em;
  padding: 1em 0 3em 0;
  margin-left:15.3em;
}
#footer ul {
  font-size:0.91em;
  margin-left:-0.5em;
  padding-bottom:0.6em;
}
#footer li {
  border-left: 1px solid #999;
  display:inline;
  padding-top:0.15em;
}
#footer li.footer_first_link {
  border-width:0;
}
#footer a {
  border:solid #fff;
  border-width:2px 0;
  color:#666;
  padding:0 0.5em 0 0.6em;
}
#footer a:hover {
  color:#000;
}
#footer p {
  color:#aaa;
  font-size:0.81em;
  padding:0;
}


/* HOME PAGE */
/* --------------------------------------- */
#homePage #footer {
  border:0;
  color:#aaa;
  margin:0 auto;
  padding:0.7em 0 3em;
  text-align:center;
}
#homePage #footer ul {
  margin:0;
  padding:0.5em 0 1em;
}
#homePage #footer a {
  font-size:1.2em;
}
#homePage {
  line-height:1;
}
#horizon {
  left:0;
  margin-top:-9em;
  min-width:28em;
  position:absolute;
  text-align:center;
  top:50%;
  width:100%;
}
/*
#wrapper {
  text-align:left;
  width:28em; 
  margin:0 auto;
}
*/
#homePage #box {
  border:1px solid #999;
  position:relative;
  margin:150px auto 0;
  width:29em;
}
#homePage #sideBar {
  bottom:0;
  color:#666;
  position:absolute;
  right:0;
}
#homePage #sideBar ul {
  padding:0 1.4em 1.2em 0;
  text-align:right;
}
#homePage #sideBar li {
  padding-top:0.5em;
}
#homePage #mainMenu {
  border:1px solid #999;
  border-width:0 1px 0 0;
  width:14em;
}
#homePage h1,
#homePage #mainMenu a {
  color:#000;
  font-size:1.0em;
  margin:0;                     /* remove? */
  padding:1.4em 1.4em 1.2em;
}
#homePage h1 {
  color:#fff;
  background:#f60;
  font-weight:normal;
}
#homePage #mainMenu ul {        /* remove? */
  margin:0;
  padding:0;
}
#homePage #mainMenu li {
  border-top:1px solid #999;
  width:14em;
}
#homePage #mainMenu li#first{
  border-width:0;
}
#homePage #mainMenu a {
  background:#fff;
  display:block;
}

#homePage #mainMenu a:hover {
  background:#ddd;
}

/* PORTFOLIO PAGE */
/* --------------------------------------- */
#portfolioPage #mainContent {
  width:34em;
}
/*
#portfolioPage #mainContent h1 {
  padding-left:112px;  
}
*/
.project { 
  background:#fff;
  border-top: 1px solid #ccc;
  clear:left;
  padding:0.7em 0 1.5em;
}
.project img {
  float:left;
  height:80px;
  margin-bottom:1.5em;
  width:100px;
}
.project h2 {
  font-weight:bold;
  margin-left:112px;
}
/*
.project h2 span {
  font-weight:normal;
}
*/
.project p {
  color:#444;
  margin-left:112px;
  padding:0;
}
.project a {
  color: #e70;
}
.project a img {
  border:2px solid #fff;
}
.project a:hover {
  text-decoration:underline;
}
.project a:hover img {
  border-color:#f90;
}


/* ABOUT PAGE */
/* --------------------------------------- */
#aboutPage p#first {
  border-top: 1px solid #ccc;
  padding-top:0.7em;
}
#aboutPage #mainContent {
  padding-left:0em;
  width:27em;
}
#aboutPage #footer {
  padding-right:1.5em;
}


/* CONTACT PAGE */
/* --------------------------------------- */
#contactPage p#first {
  border-top: 1px solid #ccc;
  padding-top:0.7em;
}
#contactPage #mainContent {
  padding-left:0em;
  width:27em;
}
/*
#contactPage #mainContent a {
  color:#F35500;
}
*/

/* LINKS PAGE */
/* LIVE MUSIC PAGE */
/* --------------------------------------- */
.links #mainContent {
  width:auto;
}
.links #mainContent td{
  font-size:0.909em; 
}
.links #mainContent ul {
  font-family:Helvetica,Arial,sans-serif;
  list-style-type:none;
  padding:0;
  padding:0 2em 1em 0.4em;
  padding:0 2em 0 0.4em;
/*  border:1px solid blue; */
}
.links #mainContent li {
  padding:0.4em 0 0 9px;
  padding:0.3em 0 0.1em 0.7em;
  line-height:1.1;
  cursor:default;
}
.links #mainContent li.new {
  padding-left:0.7em;
  background:url(/images/bullet_orange4.gif) 0 0.6em no-repeat;
}
.links #mainContent li.new a.nobull {
  background:#fff;
}
.links #mainContent li.key {
  padding:1.2em 0 0 0.7em;
}
.links #mainContent li.spacebelow {
  padding-bottom:0.8em;
}
.links #mainContent li.key img {
  padding:0 0.3em 0.1em 0;
}
.links h2,
.links #mainContent li.subhead {
  color:#f35000;
  font-size:0.82em;
  font-size:0.90em;
  font-weight:normal;
  padding:1.7em 0 0 0.7em;
  text-transform:uppercase;
  font-weight:bold;
}
.links h2 {
  padding-left:1.3em;
  padding-top:1.6em;
}
.links table {
  border-collapse:collapse;
}
.links td {
  border:1px solid #999;
  padding-bottom:1em;
  vertical-align:top;
  width:16em;
}
.links #mainContent li,
.links #mainContent li a:link,
.links #mainContent li a:visited,
.links #mainContent li.key {
  color:#666;
  text-decoration:none;
}
.links h1 a,
.links h1 a:visited {
  color:#666;
  text-decoration:underline;
}
.links h2 a:link,
.links h2 a:visited {
  color:#f35000;
  text-decoration:underline;
}
.links h2 a:hover {
  color:#000;
  }
.links #mainContent li a:hover {
  color:#f90;
  color:#f35000;
  text-decoration:underline;
}
/*
.links #mainContent li a:link.who,
.links #mainContent li a:visited.who,
.links #mainContent li .who {
  color:#383838;
  font-weight:bold;
}
*/
.links #mainContent .date {
  color:#666; 
}

/* SITE MAP */
/* --------------------------------------- */
#siteMap {
  line-height:1.3;
}
#siteMap #mainContent ul {
  border-top:1px solid #ccc;
}
#siteMap #mainContent {
  padding-left:1em;
  width:27em;
}
#siteMap #mainContent li {
  padding-top:0.2em;
}
#siteMap #mainContent li.lev2 {
  padding:0 0 0 1.5em;
}
#siteMap #mainContent li.xtra {
  border-top: 1px solid #ccc;
  margin-top:1em;
  padding-top:0.3em;
}
#siteMap #mainContent li.tight {
  padding-top:0;
}
#siteMap #mainContent li.heading {
  color:#666;
  padding-top:0.3em;
}
#siteMap #mainContent li.last {
  border-bottom:1px solid #ccc;
  padding-bottom:1em;
}
#siteMap #mainContent a:hover {
  color:#F35500;
  text-decoration:underline;
}


/* NEBULA */
/* --------------------------------------- */
#nebula #horizon {
  margin-top:-246px;
  min-width:660px;
}
#nebula #wrapper {
  width:660px; 
}