/* 
   this is the MELROSE css layout designed for TOOLSHED.DOWN.NET

   this css layout (c) 2005-11 kabir akhtar.  written by hand.
   feel free to learn from it, but do not copy or
   republish entire chunks as your own without credit.  thanks and good luck.

   last updated: 05/24/11 

*/


body {
	background-color: #111;
	color: #ff0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

A         { color: #09c; text-decoration: none; border-bottom:dotted 0px}
A:visited { color: #099; text-decoration: none; border-bottom:dotted 0px}
A:hover   { color: #0cf; text-decoration: none; border-bottom:dotted 1px}
A:active  { color: #f00; text-decoration: none; border-bottom:dotted 1px}



/* --master and Top/Masthead layout-- */

#master, #masterForWP {
	background-color: #000;
	width: 750px; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 26px;
		/* puts space under everything.
		there's too much on IE but at least
		this way there is enough in good browsers */
	border: 1px solid #111;
		/* for reasons i can't explain,
		taking this away leaves an ugly space
		at the bottom of the page. margin collapsing? */

/*	border-left: 1px solid #660;
	border-right: 1px solid #660;
*/
	}


#topbox {
	height: 250px;
	border: 0px solid #0f3;
/*	background-image: url("../buttons/headers/2k6roundheader660face10k.jpg");
   TURNED OFF, now handled by the header php code */
}

#mastheadTDN {
	position: relative;
	top: 2px;
	left: 0px;
		/* set it away from the topbox bg img */
	width: 740px;
	height: 247px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

	#mastheadTDN h1 {
		position: absolute;
		top: 180px;
                width: 268px;
		margin-left: 30px;
		font-size: 18px;
		text-align: center;
		z-index: 2;
		color: #900;
		}

	#mastheadTDN h2 {
		position: absolute;
		top: 198px;
		margin-left: 10px;
                width: 268px;
		text-align: center;
		font-size: 10px;
		color: #600;
		z-index: 1;
		}

	#mastheadTDN h3 {
		display: block;
		position: absolute;
		top: 116px;
		width: 268px;
		background-color: #000;
		border-top:    1px solid #039;
		border-bottom: 1px solid #039;
		margin-left: 30px;
		font-size: 10px;
		color: #333;
		font-weight: normal;
		font-style: italic;
		text-align: center;
		z-index: 1;
		}

	#mastheadTDN h4 {
		position: absolute;
/*
		display: none;
*/
		top: 235px;
		width: 268px;
		height: 50px;
		left: 30px;
		margin: 0px;
		padding: 0 0 0 0px;
		color: #060;
		z-index: 1;
		font-size: 10px;
		}


/*
	#mastheadlogo {
		border: 0px solid #333;
		position: absolute;
		top: 75px;
		}
*/

	#mastheadTDN span.logo {
		background-image: url("http://toolshed.down.net/pix/tdnbig1.jpg");
		width: 268px;
		height: 97px;
		position: absolute;
		top: 75px;
		margin-left: 30px;
		z-index: 0;
		border: 0px solid #000;
		}


#roundbottom {
	position: relative;
	top: -30px;
	background-image: url("../buttons/2k5roundbottom660.jpg");
	background-repeat: no-repeat;
	height: 60px;
	}



/* --other DIV setup here-- */


#buttonTDN {
	width: 750px;
	height: 50px;
/*	padding: 30px 0 30px 0px;
		before setting a fixed height */
	padding: 30px 0 0px 0px;
        background-image: url("../buttons/2k6sideborder660.jpg");

	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #393;

/*	border-left: 1px solid #66f;
	border-right: 1px solid #66f;
	background-color: #330;
	border: 0px dotted #03f;
		LEFTOVER FROM BETA TESTING */
	}

#middle, #middleForWP {
	width: 750px;
	margin: 0px;
	padding: 0px;
        background-image: url("../buttons/2k6sideborder660.jpg");
	border: 0px dotted #f06;	
/*	border-left: 1px dotted #0f0;
	border-right: 1px dotted #0f0;
		LEFTOVER FROM BETA TESTING */
}

#sectionheader {
	width: 750px;
	margin: 0px;
	padding: 0px;
/*
	background-image: url("../buttons/2k6sideborder660.jpg");
	background-position: top;
	text-align: center;
*/
	border: 0px dotted #f66;	
}

