/* GENERAL ********************************************************************/

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #202020; background: #FFF;
  min-width: 40em; margin: 0 auto;}
a:link {color: #880;}
a:visited {color: #652;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}

/* HEADER *********************************************************************/

#header { padding: 0; margin: 0; overflow: hidden; height: 90px; width: 100%;
	border-bottom: 1px solid #000; position: relative;
	z-index: 1; }
#header h1 {font-size: 2em; line-height: 1em; letter-spacing: 0.13em; 
  padding: 0; margin: 0;
  position: absolute; left: 0; top: 100px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 0;
  /* end hack */}
#header h1 a {padding: 0 0.25em;}
#header h1 a, .panel a {text-decoration: none;}

/* SEARCH *********************************************************************/

#search {position: absolute; top: 91px; right: 0;
  z-index: 10; 
  text-align: right; padding: 0.25em 0 1.25em 5px;
  background: url(pix/logoogle2.gif) no-repeat 0% 100%;}
#search h4 {display: none;}
#search form {margin: 0; padding: 2px 1em 0;}
#search input[type="text"] {width: 14em; border: 2px inset #999;}
#search small {display: block; margin: 0 1.25em; padding: 0;
  text-align: right; line-height: 1;}
#search small a {background: #FFF; color: #880; font-style: italic;}

/* NAVIGATION *****************************************************************/

#navigate {position: absolute; top: 91px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 1em;
  z-index: 1; overflow: hidden;
  height: auto; width: 85%; line-height: 2;}
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.5em;}

#nav { float: left; width: 100%; }
#nav a { text-decoration: none; }
#nav li { float: left; list-style: none; margin-left: 1px; }
#nav li a { padding: 0.25em 1em; margin-right: 0.125em;
	border-top: 0.75em solid #B61;
	font-weight: bold; color: #652; }
#nav li ul {display: none; border: none;}
#nav li li a {font-weight: normal;}
#nav a:hover {border-top-color: #841;}
#nav #otherLink {margin-left: 1.75em;}

/* SPECIAL LINKS **************************************************************/

.wafer #waferLink a,
.berman #bermanLink a,
.thanks #thanksLink a,
.reviews #reviewsLink a,
.shows #showsLink a,
.nick #nickLink a,
.james #jamesLink a,
.music #musicLink a,
.art #artLink a,
.blog #blogLink a
{border-color: #652 #FFF #FFF; background: #FFA; color: #652; font-style: italic;}

/* SPLASH NAVIGATION **********************************************************/

#splashhead { padding: 0; margin: 0; overflow: hidden; height: 550px;
	width: 100%; border-bottom: 1px solid #000; position: relative;
	z-index: 1; }
	
#splashnav { position: absolute; top: 551px; left: 0; right: 0;
	padding: 0.25em 0 0.25em; z-index: 1;
	overflow: hidden; line-height: 2; height: auto; width: 85%;}
#splashnav ul, #splashnav li { margin: 0; padding: 0; }
#splashnav ul { padding-left: 0.5em; }

#contact { position: absolute; top: 551px; right: 0;
  z-index: 10; line-height: 1; font-size: 0.8em;
  text-align: right; padding: 0.25em 0 1.25em; }

/* MAIN ***********************************************************************/

#main { margin: 2.25em 20em 0 12em; padding: 3.5em 0; min-height: 30em; }
#main h2 { border-bottom: 1px solid #888; margin: 0; padding: 0;
	font-size: 1.75em; line-height: 1; }
#main p.contact { margin: 0 lem; text-align: right; font-size: 90%; }
#main p { line-height: 1.4; }
#main li { line-height: 1.33; margin-bottom: 0.33em; }
#main ul li { list-style: square; }

#main .album ol {margin: 0 1em 0 2em; padding: 0; font-size: 90%;}
#main .album li {margin: 0 0 0 1em; }

/* LEFTBAR ********************************************************************/

#leftbar { position: absolute; top: 91px; left: 0; z-index: 100; width: 10em;
	font-size: 1em; line-height: 1.2;
	padding: 1.75em 0 0; margin: 3em 0 0 0;
	color: #5A5A5F; }
#leftbar .panel {margin: 1em 0 0; padding: 1em 1em 0 1em; border: 1px dotted #FFF;}
#leftbar .panel h4, #extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0;
  font-size: 90%; line-height: 1;
  border-bottom: 1px solid #AAA;}
#leftbar .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 80%;}
#leftbar .panel li {margin-left: 1em; text-indent: -1em;}

/* SIDEBAR ********************************************************************/

#extra {position: absolute; top: 91px; right: 0; z-index: 101; width: 18em; 
  font-size: 1em; line-height: 1.2;
  padding: 1.75em 0 0; margin: 3em 0 0;
  color: #5A5A5F;}
#extra a:link {color: #652;}
#extra a:visited {color: #880;}

#extra .panel {margin: 1em 0 0; padding: 1em 1em 0 3em; border: 1px dotted #FFF;}
#extra .panel h4, #extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0;
  font-size: 90%; line-height: 1;
  border-bottom: 1px solid #AAA;}
#extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;}
#extra .panel li {margin-left: 1em; text-indent: -1em;}
#extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em;
  font-style: italic; text-align: right; font-size: smaller;}
#extra .panel .more a {padding-left: 15px; background: url(pix/morearr.gif) 0 66% no-repeat;}

#extra #blogroll h5 {padding-right: 95px;}
#extra #blogroll ul {margin: 0.5em 1em 0 0;}
#extra #xfn-btn {float: right; margin: -20px 1px 0 5px;}

#extra #excuse {text-align: center; padding: 0 0.25em 0.66em; margin:  2em 1em -2em 3em;
  border: 1px solid #CCC;}
#extra #excuse h4 {display: inline; position: relative; top: -0.6em;
  border: 0; padding: 0 0.25em; margin: 0;
  background: #FFF; color: #666;
  text-transform: capitalize; font-size: 1em; font-weight: normal;}
#extra #excuse p {margin: 0; padding: 0; color: #444;}

#extra #extras {padding: 1em 0.5em 1em; margin: 2em 1em 0 3em; width: 13em;
  color: #666; border: 1px solid #AAA; border-width: 1px 0;}
#extra #extras h4 {display: none;}
#extra #extras ul {margin: 0; text-align: center; list-style: none;}
#extra #extras li {margin-left: 0.25em; display: inline;}
#extra #extras a {margin-right: 0.25em;}

/* FOOTER *********************************************************************/

#footer { margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em;
	border-top: 1px solid gray; text-align: center;
	color: gray; background: #FFF; }
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

/* CALENDAR *******************************************************************/
/*#calendar { width: 141px; padding: 0; margin: 0; border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif; color: #616B76; text-align: center; background-color: #fff; }
.nav, .nav a { font: bold 20px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif; color: #fff; background-color: #A2ADBC; text-align: center;
	text-decoration: none; }	
.month { font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif; color: #fff; background-color: #A2ADBC; text-align: center; }
td.day { font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif; color: #616B76; background: #D9E2E1; }
.today, td.today a, td.today a:link, td.today a:visited { color: #F6F4DA;
	font-weight: bold; background: #DF9496; }
td { border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; 
	width: 20px; height: 20px; text-align: center; }
th { border-top: 1px solid #A2ADBC; border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC; width: 20px; height: 20px;
	text-align: center; background: #FFA; color: #652 }*/