/*	color: #CCCC99; */
html
{


}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999966;
	background-color: #333333;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #cc9;/* old	color: #996;*/
	background-color: inherit;
	outline: none;
	}


a:hover, a:active {
	text-decoration: underline;
	}

strong, b {
	font-weight: bold;
	}

dt {
	color: #cccc99;
	background-color: inherit;
}


hr {
	color: #996;
	height: 1px;
}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;

	font-weight: bold;
	letter-spacing: .25em;
	margin-top: 0;
	margin-bottom: 0;
		color: #CCCC99;
	background-color: inherit;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 3px;
		color: #CCCC99;
	background-color: inherit;
	padding-bottom: 0px;
	}
h4 {
	color: #CCCC99;
	background-color: inherit;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 3px;
	}

h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #cccc99;
	background-color: inherit;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
blockquote p.small {
	font-size: 12px;
	line-height: 18px;
}		
	
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

img {
	border: 0;
	}
	
li {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 10px;
}	


li strong {
	color: #cc9;
	background-color: inherit;
}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

#middle {

	background-color: #5A0508;
	color: inherit;
	 /*margin: -20px 190px 0px 190px; ie5win fudge begins */
	 margin: 0 auto;
	 padding: 0;
	 width: 800px;
	border-left: 2px solid #999966;
	border-right: 2px solid #999966;
		border-top: 10px solid #111100;
	border-bottom: 10px solid #111100;
	}
	
	
#head1 {
	background-image: url(../img/ttwj_header.jpg);
	background-repeat: no-repeat;

	border-bottom: solid 2px #110;
	background-position: right top;
	width: 100%;
	height: 150px;

	text-align: left;

	
}


#head1 p, #head1 h1 {
	margin: 0 0 0 25px;
	letter-spacing: .5em;
}

#head1 p {
	font-size: 14px;
	font-style: italic;
	padding-top: 25px;
	letter-spacing: .1em;
}

#head1 h1 {
	margin-left: 50px;
	font-size: 22px;
}

html>body #middle {
	margin-top: 0px; /* ie5win fudge ends */
	}
	
#content {
width: 100%;
padding: 10px;
}	


#nav {
	float: left;
	width: 150px; /* old 	width: 130px; */
	padding: 5px;
	}	

#nav ul#navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 95%;/* old 90% */
}	

#navigation li {
	display: block;
	font-size: 12px;

}

#navigation li a:link, #navigation li a:visited {

	color: #996;
	background-color: inherit;
	font-weight: normal;
	display: block;
	padding: 7px;
}

#navigation li a:hover, #navigation li a:active {
	background-color: #330000; /* old color #996; */
	color: #996; /*old color #660000; */
	display: block;
	text-decoration: none;
}


.verticalwidgetshows {
	display: block;
	text-align: center;
	font-size: 7px;
}
/* padding at top of widget column */	
.padding_top {
	padding: 36px;
}

#social {
	display: block;
	text-align: left;
	font-size: 10px;
	margin: 15px 5px 15px 5px;

}

#social img {
	margin: auto auto -5px 5px;
}

#social a img {
	border: none;	
}

/* for one continuous column of widgets */
#widgetleft {
	float: left;
	text-align: center;
	margin-top: 50px;
	font-size: 7px;
}	
#sidebar {
	float: right;
	width: 160px;
	padding: 10px 15px 10px 7px;
	text-align: center;

}

#sidebar a:link, #sidebar a:visited {
	color: #cc9;
	background-color: inherit;
	font-weight: bold;
}

#sidebar a:hover, #sidebar a:active {
	text-decoration:underline;
}

#sidebar h4 {
	text-align: center;
	letter-spacing: .25em;
	font-size: 14px;
	line-height: 18px;
	color: #996;/* color: #CCCC99;*/
	background-color: inherit;
}
#sidebar h5 {
	text-align: center;
	color: #996;/* color: #CCCC99;*/
	background-color: inherit;
}
#sidebar p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}
#sidebar p.timeline {
	text-align: justify;
	font-size: 12px;
	line-height: 14px;
	margin: 20px 10px 10px 10px;
	clear: right;
}



.advert {
	text-align: center;
	margin: 20px auto;

}


.advert a:link img {
	border: none;	
}
p.timeline img {
	float: right;
	margin: 0 0 10px 10px;
	display: block;
}
.plain {
	font-weight: normal;
	letter-spacing: normal;
	margin: 0;
	font-size: 12px;
}	
.initcaps {
	font-variant: small-caps;
	font-weight: bold;
}