#outline {
/*
	position: absolute;
	top: 406px;
		using absolute, the tops of this and content are
		misaligned b/c you haven't yet set up exact ht's
		for preceding items.
		it is not part of MIDDLE.
		and it overlaps footer when long.  very bad.
*/
		/* 250 + 120? + 42 */

	float: left;

/*
		using float left, they are aligned,
		but is not part of the MIDDLE box,
		but footer is pushed down correctly.

		using neither, it stays part of MIDDLE,
		pushes footer down correctly, but then
		content is pushed below this box.
*/

	width: 180px;
	padding: 0 10px 0px 8px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #ccc;
	border: 0px dotted #0ff;

/* 	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;    */

}

/* this is the box model hack */

/* it's 750-(180+(10+8 +10 +10) +1 +1) but don't count the 38 for IE*/
/* but subtract another 4 for roundoff, ok? */

/* FOR THE OLD 666 it was 444 464 444 */
#content, #contentForWP {  width: 526px; } /* for browsers with good boxes, no escapes */
#content, #contentForWP { \width: 544px; } /* WRONG VALUE, for IE5.Win */
#content, #contentForWP { w\idth: 526px; } /* for browsers w/escapes like safari*/


#content, #contentForWP {
/*
	float: left;
	position: absolute;
	top: 406px;
*/
	margin-left: 200px;
	margin-bottom: 0px;
	font-size: 11px;
	color: #ccc;
	border-left: 1px dotted #333;
	padding: 0 10px 10px 10px;
		/* need bottom padding to keep it from merging w/footer */
}


#widecontent, #widecenteredcontent {
	font-size: 11px;
	color: #ccc;
	padding: 0 0px 10px 0px;
		/* need bottom padding to keep it from merging w/footer */
	border: 0px dotted #0c0;
}

#widecontent {
/*
	float: left;
	position: absolute;
	top: 406px;
*/
	width: 728px;
	/* round down to make sure it doesn't do something bad	*/
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}

#widecenteredcontent {
	margin-left: 175px;
	width: 400px;
/*		round down to make sure it doesn't do something bad
		used m-l not "left" b/c it seems left f's it all up in IE
	position: relative;
		*/
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: center;
}


#cheat {
/*	only exists to cover blank.gif's which are there to workaround
	any float's which are causing border breakage before footers.
	this way you can hide them if you must with...
	display: none;
 */
}



#footerTDN {
	clear: both;
	height: 70px;
	margin: 0 0 -15px 0;
	padding: 30px 0 0px 0;
	text-align: center;
        background-image: url("../buttons/2k6roundfooter660.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
  /*
	border: 0px dotted #c0c;
  */
}






/* ---- for the front of the Opinion page ---- */

#wrapping {
	width: 500px;
	position: relative;
	top: 20px;
	left: 115px;
	border: 0px dotted #0c0;
}

#wrapimage {
	border: 0px dotted #0cc;
	float: left;
	width: 200px;
	text-align: right;
	color: #666;
}

#wraptext1 {
	border: 0px dotted #c0c;
	padding-left: 10px;
	width: 280px;
	float: left;
}

	#wraptext1 p.p1 {
		padding: 0 0 0 0px;
		margin: 0px;
		width: auto;
		border: 0px dotted #fff;
	}


#wraptext2 {
	border: 0px dotted #f00;
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
}

	.footnote {
		color: #999;
		font-size: 9px;
	}







/* content header styles */


	p.sectionlogo {
                width: 740px;
                height: 42px;
		margin-left: auto;
		margin-right: auto;
		}
		/* was used when sect header was an img */

	p.sectionlogo2 {
                width: 750px;
                height: 42px;
		background-image: url("../buttons/2k6redsectbgblur.jpg");
/*
		border: 1px dotted #3f0;
		background: #090;
*/
		background-repeat: no-repeat;
		background-position: center center;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		}
		/* was used when sect header was a bg
		   with the below span controlling the fg text */

	.sectionname {
	        border: 0px dotted #c0c;
		position: relative;
		top: 10px;	/* (picHt - fSize)/ 2, fudge it up 2 */
		left: 17px;
                color: #000;
                font-family: Georgia, 'Times New Roman', Times, serif;
                font-size: 18px;
                letter-spacing: -1px;
		}



	#middle h1, #middleForWP h1,
	#content h2, #contentForWP h2,
	#outline h2, #widecontent h2, #widecenteredcontent h2 {
