/*Created by Chris Olson, 10/23/2009 */

/*The body of the webpage*/
body {
	background-image: url(IndexFiles/images/background.jpg);
	width: 100%;
	background-position: 100% 100%;
	background-repeat: repeat;
	background-attachment: fixed;
}

.leftCol {
	background-image: url(IndexFiles/images/table.png);
	width: 220px;
	height: 980;
	position: absolute; left: auto; top:187;
	background-attachment: fixed;
}

.rightCol {
	width: 730px;
	height: 1000px;
	margin-left: 220px;
	overflow:auto;
	margin-left:1em;
	position: absolute; left:220px; top: 190px;
	
}

.mainPicture {
	text-align:center;
}

/*The navigation links on the left side of the page*/
#links	{
	margin-left: -25px;
}

#links li {
	font-size:16px;
	list-style:none;
}

#links li.newGroup {
	color: #FFF;
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 1em;
	padding-bottom: 1px;
}

#links a:link {
	padding-left: 1em;
	font-size:16px;
}

#links a:hover {
	color:red;
}

#links a:visited{
	padding-left: 1em;
	font-size:16px;
}

/*Format for the Image at the Top Left*/
#topLeft {
	float: left;	
}

/*Format the logo at the top*/
#logo {
	padding:0px;
	position:absolute; left:228px; top:auto;
}

/*Format the contact buttons (You Tube, Myspace, Twitter...)*/
#contactButtons {
	float:left;
	list-style:none;
	margin-left: 25px;
	margin-top: -10px;
}

/*The band name above the 'You Tube--Myspace' links*/
h1 {
	color: #999;
	font-variant: small-caps;
	font-size: medium;
	margin-bottom: -11px;
	margin-top: -5px;
}

/*Text by the bands name is is smaller*/
#small {
	color: #999;
	font-variant: small-caps;
	font-size: x-small;
	margin-bottom: -11px;
	margin-top: 0px;
}

#ticketlinks {
	text-decoration:blink;
}

/*You Tube--Myspace links*/
h2 {
	color:  #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-top: -11px;
	margin-bottom: -8px;
}

/*Linka at the bottom of the page*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	margin-bottom: -11px;
	margin-top: 5px;
}

/*The band name under the picture*/
h4 {
	text-align: center;
	color: #999;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/*The title of the movie for theater showings*/
h5 {
	color: #00FFFF;
	font-variant: small-caps;
	font-size: large;
	margin-bottom: -11px;
	margin-top: -5px;
}

/*For the UNDER CONSTRUCTION page text*/
h6 {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	text-align: center;
}

/*Text for long paragraphs*/
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

h8 {
	text-align: center;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/*Lines in between the band gigs*/
hr {
	width: 75%;
	height: 9px;
	color: black;
}

img {
	border:none
}

p {
	font-family: arial,helvetica,sans-serif;
	text-align: center;
	color: #999;
}

table {
	color: #999;
	background-image: url(IndexFiles/images/table.png);
	}

/*Header links*/
table td.headerlinks {
	background-color:transparent;
}

a {
	font-family: arial, helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	color: #333;
	border:none
}

a:hover{
	font-family: arial, helvetica, sans-serif;
	font-size:  x-small;
	text-decoration: none;
	color: #red;
	background: transparent;
}

/*links at the bottom of the page before hover*/
a.bottom {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-decoration:none;
	color:#FFF;
}

/*links at the bottom of the page after a hover*/
a.bottom:hover {
	color:red
}

a.myspace {
	color:  #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-top: -11px;
	margin-bottom: -8px;
}

a.myspace:hover {
	color:red
}

a.link {
	color: #999;
	font-variant: small-caps;
	font-size: medium;
	margin-bottom: -11px;
	margin-top: -5px;
}

a.link:hover {
	color:red
}

a.ticketmaster {
	background-image:url(IndexFiles/images/ticketmaster2.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: -1px;
	padding-top: 13px;
}

a.ticketmaster:hover {
	background-image:url(IndexFiles/images/ticketmaster3.png)
}

/*Contact Form*/
#bandSubmitForm {
	color:#666;
}

#example {
	width:40em;
}

label.blocklabel {
	display:block;
	position: static;
	padding-top:20px;
}

label.blocklabel input {
	position: static;
	margin-left:25px;
}

/*Format for the placement of the audio player*/
			.audioplayer {
				text-align:center
			}


/*Format for the slidesow*/
           .slideShow {
               background-color: trasparent;
               text-align: center;
               margin-bottom: 10px;
               padding: 5px;
           }
           .slides {
               position: relative;
               z-index: 1;
               display: none;
           }
           .setTitle, .slideTitle {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
               }
           .slideTitle {
               color: #666666;
               font-size: 12px;
           }
           .controls {
               position: relative;
               z-index: 10;
           }
           #slide1 {
               display: block;
           }
		   
		   .pictureLink {
		   }
		   
		   .pictureButtons {
			   font-size:16px;
			   color:#999
		   }
		   
		   .pictureButtons:hover {
			   color:red;
			   font-size:16px
		   }
		   
		   
		   
/*Myspace link on the left side of the page*/		   
a.myspace3 {
	background-image:url(IndexFiles/images/myspace3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.myspace3:hover {
	background-image:url(IndexFiles/images/myspace3over.png)
}

/*Twitter link on the left side of the page*/		   
a.twitter3 {
	background-image:url(IndexFiles/images/twitter3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.twitter3:hover {
	background-image:url(IndexFiles/images/twitter3over.png)
}

/*YouTube link on the left side of the page*/		   
a.youtube3 {
	background-image:url(IndexFiles/images/youtube3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.youtube3:hover {
	background-image:url(IndexFiles/images/youtube3over.png)
}

/*Chamber link on the left side of the page*/		   
a.chamber3 {
	background-image:url(IndexFiles/images/chamber3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.chamber3:hover {
	background-image:url(IndexFiles/images/chamber3over.png)
}

/*Facebook link on the left side of the page*/		   
a.facebook3 {
	background-image:url(IndexFiles/images/facebook3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.facebook3:hover {
	background-image:url(IndexFiles/images/facebook3over.png)
}

/*Ticketmaster link on the left side of the page*/		   
a.ticketmaster3 {
	background-image:url(IndexFiles/images/ticketmaster3.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 24px;
}

a.ticketmaster3:hover {
	background-image:url(IndexFiles/images/ticketmaster3over.png)
}