.upper {
	text-transform: uppercase;

}
#text, #text2, #minheight {
	margin-left:160px;/* old 	margin-left:150px; */

	margin-right: 180px;
	border-right: dotted 1px #996;
	border-left: dotted 1px #996;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#minheight {
	min-height: 800px;
}
/*redefines width and right border for show page */
#text2 {
	margin-right: 0;
	border-right: none;
	width: 590px;
	margin-bottom: 15px;
	}


	
.nomargin {
	margin: 0px;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.tiny, .medium, p.medium, p.tiny, #sidebar .medium  {
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
.tiny, p.tiny {	
	font-size: 9px;	
}	
.medium, p.medium, #sidebar .medium  {
	font-size: 10px;
}	



.initcaps {
	font-variant: small-caps;
}
form {
	display: inline;
}


select { background-color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCC99; float: right; }

option {
 border-bottom: 1px solid #666666;
margin: 3px;
}


span#monthnav {
	float: right;
	display: block;
	font-size: 9px;
	line-height: 11px;
	color: #996;
	background-color: inherit;
	padding: 3px 0 0 10px;
	width: 350px;
	text-align: right;
	
}
#monthnav a {
	color: #996;
	background-color: inherit;
	text-decoration: none;
}

#monthnav a#current, #monthnav a.current {
	color: #cccc99;
	background-color: inherit;
}

#showlisting {
	margin-bottom: 25px;
}


#showlisting p {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	margin: 3px;
}

#showlisting a {
	font-size: 10px;
}	
.year {
	float: left;
}

p.year {
	color: #cccc99;
	background-color: inherit;
	font-size: 12px;
}




/* shows table */
.month {
	color: #cccc99;
	background-color: inherit;
}

#shows {
	width: 600px;
	vertical-align: top;
	margin-top: 20px;
}

div#ffcenter {
	  text-align: center; /* IE */
}
#shows2, #reach {
	vertical-align: top;
	margin: 20px auto 0 auto;
	clear: both;
	text-align: left;
}

#shows2 {
	width: 720px;
}

#reach {
	width: 750px;
}

#shows td, #shows2 td, #reach td {
padding: 5px;
vertical-align: top;
}

#reach td.center {
	text-align: center;
}

#reach td {
	border-left: dotted 1px #330000;
	border-right: dotted 1px #300;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

#reach .medium {
	font-size: 11px;
	line-height: 14px;
	color: #cc9;
	background-color: inherit;
	}
	



tr.heading, #reach tr.heading {
	font-variant: small-caps;
	background-color: #330000;
	color: #CCCC99;
	letter-spacing: .10em;
	vertical-align: middle;

}

tr.heading td, #reach tr.heading td {
	font-weight: bold;
    padding: 5px 3px;
	border-bottom: 	solid 1px #999966;
	border-top: 	solid 1px #999966;
	font-size: 11px;
	text-align: center;
}


#reach tr.block {
	border-bottom: 	solid 1px #999966;
	border-top: 	solid 1px #999966;
	background-color: #330000;
}

#reach tr.block td {
		height: 5px;
		padding: 0;
}

#shows td.quote, #shows2 td.quote {
	padding: 5px 20px;
	width: 200px;
	border-left: solid 1px #330000;
	border-right: solid 1px #300;
	
}

.quote ul {
	list-style-type: circle;
	margin: 10px 0 0 15px;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
}

.quote li {
	margin-left: 15px;
	margin-bottom: 2px;

}

.noltrspace {
	letter-spacing: normal;
}
#shows td.widget, #shows2 td.widget {
	width: 120px;
	text-align: center;
	font-size: 9px;
	border-left: solid 2px #330000;
}

#shows td.date, #shows2 td.date {
	text-align: center;
	border-left: solid 1px #330000; /*	border-left: solid 2px #330000; */
	font-size: 10px;
	height: 300px;
}

#shows td.topic, #shows2 td.topic {
	font-variant: small-caps;
	text-align: center;
	font-size: 11px;

}

.saying {
	font-size: 12px;
	line-height: 18px;
	
	font-weight: bold;
	margin: 0;
	padding: 0;
	
}

.author {
	display: block;
	text-align: right;
	padding-right: 10px;
			font-size: 11px;
	font-variant:small-caps;
	margin-top: 5px;
}

#shows td.beyond, #shows2 td.beyond {
	text-align: center;
	border-left: solid 1px #330000; /*	border-left: solid 2px #330000; */
	border-bottom: solid 1px #300;
	border-right: solid 1px #300;	
	font-size: 13px;	
	font-weight: bold;
	text-transform: uppercase;
}


#shows td.artist, #shows2 td.artist {
	text-align: right;
	border-bottom: dotted 1px #300;
	font-variant:small-caps;
	vertical-align:middle;
	font-size: 11px;
	height: 40px;
	padding-top: 15px;
	

}