/*		color: #993;
		color: #cc9;
*/
		color: #900;
		margin: 0 0 0 0px;
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 18px;
		letter-spacing: -1px;
/*		border-bottom: 1px solid #660;
*/		
		}
		/* section header text and page header text styles only
		   i.e., NEWS and current news */



	#widecontent h2.underlined, #content h2.underlined, #contentForWP h2.underlined {
		border-bottom: 1px solid #333;
		}

		/* if item following h2 does not have an upper borderline */

	#widecontent h2 {
		width: 400px;
		}

	#widecenteredcontent h2 {
		text-align: left;
	/*
		border: 1px dotted #fff;
		margin-bottom: -20px;
	*/	}


	#middle h1, #middleForWP h1 {
		position: relative;
		top: -5px;
		border-bottom: 1px solid #300;
		text-transform: uppercase;
		margin-left: 12px;
		margin-right: 12px;
		}

	#middle h1.hot,
	#middleForWP h1.hot,
	#content h2.hot, #contentForWP h2.hot,
	#widecontent h2.hot, #widecenteredcontent h2.hot {
		color: #930;
		border-bottom: 1px solid #410;
		}
		/* currently the orange look for meta-site sections */

	#middle h1.cold,
	#middleForWP h1.cold,
	#widecontent h2.cold, #widecenteredcontent h2.cold {
		color: #06f;
		border-bottom: 1px solid #06f;
		}
		/* currently the blue look for non-news info sections */

	#content h2.cold, #outline h3.cold, #outline h3.coldnotfirst {
		color: #cc9;
		}
		/* the off-white title text for blue-headered pgs */

	#content h2.cold, #content h2.hotxxxNOTANYMORE {
		border-bottom: 1px solid #060;
		}
		/* just-the-page headers should have no underline */
		/* the jury is clearly still out on this.  check blue
		   pages like Video and Articles for examples. */

	#content h2.hot {
		border-bottom: 1px solid #333;
		}
		/* just-the-page headers should have no underline --too much orange*/


	#outline h3.hot {
		color: #993;
		}
		/* the yellowy title text for orange-headered pgs */

	.subheading {
		color: #666;
		font-style: italic;
		font-size: 11px;
		}





/* --left nav style-- */


	#outline span.navsubheading {
		display: none;
		position: relative;
		left: 2em;
		margin: 0;
		color: #999;
		}

        #outline ol {
                margin-left: 2px;
                padding: 0 0 0 15px;
                }

	#outline ul {
		margin-top: 0px;
		margin-left: 0em;
		padding: 0 0 0 2.2em;
		}

	#outline ul.ul2 {
	/*		 BLANK */
		}

	#outline li, #outline li.line1, #outline li.line1notfirst {
		display: block;
		color: #666;
		}

	#outline li.line1notfirst {
		margin-top: 10px;
		}

	#outline li.line2 {
		margin-left: -15px;
		color: #660;
		}

	#outline li.line2alt {
		margin-left: -15px;
		color: #060;
		}
		/* soon make this like the feedback bullets */

	#outline h3 {
                color: #700;
                font-family: Georgia, 'Times New Roman', Times, serif;
		letter-spacing: -1px;
		margin: 4px 0 0 9px;
		font-size: 13px;
		font-weight: bold;
/*		border-top: 1px solid #333;	*/
		}
		/* main headers for left nav */

	#outline h3.notfirst, #outline h3.coldnotfirst, #outline h3.hotnotfirst {
		margin: 30px 0 0 9px;
		}


	#outline h3.hot {
		}




/* --content styles-- */


	#widecontent h3, #content h3, #contentForWP h3 {
		letter-spacing: -1px;
		margin: 10px 0 0 0;
		padding: 0 0 0 0;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
