/* 	****************************************
		mauricewoolfolk.com stylesheet
		03.20.08		
		**************************************** 	*/
		
/* 	basic elements	*/
body {
  text-align: center;
	font: 10pt arial, sans-serif;
	color: #FFFFFF;
	background: #003333;
	margin: 0px 10px 10px 10px;
}

p {
	margin: 0px 0px 10px 0px;
}

h1 {
  font: bold 12pt verdana, sans-serif;
  padding:  0px 0px 10px 0px;
  margin: 0px;
}
h2 {
  font: bold 11pt verdana, sans-serif;
  padding: 0px 0px 5px 0px;
  margin: 0px;    
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #009933;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #336633;
}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #00cc33;
}

a img {
  border-width: 0px;
  border-collapse: collapse;
}


/* video page background only */
#videopage {
  margin-top: 10px;
  background-color: #000000;
}
#video {
  margin: 0px auto 0px auto;
}

/* all other things on the page */
#container {
  margin: 0px auto 0px auto;  /* center on page */
  padding: 10px;
  width: 748px;
  background-color: #000000;
}

/* logo information */
.logo {
	margin: 0px auto; 
  height: 55px;
  width: 728px;  
  /* javascript IE background looks like:
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='images/mauricetitle.png');	
  */
}
.logo[class] { /* all other browsers pick up logo here: */
	background: transparent url("http://images.mauricewoolfolk.com/mauricetitle.png") no-repeat;
}


/* navavigation at top of page */
#navigation {        
  margin: 0px auto;
	width: 728px;
}
ul.list-nav {      
  padding: 0px;
  margin: 0px;
  font: normal 10pt arial, sans-serif;
  list-style: none;   
}
ul.list-nav li {	  
  display: inline;
}
ul.list-nav a {
  margin: 0px 22px;
  float: left;  
  text-align: center;
}


/* tooltips for navigation menu */
.toolTipElement {
	/* cursor: help; */
}
.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;		
	/* IE background looks kinda like this in js:
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/ie-bubble.png');
	*/
}
/* All other browsers pick up images here: */
.tool-title[class] {
	background: url("http://images.mauricewoolfolk.com/bubble1.png") top left;
}
.tool-text[class] {
	background: url("http://images.mauricewoolfolk.com/bubble1.png") bottom right;
}
.tool-title {
  text-align: left;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px 12px;
}
.tool-text {
  text-align: left;
	font-size: 11px;	
	padding: 4px 8px 8px 12px;	
}


/* wrapper signifies everything below the navigation menu */
#wrapper {   
  clear: left;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  width: 728px;  
  vertical-align: top;  
  text-align: left;
  padding: 5px;  
  padding-top: 30px;
}

/* footer */
.footerimage { 	
  clear: left;
	margin: 0px auto; 
  height: 16px;
  width: 728px;  
  /* ie background in js looks something like:
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='images/footer3.png');
  */
}
.footerimage[class] {
  background: transparent url('http://images.mauricewoolfolk.com/footer3.png') no-repeat;
}



/* page specific stuff */

/* ended up using this on near every page and am too lazy to rename the class */
.albumpicture { 
	margin: 0px 15px 15px 0px;
  float: left;
}

.clearfix {
  clear: left;
}

/* home page */
#homeimage {
  float: left;    
}
#hometext {
  font: normal 10pt verdana, sans-serif;
  text-align: center;  
}
.darktext {  
  background-color: #000000;
	color: #FFFFFF;
}
#homeback {
  margin-left: 186px;  
	background: url(http://images.mauricewoolfolk.com/pianoback.jpg) top left no-repeat;	
}
#homealbum {
  text-align: center;
  margin: 5px auto 0px auto;
  padding: 0px;
}
#myspacelink {
  padding: 0px;
  font: normal 10pt verdana, sans-serif;
  text-align: center;
  margin: 0px auto 5px auto;
}
#digits {  
  text-align: center;
  margin-top: 1px;
  font: italic 7pt arial, sans-serif;  
}
#digits img {
  margin-top: 17px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;  
}



/* contact page */
img.secure {
  margin: 0px;
  margin-top: 2px;
  padding: 0px;
  border-collapse: collapse;  
}
ul.mainForm {  
  list-style: none;  
}
label.formFieldQuestion {
  float: left;
  margin-right: 10px;  
  width: 250px;
  vertical-align: top;
  text-align: right;
}
input.mainForm, textarea.mainForm {
  float: left;
}
li.mainForm { clear: left; }
.infobox {
  font: italic 8pt arial, sans-serif;
  color: #336633;
}

#mainFormError {
	border: 1px;
	border-style: solid;	
}
input.mainFormError, textarea.mainFormError, select.mainFormError {
	background-color: #FADADD;
}


/* listen page */
.albuminfo {
  width: 500px;
  margin: 0px auto;
}
.cityofparadisetable {
  font-size: .9em;	
  line-height: 1.3em;
	margin: 0px auto; 
	width: 700px;
}
.cityofparadisetable .tdcenter {  
  text-align: center;
}

/* collect page */
/* cdbaby form */
#cdbaby table {
  margin: 0px auto;
  width: 570px;  
  background: #000000;  
}
#cdbaby table th {    
  color: navy;
  background: #CCCCCC;
  padding: 5px;
}
#cdbaby table td {
  color: #000000;
  background: #FFFFFF;
  padding: 5px;
}
a.cdbabylink, a:hover.cdbabylink {
  color: #336666;
}
#snocap {
  margin-top: 10px;
  text-align: center;
}

/* pictures page */
.thumbpic {
  float: left;
  padding-bottom: 10px;
  margin: auto;
  text-align: center;
  height: 200px;
  width: 33%;
}