#shows td.music, #ffcenter #shows2 td.music {
	text-align: left;
	border-right: solid 2px #330000;
	border-bottom: dotted 1px #300;
	vertical-align: middle;

	font-size: 12px;
	color: #cc9;
	background-color: inherit;
	height: 40px;
	padding-top: 15px;
	}


	
td.music p {
	color: #cc9;
	background-color: inherit;
	font-size: 12px;
	line-height: 12px;
	padding: 0;
	margin: 0;

}


span.small {
	display: block;
	font-size: 8px;
	line-height: 10px;
	color: #996;
	background-color: inherit;
	padding: 3px 0 0 10px;
}		

td. {
	text-align: right;
	font-size: 7px;
		border-top: solid 2px #300;
		border-bottom: solid 2px #300;
		height: 20px;
}

td.sep {
	text-align: right;
	font-size: 7px;
		border-top: solid 2px #300;
		border-bottom: solid 2px #300;
		height: 20px;
}

td.show_carousel {
	text-align: center;
	font-size: 7px;
	border-top: dotted 1px #300;
	border-left: solid 2px #330000;
	border-right: solid 2px #330000;
	border-bottom: none;
}

td.mp3 {
	border-top: dotted 1px #300;
	border-left: solid 2px #330000;
	border-right: solid 2px #330000;
	border-bottom: none;
	text-align: center;
	padding: 10px 0;
}

td.sep1 {
	text-align: right;
	font-size: 7px;
	height: 5px;
	border-bottom: solid 2px #300;
}



#shows td.last, #shows2 td.last, #reach td.last {
	text-align: right;
	border-top: solid 2px #300;
	height: 20px;
	font-size: 8px;
}

td.last a:link, #shows td.last a:visited {
	font-weight: normal;
}
td.last a:hover, td.last a:active {
	text-decoration: underline;
}


/*end shows */

#footer {
	width: 100%;
	border-top: solid 1px #110;
	text-align: center;
	background-color: #330000;
}	

#footer p {
	font-weight: normal;
	font-size: 9px;
	margin: 0;
}




#footer a:link, #footer a:visited {
	color: #996;
	background-color: inherit;
	font-weight: normal;
	font-size: 9px;



}

#footer a:hover, #footer li a:active {
	text-decoration: none;
	color: #CCCC99;
	background-color: inherit;
}

#copyright {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

#copyright p {
	font-size: 10px;
	margin: 0;
}
#copyright a:link, #copyright a:visited {
	font-weight: normal;

	color: #996;
	background-color:inherit;
}

#copyright a:hover, #copyright a:active {
	text-decoration: none;
	color: #CCCC99;
	background-color: inherit;
}
.ad {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;

}


/* widget or ads in right sidebar */
#sidebar .mp3widget, #sidebar .separator  {
	text-align: center; 
	width: 145px;
	border-top: 1px solid #996;

}

#sidebar .separator {
	border-bottom: 1px solid #996;
	margin-top: 15px;
	padding-bottom: 10px;
}

#sidebar .mp3widget {
	margin-top: 25px;
	padding-top: 15px;/* old 25px; */
}

.mp3widget iframe, .mp3widget img {
	margin-left: auto;
	margin-right: auto;
}


#sidebar .mp3widget p {
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 5px;
	
}


object.audio {
	float: right;
	margin-bottom: 10px;
	outline: none;
}

div.resource {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #300;
	
	padding-top: 5px; /* old 10px;*/
	padding-right: 0;
	/*padding-bottom: 20px;*/
	padding-left: 0;
	margin-top: 25px;

	
}

div.resource p {
	line-height: 14px;
	margin-top: 15px;

}
div.resource img {
	margin: 0 10px 5px 0;
	float: left;
}

div.resource a img {
	border: 2px solid #330000;
	outline: none;
}

div.resource img.listen {
	border: none;
	float: none;
	vertical-align: bottom;
}

a img.listen {
	border:none;
	outline: none;
}

div.resource a:link, div.resource a:visited {
	font-weight: bold;
}


/* Instructions page */

div.section_block {
	padding: 15px;
	margin-top: 15px;
	background-color:#300;
}

div.section_block h5 {

	text-transform: uppercase;
	color: #996;
	margin-bottom: 15px;
}

div.screen {
	padding: 10px 0 0 0;
	text-align: center;
	margin-bottom: 15px;
}

div.screen img {
	padding-bottom: 15px;
}

div.screen p {
	font-size: 11px;
	margin: 0;
}

.padding {
	padding: 10px;
}

.left {
	text-align: left;
}

.initial {
	font-variant: small-caps;
}


.inline {
	display: inline;

}

.star {
	margin: 0;
	vertical-align: bottom;
}