* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; list-style-type:none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

img, a {
	outline-style: none;	
	outline-width: 0px;
}

/********** Trixxi Teffner ************/
body {
	background-color: #EFEFEF;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.clearBoth {
	clear:both;
}
#mainContainer {
	width: 960px;
	margin: 40px auto 40px auto;
}
#headerDeco {
	background-image:url(../gfx/header.png);
	width: 960px;
	height: 20px;
}
#contentContainer {
	background-color: #FFF;
	width: 950px;
}
#leftBorder {
	position: relative;
	width: 140px;
	height: 620px;
	float: left;
	padding: 10px;
	background-color:#6c6c6c;
	color: #fff;
}
#contactWrapper {
	position: absolute;
	bottom: 5px;	
	font-size: 10px;
}
#content {
	float:left;
	width: 730px;
	padding: 20px 30px 30px 30px;
}
#innerContent {
	margin-top: 30px;
}
h1 {
	color: #aaaaaa;
	font-size:50px;
	font-weight:normal;
	text-align:center;
}
h2 {
	color: #aaaaaa;
	font-size: 13px;
	font-weight: normal;
	text-align:center;	
}
h3 {
	margin-top: 25px;
	margin-bottom:5px;
	font-size: 11px;
}
#contactWrapper h3 {
	margin-top: 15px;
}
p {
	margin-bottom: 10px;
}
a {
	color: #000;	
}
#contactWrapper a { 
	color:#fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;	
}
.playButton {
	display:block;
	width: 20px;
	height: 20px;
	background-image:url(../gfx/play.png);
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
}
td {
	padding: 5px 5px 5px 0px;
}
td.textcol {
	padding-right: 25px;	
}
.stopButton {
	display:none;
	width: 20px;
	height: 20px;
	background-image:url(../gfx/pause.png);
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
}
#footerDeco {
	background-image:url(../gfx/footer.png);
	background-repeat:no-repeat;
	width: 960px;
	height: 20px;
}