/*
Theme Name: We Fear Silence
Theme URI: https://wefearsilence.com
Description: We Fear Silence
Version: 1.0
Author: Rich Kelly
Author URI: 
Tags: 
*/

/* COLOURS 

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

*/

@import "style/css/reset.css";
@import "style/css/enrichment.css";

/*
	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; }

#blogpage			{ width: 904px; min-height: 306px; height: auto !important; height: 306px; /* IE 6 Min Height Hack */ padding: 30px 28px 71px 28px; position: relative; }

#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: 80px; left: 155px; 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/searchbg.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; }

/* THE BLOG */

.contentcolumn		{ width: 562px; padding: 0 0 15px 0; float: left; }

.post				{ width: 562px; margin: 0 0 35px 0; }

.postsingle			{ width: 562px; margin: 0 0 10px 0; }

.posttitle			{ width: 562px; font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 50px; letter-spacing: -3px; line-height: 52px; text-align: right; }

.posttitle a 		{ color: #FFFFFF; }

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

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

.postdetails		{ width: 562px; text-align: right; margin: 5px 0 0 0; }

.postdate			{ font-family: /*'HelveticaNeueLTCom85Heavy',*/ 'Helvetica Neue' helvetica, arial, sans-serif; font-weight: bold; font-size: 14px; letter-spacing: -0.5px; margin: 0 20px 0 0; }

.postcomments		{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; text-align: right; margin: 0 20px 0 0; vertical-align: baseline; }

.postdeets			{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; text-align: right; }

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

.postdate, .postcomments, .postdeets	
					{ display: inline; }

.postexcerpt		{ width: 212px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; margin: 50px 0 0 0; float: left; }

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

.postbody			{ width: 562px; }

.postbody p			{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; margin: 50px 0 30px 0; }	

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

.postimg			{ width: 340px; height: 161px; margin: 15px 0 10px 0; float: right; }

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

.postsingleimg		{ width: 340px; height: 161px; margin: 15px 0 10px 10px; float: right; }

.postbody, .postimg	{ display: inline; }

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

.love				{ font-size: 10px; }

.share				{ float: right; }

#sharelink			{ width: 156px; height: 18px; background: url(img/sharelinks.png); font-size: 10px; padding: 0; position: relative; }

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

#sharelink li, #sharelink a 
					{ height: 18px; display: block; }
					
#sharelink a:active	{ position: relative; top: 1px; }					

#digg				{ left: 0; width: 18px; }

#del				{ left: 23px; width: 18px; }

#face				{ left: 46px; width: 18px; }

#stumble			{ left: 69px; width: 18px; }

#twit				{ left: 92px; width: 18px; }

#mail				{ left: 115px;  width: 18px; }

#rss				{ left: 138px; width: 18px; }

#digg a:hover		{ background: transparent url(img/sharelinks.png) 0 -18px no-repeat; }

#del a:hover		{ background: transparent url(img/sharelinks.png) -23px -18px no-repeat; }

#face a:hover		{ background: transparent url(img/sharelinks.png) -46px -18px no-repeat; }

#stumble a:hover	{ background: transparent url(img/sharelinks.png) -69px -18px no-repeat; }

#twit a:hover		{ background: transparent url(img/sharelinks.png) -92px -18px no-repeat; }

#mail	 a:hover	{ background: transparent url(img/sharelinks.png) -115px -18px no-repeat; }

#rss	 a:hover	{ background: transparent url(img/sharelinks.png) -138px -18px no-repeat; }

/* COMMENTS */

.comments-col		{ width: 562px; margin: 0 0 60px 0; }

.comments-h3		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 30px; letter-spacing: -1px; line-height: 31px; text-align: left; margin: 40px 0 10px 0; }

.comments-body		{ text-align: left; }

ol.comments			{ margin: 30px 0 30px 0; }

.comments li		{ list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; }

.comments cite		{ display: block; font-style: normal; position: relative; }