/*		text-transform: uppercase;        */
		}

		/* wide's h3's are also mod'd below in the p1's */

	#content h3.lyrics, #contentForWP h3.lyrics {
		border-top: 1px solid #06f;
		border-bottom: 1px solid #06f;
		}

	h3.centered {
		text-align: center;
		}

	.newsdate {
		letter-spacing: -2px;
		position: relative;
		top: 1px;
		padding: 0 0.6em 0 0;
		font-size: 15px;
		color: #930;
/*		color: #c60;   */
		}

	.newsbullet {
		font-size: 10px;
		color: #960;
		}

	.newsendbullet {
		font-size: 12px;
		font-weight: bold;
		color: #630;
		}

	h4, .bignote {
		font-size: 14px;
		width: 400px;
		margin: 0 0 10 0px;
		padding-top: 10px;
		font-weight: normal;
		text-align: center;
		}

	#middle h4, #middleForWP h4, #content h4, #contentForWP h4 {
		margin-left:  auto;
		margin-right: auto;
		}

	#widecontent h4 {
		margin-left: 165px;
		}
		/* matches the div's defn. combine. */

	h4.hot {
		border-top: 1px solid #620;
		}
		/* is a brighter version of the hot underline */


	.p1 {
		color: #ccc;
		margin-right: 60px;
		padding: 0 0 0 6.1em;
		}
		/* your basic content is p1 */

	.p2 {
		color: #666;
		margin-right: 30px;
		font-size: 10px;
		text-align: right;
		}
		/* p2 is for news Posted-By's */

	.p3 {
		text-align: center;
		}

	#widecontent .p1 {
		margin: 0 165px 0 165px;
		padding: 0 0 0 0px;
		}
		/* wide p1 is narrow block centered on the page */
		/* is 165 cuz the div defn has 10 on each side too */

	#widecontent h3, #widecontent .p1 {
		width: 400px;
		}

	#widecontent h2, #widecontent h3 {
		margin: 0 165px 0 165px;
		}

	#widecenteredcontent .p1 {
		margin-right: 0px;
		padding-left: 0em;
		border: 0px dotted #808;
		}
		/* resetting margins/pad from broader p1 defns */

/*
	#wrapping .p1 {
		margin: 0 175px 0 175px;
		padding: 0 0 0 0px;
		}

	#wraptext .p1 {
		text-align: left;
		}
*/

	.newsquote {
		color: #999;
		margin-right: 60px;
		padding: 0 0 0 8.1em;
		font-style: italic;
		}

	.oneimage {
		color: #999;
		text-align: center;
		}

	.pleasenote {
		color: #c00;
		}
		/* for emphasis, currently makes text red */

	.bright {
		color: #fff;
		}
		/* for style not emphasis, makes text brighter! */


	.headingemphasis {
		color: #c93;
		}
		/* for search result text in an H2, for ex. */

	.madnessresult {
		color: #f96;
		xfont-style: italic;
		}
		/* for style not emphasis, makes text brighter! */


	.obnoxious {
		color: #0f0;
		font-size: 16px;
		font-weight: bold;
		}
		/* garish warning, like "dont ask for ticket info" */

	.aprilcomments {
		color: #ccc;
		margin-right: 60px;
		padding: 0 0 0 8em;
		font-family: Courier, "Courier New", serif;
		font-size: 12px;
		font-style: italic;
		}

	#content p.p1lyrics {
		color: #ccc;
		padding: 0 0 0 2.0em;
		font-family: Courier, "Courier New", serif;
		font-size: 12px;
		}

	#content p.p2lyrics {
		color: #999;
		padding: 0 0 0 4em;
		font-family: Courier, "Courier New", serif;
		font-size: 12px;
		}


	.subtle1 {
		color: #666;
		font-size: 10px;
		font-weight: normal;
	}


	.subtle2 {
		color: #333;
		font-size: 10px;
	}
		/* --- these used on front page; useful elsewhere --- */












/* --tables and dividers OTHER-- */


	table.offset {
		border-top: 1px solid #060;
		border-bottom: 1px solid #060;
		margin: 0 6.1em 0 6.1em;
		}
		/* like tour pages "contrib concert" */


	#widecontent table.offset {
		border-top: 1px solid #993;
		border-bottom: 1px solid #993;
		margin: 0 165px 0 165px;
		}
		/* like Links history -widecontent */


	.linedivider {
		border-top: 1px solid #060;
		width: 360px;
		margin-left: 6.1em;
	        }
		/* for a page like news */






/* --table for Video section-- */

	td.videoheader {
		text-align: right;
		vertical-align: top; 
		color: #cc9;
		font-weight: bold;
/*		width 50%
*/
		}

	td.videodata {
		vertical-align: top; 
		width: 50%;
		}








