/* WWW.WEFEARSILENCE.COM BY RICHARD KELLY DEC 2009 / JAN 2010 */

/* COLOURS 

CYAN 	#00ADEF		(Link hover)		
MAGENTA #ED008C		(Links except Primary Nav)
YELLOW 	#FEF200
BLACK 	#000000
WHITE 	#FFFFFF

*/

/* UTILITY */

.floatLeft		{ float: left; }

.floatRight		{ float: right;	}

.clear			{ clear: both; }

/* BASIC PAGE STRUCTURE */

#main-wrap			{ width: 960px; margin: 0 auto -250px; min-height: 100%; height: auto !important; height: 100%; }
	
#header				{ background: url(../img/headline.png) bottom center no-repeat; width: 960px; height: 194px; position: relative; }

#homepage			{ width: 960px; height: 400px; position: relative; padding: 30px 0 0 0; }

#contactpage		{ width: 904px; padding: 30px 28px 20px 28px; }

/*#eventpage			{ width: 960px; position: relative; padding: 30px 0 20px 0; }*/ /*UPDATED OCT 2010 */

#mailing			{ width: 960px; height: 400px; position: relative; padding: 30px 28px 20px 28px; }

#fourohfour			{ width: 960px; height: 400px; position: relative; padding: 30px 28px 20px 28px; }

#push				{ height: 249px; width: 100%; }

#footer				{ width: 100%; height: 222px; margin: 0 auto -222px; }

/* HEADER */