.comments cite img	{ position: absolute; top: 8px; left: 8px; }

.commentimg			{ background: url(img/gravatarbg.png) center no-repeat; width: 126px; height: 96px; float: left; margin: 0 20px 0 0; position: relative; }

.gravatar			{ position: absolute; left: 8px; top: 8px; }

.commentauthor		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 21px; letter-spacing: -0.5px; color: #FFFFFF; float: left; }
	
.commentauthor a	{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 20px; letter-spacing: -1px; color: #ED008C; }
	
.commentauthor a:hover	
					{ color: #00ADEF; }

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

.commentdetails		{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 10px; color: #FFFFFF; float: right; }

.commentsbody		{ width: 415px; margin: 13px 0 0 0; line-height: 21px; text-align: left; float: right; }

.commentsmod		{ width: 415px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; color: #F38EAD; float: left; }

.commentsform		{ width: 405px; border: 0px; margin: 0 0 20px 0; padding: 5px; vertical-align: middle; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; color: #ED008C; float: right; }

.commentslabel		{ width: 135px; font-family: /*'HelveticaNeueLTCom85Heavy',*/ 'Helvetica Neue', helvetica, arial, sans-serif; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: -0.5px; margin: 0 0 30px 0; float: left; }

.commentsbutton		{ width: 415px; height: 50px; background: #00ADEF; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; letter-spacing: -1px; padding: 5px; border: 5px solid #7cd2f2; vertical-align: middle; color: #FFFFFF; overflow: hidden; cursor: pointer; float: right; }
	
.commentsbutton:hover	
					{ background: #7cd2f2; }

.commentsrequired	{ width: 400px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 5px 0 5px 0; font-size: 14px; color: #FFFFFF; float: right; }
	
/* SIDEBAR */

.rightsidecolumn	{ width: 289px; padding: 0 0 15px 0; float: right; }

.sidebartitlearchive, .sidebartitlecategory		{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 30px; line-height: 30px; letter-spacing: -1px; margin: 0 0 20px 0; }

ul#sidebarnav		{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; }

ul#sidebarnav li a:hover, ul#sidebarnav li.current a	{ color: #00ADEF; }

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

ul#sidebarnav2		{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; }

ul#sidebarnav2 li a:hover, ul#sidebarnav2 li.current a	{ color: #00ADEF; }

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

/* ARCHIVE / CATEGORY / SEARCH RESULTS PAGES */

.archivepost		{ width: 562px; margin: 0 0 70px 0; }	

.archivesectiontitle
					{ font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 40px; line-height: 40px; letter-spacing: -3px; margin: 0 0 20px 0; float: right; }

.archivetitle		{ width: 340px; font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 38px; line-height: 38px; letter-spacing: -3px; text-align: right; color: #FFFFFF; float: left; }	

.archivetitle a 	{ color: #FFFFFF; }

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

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

.resultspara		{ width: 562px; margin: 0 0 20px 0; }

.archiveimg			{ width: 200px; height: 95px; float: right; }

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

.archivetitle, .archiveimg	
					{ display: inline; }

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

.archivedate		{ width: 340px; font-family: 'HelveticaNeueLTCom85Heavy', helvetica, arial, sans-serif; font-weight: bold; font-size: 15px; letter-spacing: -1px; text-align: right; float: left; }

/* SEARCH FORM */

#search				{ width: 290px; height: 59px; background: url(img/searchbg.png) center no-repeat; position: relative; }

.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; }

/* PREVIOUS / NEXT LINK */

.olderposts			{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; margin: 0 0 20px 0; float: left; }

.newerposts			{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; margin: 0 0 20px 0; float: right; }

.newerposts a:active, .olderposts a:active
					{ position: relative; top: 1px; }

/* 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: left; 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; }

#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; }

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

.footer-rss			{ width: 628px; height: 14px; 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; }

.rsslogo			{ vertical-align: middle; }

.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; }

/* 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'); }