/* CSS DD Minisite, May 2010 
Minor (temporary) edits, May 2011 */



/* Primary Structure */

* { margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

html { background: url(../images/RepeatBKGD.jpg) repeat #4F6664; }

#roofHeader {
	width: 100%;
	margin: 0 auto;
	background: url(../images/CeilingRepeat.jpg) repeat-x;
	text-align: center;
	padding: 0;
	}

#primaryWrapper { width: 900px; margin: 0 auto; text-align: left; }

	#linkPanel { 
		width: 740px;
		height: 60px;
		background: url(../images/ShowsTitle.png) left no-repeat;
		float: left;
		margin-left: 20px;
		padding-top: 50px; }
	
		#linkPanel ul { float: right; display: inline; }
		#linkPanel li { list-style: none; display: inline; }
		
			 .facebookBTN { width: 52px; height: 50px; background: url(../images/FacebookBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 .vimeoBTN { width: 52px; height: 50px; background: url(../images/VimeoBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 .lastfmBTN { width: 52px; height: 50px; background: url(../images/LastFMBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 .myspaceBTN { width: 52px; height: 50px; background: url(../images/MyspaceBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 .youtubeBTN { width: 52px; height: 50px; background: url(../images/YouTubeBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 .twitterBTN { width: 52px; height: 50px; background: url(../images/TwitterBTN.png) no-repeat; float: right; margin-left: 6px; background-position: -52px 0; }
			 
			 .facebookBTN:hover { width: 52px; height: 50px; background-position: 0; }
			 .vimeoBTN:hover { width: 52px; height: 50px; background-position: 0; }
			 .lastfmBTN:hover { width: 52px; height: 50px; background-position: 0; }
			 .myspaceBTN:hover { width: 52px; height: 50px; background-position: 0; }
			 .youtubeBTN:hover { width: 52px; height: 50px; background-position: 0; }
			 .twitterBTN:hover { width: 52px; height: 50px; background-position: 0; }
			  
			 
	
	#slimPanel {
		width: 100px;
		float: left;
		text-align: center;
		padding: 15px;
		padding-top: 20px; }
		
		#slimPanel p { text-align: left; font-size: 13px; margin: 0 0 15px 5px; color: #6e4e2b; }
		#slimPanel a { text-align: left; font-size: 11px; }
	
	#holdingBox {
		width: 740px;
		background: #607872; 
		border: 1px #5D4F3B solid ;
		float: left;
		margin-left: 20px;  }
	
		#listingPanel {
			margin: 15px;
			/*overflow: scroll;*/ }			
				
				#listingPanel .fixedHeader { border: 1px #FBF5E6 solid; width: 100%;}
				#listingPanel .showTable { border: 1px #FBF5E6 solid; width: 100%;}
				#listingPanel .tableHeader { background: #766654; color: #F0E8D6; padding:3px; }
				#listingPanel .tableContent { background: #EDEBDF; color: #676535; font-size: 10px; padding:3px; }
				#listingPanel .cellBorder {  border:thin #B8B798 solid; padding: 4px; }
				#listingPanel .tableContent:hover { background: #FFFFFF; cursor: pointer; }
				#listingPanel p { color: #676535; font-size: 10px; }
				#listingPanel h1 { color: #F0E8D6; }

#footer {
	width: 100%;
	background: url(../images/BaselineRepeat.jpg) repeat-x #4F6664;
	float: left;
	margin-top: 55px;
	height: 217px; }
	
	
	#footer .columnHolder {
		margin: 0 auto;
		width: 850px;
		padding-top: 20px; 
		padding-left: 250px;
		padding-bottom:0px;}
	
	#footer ul { list-style: none; }
	#footer li { width: 250px; float: left; display: inline; padding: 15px; padding-bottom:0; margin-bottom: 0; }
	#footer a { color: #F1ECD7; }
	#footer a:hover { color: #FFFFFF; }





/* Text Formatting */

p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #F1ECD7; font-size: 11px; }
h1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; font-weight:normal; }
a { color:#009392; }







/* Campaign Monitor Form Styling */

span.label,span.spacer,span.multiple span { width:120px; float:left; font-size: 11px; color:#009392; } 
span.multiple { float:left; } 
span.button { float:right; } 
div.clear { clear:both; padding-top:5px; }