/* --table for Tour section-- */


	td.tourdate {
		text-align: right;
		vertical-align: top; 
		color: #ffc;
		}

	td.tourcity, td.tourvenue {
		text-align: right;
		vertical-align: top; 
		color: #ccc;
		}

	table.tourtable, table.credtable, table.contribtable {
		margin-left: auto;
		margin-right: auto;
		}

	td.tourheader {
		text-align:center;
		color: #cc9;
		font-weight: bold;
		font-size: 14px;
		}

	td.tourheader2 {
		text-align:center;
		color: #960;
		font-weight: bold;
		font-size: 12px;
		}

	td.tourreviewbox {
		vertical-align: bottom;
		}

	td.tourreviewboxglowy,
	td.tourreviewboxglowybad, 
	td.tourreviewboxglowyblank {
		width: 60px;
		border: 1px solid #111;
		background-color: #000;
		vertical-align: bottom;
		text-align: center;
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		xbackground-image: url("../buttons/reviews2k1bK.jpg");
		xbackground-position: middle left;
		}
		/* new glowy light up box, styled like the main menu */

	td.tourreviewboxglowyblank {
		border: 1px solid #000;
		}

	td.tourreviewboxglowy:hover {
		xbackground-color: #630;
		background-color: #036;
		border: 1px solid #990;
		}

	td.tourreviewboxglowy a,
	td.tourreviewboxglowy a:hover {
		xcolor: #cc9;
		color: #6cc;
		border: 0px;
		}

	td.tourreviewboxglowybad:hover {
		background-color: #000;
		border: 1px solid #f00;
		}
		/* for the boxes requiring strikethrough, dimming */

	.tourcancel {
		text-decoration: line-through;
		color: #999;
		}
		/* for the boxes requiring strikethrough, dimming */

	.cancelledreview {
		letter-spacing: normal;
		color: #900;
		}
		/* for the actual review link requiring strikethrough */

	td.endoftable {
		text-align:center;
		}




/* ---- for the Articles formatted in the 90s ---- */

	#articleSpecial h2 {
		font-size: 18px;
		color: #ffc;
		padding-top: 4px;
	}
		/* for Publication and Date headers at top */
		/* the padding matches the top of outline>H3 */

	#articleSpecial h2 p {
		margin-top: 0px;
	}
		/* just for Date header at top, moves it up */


	#articleSpecial code {
		font-family: Verdana;
		font-style: italic;
	}
		/* the old Transcribed By line
		   this also has top/bottom borders set in H3 */

	#articleSpecial hr {
		display: none;
	}

	#articleSpecial small {
		border-top: 1px solid #336;
		color: #666;
	}
		/* for articles with posted-to-tdn dates */

	#articleSpecial pre {
		padding: 0 0 0 1.5em;
		font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida;
	}
		/* mostly borrowed from p1lyrics */


	#articleSpecial tt {
		font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida;
	}
		/* just for Date header at top, moves it up */





/* --table for About/credits section-- */

	td.cred1 {
		text-align: right;
		vertical-align: top; 
		padding-bottom: 10px;
		color: #999;
		}
		/* same as tour above */

	td.cred2 {
		text-align: left;
		vertical-align: top; 
		padding-bottom: 10px;
		color: #ffc;
		}





                
/* --bulleted / triangled points, hanging out left-- */

	ul.bulleted {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}
		/* no style bullets, and flatten it against the left of its box */

	#content ul.bulleted, #contentForWP ul.bulleted {
		margin-left: 6.1em;
		margin-right: 60px;
		}
		/* matches the p1 margin-left, move it together someday */

	#widecontent ul.bulleted {
		margin-left:  165px;
		margin-right: 165px;
		}
		/*  was originally #widecontent li.bulletchunk
		   and this was NOT defined for wide ul.bulleted
		   ---just in case you need to switch it back */

	#content li.bulletchunk, #contentForWP li.bulletchunk, #widecontent li.bulletchunk {
		position: relative;
		top: -10px;
		left: 0px;
		padding: 0 0 0 0px;
		border: 0px dotted #090;
		}
		/* for txt to go under a bullet point, as on Tour page */




	
	/* -- different color triangles-- */


	.redbullet, .coldbullet, .bluebullet {
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0 0 0px 10px;
		margin-bottom: 10px;
		}

	.redbullet  { background-image: url("../buttons/tri990000K.jpg"); }
	.bluebullet { background-image: url("../buttons/tri0066ffK.jpg"); }
	.coldbullet { background-image: url("../buttons/triffff66K.jpg"); }
		/* is the bullet for COLD pages, but is actually light */

	#content .redbullet, #content .coldbullet {
		position: relative;
		left: -10px;
		font-weight: bold;
		}

	#content .redbullet, #widecontent .redbullet { color: #c00; }

	#content .coldbullet, #widecontent .coldbullet { color: #ffc; }

	#widecontent .redbullet,
	#widecontent .coldbullet,
	#widecontent .bluebullet {
                position: relative;
                left: -10px;
		font-weight: bold;
		}
