/*************************************************************************
	EquityFC: http://equityfc.com/
	Developed by Electric Putty Ltd. <rob@electricputty.co.uk>

	MODULE: 	global.css
	PURPOSE:	all global rules for site
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
.group:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}


/* General Rules and classes
*************************************************************************/
html { background: #FFF; }
body {
	background: #FFF url('../site_images/bg-head.jpg') repeat-x 0 0;
	margin: 0;
	color: #333;
	font-size: 62.5%;
	font-family: Arial,"Helvetica Neue","Helvetica",sans-serif;
	line-height: 1.4;
}

a { text-decoration: none; color: #3D6592; font-weight: normal; background: #EEF5FD; padding: 0.3em 0; }
	
a:hover, a:focus, a:active { text-decoration: underline; }

h1, h2, h3 { font-family: Georgia, Times, Times New Roman, serif; font-weight: normal; }

h1 { font-size: 3em; color: #131E59; }
h2 { font-size: 2.2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
	
p { font-size: 1.4em; }

strong { font-weight: bold; }

em { font-style: italic; }

/* Super classes */
.big { font-size: 1.6em; }

.caps { text-transform: uppercase; }

a.heading { line-height: 1.5; padding: 0.1em 0; }

.fancy { font-family: Georgia, Times, Times New Roman, serif; }

.subhead { font-size: 1.8em; margin-bottom: 8px; }

.subsubhead { font-size: 1.4em; margin-bottom: 8px; }

.hide { display: none; }

.center { margin: 0 auto; width: 960px; }

.last { margin-right: 0 !important; }

#skipto { position: absolute; left: -999em; }

#pageTop { line-height: 0; height: 0; border: 0; padding: 0; }

	/* global form styles */
	form input { border: 1px solid #91949D; padding: 3px 2px; width: 186px; margin-right: 5px; }
	
		form input:focus { border: 1px solid #CCC; }
	
	button { cursor: pointer; }

/* Main block positioning and formatting
*************************************************************************/
.col1, .col2, .col3, .col1-2, .col2-3 { float: left; display: inline; }

.col1 { width: 230px; margin: 0 20px 0 0; }
.col2 { width: 460px; margin: 0 20px 0 0; }
.col3 { width: 230px; margin: 0; }

.col1-2 { width: 700px; margin: 0 20px 0 10px; }
.col2-3 { width: 690px; margin: 0 20px 0 0; }

.col1-3 { width: 940px; margin: 0 auto; }

.content_head { width: 860px; padding: 15px 0 20px 10px; }

/* Header with back link */
.back_link { width: 940px; padding: 15px 10px 20px; }

/* Site header
*************************************************************************/
#header { background: url('../site_images/bg-head-mid.jpg') no-repeat 50% 0; height: 117px; padding-top: 20px; }

	#site_logo { background: url('../site_images/logo-equityfd-head.png') no-repeat 50% 50%; width: 570px; height: 80px; display: block; text-indent: -9999em; float:left; padding: 10px 0 0 0; }

	#head_control { float: right; color: #FFF; width: 230px; }

		#head_control p { font-size: 1.2em; }
			#head_control p a { background: none; color: #FFF; padding: 0; text-decoration: underline; }
				#head_control a:hover { text-decoration: none; }
				
		a#head_link { background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; padding: 14px 30px 14px 83px; border: 1px solid #838FCD; border-width: 1px 0; margin-top: 10px; display: block; color: #FFF; text-decoration: underline; font-size: 1.2em; }
			a.eqfc_head_link { background-image: url('../site_images/logo-equityfc-small66.png'); }
			a.eqfd_head_link { background-image: url('../site_images/logo-equityfd-small66.png'); }

/* Primary nav
*************************************************************************/
#main_nav { 
	border-top: 1px solid #6A8999;
	background: #406d85; /* Old browsers */
	background: -moz-linear-gradient(top, #406d85 28%, #2d5a72 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#406d85), color-stop(100%,#2d5a72)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #406d85 28%,#2d5a72 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #406d85 28%,#2d5a72 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #406d85 28%,#2d5a72 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406d85', endColorstr='#2d5a72',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #406d85 28%,#2d5a72 100%); /* W3C */ 
}

	#main_nav li { 
		float: left; 
		text-align: center; 
		text-transform: uppercase; 
		font-size: 1.4em; 
		padding: 1px 1px 0 1px; 
		border-radius: 2px 2px 0 0;
		margin-right: 1px;
		box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.4);	
	}

		#main_nav li a { background: none; color: #FFF; display: block; padding: 10px 0; border: 1px solid #FFF; border-width: 1px 1px 0 1px; border-radius: 2px 2px 0 0; }
		
		/* .here and hover state */
		#main_nav li.here, #main_nav li:hover, #main_nav li.here:hover { position: relative; top: -10px; margin-bottom: -11px; box-shadow: none; }
			
			#main_nav li.here a, 
			#main_nav li.here a:hover
			{ 
				padding: 10px 0 21px;
			}
			
			#main_nav li:hover { margin-bottom: -10px; }
			#main_nav li a:hover,
			#main_nav li a.sub-nav-open
			{ 
				padding: 10px 0 20px;
			}	
		
	
	#main_nav_ind { border-top: 1px solid #000; height: 10px; }
	
	/* Tab and indicator specific gradients and widths */
	.nav_home {  
		width: 64px;
		background: #383838; /* Old browsers */
		background: -moz-linear-gradient(top, #383838 0%, #656565 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#656565)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #383838 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #383838 0%,#656565 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #383838 0%,#656565 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #383838 0%,#656565 100%); /* W3C */
	}
	.nav_home_ind { background: #656565; }

	/* Breadcrumbs */
	#breadcrumbs { border-bottom: 2px solid #D6D8E2; color: #000000; font-size: 1.2em; padding: 16px 0 15px 10px; width: 950px; }
		#breadcrumbs li { float: left; }
		#breadcrumbs li, #breadcrumbs li a { line-height: 1.1em; margin-right: 6px; }

/* Secondary nav
*************************************************************************/
#sub_nav { text-transform: uppercase; font-size: 1.4em; }
	
	#sub_nav li { padding: 1px; }
	#sub_nav li a { 
		display: block; 
		border-radius: 2px; 
		color: #FFF; 
		padding: 10px; 
		-moz-transition: background-color .15s ease-in;
		-webkit-transition: background-color .15s ease-in;
		-o-transition: background-color .15s ease-in;
		-MS-transition: background-color .15s ease-in;
		transition: background-color .15s ease-in; }

	#sub_nav li.here a { font-weight: bold; }
	
		#sub_nav li li a,
		#sub_nav li.here li a
		{
			background: #e0c2d1;
			color: #000;
			font-weight: normal;
			padding-left: 20px;
		}

/* Footer Section
*************************************************************************/
#footer { border-top: 3px solid #141F59; margin: 20px auto; width: 960px; }

	#footer ul { border-top: 3px solid #E8E8E8; padding: 20px 25px 15px; font-size: 1.3em; }
		#footer ul li { float: left; margin-right: 10px; }
			#footer ul li:first-child { border-right: 1px solid #000; }
			#footer ul li a { margin-right: 10px; }
			
			/* remove margin from penultimate child */
			#footer ul li:nth-last-child(2) a { margin-right: 0; }			


	#footer p { font-size: 1.2em; padding: 0 25px; }
		#footer p span { padding-left: 20px; }
		
/* Editorial styles
*************************************************************************/
.editorial { padding-bottom: 30px; }
.editorial h2, .editorial h3, .editorial h4 { margin-bottom: 4px; text-transform: none; }
	
.editorial p { margin-bottom: 8px; line-height: 1.6; }

.editorial ul, .editorial ol { margin-bottom: 12px; margin-left: 20px; font-size: 1.4em; }

.editorial li { list-style-position: outside; padding: 3px 0; }
	.editorial ul li { list-style: square; }
	.editorial ol li { list-style: decimal; }
	
	.editorial ul ul, .editorial ol ol { font-size: 1em; }
	.editorial ul ul li { list-style: circle; }
	
ul.al-anchor-list { margin-bottom: 8px; }
ul.al-anchor-list li { list-style: square; padding: 1px 0; }

.editorial img { display: inline; }
	
	.editorial .img_left { float: left; margin: 15px 15px 15px 0px; }
	.editorial .img_right { float: right; margin: 15px 0px 15px 15px; }

.editorial #ed_img { display: block; margin: 0 0 15px 15px; border: 1px solid #D6D8E2; padding: 3px; }

.editorial .standFirst { font-size: 1.6em; margin-bottom: 10px; }	

/* Listing styles
*************************************************************************/	
.paging { border: 1px solid #D6D8E2; border-width: 1px 0; padding: 8px 0; }
	.paging p { float: left; font-size: 1.3em; }
	.paging .paging_control { float: right; }
	
.listing { margin: 15px 0; }
	.listing li { padding: 15px 0; border-top: 1px solid #D6D8E2; }
	.listing li:first-child { border: 0; padding-top: 0; }

	.list_item_title { margin-bottom: 5px; }
	
.item_date { font-size: 0.8em; padding-left: 5px; color: #757575; }
h2 .item_date { font-size: 0.6em; }

/* Testimonials */
#testimonial_list li { padding: 15px 30px; background: url('../site_images/bg-quote-open.gif') no-repeat 0 17px; }
		
	#testimonial_list p { font-style: italic; margin-bottom: 5px; }
	#testimonial_list cite { font-weight: bold; font-size: 1.4em; font-style: normal; }
	
	
/* Job listing */
#job_listing { margin: 0 0 15px; }
	#job_listing h3 { font-size: 2.2em; color: #6B3259; }
	#job_listing ul li { padding: 3px 0; border-top: 0;  }

/* Press */
#press_list li { padding: 15px 30px; background: url('../site_images/bg-press.gif') no-repeat 0 20px; }

/* Features */
#feature_list li { padding: 15px 30px; background: url('../site_images/bg-feature.gif') no-repeat 0 20px; }

.feature_info { display: block; padding: 0 0 5px; color: #757575; font-size: 1.5em; }

/* Articles */
#article_list li { padding: 15px 30px; background: url('../site_images/bg-article.gif') no-repeat 0 20px; }

/* Blog */
#blog_subscribe { font-size: 1.3em; float: right; margin: 10px 0; padding-right: 30px; }

#blog_cats { margin: 20px 10px 0 10px; text-align: right; clear: both; }
	#blog_cats ul { font-size: 1.2em; }
		#blog_cats ul li { padding: 3px 0; }
		#blog_cats ul ul { font-size: 1em; }
		
/* Listing detail */
#list_detail_head { font-size: 2.6em; }


/* Landing page styles
*************************************************************************/	
#blog_landing .fbox { margin-right: 20px; float: left; width: 209px; min-height: 210px; }

	#blog_landing .last { width: 208px; }
	
	#blog_landing h3 { margin-bottom: 3px; }
		#blog_landing h3 a { display: block; }
	
	.blog_landing_item { padding: 0 0 7px; }
	
		#blog_landing h4 { font-size: 1.4em; line-height: 1.8; padding-bottom: 4px; }
		#blog_landing .item_date { display: block; padding: 0; }
	
		#blog_landing p { font-size: 1.2em; }

/* Team page styles
*************************************************************************/	
#team_list li { width: 222px; float: left; margin: 0 20px 20px 0; }

	#team_list .fbox a { background: none; }
	#team_list img { 
		vertical-align: bottom; 
		opacity: 0.7; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70); 
	}
		#team_list img:hover { opacity: 1; -ms-filter: none; filter: none; }
	
	#team_list p { margin: 8px 0 8px; }
		#team_list p a { font-weight: bold; }


/* Print and Back to top controls
*************************************************************************/
.pageActions { }
.backTo { float: right; font-size: 1.3em; }

/* Featurebox
*************************************************************************/
.fbox { background: #FFF; padding: 3px; border: 1px solid #e8e8e8; box-shadow: 0 0 3px #C1C1C1; }

.blue_grad {
	padding: 8px;
	color: #FFF;
	background: #88a3c0; /* Old browsers */
	background: -moz-linear-gradient(top, #88a3c0 0%, #4b6c8f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88a3c0), color-stop(100%,#4b6c8f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #88a3c0 0%,#4b6c8f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #88a3c0 0%,#4b6c8f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #88a3c0 0%,#4b6c8f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88a3c0', endColorstr='#4b6c8f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #88a3c0 0%,#4b6c8f 100%); /* W3C */
}

.fbox_next { float: right; background: none; color: #FFF; font-size: 1.3em; }

/* Misc
*************************************************************************/
.get_news { font-size: 1.3em; }
	.get_news li { float: left; margin-right: 10px; }

.icon { font-weight: bold; padding-right: 24px; background-repeat: no-repeat; background-position: 94% 40%; }

.email { background-image: url('../site_images/icon-email.png'); }
.rss { background-image: url('../site_images/icon-rss.png'); }


/* Site map styles
*************************************************************************/
#sitemap h1 { margin: 5px 0 12px; line-height: 1.2em; padding-bottom: 7px; }
#sitemap li { padding: 10px 0; }
#sitemap li a { font-size: 1.5em; border-bottom: 1px solid #E6E6E6; display: block; background: none; }
#sitemap li ul { margin-left: 20px; }
#sitemap li ul li { padding: 1px 0; }
#sitemap li ul li a { font-size: 1.3em; font-weight: normal; border-bottom: 0; display: inline; }


/* Job ticker styling
*************************************************************************/
#ticker-wrapper.has-js {
	display: block;
	padding: 15px 0 5px;	
}
#ticker {
	width: 960px;
	height: 35px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	border: 2px solid #6B3259;
}
#ticker-title {
	line-height: 35px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #6B3259;
	text-transform: uppercase;
	width: 105px;
	text-align: center;
}
#ticker-content {
	margin: 0px;
	padding: 9px 0 0 9px;
	position: absolute;
	color: #1F527B;
	font-weight: bold;
	background-color: #FFF;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
#ticker-content:focus {
	none;
}
#ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
#ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
#ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #FFF;
	display: block;
	width: 800px;
	height: 23px; 
}
#ticker-swipe span {
	margin-left: 1px;
	background-color: #FFF;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.js-hidden {
	display: none;
}
#no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left #ticker-swipe {
	left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
    float: left;
}
.right #ticker-swipe {
	right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
    float: right;
}