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

body {
	background-color: #000;
	text-align: center;
	padding: 0px;
	margin: 0px;
}


#content
{
	text-align: left;
	width: 100%;
	margin: 0 auto;
}


#wrapper {
	position: relative;
	width: 100%;
	height: 680px;
	margin: 0 auto;
	margin-top: 10px;
}


.logobox {
	float: right;
	width: 80px;
	height: 90px;
	margin: 0px 10px;
	padding: 40px 20px;
	background-color: #000000;
}


#datetextbox {
	width: 30%;
	height: 90px;
	margin: 0px 0 0 10px;
	padding: 10px 0 0 20px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #ffff00;
	margin-top: 40px;
}


#eventtextbox {
	width: 80%;
	height: 300px;
	margin: 0px 0 0 10px;
	padding: 10px 0 0 20px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140px;
	color: #FF0066;
}

.eventlineheight {
	line-height: 130px;
}

.eventblue {
	color: #0099FF;
}

.yellow {
	color: #ffff00;
}

.white {
	color: #fff;
}

.venuetextbox {
	width: 70%;
	height: 140px;
	margin: 0px 0 0 10px;
	padding: 20px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: #66CC00;
}


.whattextbox {
	width: 60%;
	height: 140px;
	margin: 0px 0 0 10px;
	padding: 20px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #990099;
}



#footer {
	background-color: #181818;
	float: left;
	margin: 0 auto;
	position: relative;
	width: 100%;
}


.footertextbox {
	float: left;
	width: 35%;
	margin: 0 0.1%;
	padding: 40px 20px;
}


.footerimagebox {
	float: right;
	width: 25%;
	height: 220px;
	margin: 0 0.1%;
	padding: 40px 20px;
}



.footersocialbox {
	float: right;
	width: 12%;
	height: 220px;
	margin: 0 ;
	padding: 40px 0;
}




.hangerbox {
	float: right;
	background: url(images/hanger.png);
	width: 180px;
	height: 107px;
	margin-top: -110px;
	margin-right: 40px;
}




.clockbox {
	float: right;
	width: 400px;
	height: 200px;
	margin-top: -300px;
	margin-right: 40px;
}

.countdown_clock {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #F2E415;
}


.twitter {
	background-image: url(images/twitter.png);
    display: block;
    width: 128px;
    height: 128px;
    border: none;
}

a.twitter:link {
	border:none;
}

a.twitter:visited { 
	border:none;
}

a.twitter:hover {
	background-image: url(images/twitter_hover.png);
	border:none;
}


a.twitter:active {
	border:none;
}




.facebook {
	background-image: url(images/facebook.png);
    display: block;
    width: 128px;
    height: 128px;
    border: none;
}

a.facebook:link {
	border:none;
}

a.facebook:visited { 
	border:none;
}

a.facebook:hover {
	background-image: url(images/facebook_hover.png);
	border:none;
}


a.facebook:active {
	border:none;
}






.smallertext {
	font-size: 24px;
	color: #ffff00;
}



hr {
	border: solid 5px #CCCCCC;
}



h1{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	margin-bottom: -0px;
}


h2{
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #0099FF;
	margin-bottom: -2px;
}


p{
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #e0e0e0;
}

a:link {
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #e0e0e0;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color:  #e0e0e0;
}

a:hover {
	text-decoration: none;
	color: #0099FF;
}



.footerlink {
	float: right;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #e0e0e0;	
}

a.footerlink:link {
	text-decoration: none;
}

a.footerlink:visited {
	color: #e0e0e0;
	text-decoration:none;
}


a.footerlink:hover {
	color: #ffff00;
	text-decoration: none;
}