/*
Theme Name: DAC v1
Theme URI: http://workingwithdyslexia.com
Description: Theme created for the site <a href="http://workingwithdyslexia.com">Dyslexia Assessment and Consultancy</a>.
Version: 1
Author: FoxLand
Author URI: http://fox-land.co.uk/
Tags: clean, green, white, gray, two-columns, grid

	DAC v1

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

*/

/* Contents:

1. General
2. Structure
3. Links
4. Header
5. Sidebar
	5.1 Nav
	5.2 Newsletter
6. Content
	6.1 Type
	6.2 Images
	6.3 Lists
	6.4 Callouts
7. News
8. Footer

*/

/* Colour Guide (Default):

Boxes:
Yellow					#F4CD2F	...... Top border of the page
Brigh Green				#BDD01A ...... Top border of boxes

Text:
Dark Grey				#464646 ...... Main text and headings
Light Grey				#868686 ...... Secondary text: dates

Links:
Grassy Green*			#7D8246 ...... Links
Dark Green	**			#4E5132 ...... Links hovered (these colours are switched on the main nav)

Forms:
Beige					#E4DFCF ...... Borders
Dark Beige				#C0AB8C ...... Borders on focus
White-ish				#FCFBF9 ...... Backgrounds
Grassy Green*			#7D8246	...... Buttons
Dark Green	**			#4E5132 ...... Buttons hovered

Page:
Off White				#F5F3ED ...... Main background

*/

@import url(reset.css);

/* 1. General -------------------------------------- */

