/*
Theme Name: Suzy Lamplugh
Theme URI: http://www.electricstudio.co.uk
Description: Bespoke theme for Suzy Lamplugh, designed and developed by Electric Studio
Version: 1.0
Author: Patrik Johnsson
Author URI: http://www.electricstudio.co.uk

*/

/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

table, tbody, caption, th, tr, td { text-align:left }

q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
strong em, em strong { font-weight: bold; font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* FONT SIZES

16px = 1em
14px = 0.875em
13px = 0.8125em
12px = 0.75em
11px = 0.6875em
10px = 0.625em
9px = 0.5625em
8px = 0.5em


Body = 0.8125em (13px)
Children of body:

32px = 246.153%
26px = 200%
22px = 169.230%
18px = 138.461%
16px = 123.076%
15px = 115.384%
14px = 107.692%
13px = 100%
12px = 92.307%
11px = 84.615%
10px = 76.923%

percentage = (size in px) / (1em size (13 in this case)) * 100

link colour is #E15A00

*/
html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	font:normal normal 0.8125em/1.4em Arial, Helvetica, sans-serif;
	color:#222;
	height:100%;
	margin:0;
	background-color:#FFF;
}
#outerContainer {
	position:relative;
	height:auto;
	min-height:100%;
	width:100%;
	padding:0;
	margin:0 auto;
}
#innerContainer {
	width:970px;
	padding:0 0 50px 0;
	margin:0 auto;	
}
* html .container { /* Should be included via Conditional Comment for IE */
	height:100%;
}
div.clear, br.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	width:50px;
	margin:0;
	padding:0;
}
/****************************
GENERIC
*****************************/
.clearright {
	clear:right;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:0px;
}
small {
	font-size: 84.615%;
}
a, .category a {
	color:#68177F;
}
a:hover {
}
a[href$='.pdf'] { 
	padding:0 0 0 19px; 
	background:transparent url(images/pdf.gif) center left no-repeat;
}
a[href$='.mp3'] { 
	padding:0 0 0 19px; 
	background:transparent url(images/mp3.gif) center left no-repeat;
}
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] { 
	padding:0 0 0 19px; 
	background:transparent url(images/excel.gif) center left no-repeat;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] { 
	padding:0 0 0 19px; 
	background:transparent url(images/word.gif) center left no-repeat;
}
a.external {
	padding:0 16px 0 0;
	background:transparent url(images/external.gif) center right no-repeat;
}
h1 {
	font-size: 2.5em;
	padding:0.25em 0 0.5em 0;
	line-height:1em;
}
h1.posttitle {
	font-size: 2.5em;
	padding:0.25em 0 1em 0;
	line-height:1.1em;
}
h2 {
	font-size: 1.7em;
	padding:0.75em 0 0.4em 0;
}
.post h2 {
	line-height:107.692%;
	padding:10px 0 20px 0;
}
#sidebar h2, #sidebarpost h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.3em;
	font-weight:100;
	padding:0.6em 0 0.4em 0;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
}
.entry p a:visited {
}
.sticky {
}
.sticky h2 {
}
.commentlist li, #commentform input{

}
#commentform textarea {
	width:690px;
}
.commentlist li ul li {
}
.commentlist li {
}
.commentlist li .avatar { 
	float: right;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
}
.commentlist p {
}
#commentform p {
}
.commentmetadata {
}
p.nocomments {
	clear:both;
	border-top:1px solid #ECE3F0;
	padding-top:10px;
}
code {
}
acronym, abbr, span.caps {
}

