/*-----------------------------------------------------------------
ROMO PR CSS Style Sheet

Master

version: 	1.0
author: 	Indie Rock Media
email:		design@indierockmedia.com
website:	http://www.indierockmedia.com
copyright:	(c)2006-2007	

-------------------------------------------------------------------*/

/* Linked Stylesheets */
@import url("navigation.css");
@import url("miscellaneous.css");

/* ----------------- */
/* BEGIN STYLE SHEET */
/* ----------------- */
body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #485359;
	line-height: 20px;
}

.container{
	margin: 0 auto;
	text-align: left;
	width: 750px;
}

/* TOP HEADER
-------------------------------------------------------------------*/
#top_header{
	height: 40px;
	background: url(../images/backgrounds/top_header-brown.gif) repeat-x 0 0;
	text-align: right;
}

	#top_header a{
		margin-top: 10px;
		color: #dcc3b4;
		float: right;
	}

/* HEADER
-------------------------------------------------------------------*/
#header{
	height: 115px;
	background: url(../images/backgrounds/top_header-blue.gif) repeat-x 0 0;
}

	#header h1{
		height: 115px;
		width: 475px;
		background: url(../images/graphics/logos/romo_pr-logo.gif) no-repeat 0 0;
	}
	
		#header h1 a{
			height: 115px;
			width: 475px;
			display: block;
			text-indent: -9999px;
		}
		
/* CONTENT
-------------------------------------------------------------------*/
#content{
	margin: 15px 0;
}
	
	#content .left{
		width: 465px;
		float: left;
	}
		
		#content .left .textual_content{
			padding-left: 25px;
		}
		
		#content .left a.thumb{
			margin: 0 auto 8px auto;
			display: block;
			width: 427px;
			border: 2px solid #a3a8ab;
		}
		
			#content .left a.thumb:hover{
				border-color: #44bfe8;
			}
		
			#content .left a.thumb img{
				border: 1px solid #fff;
			}
			
	#client_photo {
		width: 400px;
		height: auto;
		padding: 10px;
		background-color: #fff;
		margin-bottom: 12px;
		color: #000;
	}
	
		#client_photo img {
			margin-bottom: 10px;
		}
	
	#content .right{
		padding: 10px;
		width: 250px;
		float: right;
		background-color: #000;
	}
	
	#content .full {
		width: 745px;
		float: left;
	}
	
		.bandphoto {
			width: 340px;
			height: 114px;
			background-color: #fff;
			padding: 10px;
			margin: 0px 9px 9px 0px;
			color: #373737;
			float: left;
		}
		
		.bandphoto img {
			float: left;
			margin: 0px 6px 0px 0px;
		}
		

/*****************************
* TOURS PAGE
*****************************/

.bandnamecolumn {
	width: 745px;
	height: auto;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 0px 2px 0px;
	float: left;
}

.tourdate_row {
		width: 745px;
		height: auto;
		margin: 2px 0px;
		padding: 3px 0px;
		border-bottom: 1px solid #999;
		float: left;
	}	
	
	.date_column {
		width: 72px;
		height: auto;
		margin-right: 5px;
		font-size: 10px;
		font-weight: bold;
		float: left;
	}
	
	.city_column {
		width: 150px;
		height: auto;
		margin-right: 5px;
		font-size: 10px;
		float: left;
	}
	
	.info_column {
		width: 510px;
		height: auto;
		font-size: 10px;
		float: left;
	}
	
	.info_column a, .info_column a:visited {
		color: #bfe7f6;
	}
	
		
	
/* FOOTER
-------------------------------------------------------------------*/
#footer{
	clear: both;
	font-size: 10px;
	color: #a3a8ab;
}

	#footer .container{
		text-align: center;
		padding-top: 15px;
		border-top: 1px solid #a3a8ab;
	}