/*----------------------------
Ray Johnston Band 
Main Stylesheet
Developed: August 2008
Author: Christine Imaizumi
-----------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: #595959 url('/images/bg.jpg') repeat 0 0;
	font: 70% 'Helvetica Neue LT Std', 'Helvetica Neue', 'Corbel', 'Calibri', 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #000000;
	margin-top: 0;
	font-weight: normal;
}

a, a:hover {
	color: #603913;
	font-weight: normal;	
	text-decoration: none;
}

a.one:link {color: #ffffff; font-weight: normal; text-transform: uppercase;}
a.one:visited {color: #ffffff; font-weight: normal; text-transform: uppercase;}
a.one:hover {color: #ffd200; font-weight: normal; text-transform: uppercase;}

td {
padding: 2px;
}
a#logo {
	width: 130px;
	height: 130px;
	position: absolute;
	float: left;
	margin-top: 140px;
	margin-left: 100px;
}

a#home {
	width: 475px;
	height: 100px;
	float: left;
	position: relative;
	margin: 100px 0 0 30px;
}

#container {
	width: 1000px;
	margin: 0 auto;



	overflow: auto;
}  

.center {
	text-align: center;
	margin: 0 auto;
}

.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
/*    _text-indent :0;
    _line-height :9999em;*/
	}
	/* hide from Mac IE 5 \*/
	.imgswap,
	.learn-more { overflow: hidden; }
	/* End Mac IE 5 Fix */
	
.imgswap a {
display: block;
width: 100%;
height: 100%;
}

p {
	margin: 0.7em 0;
}
li {
	/*padding-left: 0.5em;*/
	margin-left: 2.5em;
}

ul, ol{
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}

/*--------- HEADER -----------*/

#header {
	background: url('/images/header.png') no-repeat 0 0;
	width: 1000px;
	height: 255px;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#upcomingEvents {
	float: right;
	margin: 10px 80px 0 0;
	padding: 0;
	width: 300px;
	height: 210px;
	border: 1px solid #000000;
	background: url('/images/transparent.png') repeat 0 0;
}

.uE {
	font: 7pt Arial, Helvetica, sans-serif;
	font-color: #ffffff;
	margin: 0;
	padding: 3px 10px 10px 10px;
}
.uEheader{
	background: url('/images/upcoming_events.png');
	border: none;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	height: 46px;
	width: 200px;
	/*font: 11pt Arial, Helvetica, sans-serif;
	font-color: #ffffff;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #ffffff;*/
	}
.more {
	text-align: right;
	color: #ffd200;
	font-weight: bold;
}

.photogal{
	border: 0px solid #c2c2c2;
}

.photos{
	padding: 7px;
	margin: 5px;
	border: 0px solid #c2c2c2;
}

/*--------- CONTENT ----------*/
#rotatingPhotos {
	width: 626px;
	height: 401px;
	padding: 10px;
	margin: 0 0 0 28px;
	float: left;
}

.headerWhereWevePlayed{
	background: url('/images/header_wwp.gif') no-repeat 0 0;
	width: 353px;
	height: 58px;
	margin: 0;
	padding: 0;
	}

.headerBookingInfo{
	background: url('/images/header_bookinginfo.gif') no-repeat 0 0;
	width: 353px;
	height: 70px;
	margin: 0;
	padding: 0;
	}
	
.headerPictures{
	background: url('/images/pictures.gif') no-repeat 0 0;
	width: 353px;
	height: 70px;
	margin: 0;
	padding: 0;
	}
.headerListenNow{
	background: url('/images/header_listennow.png') no-repeat 0 0;
	width: 353px;
	height: 70px;
	margin: 0;
	padding: 0;
	}


#content h2{
	font: 14pt Garamond;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px dotted #000;
	margin: 5px 0 5px 0;
	line-height: 20px;
	width: 300px;
}
	
/*--------- MENU ---------*/
#menu{
	margin: 0;
	float: right;
	width: 320px;
	height: 425px;
	padding: 0;
}

a#listennow {
	width: 230px;
	height: 60px;
	position: absolute;
	float: right;
	margin: 50px 0 0 0;
}

a#whereweveplayed{
	width: 230px;
	height: 60px;
	position: absolute;
	float: right;
	margin: 115px 0 0 0;
}

a#bookinginfo{
	width: 230px;
	height: 50px;
	position: absolute;
	float: right;
	margin: 175px 0 0 0;
}

a#meettheband{
	width: 230px;
	height: 50px;
	position: absolute;
	float: right;
	margin: 230px 0 0 0;
}

a#pictures{
	width: 230px;
	height: 50px;
	position: absolute;
	float: right;
	margin: 295px 0 0 0;
}

a#songlist{
	width: 230px;
	height: 50px;
	position: absolute;
	float: right;
	margin: 340px 0 0 0;
}


/*-------MAIN--------*/
#content {
	background: url('/images/middle.png') repeat-y 0 0;
	width: 1000px;
	overflow: auto;
	padding: 0;
	margin: 0 auto;

}


/*-------FOOTER--------*/
#player{
	margin: 40px 0 0 22px;
}
#footer{
	clear: both;
	margin: 0;
	overflow: auto;
	height: 100px;
	background: transparent url('/images/footer.png') no-repeat top;
}

p.footerText{
	width: 500px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}

/*-------EXTRA---------*/
#meetthebandBios{
	background: url('/images/meettheband.gif') no-repeat 0 0;
	width: 444px;
	height: 356px;
	margin: 0 auto;
}

.dotrule {
	background:transparent url('/images/dot.gif') repeat-x scroll 0%;
	clear:both;
	font-size:1px;
	height:1px;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
}
.photoBorder {
	border: 1px solid #000000;
	margin: 3px;
	float: right;
}

.dropcap {
  float: left;
  font: normal 30pt/0.8em "Times New Roman", Times, serif;
  color: #000000;
  margin-right: 3px;
}



#emailsignup
{
	margin: 0 0 0 3px;
	background: black;
	padding: 10px 20px 10px 25px;
	text-align: left;
}

address
{
	font-style: italic;
}

			/*	NEW!! we can now use bottom borders. border-bottom was set to 0 because the intention was to 
				use dt to form the top half of the box and dd to form the bottom, but this looks funny when the
				user fills in the dt but leaves the dd blank. The solution is to set the bottom border anyway and
				then use position: relative to shift the dd up by 1px, covering up the bottom border. */
				
         dt
         {
				background: rgb(25,10,10);
				border: 1px solid rgb(50,20,20);
         /*	border-width: 1px 1px 0 1px; 			NEW!! see big comment above */	
         	padding: 10px;							
         	font-size: 12px;						
         	font-weight: bold;
         	margin: 0;
         }

         dd
         {
         	margin: 0 0 10px 0;
				background: rgb(25,10,10);
				border: 1px solid rgb(50,20,20);
         	border-width: 0 1px 1px 1px;
         	padding: 0 10px 10px 10px;
         	text-align: center;
         	position: relative;					/* NEW!! see big comment above */	
         	top: -1px;								/* NEW!! see big comment above */	
         }

			
			/* NEW!! the whole dl box thing didn't work was well on this page so it has been gotten rid of.
				All of these styles are new. */
			
         .links dd
         {
         	background-color: transparent;
         	border: none;
				text-align: left;
         	padding: 0 0 0 40px;
				margin: 0 0 3px 0;
         }