/* @override http://www.fairfinance.org.uk/site/wp-content/themes/fairfinance/style.css */

/*
Theme Name: Fair Finance
Theme URI: http://fairfinance.org.uk
Description: Theme created for the site <a href="http://fairfinance.org.uk">Fair Finance</a>.
Version: 1
Author: FoxLand
Author URI: http://fox-land.co.uk/
Tags: blue, orange

	Fair Finance v1

	This theme was designed and built by FoxLand,
	whose portfolio you will find at http://fox-land.co.uk/

*/

/* ----------------------------------------------------------------------
CONTENTS:
=Resets & General
=Type
=Layout
=Header
=Nav
=Pic Banner
=Main
=Bodytext
=Columns
=Righ Col Block
=Map
=Popups
=Home
=Comments
=Team List
------------------------------------------------------------------------*/

/* =Resets & General -----------------------------------------------------
------------------------------------------------------------------------*/

body { color:#222; font:13px Helvetica, Arial, Univers, Verdana, sans-serif; background-color:#9dddf4; margin:0; padding:0; border:0; }

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, div, img, form, fieldset, input, label, legend, select, textarea, button, span, a { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

ul { list-style:none; }

a img { border:none; }

a { color:#243A5B; text-decoration:underline; }
a:hover { color:#900; text-decoration:underline; }

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */

.editPage { position:absolute; left:10px; top:96px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; background:#38507A; }
.editPage a { padding:6px 9px; color:#ffffff; display:block; font-size:12px; font-weight:bold; }

/* =Images ---------------------------------------------------------------
------------------------------------------------------------------------*/

.alignleft { float:left; margin:0 12px 12px 0; }
.alignright { float:right; margin:0 0 12px 12px; }
.aligncenter { clear:both; margin:0 auto 12px auto; display:block; }

/* =Type ----------------------------------------------------------------
------------------------------------------------------------------------*/

h1 { color:#38507a; font-size:28px; margin:0 0 15px; }

h2 { color:#38507a; font-size:20px; margin:1px 0 9px; }

.postcontent h2 { margin-bottom:8px;}

h3 { color:#38507a; font-size:16px; margin:15px 0 2px; }

#who .col3 h3 { font-weight:bold; font-style:italic; font-size:18px; margin-bottom:10px; }

h4 { color:#38507A; font-size:14px; margin:4px 0 1px 0; }

h5 { font-size:15px; margin:4px 0 9px; line-height:1.3em; }

#business .colRight h5, #personal .colRight h5 { padding:0; }

#business .colRight h5 a, #personal .colRight h5 a { display:block; height:43px; overflow:hidden; text-indent:-10000px; background:url(/static/images/buttons/loan-calculator.gif) no-repeat left top; }
	
	#business .colRight h5 a:hover, #personal .colRight h5 a:hover { background-position:left bottom; }

p { font-size:13px; margin:4px 0 9px 0; line-height:1.4em; }

p.date { margin-bottom:6px; color:#666; }
p.date a { color:#666; }
	
br { font-size:13px; line-height:1.3em; }

/* =Layout ----------------------------------------------------------------
------------------------------------------------------------------------*/

#header { height:86px; width:100%; background-color:#38507A; clear:both; }

#page { margin-left:-389px; position:absolute; top:95px; left:50%; width:778px; background-color:#D2EBFF; margin-bottom:0; }

	.home #page { background:none; }

	#picture { height:90px; width:100%; border-bottom:solid 3px #9dddf4; overflow:hidden; background:url(/static/images/banners/t4.jpg) no-repeat 50% top; }
	
		#picture.loan { background-image:url(/static/images/banners/t9.jpg); }
		#picture.products { background-image:url(/static/images/banners/t1.jpg); }
		#picture.where { background-image:url(/static/images/banners/t8.jpg); }
		#picture.downloads { background-image:url(/static/images/banners/t5.jpg); }
		#picture.news { background-image:url(/static/images/banners/t7.jpg); }
		#picture.contact { background-image:url(/static/images/banners/t6.jpg); }
		
		.home #picture { height:180px; background-image:url(/static/images/banners/home.jpg); }
	
	#main { clear:both; }
	
		#bodytext { float:right; border-left:3px solid #9dddf4; width:647px; min-height:400px; /* ie.css */ }
	
	#picture2 { background:#9DDDF4 url(/static/images/banners/b1.jpg) no-repeat 50% top; color:#555; text-align:center; width:100%; clear:both; overflow:hidden; border-top:3px solid #9dddf4; padding-top:50px }
		
		.home #picture2 { background: none; padding-top: 10px }

/* =Header ----------------------------------------------------------------
------------------------------------------------------------------------*/

#header p { margin:0; padding:0; }

#header h1 { margin-left:16px; padding-top:7px; }

#header h1 a { display:block; text-indent:-10000px; background:url(/static/images/logo.gif) no-repeat; width:54px; height:69px; }

#statement { display:block; position:absolute; top:0px; left:86px; height:86px; border-left:3px solid #9dddf4; padding:7px; }

/* =Nav ----------------------------------------------------------------
------------------------------------------------------------------------*/

#nav { color:#9dddf4; font-size:13px; display:block; position:absolute; top:63px; right:10px; }
	
	#nav li { float:left; padding:0; list-style:none; } 
	
	#nav li.current_page_item, #nav li.current_page_ancestor { font-weight:bold; }
		
		#nav li:after { content:" | "}
		#nav li:last-child:after { content:""}

	#nav a { padding:0 7px; color:white; text-decoration:none; }
	
		#nav a:hover { color:#D2EBFF; text-decoration:none; }
	
		#nav a.current { color:#D2EBFF; font-weight:bold; }

#navleft { width:120px; float:left; }
	
	#navleft li { margin:8px; padding:2px 0; }
	
	#navleft .active { font-size:14px; }
	
	#navleft a { text-decoration:none; }
	
	#navleft li.current_page_item a { font-weight:bold; }

.navlefton { font-weight:bold; }

#navleft h3 { margin:10px 0 2px 8px; padding:0 0 9px; border-bottom:1px solid #666; color:#666; font-size:13px; }

#navleft h3.news { margin-top:15px; padding-top:10px; border-top:1px solid #38507A; border-bottom:0; font-weight:bold; font-size:14px; }

#navleft form { margin-left:8px; margin-top:5px; }

#bodytext .navPaging li, #bodytext2 .navPaging li { background:none; padding:0; }

	.navPaging li.pagingOld, .navPaging li.pagingNew { width:49%; }
	
	.navPaging li.pagingOld { float:left; }
	.navPaging li.pagingNew { float:right; text-align:right; }

/* =Pic Banner ---------------------------------------------------------
------------------------------------------------------------------------*/

#picture2 p { text-align:right; padding-top:10px; }

#picture2 a:link { color:#555; font-size:11px; text-decoration:none; }

#picture2 a:hover { color:#c00; font-size:11px; text-decoration:underline; }

#picture2 a:visited { color:#555; font-size:11px; text-decoration:none; }

#picture2 #fffacebook,
#picture2 #fftwitter { font-size: 12px; margin-left: 20px; padding: 28px 0 28px 27px; }
#picture2 #fffacebook { background:url(/static/images/linkblock-facebook.png) no-repeat left center; }
#picture2 #fftwitter { background:url(/static/images/linkblock-twitter.png) no-repeat left center; }

/* =Main ----------------------------------------------------------------
------------------------------------------------------------------------*/

#buttons li { float:left; margin-top:6px; padding:0; margin-right:3px; }

	#buttons li.advice { margin-right:0; }

	#buttons li a { display:block; width:257px; height:54px; text-indent:-10000px; background:url(/static/images/buttons/buttons-home.gif) no-repeat left top; }
	
	#buttons li.business a { background-position:left top;  }
	#buttons li.business a:hover { background-position:left -54px; }
	
	#buttons li.personal a { background-position:left -138px; }
	#buttons li.personal a:hover, #buttons li.personal a:active { background-position:left -192px; }
	
	#buttons li.advice a { background-position:left -276px; }
	#buttons li.advice a:hover, #buttons li.advice a:active { background-position:left -330px; }

/* =Bodytext ----------------------------------------------------------------
------------------------------------------------------------------------*/

#breadcrumbs { margin:0 0 7px 0; font-size:11px; }

	#breadcrumbs a { text-decoration:none; }

.quote { margin:10px 0 0 30px; }

h2#welcome { text-indent:-10000px; background:url(/static/images/hometext-2.gif) no-repeat left top; width:776px; height:149px; margin-top:20px; clear:both; }

div.post { margin-bottom:40px; }

/* =Columns ----------------------------------------------------------------
------------------------------------------------------------------------*/

.col1 { padding:11px 16px 16px; }

#team .col1 { background:url(/static/images/team.jpg) no-repeat 0 -155px; height:260px; position:relative; }

	#team .col1 .content { position:absolute; margin:0 0 0 -16px; background:#fff; background:rgba(255,255,255,.7); bottom:0; width:647px; }
		#team .col1 .content .inner { padding:7px 7px 0 7px; }

.column { width:210px; margin-right:20px; float:left; }

.col2 { padding:12px 0px 20px 16px; display:table; clear:both; border-top:3px solid #9dddf4; width:647px; }

	.col2 .column { margin-right:20px; margin-bottom:20px; width:250px; float:left; }

.col3 { padding:12px 0px 20px 16px; display:table; clear:both; border-top:3px solid #9dddf4; }

#products .col3 { background:#fff; }

#who .col3 { background:url(/static/images/team.jpg) no-repeat 0 -155px; height:280px; position:relative; display:block; }

	#who .col3 .content { position:absolute; bottom:0; margin:0 0 0 -16px; background:#fff; background:rgba(255,255,255,.7); width:647px; }
		#who .col3 .content .inner { padding:0 7px; }

#bodytext2 .col3 {  }

	.col3 .column { margin-right:20px; margin-bottom:20px; width:29%; float:left; }
	
	.col3 .column.last { margin-right:0; }

/* =Righ Col Block -----------------------------------------------------
------------------------------------------------------------------------*/

.colRightArea { border-top:3px solid #9dddf4; display:table; width:647px; }

#bodytext2 .colRightArea { border-top:3px solid #9dddf4; display:table; width:778px; }

#bodytext2 .colRightArea .col1 { width:530px; }

#bodytext2 .colRightArea .col1 h3 { width:300px; }

.colRight { background:#e9f6ff; padding:0; width:214px; float:right; border-left:3px solid #9dddf4; border-bottom:3px solid #9dddf4; display:table; }

.colRightArea h2 { margin:0 0 16px 0; }

.colRightArea .col3 { padding:16px 0px 10px 16px; margin:0; width:410px; float:left; border-top:none; clear:none; display:table; }

.colRight { background:#e9f6ff; padding:0; width:214px; float:right; border-left:3px solid #9dddf4; display:table; }

#business .colRight, #personal .colRight { border-bottom:none; }

.colRight img { border-bottom:3px solid #9dddf4; }

li { font-size:13px; padding:7px 7px 7px 20px; margin:0; }

#bodytext ul li, #bodytext2 ul li { background:url(/static/images/arrow.gif) no-repeat 7px 50%; }

#bodytext ol li, #bodytext2 ol li { list-style-type:decimal; padding:7px; }

#business #bodytext ul li:last-child {}

.colRight h5 { margin:0; padding:7px 7px 7px 7px; border-bottom:1px solid #9dddf4; }

.colRight li { border-bottom:1px solid #9dddf4; }

.colRightArea .col3 .column { width:30%; margin-right:10px; }

/* =Map ----------------------------------------------------------------
------------------------------------------------------------------------*/

#map { text-align:center; }

/* =Popups ----------------------------------------------------------------
------------------------------------------------------------------------*/

#calculator { padding:12px 50px 30px 12px; display:none; clear:both; background-color:white; }

#list { padding:12px 50px 30px 12px; display:none; clear:both; background-color:white; }

#hidemoreinfo { font-style:italic; font-size:90%; }

/* =Home -----------------------------------------------------------------
------------------------------------------------------------------------*/

.box { background:#ceeefa; height:95px; overflow:hidden; width:385px; float:left; }

	.box.news h2 { text-indent:-10000px; background:url(/static/images/home-newsupdates.gif) no-repeat; width:125px; height:19px; display:block; margin:10px; }
	
	.box.news p.date { text-transform:uppercase; font-size:10px; color:#000; margin:0 0 2px 10px; }
	.box.news h3 { font-size:14px; font-weight:bold; margin:0 0 0 10px; }
		.box.news h3 a:link, .box.news h3 a:visited { text-decoration:none; color:#395599; }

.box.maps { float:right; }

	.box.maps h2 a { text-indent:-10000px; background:url(/static/images/maps-home.gif) no-repeat; width:384px; height:95px; display:block; }
	.box.maps h2 a:hover { background-position:left bottom; }

/* =Comments --------------------------------------------------------------
------------------------------------------------------------------------*/

h2#comments { font-size:18px; clear:both; }

h2#postcomment { font-size:18px; margin-top:30px; }

form#commentform label { float:left; margin-right:10px; width:120px; }

form#commentform textarea { width:300px; margin-top:5px; }

#commentform p.formNote { margin-left:130px; font-size:12px; margin-top:-6px; font-style:italic; }

ol#commentlist { padding-left:0; margin:0; }

ol#commentlist li { background:#fff; background:rgba(255,255,255,.5); list-style:none; padding:10px; margin-bottom:2px; }

.commentAuthor { clear:both; display:block; height:32px; margin-bottom:10px;}

.commentAuthor img { float:left; margin-right:10px; }

.commentAuthor cite { line-height:32px; }

/* =Team List ------------------------------------------------------------
------------------------------------------------------------------------*/

#team .col3 h3 { margin:0 0 8px; font-weight:bold; }

div.member { background:rgba(255,255,255,.5); margin:0 15px 1px 0; padding:10px; }

div.member img.avatar { float:left; width:100px; margin-right:10px; }

div.memberDetails { float:left; width:480px; }

/* Definition list */

#team .col3 h3 { font-weight:normal; }

#team .col3 dl + h3 { padding-top:20px; clear:both; }

#team dl { background:#fff; background:rgba(255,255,255,.5); margin:0 15px 2px 0; padding:10px; float:left; width:580px; }

#team dl:first-child { margin-top:30px; }
#team dl:last-child { margin-bottom:30px; }

#team dt { width:465px; margin:3px 0 4px; float:right; font-size:16px; color:#38507A; }

#team dd.avatar { width:100px; height:100px; float:left; clear:left; }

#team dd.descrip { width:465px; float:right; line-height:1.3; }