/* Thanks to Eric Meyer for his 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { margin: 0; padding: 0; color: #002424; background: #82969d url("../graphics/pat_dots.gif") top left repeat; font: .825em/1.8 "Lucida Grande", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif; } /* background pattern based on "bah" by  m‘na/silkra@gmail.com */
html>body { font-size: 12px; }
body#home  { color: #fff; }
img, img a { border: none; margin: 0; padding: 0; text-decoration: none; }
ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, cite { margin-left: 30px; margin-right: 20px; }
p, cite { font-size: 100%; margin-top: 0; margin-bottom: .5em; }
b, strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6, #schedule li.title { line-height: 1.3em; font-weight: normal; font-family: Georgia, serif; margin-top: 0; margin-bottom: .25em; padding: 0; clear: left; }
h1 { font-size: 200%; line-height: 1em; margin-top: .5em; }
p+h1 { margin-top: 0; }
h2 { font-size: 160%; margin-top: .5em; } /* line-height: 1.286em; */
h3 { font-size: 140%; margin-top: 1em; } /* line-height: 1.1em; */
h2+h3 { margin-top: 0; }
h4, h5, li.title { text-transform: uppercase; font-weight: bold; font-size: 100%; margin-top: 1em; line-height: 1.5em; }
h4 { margin-top: 2em; }
h5 { margin-top: 0; }
h6 { text-align: right; text-transform: uppercase; font: normal 90% verdana, sans-serif; margin: 0; }
ul { margin: .5em 0; }
li { margin-bottom: .5em; margin-left: 50px; list-style: square outside; }
table, tr { font-size: 1em; vertical-align: top; }
li.title { margin-left: 30px; list-style: none; }
td { padding: 3px 6px 3px 0; vertical-align: top; }
.fl { float: left; margin: 5px 10px 2px 0; }
.fr { float: right; margin: 5px 0 2px 10px; }
.top { text-align: right; font-size: .8em; }
.caption, .credit  { text-transform: uppercase; color: #fff; text-align: center; }
.credit { text-align: right; }

ul.nobull li { list-style-type: none; }
.underline { border-bottom: 1px solid #eee; margin: 0; padding: 10px 0 2px; }
.correx { text-decoration: line-through; color: #ccc; }

a, a:visited { color: #066; text-decoration: underline; }
a:visited { color: #366; }
#home a { color: #98eae6; }
#home a:visited { color: #d0e7e6; }
h6 a, h6 a:visited { color: #fff; text-decoration: none; }
a:hover { color: #066; text-decoration: none; }
#home a:hover { color: #1ab5ef; }

blockquote { margin: 1em 20px; padding: 2px 2px 10px; }
.half { width: 49%; float: right; margin-top: 0; }
.half h4 { margin-top: 0; }

.clear { clear: both; line-height: 0; height: 0; }
.clear_rule { clear: both; line-height: 0; border-top: 0.1em solid #ccc; padding-top: 2em; }

#footer { clear: both; height: 2em; margin: 1em 0 0; padding: 1em .5em .5em; color: #fff; background-color: #503b1b; font: 9px/1em verdana, geneva, arial, helvetica, sans-serif; }
#footer a { color: #fff; }

#container { position: relative; width: 960px; margin: 1em auto; text-align: left; background: #6e5328 url("../graphics/bg2.gif") top left no-repeat; } /* Thanks to Christina Newhard for dot concept. */

.col { float: left; margin: 0; padding: 20px 0; }
#c1 { width: 140px; }
#c2 { width: 350px; padding-left: 10px; }
#c3 { width: 380px; padding-right: 10px; padding-left: 30px; }
#c23 { width: 680px; background-color: #fff; border: 10px solid #e9dacb; margin-left: 50px; padding: 20px; }
* #c23  { width: 640px; }
#feature { width: 700px; border-bottom: 1px solid #82969d; margin-left: 40px; padding-bottom: 10px; }

#body_gallery #pics { width: 600px; display: block; text-align: center; padding: 12px 0 0 0; margin: 2em auto; border: 6px double #333; }
#body_gallery #footer { background-color: #333; margin-top: 2em; }

#body_schedule { background: #486287 url(../graphics/tour.jpg) 0 0 no-repeat; color: #fff; }
#body_schedule #container { background-image: none; width: 100%; margin: 0; padding: 0; border-width: 0; }
#body_schedule ul { margin: 170px 0 30px; padding: .5em 1em 1em; }
#body_schedule li { list-style: none outside; margin: 10px 4px 0 0; padding: 0; color: white; font: 105%/1.8em verdana, geneva, arial, helvetica, sans-serif; }
#body_schedule li.title { font-weight: bold; margin-top: 1em; color: #fff; }
#body_schedule a, #body_schedule a:visited { color: #fff; border-color: #fff; }
#body_schedule footer { padding: 0; }

#lookee { margin: 10px 0 4px 20px; padding: .2em .2em 1em .5em; background-color: #e9dacb; } /*  float: left; position: relative; width: 50%; */
#lookee ul { float: left; width: 90%; margin: .5em 0; }
#lookee li { margin: 0 0 0 2em; }
#lookee a { font-weight: bold; margin: 0; }

#hd { float: left; position: relative; top: 0; left: 0; width: 100%; clear: both; margin: 0; padding: 0; z-index: 10; }
/*	Image replacement for the masthead
	Much gratitude to Jason Estes (www.bewb.org) for direction on how to make an image-replaced h1 work as a hyperlink */
#hd h1 { float: left; background: transparent url("../graphics/toshihd.gif") 0 0 no-repeat; width: 550px; height: 90px; overflow: hidden; font-size: 10px; padding: 0; margin: 0; }
#hd h1 a { display: block; padding: 90px 0 0 0; height: 0px !important; /*Set height for compliant browsers*/ overflow: hidden; height /**/:90px; /*Set this for IE 5 & 5.5*/ }
#hd h1 a:hover { background-image: url("../graphics/toshihd2.gif"); }
#hd h2 { float: right; background: transparent url("../graphics/b-tour.gif") 0 0 no-repeat; width: 300px; height: 66px; overflow: hidden; font-size: 10px; padding: 0; margin: 0; }
#hd h2 a { display: block; padding: 66px 0 0 0; height: 0px !important; /*Set height for compliant browsers*/ overflow: hidden; height /**/:66px; /*Set this for IE 5 & 5.5*/ }
#hd h2 a:hover { background-image: url("../graphics/b-tour2.gif"); }
#hd img.hdr, #hd img.hdr2 { float: right; width: 158px; height: 108px; margin: 0; border-right: 3px solid #000; padding: 0; }
#hd img.hdr2 { width: 313px; }

#mov { float: right; width: 720px; margin: 10px 50px 0 5px;  z-index: 0; }
/* #mov { float: right; width: 450px; margin: 0 -15px 5px 5px;  z-index: 0; } */
#media { float: right; width: 380px; margin: 10px; padding: 0; z-index: 0; }

.section { font-size: 110%; display: block; margin: 0 0 30px 17px; }
.item { margin: .5em 0; padding: 1em 1em 0 0; background: url("../graphics/itembg.gif") top right no-repeat; }
body#home .item { background-color: #82969d; background-image: none; padding: 1em .125em 1em 0; margin-bottom: 1em;}
body#home .item p, body#home .item a, body#home .item a:visited { font-size: 115%; color: #002424; }
body#home .item blockquote { margin-bottom: 0; }

.rule { border: 1px solid #000; }
.links, .stack { margin: 0 20px 0 30px; }
.links a { float: left; margin: .5em 1em .5em 0; border: none; text-decoration: none; }
.stack a { display: block; margin: 6px 20px 30px; padding: 0; text-decoration: none; }

#nav { width: 100%; padding: 0; margin: 50px 0 0; border-bottom: 1px solid #82969d; border-right: 1px solid #82969d; } /* reduced margin-bottom from 50px when removed Flickr */
#nav ul { padding: 0; margin: 0; background-color: #6e5328; }
#nav li { display: inline; list-style: none outside; padding: 0; margin: 0; line-height: 1; }
#nav ul a, #nav ul a:visited { font-size: 1em; font-weight: bold; display: block; text-transform: uppercase; text-decoration: none; color: #fff; padding: 6px 10px; margin: 0; border-top: 1px solid #82969d; border-bottom: 0; }
#nav ul ul a, #nav ul ul a:visited { margin-left: 20px; text-transform: none; }

a#schedule:hover { background-color: #f90; }
#about a.about, 
#reviews a.reviews, 
#projects a.projects, 
#temp a.temp, 
#archives a.archives,
#thinkabout a.thinkabout, 
a.about:hover, 
a.reviews:hover, 
a.projects:hover, 
a.temp:hover, 
a.archives:hover,
a.thinkabout:hover { background-color: #c11; }

#hear a.hear, 
a.hear:hover { background-color: #da7312; }

#photos a.photos, 
a.photos:hover { background-color: #d1b946; }

#biglovely a.biglovely, 
a.biglovely:hover { background-color: #759d5e; }

#contacts a.contacts, 
a.contacts:hover { background-color: #377cbd; }

#promote a.promote, 
#presskit a.presskit, 
#contracts a.contracts, 
a.promote:hover, 
a.presskit:hover, 
a.contracts:hover { background-color: #30475e; }

#discs a.discs, 
#lyrics a.lyrics, 
#buy a.buy, 
a.discs:hover, 
a.lyrics:hover, 
a.buy:hover { background-color: #4e3a74; }

#links a.links, 
a.links:hover { background-color: #006; }

#nav a:hover { color: #fff; text-decoration: none; }

p#bug { float: right; position: relative; margin: 10px -10px 0 10px; width: 89px; height: 78px; color: #c11; }
p#bug a { font-size: 1px; color: #c11; }
p#bug a span { background: url(../graphics/newGigs.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; }
p#bug a:hover span { background-image: url(../graphics/newGigsOver.gif); }

ul.but { border: 0; list-style-type: none; margin: 0; }
ul.but li { height: 71px; width: 256px; margin: 10px auto; padding: 0; position: relative; font-size: 10px; color: #af9274; }
a#tour span { background: url("../graphics/b-tour.gif") 0 0 no-repeat; position: absolute; width: 100%; height: 100%; }
a#tour:hover span { background-image: url("../graphics/b-tour2.gif"); }

#buycds a { display: block; margin: 30px auto; padding: 0; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; border: none; }
#buycds a:hover { color: #b2bdef; }
#buycds a:hover img.rule { border: 1px solid #b2bdef; }

#body_gallery { background: #000; text-align: center; }
#body_gallery #pics { width: 600px; display: block; text-align: center; padding: 12px 0 0 0; margin: 2em auto; border: 6px double #333; }
#body_gallery #footer { background-color: #333; margin-top: 2em; }
#body_gallery a { color: #eee; }

a:hover { background-position: 0 0; } /* IE hack to ensure that the image returns to original state - thanks, Ingo Chao */

#fb p, #presenter p, #think p, #buycds p { float: left; width: 133px; height: 90px; overflow: hidden; font-size: 10px; padding: 0; margin: 50px 0 0; }
#fb p a, #presenter p a, #think p a, #buycds p a { background: url("../graphics/b-presenter.gif") 0 0 no-repeat; display: block; padding: 90px 0 0 0; width: 100%; height: 0px !important; /*Set height for compliant browsers*/ overflow: hidden; height /**/:90px; /*Set this for IE 5 & 5.5*/ }
#fb p a { background-image: url("../graphics/b-facebook.gif"); margin-top: 0; }
#think p a { background-image: url("../graphics/b-think.jpg"); }
#buycds p a { background-image: url("../graphics/b-buycds.gif"); margin-top: 0; }
#fb p a:hover, #presenter p a:hover, #think p a:hover, #buycds p a:hover { background-position: 0 -90px; }

#join { float: left; width: 133px; padding: 3px; margin: 40px 0; color: #fff; } /* text-align: center;  */
#join form { margin: 1em 5px; }
#join label { text-transform: uppercase; margin: 0; padding: 0; }
#join p { font-size: 90%; line-height: 1.5; margin: .5em .5px 1em; }
#join a { color: #fff; }

/* forms */
fieldset { border: 0; padding: 0; margin: 0; }
label, select, input { font-size: 90%; padding: 2px 3px; margin: 0; }
label, select { display: block; margin: 0; }
input.txt { width: 115px; padding: 2px 3px; margin: 4px 0; text-transform: uppercase; background-color: #efefef; }
input#submitme { border: 3px ridge #ccc;; font-size: 90%; text-transform: uppercase; text-align: center; padding: 0; margin: 0; background-color: #efefef; color: #000; }

/* Flickr Flash badge */
.zg_div {margin:5px 10px; width:117px;}
.zg_div_inner {border: solid 1px #000; background-color:#000; color:#666; text-align:center; font-size:10px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#069; background:inherit !important; text-decoration:none !important;}
/* Flickr html badge */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3399FF;}
#flickr_badge_wrapper {background-color:#000000;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* SimpleViewer slideshow */
#flashcontent2 { 
		height: 100%;
	}

/* * */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* * */