/**************************************************************
   AUTHOR:  Sensory Productions (sensoryproductions.com)
   DATE:    8-1-2008
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/


body {
	background-color: #000;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 400 0.8em verdana, arial, sans-serif;
	line-height: 170%;
}
body,td,th {
	color: #333333;	
	
}


/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}


#content,
#width {
 	max-width: 320px;
	margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}




/**********************************************************/

a:link {
	color: #FFF;
}
a:visited {
	color: #666;
}
a:hover {
	color: #900;
}
a:active {
	color: #CCCCCC;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times New Roman, Times, serif;
}


/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/





/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}