.bannerad			{ width: 646px; height: 79px; left: 153px; position: absolute; background: #000000; }

.headwfslogo		{ width: 474px; height: 55px; position: absolute; top: 104px; left: 10px; float: left; }

.headwfslogo a:active	
					{ position: relative; top: 1px; }

.mailinglist		{ background: url(../img/mailinglist.png) center no-repeat; width: 290px; height: 59px; top: 124px; left: 639px; position: absolute; float: right; }

.headnav			{ width: 500px; height: 14px; line-height: 18px; position: absolute; top: 170px; left: 28px; float: left; }

ul#primarynav li	{ display: inline; }

ul#primarynav li a	{ font-family: /*'HelveticaNeueLTCom85Heavy',*/'Helvetica Neue', helvetica, arial, sans-serif; margin: 0 30px 0 0; font-size: 15px; font-weight: bold; font-style: normal; letter-spacing: -0.5px; color: #FFFFFF; }
	
ul#primarynav li a:hover, ul#primarynav li.current a	
					{ color: #00ADEF; }

ul#primarynav li a:active
					{ position: relative; top: 1px; }

/* SEARCH FORM */

.search-text		{ width: 221px; height: 22px; position: absolute; top: 15px; left: 13px; border: 0px; font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 19px; line-height: 19px; padding: 3px; letter-spacing: -1px; }

.search-button		{ width: 25px; height: 29px; background: url(../img/searchbutton.png) center no-repeat; position: absolute; top: 15px; left: 246px; border: 0px; cursor: pointer; }

input, textarea 	{ outline-style: none; }

.mailingtitle		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 30px; letter-spacing: -2px; width: 906px; text-align: center; }

.mailingbody		{ width: 906px; text-align: center; }

/* HOME PAGE */

.hmpg-topleft		{ width: 438px; height: 165px; position: absolute; top: 30px; left: 28px; }

.hmpg-topright		{ width: 438px; height: 165px; position: absolute; top: 30px; left: 494px; }

.hmpg-bottomleft	{ width: 438px; height: 165px; position: absolute; top: 213px; left: 28px; }

.hmpg-bottomright	{ width: 438px; height: 165px; position: absolute; top: 213px; left: 494px; }

.eventarrow, .postarrow
					{ width: 57px; height: 105px; overflow: hidden; position: absolute; left: 33px; top: 30px; }

/*.eventarrow, .postarrow			{
	width: 70px;
	height: 105px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 30px;
}*/

.eventcontainer, .postcontainer		
					{ width: 340px; height: 161px; position: absolute; left: 90px; }
					
.eventcontainer a:active, .postcontainer a:active, .contactcontainer a:active	{ position: relative; top: 1px; }					

.contactarrow		{ background: url(../img/contactarrow2.png) right no-repeat; width: 57px; height: 105px; overflow: hidden; position: absolute; left: 348px; top: 30px; }

.headlinecontainer	{ width: 438px; height: 161px; float: left; position: absolute; left: 4px; }

.contactcontainer	{ width: 340px; height: 161px; float: left; position: absolute; left: 4px; }

.eventimage			{ border: 1px solid #005f83; padding: 7px; }

.postimage			{ border: 1px solid #860450; padding: 7px; }

.contactimage		{ border: 1px solid #8B8500; padding: 7px; }

.headlinedate		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -1.0px; font-size: 24px; }

.headline			{ width: 438px; font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial black, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; /*font-size: 60px;*/ font-size: 52px; line-height: 53px; /*line-height: 45px;*/ margin: 5px 0 0 0; }

.headline a			{ color: #FFFFFF; }

.headline a:hover	{ color: #00ADEF; }

.headline a:active	{ position: relative; top: 1px; }

.headlineteaser		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -1px; font-size: 18px; margin: 10px 0 0 0; }


/* CONTACT PAGE */

.contact-intro		{ width: 904px; height: 45px; }

.faq1, .faq2, .faq3, .faq4, .faq5, .faq6, .faq7, .faq8
					{ width: 432px; margin: 0 0 30px 0; }

.question1, .question3, .question5, .question7, .question2, .question4, .question6, .question8			
					{ font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 40px; font-weight: bold; line-height: 54px; letter-spacing: -3px; margin: 0 0 20px 0; }
					
/*.question2, .question4, .question6, .question8			
					{ font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, Arial, sans-serif; color: #FFFFFF; margin-bottom: 15px; font-size: 40px; font-weight: bold; line-height: 54px; letter-spacing: -3px; position: absolute; top: 10px; right: 45px; text-align: right; }	*/				

.answer1, .answer3, .answer5, .answer7, .answer2, .answer4, .answer6, .answer8
					{ width: 377px; margin: 0 0 0 55px; }

/*.answer2, .answer4, .answer6, .answer8
					{ width: 710px; position: absolute; top: 70px; right: 150px; text-align: right; }*/

.contact-left-column	
					{ width: 432px; margin: 30px 30px 30px 0; float: left; }
					
.contact-left-column a:active
					{ position: relative; top: 1px; }

.contact-right-column	
					{ width: 432px; margin: 30px 0 30px 0;	float: right; }

.contact-right-column a:active
					{ position: relative; top: 1px; }

.faqContainer		{ width: 904px; margin: 30px 0 30px 0; }

.faqCopy			{ width: 904px; margin: 35px 0 0 0; }

.faqCopyLeft		{ width: 550px; float: left; margin: 35px 0 0 0; }

.faqCopyRight		{ width: 550px; float: right; margin: 35px 0 0 0; }

.faqImgLeft			{ border: 1px solid #8B8500; padding: 7px; background: rgb(89, 86, 19); background: rgba(254, 242, 0, 0.4); /*CSS3 Opacity*/  -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; }

.faqImgRight		{ border: 1px solid #8B8500; padding: 7px; background: rgb(89, 86, 19); background: rgba(254, 242, 0, 0.4); /*CSS3 Opacity*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; float: right; }

.faqImgLeft:hover, .faqImgRight:hover	{ background: rgb(72, 70, 15); background: rgba(224, 213, 0, 0.25); /*CSS3 Opacity*/ border: 1px solid #716d09; -moz-box-shadow: 0 0 9px #716d09; -webkit-box-shadow: 0 0 9px #716d09; -webkit-transition: all 0.45s ease-out; }

/* FOOTER */

#footer-inside		{ width: 904px; height: 222px; margin: 0 auto; padding: 0 28px 0 28px; position: relative; }
	
.footer-social		{ background: url(../img/socialbg.png) center no-repeat; width: 700px; height: 70px; position: absolute; top: 0px; left: 129px; }

.twitter			{ width: 344px; height: 70px; position: absolute; }

.tweet				{ width: 310px; height: 36px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; letter-spacing: -1px; text-align: center; vertical-align: middle; color: #000000; line-height: 14px; position: absolute; top: 14px; left: 14px; }

.tweeter			{ width: 310px; height: 36px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; letter-spacing: -1px; text-align: center; vertical-align: middle; color: #000000; line-height: 14px; position: absolute; top: 14px; left: 14px; }

.tweetdate			{ font-size: 10px; color: #999; margin: 0 0 0 5px; }

.followus			{ width: 68px; height: 68px; position: absolute; top: 33px; left: 255px; }

.social-links		{ width: 44px; height: 70px; position: absolute; top: 0; left: 356px; }

.twitter, .social-links	
					{ display: inline; }

.footer-credits		{ width: 628px; height: 152px; position: absolute; bottom: 0px; left: 166px; }

.footer-rss			{ width: 628px; height: 52px; text-align: center; position: absolute; top: 52px; }

ul#rss-nav li		{ display: inline; }

ul#rss-nav li a		{ font-family: /*'HelveticaNeueLTCom85Heavy',*/ 'Helvetica Neue', helvetica, arial, sans-serif; margin: 0 20px 0 0; font-size: 14px; font-weight: bold; font-style: normal; letter-spacing: -0.5px; color: #FFFFFF; }
	
ul#rss-nav li a:hover, ul#rss-nav li.current a	
					{ color: #00ADEF; }
					
ul#rss-nav li a:active
					{ position: relative; top: 1px; }

#socialnav			{ width: 310px; height: 30px; background: url(../img/socialnav.png) ; padding: 0; position: relative; left: 17px; top: 28px; }

#socialnav li		{ margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }

#socialnav li, #socialnav a 
					{ height: 30px;  display: block; }

#twitter			{ left: 0; width: 30px; }

#facebook			{ left: 56px; width: 30px; }

#myspace			{ left: 112px; width: 30px; }

#lastfm				{ left: 168px; width: 30px; }

#soundcloud			{ left: 224px; width: 30px; }

#flickr				{ left: 280px; width: 30px; }

#twitter a:hover	{ background: transparent url(../img/socialnav.png) 0 -30px no-repeat; }

#facebook a:hover	{ background: transparent url(../img/socialnav.png) -56px -30px no-repeat; }

#myspace a:hover	{ background: transparent url(../img/socialnav.png) -112px -30px no-repeat; }

#lastfm a:hover		{ background: transparent url(../img/socialnav.png) -168px -30px no-repeat; }

#soundcloud a:hover	{ background: transparent url(../img/socialnav.png) -224px -30px no-repeat; }

#flickr	 a:hover	{ background: transparent url(../img/socialnav.png) -280px -30px no-repeat; }

.credits			{ width: 628px; font-size: 11px; text-align: center; position: absolute; top: 80px; }

.credits a:active	{ position: relative; top: 1px; }

/* 404 PAGE */

.fourohfourtitle	{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 30px; letter-spacing: -2px; width: 906px; text-align: center; }

.fourohfourbody		{ width: 906px; text-align: center; }

.fourohfourbody a:active
					{ position: relative; top: 1px; }


/* OCTOBER / NOVEMBER 2010 UPDATES

/* EVENTS PAGE - UPDATED OCT 2010*/

#eventPage			{ width: 904px; position: relative; padding: 40px 0 20px 0; margin: 0 auto; }

	.eventContainer		{ width: 904px; position: relative; margin: 0 0 30px 0; padding: 0 0 30px 0; background: url(../img/eventLineGradient.png) bottom center no-repeat; }

		.eventDetailsContainer	{ width: 540px; float: left; }

			.eventDate				{ width: 540px;	font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 18px; margin: 0 0 4px 0;}

			.eventName				{ width: 540px; font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -3px; font-size: 40px; line-height: 40px; margin: 0 0 20px 0; }

			.eventName a			{ color: #FFFFFF; }

			.eventName a:hover		{ color: #00ADEF; }

			.eventBlurb				{ width: 540px; margin: 0 0 20px 0; }

			.eventInfo				{ width: 540px; }

				.info					{ margin: 0 9px 0 0; display: inline; }

			.eventNightLnk			{ width: 540px; margin: 20px 0 0 0; }

		.eventImgContainer		{ width: 364px; height: 205px; float: right; position: relative; }

			.buyTickets				{ width: 72px; height: 72px; position: absolute; top: 0; right: -18px; z-index: 10; }

			.eventImg				{ width: 308px; height: 140px; position: absolute; right: 0px; top: 27px; border: 1px solid #005f83; padding: 6px; z-index: 1; }		

			.eventSocial			{ width: 320px; position: absolute; top: 198px; right: 0px; }

				.face					{ position: absolute; left: 60px; }

				.twit					{ position: absolute; right: 40px; top: -1px; }

				.face, .twit			{ display: inline; }


/* NIGHTS PAGE - ADDED NOV 2010 */

#nightsPage			{ width: 904px; position: relative; padding: 40px 0 20px 0; margin: 0 auto; }

	#nightsIntro		{ width: 904px; position: relative; margin: 0 0 25px 0; }

	#nightsContainer	{ position: relative; margin: 0 0 30px 0; }

		#nightsNav			{ width: 162px; position: relative; margin: 0 20px 0 0; float: left; }

			ul.nightSideNav	li a{ font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; font-size: 20px; line-height: 28px; }

			ul.nightSideNav li a:hover, ul.nightSideNav li a:active
								{ color: #00adef; }

		#night				{ width: 722px; position: relative; float: right; }

			#nightDetails		{ width: 722px; position: relative; float: right; margin: 0 0 27px 0; }

				.nightImg			{ width: 126px; height: 126px; position: relative; float: left; border: 1px solid #005f83; padding: 6px; margin: 0 20px 0 0; }

				#nightName			{ width: 562px; position: relative; font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; font-size: 45px; line-height: 40px; padding: 0 0 17px 0; margin: 0 0 17px 0; background: url(../img/nightsUnderline.png) bottom center no-repeat; float: right; }

				#nightDJs			{ position: relative; font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; font-size: 20px; line-height: 22px; margin: 0 20px 0 0; }

				#DJs				{ position: relative; font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 14px; line-height: 22px; letter-spacing: 0px; }

				#nightDJs, #DJs		{ display: inline; }

			#nightCopy			{ width: 560px; position: relative; float: left; margin: 0 0 0 0; text-align: justify; }

			#nightsSocial		{ width: 142px; float: right; margin: 0 0 0 20px; }

				.networksTitle		{ font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; font-size: 19px; line-height: 22px; margin: 0 0 15px 0; }

				#nightsNetworks		{ width: 142px; position: relative; margin: 0 0 15px 0; }				

				.nightsWebsite a	{ color: #ed008c; }


/* MAP PAGE - ADDED JAN 2011 */

#mapPage			{ width: 904px; position: relative; padding: 40px 0 20px 0; margin: 0 auto; }

	#mapIntro			{ width: 904px; position: relative; margin: 0 0 25px 0; }

	#mapAddress			{ width: 904px; position: relative; margin: 0 0 40px 0; text-align: right; font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #FFFFFF; letter-spacing: -2px; font-size: 24px; line-height: 26px; }

	#mapHolder			{ width: 904px; height: 540px; position: relative; margin: 0 0 30px 0; }

		.cableMap			{ width: 672px; height: 508px; position: absolute; top: 25px; }

		.mapTravel			{ width: 210px; position: relative; float: right; margin: 0 0 0 20px; font-size: 13px; }

			.mapTravelTitle	{ font-family: 'HelveticaNeueLTCom85Heavy', Helvetica, arial, sans-serif; font-weight: bold; color: #55c7f3; letter-spacing: -2px; font-size: 24px; line-height: 26px; margin: 0 0 15px 0; }















/* BULLET PROOF FONT FACE - http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
						   - http://www.fontsquirrel.com/fontface/generator */

@font-face 			{
	font-family: 'HelveticaNeueLTCom85Heavy'; src: url('../font/HelveticaNeueLTCom-Hv.eot'); src: local('Helvetica Neue LT Com 85 Heavy'), local('HelveticaNeueLTCom-Hv'), url('../font/HelveticaNeueLTCom-Hv.woff') format('woff'), url('../font/HelveticaNeueLTCom-Hv.ttf') format('truetype'), url('../font/HelveticaNeueLTCom-Hv.svg#HelveticaNeueLTCom-Hv') format('svg'); }