#wp-calendar #prev a, #wp-calendar #next a {
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
div.wp-caption {
	font:italic normal 12px/12px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	border:1px solid #ECE3F0;
	margin:20px 0 20px 20px;
	padding:0;
}
div.wp-caption.alignright {
	float:right;
}
div.wp-caption p.wp-caption-text {
	padding:5px 0 0 0;
	margin:0;
}
p.postmetadata {
	background-color:#F6F2F8;
	font-size:84.615%;
	border-top:1px solid #ECE3F0;
	padding:10px 20px 10px 20px;
	color:#666;
}
p.postmetadata a {
	color:#666;
}
img.alignright {
	float:right;
	clear:right;
	padding:0 0 20px 30px;
}
img.alignleft {
	float:left;
	padding:0 30px 20px 0;
}
/****************************
COMMENTS
*****************************/
div#respond {
	margin:20px 0;
	clear:both;
	padding:20px;
	background-color:#ECE3F0;
}
div#respond h3 {
	font-weight:900;
	margin:0;
	padding:0 0 10px 0;
}
/****************************
HEADER
*****************************/
#header {
	height:145px;
	background:transparent url(images/piggybank_small.png) 860px 39px no-repeat;
	padding:0;
}
#header #logo {
	float:left;
	width:89px;
	height:135px;
	padding:0;
}
#header div.searchform {
	height:31px;
	position:relative;
	float:right;
	padding:8px 0 0 0;
}
#header div#contactheader {
	height:31px;
	position:relative;
	float:right;
	padding:15px 20px 0 0;
}
#header #searchform .screen-reader-text {
	visibility:hidden;
}
#header #searchform input[type="text"] {
	background:transparent url(images/search-form-bg.gif) 0 0 no-repeat;
	width:150px;
	height:15px;
	padding:7px 0 9px 30px;
	border:none;
	float:left;
}
#header #searchform input[type="image"] {
	width:69px;
	height:31px;
	border:none;
	float:right;
}
#header #navigation {
	padding-top:61px;
	height:33px;
	position:relative;
	float:right;
	z-index:999;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.3;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			33px; /* match top ul list item height */
	z-index:		9999;
	padding:		10px 0 0 0;
	background-color:#fff;
	border-left:1px solid #ECE3F0;
	border-bottom:5px solid #ECE3F0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	display:none;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	line-height:13px;
	display:block;
	padding:9px 12px 12px 7px;
	margin-left:5px;
	color:#68177F;
	text-decoration:none;
	font-weight:900;
	background:transparent url(images/navigation-seperator.gif) right 5px no-repeat;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
#header ul#topnavigation li li {
	width:200px !important;
}

.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover {
	outline: 0;	
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;	
}

