HTML
{
	background-color: #000;
 	background-image:url("../images/Copyof20100727-50.jpg");	
	background-position: 240px 40px;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center 40px;
	height:101%;
	position:relative;
}
body 
{
	color: #FFFFFF;
	font-size: 100%;
	FONT-FAMILY: "Droid Sans", Verdana, "Serif Bold",  serif;
	background-repeat: no-repeat;
	padding-bottom: 0px;
 	background-image:url("../images/logo-splatter.png");
	background-position: 980px 400px;
	min-height: 800px;
	/* Hack for terrible font rendering in CHROME! */
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
.admin
{
	font-size:100%;
}
.loadingImageAdmin
{
	float:right;
}
.gigRowEdit
{
	background-color:#fff;
	color:#000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	font-size:80%;
}
.hidden
{
	display:none;
}
#mainDiv
{
	text-align:center;
}
.button
{
	cursor:pointer;
}
.button:hover
{
	color:Red;
}
h1
{
	padding:0px;
	margin:0px;
	border:0px;
	font-weight:bold;
	color:#FF0000;
	FONT-FAMILY: "Diplomata SC", Verdana, Ariel;
	font-size:1.6em;
}
.headerOne
{
	padding:0px;
	margin:0px;
	border:0px;
	font-weight:bold;
	color:#FF0000;
	FONT-FAMILY: Verdana, Ariel;
	font-size:210%;
}
A
{
	COLOR: #fff;
    	text-decoration: none;
	font-weight:normal;
}
A:active
{
	COLOR: Red;
    	text-decoration: none
}
.loadingImage
{
	
}
.emailWarning
{
	visibility:hidden;
	font-weight:normal;
	text-decoration:blink;
	color:Red;
}
.emailExistsWarning
{
	visibility:hidden;
	font-weight:normal;
	text-decoration:blink;
}
.gigRow
{
	background-color:#fff;
	color:#000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.ppButton
{
	float:right;
	margin:10px;
}
.shopImage
{
	height:173px;
	width:346px;
	text-align:left;
	padding:8px;
	color:Red;
	font-weight:bold;
	font-size:110%;
	float:left;
}
.shopText
{
	text-align:left;
	padding:8px;
	font-weight:bold;
	font-size:110%;
	float:left;
	width:340px;
}
.title
{
    FONT-SIZE: 10pt;
    COLOR: Red;
    FONT-FAMILY: "Serif Bold",  serif;
}
.imageGrid
{
	margin:10px;
	width:340px;
}
.pressImages .imageGrid
{
	margin:10px;
	width:140px;
}
.smallTitle
{
    FONT-SIZE: 16pt;
    COLOR: #000;
    FONT-FAMILY: "Serif Bold",  serif;
}
A:visited
{
    COLOR: #fff;
}
A:hover
{
    COLOR: Red;
}

.rightPane
{
	
}


#mainContainer
{
	min-height:440px;
}
#mainContaineroo
{
	min-height:440px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
 	background-image:url("../images/logo-splatter.png");
	background-position: bottom right;
}

img
{  border-color: black;
}
.mainText
{
	line-height: 1.5em;
}
.noscriptWarning
{
	color:Red;
	font-weight:bold;
}
.footerPane
{
	color:#ffffff;
	height:16px;
}

.spacerSmall
{
	height:10px;
}
#spacer1 
{
	height:50px;
}
#spacer2 
{
	height:12px;
}
#spacer3
{
	height:20px;
}
#spacer4
{
	height:450px;
}
#spacer5
{
	height:100px;
}
.smallText
{
	font-size: 8pt;
	font-weight:normal;
}
.verySmallText
{
	font-size: 7pt;
	font-weight:normal;
}
.SocialMediaLinksTop
{
	float:right;
	text-align:right;
	height:25;
}
.bubbleText
{
	padding: 10px;
	padding-top:18px;
	margin-right: 26px;
}
.paneText
{
	paddin-right:26px;
	font-size: 11pt;
	position:relative;
}
.paneTextSmall
{
	paddin-right:26px;
	font-size: 10pt;
	position:relative;
}
.liveLink
{
	color:#000;
	text-decoration:blink;
	
}
.fontBig
{
	font-size:14pt;
	color:Red;
	font-weight:bold;
}
.justify
{
	text-align:justify;
}
.leftalign
{
	text-align:left;
}
.rightalign
{
	text-align:right;
}
.center
{
	text-align:center;
}
.paneVariable
{
	background-color:#fff;
	padding:5px;
	padding-top:10px;
	padding-bottom:20px;
	color:#000000;
	line-height:1.4em;
}
.DateTable
{
	font-family: Courier;
	text-align:left;
	font-size:10pt;
}

.DateTableEdit
{
	font-family: Courier;
	text-align:left;
	font-size:80%;
}














/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/*   NEW 960gs stuff
.......................................................................................................................................................................................*/



/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 954px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_9 {
	margin-left: auto;
	margin-right: auto;
	width: 954px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .grid_1 {
	width:94px;
}

.container_9 .grid_2 {
	width:200px;
}

.container_9 .grid_3 {
	width:306px;
}

.container_9 .grid_4 {
	width:412px;
}

.container_9 .grid_5 {
	width:518px;
}

.container_9 .grid_6 {
	width:624px;
}

.container_9 .grid_7 {
	width:730px;
}

.container_9 .grid_8 {
	width:836px;
}

.container_9 .grid_9 {
	width:942px;
}




/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .prefix_1 {
	padding-left:106px;
}

.container_9 .prefix_2 {
	padding-left:212px;
}

.container_9 .prefix_3 {
	padding-left:318px;
}

.container_9 .prefix_4 {
	padding-left:424px;
}

.container_9 .prefix_5 {
	padding-left:530px;
}

.container_9 .prefix_6 {
	padding-left:636px;
}

.container_9 .prefix_7 {
	padding-left:742px;
}

.container_9 .prefix_8 {
	padding-left:848px;
}



/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .suffix_1 {
	padding-right:106px;
}

.container_9 .suffix_2 {
	padding-right:212px;
}

.container_9 .suffix_3 {
	padding-right:318px;
}

.container_9 .suffix_4 {
	padding-right:424px;
}

.container_9 .suffix_5 {
	padding-right:530px;
}

.container_9 .suffix_6 {
	padding-right:636px;
}

.container_9 .suffix_7 {
	padding-right:742px;
}

.container_9 .suffix_8 {
	padding-right:848px;
}



/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .push_1 {
	left:106px;
}

.container_9 .push_2 {
	left:212px;
}

.container_9 .push_3 {
	left:318px;
}

.container_9 .push_4 {
	left:424px;
}

.container_9 .push_5 {
	left:530px;
}

.container_9 .push_6 {
	left:636px;
}

.container_9 .push_7 {
	left:742px;
}

.container_9 .push_8 {
	left:848px;
}



/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .pull_1 {
	left:-106px;
}

.container_9 .pull_2 {
	left:-212px;
}

.container_9 .pull_3 {
	left:-318px;
}

.container_9 .pull_4 {
	left:-424px;
}

.container_9 .pull_5 {
	left:-530px;
}

.container_9 .pull_6 {
	left:-636px;
}

.container_9 .pull_7 {
	left:-742px;
}

.container_9 .pull_8 {
	left:-848px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
