/*  
Theme Name: Purple
Theme URI: http://www.naturopathy.me.uk/
Description: Theme for Naturopathy look and feel.
Version: 1.0
Author: Tom Mearns
Author URI: http://www.subfusion.com/

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

body {
	color: #726755;
	font-family: verdana, arial, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding: 0;
	background-color: #f0eee5;
	background-image: url(images/home-flowers.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#flowerBg {width: 55.6em; margin: 0 auto; padding: 0;}

#wrapper {width: 47.5em; margin: 0 auto; padding: 0}

h1, h3 {font-weight:normal}
h1 {font-size: 1.375em; /* 16x1.375=22px */ line-height: 1.636em;/* 16x1.636=36px */ margin: -0.4em 0 0 0; color: #d90040;}
h2 {font-size: 0.9em; /* 16x1.125=18px */ margin: 1em 0; /* 18x1=18px */ color: #4d4436; font-weight:bold}
p {font-size: 0.8em; /* 16x0.875=14px */ margin: 1.286em 0; /* 14x1.286=18px */; text-align: justify}
p.bigger {font-size: 0.9em; /* 14x0.875=14px */ margin: 1.286em 0; /* 14x1.286=18px */}
p.small-text {font-size: 0.7em; /* 14x0.875=14px */ margin: 1.286em 0; /* 14x1.286=18px */}

#content ul {font-size: 0.8em}

a:link, a:visited {color: #d90040; text-decoration: underline}
a:hover {color: #4dc3bf; text-decoration: none}

#header {position: relative; height: 8.8em; margin: 0; /*border-bottom: #a385c2 1px dotted*/}

#access {position: absolute; left: -9999px;}
#logo {
	width: 150px;
	height: 110px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}
#strapline {position: absolute; top: 4.3em; right: 0; width: 260px; height: 20px; background: url(images/strapline.gif); text-align: right}

div.dash {width: 100%; height: 1px; background: url(images/dash.gif) repeat-x}

a img {border: 0}
img {border: 0}

#content img {position: relative; float: right; margin: 0 0 2em 2em; border: 5px #9966CC solid}

#promo {position: relative; clear: both; margin: 1.1em 0 2.2em 0; border: 5px #e5e1d9 solid}
#promo.pageHome {background: url(images/promo-home.jpg) no-repeat; width: 750px; height: 268px}
#promo.pageServices, #promo.page7 {background: url(images/promo-services.jpg) no-repeat; width: 750px; height: 129px}
#promo.pageAbout, #promo.page2 {background: url(images/promo-about.jpg) no-repeat; width: 750px; height: 129px}
#promo.pageProducts, #promo.page11 {background: url(images/promo-products.jpg) no-repeat; width: 750px; height: 129px}
#promo.pageContact, #promo.page15 {background: url(images/promo-contact.jpg) no-repeat; width: 750px; height: 129px}
#content {position: relative; clear: both; margin: 0 0 1em 0}
#textNarrow {float: right; width: 30.322em}
#text {width: 100%}
#leftBox {float: left; width: 12.22em; background: #e5e1d9; margin: 0; padding: 0 1.286em 0.64em 1.286em}
#leftBox p {font-size: 0.7em}
#leftBox h2 {font-size: 0.9em; /* 16x1.125=18px */ margin: 1em 0; /* 18x1=18px */; color: #d90040; font-weight: bold}

.leftNavHeader {float: left; width: 14.85em; background: #e5e1d9; margin: 0; padding: 1em 0 0 1.2em}
ul#leftNav {float: left; width: 16.8em; background: #e5e1d9; margin: 0; padding: 0.64em}
#leftNav li {list-style-type: none; padding: 0; margin: 1px 0 0 0; background: #c9c2b4}
#leftNav a {font-size: 0.9em; display: block; padding: 0.5em 1em; margin: 0}
#leftNav a:link, #leftNav a:visited {color: #4d4436; text-decoration: none}
#leftNav a:hover {color: #4d4436; text-decoration: none; background: #d5cfc3}
#leftNav li.current_page_item a {color: #d90040; text-decoration: none; font-weight: bold; background: #d5cfc3}
#leftNav li.current_page_item a:hover {color: #ffffff; text-decoration: none}

#footer {position: relative; width: 100%; clear: both; margin: 1.1em 0 0 0; padding: 1em 0; background: url(images/dash.gif) repeat-x top; color: #4d4436}
#footerLeft {float: left; width: 40%}
#footerRight {float: right; width: 40%; text-align: right; margin-top: -3.15em}
#footer p {font-size: 0.6em}
#footer a {text-decoration: none}
#footer a:hover {text-decoration: underline}

ul#nav {position: relative; clear: both; margin: 0 0 0 -1.25em; padding: 0 0 1em 0; white-space: nowrap}
#nav li {display: inline; list-style-type: none; padding: 0; margin: 0}
#nav a {font-size: 0.9em; padding: 1em 1.3em}
#nav a:link, #nav a:visited {color: #4d4436; text-decoration: none}
#nav a:hover {color: #d90040; text-decoration: underline}
#nav li.current_page_item a, #nav li.current_page_parent a {color: #d90040; text-decoration: none}
#nav li.current_page_item a:hover, #nav li.current_page_parent a:hover {color: #d90040; text-decoration: underline}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */