@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic|Raleway:500,700|Cardo:400italic);
@import url(css/responsive.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}

body {
	background: url("images/background.jpg") #060606 fixed no-repeat center top;
	background-size: 75% auto;
	color: white;
	padding: 0;
	margin: 0;
	font-size: 18pt;
	font-family: 'Source Sans Pro', sans-serif;
}


#header {
	
	height: 97px;
	position:fixed;
	top: 0px;
	/*left: 50%;
	margin-left: -450px;*/
	width: 100%;
	
	z-index: 100;

}


.container-width {
	width: 100%;
	max-width: 900px;
	min-width: 450px;
	margin: 0 auto;
}

.logo {
	position: fixed;
	z-index: 8;
}

#header-bar {
	height: 4px;
	background: url("images/header-bar.png") transparent scroll center top no-repeat;
	background-size: 100% 4px;
	clear: both;
	color: black;
}

	#header-bar .side, #threads .side {width: 50%; float: left; /*background-color: yellow;*/}
	/*#threads .right { background-color: blue;}*/
	#header-bar .thread {background-color: yellow; width: 40px; position: relative; clear: both;}
	#header-bar  .left .thread-f {left: -40px;}
	#header-bar  .right .thread-f {left: 40px;}
	#header-bar  .thread-b {z-index: 5; top: 5px;}
	#header-bar  .right .thread { float: right;}

#threads {
	width: 100%;
	/*z-index: 8;*/
	position: fixed;
	
}
	#threads .container {
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
	}
	
	#threads .thread {
		background: url("images/threads.png") transparent scroll 0 0 no-repeat ; 
		width: 297px; height: 121px; position: relative; clear: both; top: 62px; z-index: 110;}
	#threads .left .thread {left: -277px;}
	#threads .right .thread {left: 277px; background-position: -297px 0}
	#threads  .right .thread { float: right;}

#header .full {
	/*background: url("images/header-fade.png") transparent scroll center top no-repeat;*/
	background: url("images/background.jpg") #060606 scroll center top no-repeat;
	/*background-size: 1086px 93px ;*/
	background-size: 75% auto;
	height: 97px;
}
#header .container-width {
	background: url("images/header-bar.png") transparent scroll center bottom no-repeat;
	height: 97px;
}

#header .logo {
	/*background: url("images/FD-logo-colour-shadow.png") scroll 0 0 no-repeat transparent;*/
	width: 105px;
	height: 93px; /* 97-4px */
	float: left;
	
}

#header div.logo div.l  {
	height: 157px;
	background: url("images/FD-logo-colour-shadow.png") scroll 0 0 no-repeat transparent;
	width: 105px;
	left: 12px;
	position: relative;
	z-index: 120;
	background-size: 100% auto;
}

#header .main-menu {
	float: left;
	width: 795px;
	height: 93px;
	overflow: hide;
	/*background-color: white;*/
}

/* === MAIN MENU === */
.nav-button, .nav-subbutton { display: none; }
#mainMenu, .mainMenu  {
	/*overflow: hidden;*/
	white-space: nowrap;
	height: 93px;  
	float: left;
	width: 795px; width: 100%;
	position: relative;
}

#mainMenu img, .mainMenu img{font-size:11pt;}

#mainMenu ul, .mainMenu  ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: url(none) none;
	/*height: inherit;*/
	margin-top: 8px;
	margin-left: 105px;
	margin-right: 20px;
	/*height: 44px;
	overflow: hidden;*/
	
}

#mainMenu li, .mainMenu li{
	margin: 0px;
	color: #f79422;
	padding: 0px;
	float: right;
	position: relative;
	height: inherit;
	line-height: 120px;
	-moz-transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	text-indent: -7pt;
	height: 44px;
}
#mainMenu li.sub{
}
#mainMenu li:hover {
	
}

#mainMenu a:link, #mainMenu a:visited, #mainMenu a,
.mainMenu a:link, .mainMenu a:visited, .mainMenu a {
	float:left;
	color: #f79422;
	display: table-cell;
	text-decoration:none;
	margin: 0px;
	display: block;
	/*overflow: visible;*/
	height: inherit;
	line-height: 122px;
	font-size: 19pt;
	font-weight: bold;
	text-align: center;
	padding: 0px 19px;
	/*position: relative;*/
	cursor: pointer;
	text-transform:uppercase;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	
}

#mainMenu li:after, .mainMenu  li:after{
	content: '|';
	
	
}

#mainMenu li:first-child:after, .mainMenu  li:first-child:after{
	content: '';
}

#mainMenu a:hover, .mainMenu a:hover {
	color: #fff;
	text-decoration:none;
	/*text-shadow: 0 0 0.7em white;*/
	background-position: center 39px;
	color: #0973ba;
   /*text-shadow: 0 0 5px rgba(239,120,33,1.0), 0 0 5px rgba(239,120,33,1.0);*/
   text-shadow: 0 0 7px rgba(133,187,223,0.3);
	
}

#mainMenu a.linkactive , #mainMenu  a.linkactive,
.mainMenu a.linkactive , .mainMenu  a.linkactive {
	text-decoration:none;
	background-Position: center -56px;
}

#mainMenu a.linkactive:hover,
.mainMenu a.linkactive:hover {
	color: #fff;
	text-decoration:none;
	background-Position: center 28px;
}


#header .fdltd {
	background: #191c1f url("images/FD-name-logo-colour.png") center center no-repeat scroll;
	width: 226px;
	height: 31px;
	float: left;
	z-index: 110;
	position: relative;
	top: -53px;
	left: 99px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
}

.logo h1 {
	display: none;	
}

#content .container-width {
	background-color: rgba(21,21,21,0.33);
	
	position: relative;
	z-index: 7;
}

#content-container {
	padding: 130px 20px 50px 20px;
	background-color: rgba(255, 255, 255, 0.03);
	border-right: solid 1px rgba(255,255,255,0.1);
	border-left: solid 1px rgba(255,255,255,0.1);
	
}

#content-container article {
    padding-bottom: 30px;
}

#content-shadow {
	background: url("images/content-shadow.png") transparent scroll no-repeat 0 0;
	background-size: 100% 63px;
	width: 900px;
	height: 63px;
	position: fixed;
	top: 97px;
	z-index: 9;
}

#footer-bar {
	background: url("images/footer-bar.png") #d26323 scroll repeat-y center top;
	background-size: 100% auto;
	/*padding-top: 10px;*/
	height: 10px;
	border-top: #f3ad3d solid 2px;
	border-bottom: #963e0b solid 1px;
}

#footer .container {
	background: url("images/footer-background.jpg") #1f282c scroll repeat-y center top;
	background-size: 100% auto;
	padding: 20px 0;
	border-top: #586970 solid 2px;
	z-index: 30;
	position: relative;
}

#logofooter {
	background: url("images/FD-logo-colour-shadow.png") transparent scroll no-repeat 10px -157px;
	padding-left: 131px;
	padding-right: 20px;
	min-height: 161px;
}

#corp-text {
	color: #0b0b0b;
	text-transform: uppercase;
	/*text-shadow: 1px 1px rgba(0,0,0,0.3);*/
	font-weight: 400;
	font-size: 9.5pt;
}

#content-container ul {
	list-style-position:inside;
}

#socialcards {
	height: 10px;
	/*position: relative;
	z-index: 10;*/
	float: right;
	width: 429px;
	margin-right: 5px
	
}

#socialcards .content {
	
}

#socialcards .cards a{
	width: 143px; height: 144px;
	background: url("images/socialcards.png") transparent scroll no-repeat 0 0;
	background-size: auto 100%; 
	display: block;
	float: left;
	text-decoration: none;
	-webkit-transform: rotate(-25deg) ;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transform: rotate(-25deg) ;
	-moz-transition: all 0.5s ease-in 0s;
}

#socialcards .twitter a { background-position:  -153px 0; }
#socialcards .youtube a { background-position:  -306px 0; }

#socialcards .cards a:hover {
	-webkit-transform: rotate(-3deg) translate(10px, -50px);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transform: rotate(-3deg) translate(10px, -50px);
	-moz-transition: all 0.2s ease-in-out 0s;
}