/*		width: 400px;
		margin-left:  155px;
		margin-right: 175px;
   --this is just in case you need to revert.
     meanwhile, it looks like it works.
     still wondering why wide is not bold.  hmm.
*/
		/* the left margin is already 165, so back it up 10 */


/*  ---unused Drop Cap
	#content .p1:first-letter {font-size: 130%;
		vertical-align: baseline}
*/



/* --- use "nolinkborders" on A to eliminate borders on linked IMGs --- */

	.nolinkborders       { border: 0px solid }
	.nolinkborders:hover { border: 0px solid }

	.contributeimage     { border: 0px solid;
				margin-left:  2px;
				margin-right: 2px; }

	.imgwithclickableborder { border: 1px solid; }


/* --footer link style-- */
                 
        #footerTDN img.footer { border: 1px solid #ccc }

	#footerTDN a.footerlogo:hover   { color: #0cf; border: solid 0px}
        #footerTDN img.footer:hover { border: 1px solid #0cf }



/* --left nav link style-- */

	#outline a.a1 {
		color: #f0f;
	}

	#outline a.lyricsalbum {
		color: #993; text-decoration: none; border-bottom:dotted 0px
	}
	#outline a.lyricsalbum:visited {
		color: #993; text-decoration: none; border-bottom:dotted 0px
	}
	#outline a.lyricsalbum:hover {
		color: #900; text-decoration: none; border-bottom:dotted 0px
	}
	#outline a.lyricsalbum:active {
		color: #900; text-decoration: none; border-bottom:dotted 0px
	}




/* --form input defns-- */

	input, textarea, select	 { font-size: 11px; font-family: Verdana }

	input.hot  { color: #930; width: 400px; background-color: #ccc  }

	input.cold  { color: #cc9; background-color: #03c  }

	input.button1  { color: #ccc; background-color: #c00 }

	input.hotbutton1  { color: #ccc; background-color: #930 }
	input.hotbutton2  { color: #930; background-color: #ccc }
	input.coldbutton1  { color: #cc9; background-color: #03c }
	input.coldbutton2  { color: #03c; background-color: #cc9 }

	textarea.hot  { color: #930; width: 400px; background-color: #ccc  }
	textarea.cold  { color: #39f; width: 450px; background-color: #000 }

	selecx.hot  { color: #930; background-color: #ccc  }
	select.hot  { color: #ccc; background-color: #930  }
	select.cold  { color: #cc9; background-color: #03c  }



/* --disqus mods for WP comments -- */

#dsq-content div, #dsq-content p, #dsq-content h3 { clear:none !important; }

.dsq-clearfix:after,
#dsq-content .dsq-comment { clear: none !important; }
					/* fixes big vert gaps */

.dsq-brlink { display: none; }		/* customized, was on dq.com - hides the disqus link */




/* --button defns for the main menu-- */


	#buttonTDN ul {
		margin: 0;
		padding: 5px 0px 0 0;
		border: none;
		list-style-type: none;
		text-align: center;
		}
		
	#buttonTDN li {
		display: inline;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#buttonTDN li a {
		display: inline;
		background-color: #000;
		color: #fff;
		border: 1px solid #330;
		text-decoration: none;
		padding: 5px 5px 5px 0.5em;
		}

	#buttonTDN li a:hover {
		border: 1px solid #990;
		background-color: #630;
		color: #fff;
		padding: 5px 5px 5px 0.5em;
		}


	#hiddenerrormsg {
		display: none;
		}


/*   end.  isn't it fun reading css?   */