#header ul#topnavigation li.last a {
	background-image:none;
}
#header ul#topnavigation li.current_page_item a, #header ul#topnavigation li.current_page_parent a, #header ul#topnavigation li.current_page_ancestor a {
	color:#68177F;
	background:transparent url(images/navigation-active.png) right top no-repeat;
}
#header ul#topnavigation li.current_page_item, #header ul#topnavigation li.current_page_parent, #header ul#topnavigation li.current_page_ancestor {
	background:transparent url(images/navigation-active.png) left top no-repeat;
	margin-left:-2px;
}
#header ul#topnavigation li li a {
	font-weight:100;
	background-image:none !important;
	padding:6px 12px 6px 7px;
	line-height:130%;
}
#header ul#topnavigation li li a:hover {
	text-decoration:underline;
}
#header ul#topnavigation li.current_page_ancestor li.current_page_item {
	background-image:none;
}
#header ul#topnavigation li li {
	background-image:none !important;
	border-bottom:1px solid #ECE3F0;
}
/****************************
CONTENT
*****************************/
#contenthome, #content .contentfull {
	position:relative;
	padding:0;
	width:970px;
}
#contenthome .post {
	position:relative;
	padding:0;
	margin-left:0;
	min-height:200px;
	background-color:#fff;
}
#contenthome .post .homepage-one {
	margin-right:17px;
	float:left;
	width:230px;
	background:#fff url(images/home-boxes-bg.png) 0 bottom repeat-x;
}
#contenthome .post .homepage-two {
	margin-right:17px;
	float:left;
	width:230px;
}
#contenthome .post .homepage-three {
	margin-right:16px;
	float:left;
	width:230px;
}
#contenthome .post .homepage-four {
	margin-right:0;
	float:left;
	width:230px;
}
#contenthome .post .homepage-one div, #contenthome .post .homepage-two div, #contenthome .post .homepage-three div, #contenthome .post .homepage-four div {
	padding:10px;
}
#contenthome .post .homepage-two div ul li, #contenthome .post .homepage-three div ul li, #contenthome .post .homepage-four div ul li {
	padding:0 0 14px 0;
}
#contenthome .post .homepage-one div ul li {
	padding:0 0 8px 0;
	list-style:disc;
	margin-left:20px;
}
#contenthome h2 {
	font-size:115.384%;
	padding:7px 0 8px 10px;
	font-weight:900;
	color:#fff;
	background:url(images/home-headers-bg.png) 0 0 no-repeat;
}
#contenthome div.post-it-note {
	position:absolute;
	top:70px;
	right:200px;
	display:block;
	width:125px;
	padding:30px 15px 30px 20px;
	height:130px;
	background:url(images/post-it-small.png) 0 0 no-repeat;
	z-index:777;
	text-align:center;
}
#content {
	float:right;
	margin:20px 0;
	width:740px;
	border-top:5px solid #68177F;
}
#content.contentfull {
	position:relative;
	margin:20px 0;
	width:740px;
	border-top:5px solid #68177F;
	width:970px;
}
#content ul, #content ol {
	padding:10px 0 15px 0;
}
#content ul li {
	list-style:disc;
	margin-left:20px;
	padding-bottom:8px;
}
#content ol li {
	list-style:decimal;
	margin-left:25px;
	padding-bottom:8px;
}
#content p, #contenthome p {
	margin:0 0 15px 0;
}
.breadcrumb {
	border-bottom:1px solid #ECE3F0;
	font-size:12px;
	padding:5px 0 8px 0;
	margin-bottom:15px;
	color:#666;
}
.breadcrumb a {
	text-decoration:none;
}
#content blockquote {
	background-color:#ECE3F0;
	padding:20px 30px 10px 30px;
	margin:10px 0;
	font:italic normal 16px/20px Georgia, "Times New Roman", Times, serif;
}
div.older-newer {
	border-top:1px solid #ECE3F0;
	padding:15px 0 30px 0;
}
div.older-newer a {
	font-weight:900;
	text-decoration:none;
}
div.older-newer a:hover {
	text-decoration:underline;
}
div.older-newer div.alignleft {
	width:47%;
	float:left;
}
div.older-newer div.alignright {
	width:47%;
	float:right;
	text-align:right;
}
div.older-newer div.alignleft a {
	padding:2px 0 2px 22px;
	background:transparent url(images/older-arrow.gif) 0 1px no-repeat;
}
div.older-newer div.alignright a {
	padding:2px 22px 2px 0;
	background:transparent url(images/newer-arrow.gif) right 1px no-repeat;
}
	