body  { background:#f5f3ed; color:#464646; font:62.5% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; text-align:center; }

a img { border: none; }

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

#newsletter input#emailSubmit { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }

.alignleft { float:left; } .alignright { float:right; }

/* 2. Structure -------------------------------------- */

.inner { margin:auto; width:94em; text-align:left; }

#aside { float:left; width:22em; }

	#nav { background:#ffffff; margin-bottom:1.5em; }
	
#content { float:right; width:70em; padding:2em 0 4em 0; }

	.main { width:46em; float:left; background:#ffffff; }
	.page-child .main, /* if it's a child page */
	.page-id-2 .main, /* About page */
	.page-id-187 .main, /* Thank you page */
	.single .main { width:100%; float:none; }
	.page-id-205 .main { width:46em; float:left; background:#ffffff; } /* Stories page — it's a child page but also has children, so it has a sidebar */
	
		/* Using another div inside .main so that there are no problems with paddings/widths */
		#post { padding:2em; }
		
			/* Each post, on the News page, is a .post div */
			.post { margin-bottom:2.5em; overflow:hidden; }
		
		/* On Homepage */
		#news { background:#f5f3ed; padding-top:30px; }
			
	.sec { width:22em; float:right; }
	.sec.archives { background:#ffffff; padding:2em; width:18em; }
	
		.callout { padding:135px 1em .5em 1em; margin-bottom:1.5em; background:#ffffff none no-repeat; }
		
	.box { background:#ffffff; border-top:6px solid #bdd01a; padding:1.5em; margin-bottom:1.5em; font-size:.9em; }
	
	.editPage { clear:both; padding:1em 0; }

#footer { width:94em; margin-bottom:3em; text-align:center; padding:.5em 0; clear:both; background:#fcfbf9; border:1px solid #e4dfcf; }

/* 3. Links -------------------------------------- */

a:link, a:visited { color:#7d8246; text-decoration:underline; }
a:hover, a:active { color:#4E5132; text-decoration:underline; }

#nav a:link, #nav a:visited { color:#4e5132; text-decoration:none; }
#nav a:hover, #nav a:active { color:#7d8246; text-decoration:underline; }
#nav .current_page_item a, #nav .current_page_parent a, #nav .current_page_ancestor .current_page_ancestor a { font-weight:bold; }
#nav .current_page_item li a, #nav .current_page_parent li a { font-weight:normal; }

/* List of services on homepage */
ul#services li a:link, ul#services li a:visited { text-decoration:none; }
ul#services li a:hover, ul#services li a:focus, ul#services li a:active { text-decoration:underline; }
ul#services li li a:link, ul#services li li a:visited, ul#services li li a:hover, ul#services li li a:focus, ul#services li li a:active { text-decoration:underline; }

/* News navigation */
.navigation { padding:.5em; font-size:1.2em; clear:both; overflow:hidden; background:#fcfbf9; border:1px solid #e4dfcf; }

/* Callouts */
.callout p a:link, .callout p a:visited { text-decoration:none; }
.callout p a:hover, .callout p a:focus, .callout p a:active { text-decoration:underline; }

/* 4. Header -------------------------------------- */

#header { border-top:7px solid #f4cd2f; background:#7D8246 url(assets/header-10.jpg) no-repeat 50% 50%; height:192px; }

#header h1 { /* width:471px; */ width:150px; /* margin-top:21px; margin-left:10px; */ text-indent:-10000px; float:left; }
	
	#header h1 a { display:block; width:126px; height:126px; background:url(assets/logo-white.png) no-repeat left top; margin-top:20px; margin-left:20px; }

/* Assessment and Are you dyslexic pages */
.page-id-4 #header,
.parent-pageid-4 #header,
.page-id-36 #header,
.parent-pageid-36 #header { background-image:url(assets/header-4.jpg); }
.page-id-4 #header h1 a,
.parent-pageid-4 #header h1 a,
.page-id-36 #header h1 a,
.parent-pageid-36 #header h1 a { background-image:url(assets/logo-green.png); }

/* Skills training pages */
.page-id-6 #header,
.parent-pageid-6 #header { background-image:url(assets/header-11.jpg); }

/* Support for employers pages */
.page-id-8 #header,
.parent-pageid-8 #header { background-image:url(assets/header-5.jpg); }

/* Training professionals pages */
.page-id-9 #header,
.parent-pageid-9 #header { background-image:url(assets/header-6.jpg); }
.page-id-9 #header h1 a,
.parent-pageid-9 #header h1 a { background-image:url(assets/logo-green.png); }

/* Legal services pages */
.page-id-10 #header,
.parent-pageid-10 #header { background-image:url(assets/header-12.jpg); }

/* Guide to dyslexia pages */
.page-id-15 #header,
.parent-pageid-15 #header { background-image:url(assets/header-9.jpg); }

/* About us pages */
.page-id-2 #header,
.parent-pageid-2 #header { background-image:url(assets/header-8.jpg); }

/* 5. Sidebar -------------------------------------- */

	/* 5.1 Nav -------------------------------------- */	
		
	#nav .services { font-size:1.4em; border-bottom:2px solid #f5f3ed; padding:1em 1.5em; }
	#nav .services:first-child { padding-top:2em; }
	
	#nav h3 { font-size:.7em; text-transform:uppercase; letter-spacing:1px; color:#898989; }
	
	#nav .company { font-size:1.2em; padding:1.5em; }
		
	#nav li { padding:.4em 0; }
					
	/* 5.2 Newsletter -------------------------------------- */
	
	#newsletter { background:#ffffff; border-top:6px solid #bdd01a; padding:1.5em; position:relative; margin-bottom:1.5em; height:1%; }
	
		#newsletter h2 { font-size:1.3em; margin-bottom:1em; font-weight:bold; }
				
		#newsletter input { clear:both; display:block; }
		
			#newsletter input#emailNews { background:#fcfbf9; border:1px solid #e4dfcf; padding:.2em .2em .2em 1.8em; font:1.3em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; width:9.5em; margin:0 0 6px 25px; }
				#newsletter input#emailNews:focus { border-color:#c0ab8c;}
			
			#newsletter input#emailSubmit { background:#7D8246; color:#ffffff; text-shadow:0 1px 1px #666666; border:0; font-weight:bold; font-size:1.2em; padding:.5em 1em; margin-left:5em; }
				#newsletter input#emailSubmit:hover, #newsletter input#emailSubmit:focus { background:#4E5132; cursor:pointer; }
				
		#subscribeIcon { width:50px; height:30px; position:absolute; left:13px; bottom:45px; background:url(assets/subscribe_icon.png) no-repeat 50% 50%; } /* Change these settings on ie.css for IE6 */
	
/* 6. Content -------------------------------------- */
	
	/* 6.1 Type -------------------------------------- */
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-weight:bold; }
	
	#content h1 { font-size:3.2em; margin-bottom:0; color:#464646; border-bottom:6px solid #bdd01a; padding-bottom:.5em; }
	
	#content h2 { font-size:1.8em; color:#464646; margin-bottom:.5em; }
	
	#content h2#title { font-size:2.2em; margin-bottom:0; border-bottom:6px solid #bdd01a; padding-bottom:.5em; } /* Used on the Homepage */
	#content h2#title span { font-size:.7em; display:block; padding-top:.3em; font-weight:normal; }
	#content #news h2 { border-bottom:6px solid #bdd01a; padding-bottom:.5em; } /* Used on the Homepage */
	
	#content h3, #content h4, #content h5, #content h6 { margin-bottom:.8em; }
	
	#content h3 { font-size:1.6em; }
	#content p + h3 { margin-top:1.8em; }
		#content .post-143 h3 { clear:both; } /* ".post-143" is the Books page */
	
	#content h4 { font-size:1.4em; font-variant:small-caps; }
		#content .post-143 h4 { clear:both; } /* ".post-143" is the Books page */
		#content .post-143 p + h4 { margin-top:1.8em; } /* ".post-143" is the Books page */
	
	#content h5 { font-size:1.3em; }
	
	#content h6 { font-size:1.2em; }
	
	p { font-size:1.3em; line-height:1.5; margin-bottom:1em; }
	
	p.postmetadata { color:#868686; margin-top:-.2em; font-size:1.2em; }
	
	blockquote { padding-left:1.8em; border-left:4px solid #cccccc; margin:1.8em 1.8em 1.8em .3em; font-style:italic; }
		
	/* 6.2 Images -------------------------------------- */
	
	.imgLeft, img.alignleft { float:left; margin:0 1.2em .5em 0; }
	.imgRight, img.alignright { float:right; margin:0 0 .5em 1.2em; }
	
	.post-143 img { margin-bottom:1.8em; }
	
	/* 6.3 Lists -------------------------------------- */
	
		/* Homepage list services */
		
		ul#services li { border-bottom:2px solid #f5f3ed; padding:1.5em; font-size:1.7em; color:#7d8246; font-weight:bold; }		
		ul#services li li { border:0; padding:0; font-size:.8em; font-weight:normal; list-style:disc; margin-left:1em; }
			
		ul#services li a { margin-bottom:.3em; display:block; }
		ul#services li li a { padding:.2em 0; }
			
		/* The following lists use the #post id so that the homepage doesn't grab these styles — the list style for the HP is different */		
		#post ul, #post ol { margin-bottom:2em; margin-left:2em; }	
			#post li { font-size:1.3em; margin-bottom:.8em; }		
			#post ol li { list-style:decimal; }
			#post ul li { list-style:disc; }
			
		/* Parent pages lists of child pages */
		ul.page-list { border-top:2px solid #F5F3ED; }
		ul.page-list li { border-bottom:2px solid #F5F3ED; padding:1.5em; }
		ul.page-list li a { font-size:1.6em; font-weight:bold; margin-bottom:.5em; display:block; }
		ul.page-list li p a { font-size:.9em; margin:0; display:inline; }
		ul.page-list li p { margin-bottom:0; }
		
		/* Sub-pages on sidebar */
		#nav .page_folder ul { margin:0.3em 0 -0.2em 1.4em; }
		
		/* Archives */
		.archives li { font-size:1.2em; margin-bottom:.5em; }
	
	/* 6.4 Callouts -------------------------------------- */
	
	#content .callout h3 { padding-top:.5em; margin-bottom:.2em; }
	
	#checklists { background-image:url(assets/checklists-photo.jpg); }
	#guides { background-image:url(assets/guides-photo.jpg); }
	#book { background-image:url(assets/book-photo.jpg); }

/* 7. News -------------------------------------- */

#news h2 { font-size:1.8em; position:relative; }
#news h2 a { text-decoration: none; }
#news h2 a:hover { text-decoration: underline; }

	#news h2 a.rss { width:14px; height:14px; display:block; text-indent:-100000px; background:url(assets/rss_icon.gif) no-repeat; position:absolute; right:0; bottom:.6em; }
	
#news li { margin-bottom:15px; clear:both; overflow:hidden; }
#news li:last-child { margin-bottom:0; }
	
	#news p { font-size:1.4em; line-height:1.3; margin-bottom:.4em; }
	#news p:first-of-type { font-weight:bold; }
	
		#news span.date { color:#898989; margin-right:.5em; font-weight:normal; }
	
	#news li a { font-weight:bold; }
	#news li a span { font-weight:normal;  }
		
	#news li img { float:left; margin:0 .7em .5em 0; border:3px solid #E4DFCF; }

/* 8. Footer -------------------------------------- */

#footer p { font-size:1.1em; margin-bottom:0; }