/*
filename: css/bb.css
author:   Bruce Blackburn
created:  Aug 24 2008
modified: Jul 05 2010
modified: Oct 12 2011
modified: Mar 16 2012
modified: Mar 28 2012
modified: Jun 13 2013
modified: Jun 18 2013 menu
modified: Jun 21 2013
modified: Mar 07 2014
modified: Nov 12 2014
*/


/* 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;
}
a.strike,
span.strike {
  color:inherit;
  text-decoration:line-through !important;
}
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,
.reference {
  display:none;
}
.clear {
  background-color:transparent;
  clear:both;
  height:1px;
}



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

/* this replaces MAIN NAV, remove below */

/* MAIN MENU */
/* --------------------------------------- */

/* See
/* http://plugins.jquery.com/superfish/ */
/* http://alistapart.com/article/dropdowns */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */
.mainmenu {
/*
  */
  background-color:#eee;
  border-bottom:1px solid #999;
  font-size:12px;
  height:24px;
  line-height:1;
  margin-bottom:37px;
}
.mainmenu li {
  background-color: #fff;
  float:left;
  position:relative; /* dropdown */
}
.mainmenu li ul {
  border:solid #888;
  border-width: 1px 0 0;
  display:none;
  position:absolute;
  top:24px;
  z-index:1;
}
.mainmenu li:hover ul, 
.mainmenu li.over ul { /* IE */
  display:block;
}
.mainmenu li li {
  border:solid #888;
  border-width:0 1px 1px;
  background-color:#f9f9f9;
  padding:0;
  width:15em;
}
.mainmenu a {
  background-color:transparent;
  color:#444;
  display:block;
  padding:6px 14px;
}
.mainmenu li.hometab a,
.mainmenu a.hometab {
  background-color:#f60;
  color:#fff;
  text-align:right;
  width:162px;
}
.mainmenu .linkstab,
.mainmenu .arttab {
  background-color:transparent;
}
.mainmenu .linkstab a {
  color:#111;
}
#homePage li.hometab a {
  background-color:#aaa;
}
.mainmenu li a:hover {
/*
  color:#fff;
  background-color:#777;
  background-color:#ff9933;
  */
  border-bottom:4px solid #bbb;
  cursor:pointer;
  text-decoration:none;
}
.mainmenu li ul a:hover {
  background-color:#eee;
}
#homePage .mainmenu li.hometab a:hover{
  background-color:#888;
}
.mainmenu li.hometab a:hover {
/*
  background-color:#f85500;
  background-color:#ff9933;
  */
  background-color:#ee5500;
}
.mainmenu li.hometab a,
.mainmenu li.linkstab a,
.mainmenu li ul a:hover {
  border-bottom-width:0;
}
#portfolioPage .mainmenu li.portfoliotab a,
#aboutPage .mainmenu li.abouttab a,
#contactPage .mainmenu li.contacttab a,
.linkspage .mainmenu li.linkstab > a {
/*
  background:#fff;
  color:#444;
  */
  border-bottom:4px solid #f60;
}

/* SIDE MENU */
/* --------------------------------------- */

#sidemenu {
  left:-154px;
  position:absolute;
  top:0;
}
#sidemenu ul,
#sidemenu li {
  border:1px solid #999;
}
#sidemenu ul {
  border-width:1px 0 0 1px;
}
#sidemenu li {
  border-width:0 1px 1px 0;
}
#sidemenu a,
#sidemenu a:visited {
  color:#666;
  font-size:12px;
  font-size:1.09em;
  display:block;
  padding:7px 12px 6px; 
  width:119px; 
}
#readingpage #sidemenu .readingtab,
#linkspage #sidemenu .linkssubtab,
#livepage #sidemenu .scheduletab,
	#music_resource_page #sidemenu .musicresourcetab {
  background:#fff url(/images/bullet_orange4.gif) 0.4em 0.8em no-repeat;
  background:#fff url(/images/rt_tri.png) -4px 2px no-repeat;
}
.linkspage #sidemenu li a:hover {
  background:#fff url(/images/rt_tri.png) -4px -28px no-repeat;
  color:#444;
  text-decoration:none;
}


/* TOP NAV */
/* --------------------------------------- */
#topnav {
  background-color:#fff;
  /*
  border-bottom:1px solid #aaa;
  border-bottom:1px solid #f00;
  */
  font-size:0.75em;
  line-height:1;
}
#topnav ul {
  border-bottom:1px solid #aaa;
  height:2em;
}
#topnav li {
  border-bottom:1px solid #aaa;
  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:13.7em;
}
#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;
  font-size: 0.75em;
  padding: 1em 0 3em 0;
  margin-left:15.3em;
}
#footer ul {
  font-size:0.91em;
  font-size:1em;
  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 */
