/* Elements
==================================================*/

body { background: url(/images/base/background-photos.jpg) center 0px no-repeat fixed #000000; }

a { color: #CCCCCC; }

h1 { color: #226688; }

h2 {
	color: #669933;
	border-bottom: 1px solid #FF6600;
}

/* Navigation
==================================================*/

#navigation a { color: #669933; }

/* Content Wrappers
==================================================*/

#mainContentWrapper { width: 455px }

#sideBarContentWrapper { width: 485px; }

/* Shows
==================================================*/

.show { padding: 2px; margin: 0 -20px 10px 0; }

	.show span { display: block; float: left; margin-right: 10px; }
	
/* Sidebar
==================================================*/

.sideBarContent { }

	.sideBarContent h2 { 
		color: #226688;
		border-bottom: 1px solid #226688;
	}
	
	.sideBarContent h3 { 
		color: #226688;
		margin-top: 20px
	}

	/* Show Details
	==================================================*/
	
	#showDetailsWrapper { 
		border-left: 1px solid #444444;
		color: #CCCCCC;
		padding: 20px 20px 200px 20px;
		margin-left: -21px;		
		position: absolute;
        width: 485px;
        display: none;
    }
	
		#showDetailsWrapper span { display: block; }
	    
		#showDetailsWrapper h2 { margin-top: 0; }
		
		#showDetailsWrapper .date { 
			font-weight: bold;
			font-size: 16px;
		}
		
		#showDetailsWrapper .venueName {
			color: #999999;
			font-weight: bold;
			font-size: 14px;
		}
	
		#showDetailsWrapper .venueLocation { color: #999999; }
		
			/* Photos
			==================================================*/
			
			#showDetailsWrapper .photosWrapper { margin-top: 20px; }
			
				#showDetailsWrapper .photosWrapper img { border: 1px solid #CCCCCC; }