/*  

Description: The theme for Gloria Kimberley
Site: http://www.gloriakimberley.com
Version: 1.0
Author: Roger Knight
Author URI: http://attractmore.co.uk

*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, 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;}

caption, th					{text-align:left;}

h1, h2, h3, h4, h5, h6		{font-size:100%;}

a							{text-decoration:none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong						{font-weight:bold;}

em							{font-style:italic;}

/* a { position:relative } /* Gets links displaying over a PNG background */

a img 						{border:none; } /* Gets rid of IE blue borders */
.clear 						{clear:both;}
.external					{background: url(images/externalLink.gif) no-repeat top right; padding: 0 10px 0 0;	display:inline-block;}


/*-----------------------------------------------------
		BODY AND CONTAINER
--------------------------------------------------------*/
body						{margin: 0px; padding: 0px; background-color:#D4FFB7; background-image:url(images/body-border-fuzz-770.gif); background-repeat:repeat-y; background-position:center; font-size: 90%;	font-family: Tahoma, Geneva, sans-serif; color: #070D07;}

#container					{margin: 0px auto; padding: 0px; background: white; width:770px;}

/*-----------------------------------------------------
		HEADER
--------------------------------------------------------*/
#header						{height:100px;}

#header h1					{font-size:28px; padding:20px 0 0 20px; color:#00CC33;}
#header h2					{font-size:16px; padding:6px 0 0 40px; color:#00CC33;}
#header img					{float:right; margin:6px 20px 0 0; padding:0;}

/*----------------------------------------------------
		NAV
----------------------------------------------------*/
#nav						{margin:0; background-color:#00CC33; height:3.4em;}
#nav ul						{margin:0; text-align:center; list-style-type:none; padding:1.1em 0; }
#nav ul li					{list-style-type:none; margin-right:0.4em; display:inline;}
#nav ul li a				{color:white; font-size:90%; text-decoration:none; font-weight:bold; padding:1.2em 0.8em;}
#nav ul li.last				{margin-right: 0;}
/* some bizarre hack - see http://24ways.org/examples/centered-tabs-with-css/tabs.html*/
/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}
 
#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

#nav ul li a:hover,
#nav ul li a:focus			{background-color:#F26202;}

body#home #nav a.home,
body#about #nav a.about,
body#treatment #nav a.treatment,
body#children #nav a.children,
body#faq #nav a.faq,
body#news #nav a.news,
body#testimonials #nav a.testimonials,
body#contact #nav a.contact	{background-color:#F26202; color:white; cursor:default;}

/*------------------------------------------------------
		MAIN
-------------------------------------------------------*/
#main						{margin:5px 0px; padding:0; clear:both; float:left; background:#fff url(images/bg.png) repeat-y left top;}

/*-----------------------------------------------------
		CONTENT
------------------------------------------------------*/
#content					{margin:0px; padding: 0px; line-height:1.4em; width:500px; float:left;}

#content h3					{padding:12px 0 16px 12px;}
#content h4					{padding:0px 0 16px 12px; font-style:italic;}
#content p					{padding:0 0 16px 12px; text-align:justify;}
#content ul					{padding:0 0 12px 12px;}
#content ul li				{margin:2px 0;}
#content a					{text-decoration:none; color:#00CC33; border-bottom:#00CC33 1px solid;}
#content a:hover			{color:#070D07; border-bottom:#070D07 1px solid;}
#content img				{border:#7F9DB9 1px solid; margin:6px 0;}

/*-------------------------------------------------
		SIDEBAR
--------------------------------------------------*/
#sidebar					{width:260px; margin:0; padding:0; float:right; overflow: hidden;}
#sidebar p					{padding:12px 0 0 24px;}
#primaryimg,
#sidebar #twtr-widget-1		{padding:20px 0 0 33px;}
#sidebar img.twtr-profile-img,
.twtr-ft a img				{padding:0;}

/*----------------------------------------------
		FOOTER
-------------------------------------------------*/

#footer						{clear:both; background-color:#00CC33; height:3.5em; font-size:12px;}
#footer ul					{margin: 0;	padding:12px 0; text-align: center;}
#footer ul li				{list-style-image: none; list-style-type: none; 	margin: 0; padding: 0 8px; display: inline; color:white;}
#footer a,
#footer a:visited			{color: white; text-decoration: none; border-bottom: 1px dotted #eaeaea; }
#footer a:hover				{color:blue; border-bottom:blue 1px solid;}

/*----------------------------------------------------------------
		FORM
-----------------------------------------------------------------*/
form#enquiryform			{margin: 0 10px 5px 0px; width:450px;}

fieldset					{padding:0px 0 0 10px; margin:0px; width: 98%; 	border:0;}

label						{display:block; padding:8px 0 0 0; font-size:90%;}
input						{width:300px;}

textarea.address			{width:200px; height:100px;}
textarea.msg				{width:300px; height:200px;}

input:focus, textarea:focus {background-color:#D4FFB7;}

.required					{font-size:80%; color:#cc0000;}
.advice						{font-size:80%;}
button						{width:8em; padding:0.2em 0; margin:10px 1em 0.5em 0;}

#treatment table			{margin: 2px 0 10px 14px; text-align:left;}
#treatment table td			{border-top: #2B457E dotted 1px}
#treatment table td p		{padding: 6px 0;}
#treatment td.lastrow		{border-bottom: #2B457E dotted 1px;}

blockquote					{margin:12px 0 0 0; padding:0 0 0 24px; background:#fff url(images/quote.gif) no-repeat left top; font-style:italic;}
#content p.authorname		{font-size: 85%; font-weight: bold; text-align: right; padding:0 12px 0 0;}