/* --------------------------------------- */
.linkspage h1 {
  color:#666;
  font-size:1.45em;
  padding:0 0 1em 2px;
}
.linkspage .col p {
  padding:3px 5px 2px 9px;
}
.linkspage .col img {
  display:none;
  margin:0 0 5px -2px;
  margin:3px 0 2px 0;
  width:138px;
}
.linkspage .col .fb img,
.linkspage .col .myspace img{
  display:inline;
  width:9px;
  border:solid #fff;
  border-width:2px;
  margin:-3px 0 0 -2px;
  position:relative;
  top:2px;
}

.linkspage #wrap {
  font-size:0.688em;
  margin-left:184px;
  margin-left:201px;
  margin-left:191px;
}
.linkspage #columns {
  line-height:1.1;
  position:relative;
} 
.linkspage .new {
  background:url(/images/bullet_orange4.gif) 0.091em 0.3em no-repeat;
  background:url(/images/bullet_orange4.gif) 0.182em 0.546em no-repeat;
}
.linkspage .repeat {
  background-color:#e8e8e8;
  margin: 0.2em -3px 0.2em 0;
}
.linkspage .random {
  margin:-2px 0 0 -4px;
}
.linkspage .random a {
  background-color:#ccc;
  border-radius:7px;
  box-shadow:2px 2px 4px rgba(0,0,0,0.1);
  display:block;
  padding:3px 6px 2px;
}
.linkspage .random a:hover {
  cursor:pointer;
  background-color:#bbb;
  color:#666 !important;
  text-decoration:none !important;
}
.linkspage .col a {
  color:#666;
  text-decoration:none;
}
.linkspage .col a:hover {
  color:#f35000;
  text-decoration:underline;
}
.linkspage .col h2 {
  color:#f35000;
  font-size:1em;
  padding:1.5em 9px 0.5em;
}
.linkspage .col h2:first-child {
  padding-top:0;
}
.linkspage #col0 h2:first-child {
  padding-top:1.5em;
}
.col {
  border:solid #999;
  border-width:1px 1px 1px 0;
  float:left;
  margin:0 -1px -1px 0;
  padding:12px 3px 6px 1px;
  width:156px; /* 180 - 12 - 12 */
  width:138px; /* 144 - 3 - 3 */
}
#col1.col {
  border-left-width:1px;
  padding-left:0;
}
.hi {
  background-color:#ff0;
}

.links #mainContent {
  /*
  width:auto; 
  */
}
#livepage .hi {
  background-color:#fff;
}
.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;
  padding:0 0.4em 0 0.4em;
/*  border:1px solid blue; */
}
.links #mainContent li {
  padding:0.4em 0 0 9px;
  padding:0.3em 2em 0.1em 0.7em;
  line-height:1.1;
  cursor:default;
}
.links #mainContent .hi {
/*
  background-color:#ffddcc;
  background-color:#ffeee5;
  background-color:#fff6f2;
  border:1px solid #ffddcc;
  border:1px solid #ffbb99;
  margin: 0.2em 0;
  */
  color:#f35000;
}
.links #mainContent .repeat {
  background-color:#e8e8e8;
  margin: 0.2em 0;
}
.links #mainContent .new {
  padding-left:0.7em;
  background:url(/images/bullet_orange4.gif) 0 0.6em no-repeat;
}
.links #mainContent .new.first {
  padding-left:0.7em;
  background:url(/images/bullet_orange4.gif) 0 3.3em no-repeat;
}
.links #mainContent a.new {
  background-position:0 40%;
}
.links #mainContent .new.month {
  background-position:0 3.3em;
}
.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;
  width:192px;
}
.links #mainContent li,
.links #mainContent li a:link,
.links #mainContent li a:visited,
.links #mainContent li.key {
  color:#666;
  text-decoration:none;
}
.links #mainContent li.hi a {
  color:#f35000;
}
.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 a:hover {
  color:#f90;
  color:#f35000;
  text-decoration:underline;
}
.links #mainContent li.hi a:hover {
  color:#666;
  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; 
}
.myspace img,
.fb img {
  border:solid #fff;
  border-width:2px;
  display:block;
  margin:-3px 0 0 -2px;
  position:relative;
  top:2px;
}

/* 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; 
}