@charset "UTF-8";
/* CSS Document */

@import "/css/reset.css";

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#999;
	font-size:14px;
	background:#790000 url(../images/background.jpg) center top no-repeat;
	background-attachment:fixed;
	line-height:20px;
	}

.clear {
	clear:both;
	}

h1 {
	color:#990000;
	font-weight:normal;
	font-size:36px;
	margin-bottom:10px;
	line-height:40px;
	}

h2 {
	font-weight:normal;
	font-size:18px;
	margin:25px 0 10px;
	line-height:25px;
	color:#990000;
	}


h3 {
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	}

p {
	color:#333;
	margin-bottom:10px;
	}

a {
	text-decoration:none;
	}

a.link:link,
a.link:visited {
	background-color:#000;
	color:#fff;
	padding:5px 10px;
	}
	
a.link:hover {
	background-color:#990000;
	}

a:link,
a:visited {
	color:#990000;
	}

a:hover {
	color:#999;
	}

#wrapper {
	width:960px;
	margin:0 auto;
	border:1px solid #fff;
	}

.padding {
	padding:20px 22px;
	}

.info{
	color:#000;
	margin-bottom:0;
	}

.marginRight {
	margin-right:20px;
	}

#dewplayer {
	margin:0 0 20px 0;
	}

#wosPanel {
	width:299px;
	height:27px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	float:left;
	background-image:url(../images/walk-on-stage-background.jpg);
	background-color:#990000;
	padding:192px 0 20px 20px;
	}
	
#wosSignUp {
	width:408px;
	background:#c9d31c url(../images/radial-background.jpg) repeat-x top left;
	padding:20px
	}
	
	#wosSignUp h2 {
		font-weight:bold;
		color:#E1007A;
		margin:0 0 20px 0;
		}
	
	#wosSignUp p {
		color:#fff;
		}
	
#flickrPanel {
	width:319px;
	height:239px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	float:left;
	background-color:#990000;
	}
	
#facebookPanel {
	width:320px;
	height:119px;
	border-top:1px solid #fff;
	background-image:url(../images/facebook-background.jpg);
	background-color:#990000;
	display:inline-block;
	}

#twitterPanel {
	width:320px;
	height:119px;
	border-top:1px solid #fff;
	background-image:url(../images/twitter-background.jpg);
	background-color:#990000;
	display:inline-block;
	}

#socialMedia {
	width:319px;
	height:239px;
	float:left;
	}

.float_left{
            float:left !important;
}
.float_right{
            float:right !important;
}
.float_none{
            float:none !important;
}
 
.autowidth{
            width:auto !important;
}
 
.negative{
            color:#a00;
}
 
.text_left{
            text-align:left !important;
}
.text_right{
            text-align:right !important;
}
.text_center{
            text-align:center !important;
}

/*------------------------------- Header ----------------------------------------------*/

	#headerWrap {
		}

	#header {
		padding:56px 22px 22px 300px;
		position:relative;
		height:74px;
		}
		
		#header h1 {
			font-size:30px;
			color:#fff;
			font-weight:normal;
			font-style:italic;
			}
		
		#navBar {
			height:25px;
			width:920px;
			background-color:#990000;
			padding:8px 20px 0 20px;
			border-top:1px solid #fff;
			}

			#navBar li {
				float:left;
				margin-right:10px;
				}

			#navBar a:link,
			#navBar a:visited {
				text-decoration:none;
				color:#fff;
				padding:0 8px;
				}

			#navBar a:hover,
			#navBar a.current:link,
			#navBar a.current:visited {
				border-bottom:4px solid #fff;
				padding-bottom:2px;
				}

/*------------------------------- Content ----------------------------------------------*/

	#contentWrap {
		}

		#content {
			background-color:#fff;
			}
			
			#promotion1 {
				height:260px;
				border-top: 1px solid #fff;
				background-image:url(../images/promotion1-background.jpg);
				padding:20px;
				position:relative;
				}
				
				#promotion1 p {
					color:#fff;
					}
		
			#promotion2 {
				height:70px;
				width:439px;
				float:left;
				border-top: 1px solid #fff;
				border-right:1px solid #fff;
				background-image:url(../images/promotion2-background.jpg);
				position:relative;
				color:#fff;
				padding:110px 20px 20px 20px;
				}
				
				#promotion2 h2 {
					font-size:20px;
					line-height:25px;
					font-weight:bold;
					margin:0;
					color:#fff;
					}

				#promotion2 p {
					color:#fff;
					}


			#promotion3 {
				height:68px;
				width:440px;
				float:left;
				border-top: 1px solid #fff;
				background-image:url(../images/promotion3-background.jpg);
				color:#fff;
				padding:112px 20px 20px 20px;
				}

				#promotion3 h2 {
					font-size:20px;
					line-height:25px;
					font-weight:bold;
					margin:0;
					color:#fff;
					}

				#promotion3 p {
					color:#fff;
					}

			.panel {
				width:239px;
				height:150px;
				border-top:1px solid #fff;
				border-right:1px solid #fff;
				background-color:#00C;
				float:left;
				}

			.comedy {
				width:199px;
				border-top:1px solid #fff;
				border-right:1px solid #fff;
				height:110px;
				background-image:url(../images/comedy-background.jpg);
				background-color:#00C;
				float:left;
				text-align:center;
				padding:20px;
				}
				
				.comedy h2{
					font-weight:normal;
					color:#fff;
					font-size:28px;
					line-height:32px;
					margin-bottom:10px;
					}

				.comedy p{
					color:#fff;
					}

			a.panelTwitter {
				width:133px;
				height:58px;
				border-top:1px solid #fff;
				background-image:url(../images/twitter-background.jpg);
				background-color:#666;
				padding:72px 20px 20px 87px;
				float:left;
				color:#fff;
				}
	
			.panelEnd {
				width:150px;
				border-top:1px solid #fff;
				height:200px;
				background-color:#00C;
				float:left;
				}

			.infoPanel {
				float:right;
				width:370px;
				}
				
				.infoPanel h2 {
					font-weight:normal;
					font-size:30px;
					line-height:30px;
					color:#FFFF33;
					margin-bottom:20px;
					}

			 .secondaryPanel {
				 width:448px;
				 float:left;
				 }
				 
			.twoThirdPanel {
				 width:592px;
				 float:left;
				}
				
			.oneThirdPanel {
				 width:304px;
				 float:left;
				}
				
			form.normalForm input,
			form.normalForm select,
			form.normalForm textarea{
				float:left;
				margin-bottom:10px;
				width:200px;
				
			}
			form.normalForm textarea{
				font:inherit;
			}
			form.normalForm label{
				clear:left;
				float:left;
				width:150px;
				margin: 0px 10px 10px 0px;
			}

/*------------------------------- Footer ----------------------------------------------*/
	
	#footer {
		background-color:#000;
		border-top:1px solid #fff;
		padding:20px;
		position:relative;
		}
		
		#footer p {
			font-size:10px;
			color:#fff;
			}
			
		#footer a:link,
		#footer a:visited {
			color:#fff;
			}
			
		#footer a:hover {
			color:#999;
			}

		#footerNav {
			height:25px;
			width:920px;
			background-color:#000;
			padding:8px 20px 0 20px;
			border-top:1px solid #fff;
			}

			#footerNav li {
				float:left;
				margin-right:10px;
				}

			#footerNav a:link,
			#footerNav a:visited {
				text-decoration:none;
				color:#fff;
				padding:0 8px;
				}

			#footerNav a:hover,
			#footerNav a.current:link,
			#footerNav a.current:visited {
				border-bottom:4px solid #fff;
				padding-bottom:2px;
				}