/****************************
POST SINGLE
*****************************/
div.postdate {
	float:right;
	font-size:10px;
	line-height:14px;
	margin-top:-12px;
	text-align:center;
	color:#fff;
	padding:10px 0 0 20px;
}
div.postdate p {
	display:block;
	width:66px;
	height:60px;
	background:transparent url(images/date-bg.png) 0 0 no-repeat;
	font-size:26px;
	line-height:26px;
	font-weight:900;
	color:#222;
}
div.postdate p em {
	font-size:12px;
	line-height:27px;
	font-style:normal;
	color:#fff;
}
/****************************
SEARCH PAGE
*****************************/
.searchresult h3 a {
	text-decoration:underline;
	font-weight:100;
}
.searchresult p {
	padding:0 !important;
	margin:0 !important;
}
.searchresult a {
	text-decoration:none;
}
.searchpage {
	padding:20px;
	border:3px solid #864CA0;
}
.searchpage input[type="text"] {
	padding:2px;
	width:200px;
}
/***************************
FOOTER START
***************************/
#outerFooter {
	background-color:#6E2A8D;
	color:#fff;
	clear:both;
	position:relative;
	margin-top:-50px;
	padding:0;
	height:40px;
	font-size:84.615%;
	border-bottom:10px solid #864CA0;
}
#innerFooter a {
	color:#fff;
	text-decoration:none;
}
#innerFooter {
	margin:0 auto;
	padding:12px 0 0 0;
	width:970px;
}
#innerFooter span {
	float:right;
}
/****************************
SIDEBAR
*****************************/
#sidebar, #sidebarpost {
	position:relative;
	margin:20px 20px 0 0;
	width:200px;
	float:left;
}
#sidebarmessage {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:1.6em;
	background-color:#ECE3F0;
	position:relative;
	margin:20px 20px 20px 0;
	width:160px;
	padding:20px;
	float:left;
	clear:left;
	text-align:center;
}
#sidebar ul, #sidebarpost ul {
	margin:0 0 20px 0;
}
#sidebar ul li, #sidebarpost ul li {
	border-bottom:1px solid #ECE3F0;
}
#sidebar ul li a, #sidebarpost ul li a {
	display:block;
	padding:7px 5px 7px 9px;
	text-decoration:none;
	color:#68177F;
}
#sidebar ul.twitter li {
	display:block;
	padding:7px 5px 7px 9px;
	text-decoration:none;
	color:#666;
	font-size:84.615%;
}
#sidebar ul.twitter li a {
	display:inline !important;
	color:#68177F;
	padding:0;
}
#sidebar ul li.current_page_item a, #sidebar ul li.current_page_parent a {
	color:#68177F;
	font-weight:900;
}
#sidebarpost ul li a {
	font-weight:100;
	color:#68177F;
	text-decoration:underline;
}
h2.widgettitle {
	padding:10px 0 0 10px;
	margin:0;
}
#sidebar p.rss, #sidebarpost p.rss  {
	padding:0 0 0 10px;
}
div.sidebar_title {
	padding:6px 0 7px 10px;
	font-weight:900;
	color:#fff;
	background:#fff url(images/sidebar-menu-title-bg.gif) 0 0 no-repeat;
}
div.sidebar_title a {
	color:#fff;
	text-decoration:none;
}
div#sidebar select {
	width:178px;
	margin:10px 0 10px 10px;
	padding:2px;
}
/****************************
SIDEBAR CHILDREN
****************************/
#sidebar ul li ul {
	display:none;
}
#sidebar ul li.current_page_item ul, #sidebar ul li.current_page_parent ul {
	display:block;
	padding:0;
	margin:0 0 10px 10px;
}
#sidebar ul li.current_page_item ul li, #sidebar ul li.current_page_parent ul li {
	border-bottom:none !important;
}
#sidebar ul li.current_page_item ul li a, #sidebar ul li.current_page_parent ul li a {
	font-weight:100 !important;
	padding:0 0 0 14px !important;
	background:transparent url(images/sidebar-child-menu-arrow.gif) 4px 6px no-repeat;
}
#sidebar ul li ul li.current_page_item a {
	font-weight:900 !important;
}

/****************************
FORMS
*****************************/
#content div.wpcf7 {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px 20px;
	background-color:#ECE3F0;
	margin:20px 0;
}
#content div.wpcf7-right div.wpcf7 {
	width:300px;
	float:right;
	margin-left:30px;
}
#content div.wpcf7 p {
	padding:5px 0 0 0;
	margin:0;
}
#content div.wpcf7 label {
	color:#365563;
	line-height:20px;
	font-weight:900;
}
#content div.wpcf7 input[type="text"], #content div.wpcf7 input[type="textarea"], #content div.wpcf7 textarea {
	font-size:14px;
	padding:3px;
	width:294px;
}
#content div.wpcf7 input[type="submit"] {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:url(images/submit-bg.png) 0 0 no-repeat;
	width:134px;
	border:none;
	font-weight:900;
	color:#fff;
	font-size:12px;
	padding:6px 0 12px 0;
	margin:0;
}
#content img.wpcf7-captcha-captcha-774 {
	padding-right:10px;
	float:left;
}

div.login-form {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px 20px;
	background-color:#ECE3F0;
	margin:20px 0;
}
div.login-form label.text {
	width:200px;
	display:block;
}