/*  

Description: The theme for Jacqueline Beattie
Site: http://www.leeds-homeopathy.co.uk
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%; font-weight:normal;}

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:white;	font-size: 90%;	font-family: Tahoma, Geneva, sans-serif; color: #38384b;}

#container					{margin: 0px auto; padding: 0px; background: #DCDDE1; width:100%; min-width:760px; max-width:1200px;}

/*-----------------------------------------------------
		HEADER
--------------------------------------------------------*/

#header						{background-color:#FFFFD4; background-image:url(images/Jac_Banner_Wide.jpg); background-position:left; background-repeat:no-repeat; height:90px;}
#headertext					{color:white; width:98%; text-align:right;}
#header h1					{font-size:28px; padding:20px 0 0 0; overflow:auto;} /*Overflow needed to prevent IE7 horiz scrollbar bug with italic text !*/
#header h2					{font-size:14px; padding:6px 0 0 0; }
#header h1 a,
#header h2 a				{color:white; text-decoration:none;}

/*------------------------------------------------------
		MAIN
-------------------------------------------------------*/

#main						{margin:20px 12px; padding:0; clear:both;}

/*-----------------------------------------------------
		CONTENT
------------------------------------------------------*/

#content					{background-color: #DCDDE1; margin: 0px 270px 0px 200px; padding: 0px;}
#content h3					{font-weight:bold;}
#content p,#content h3		{padding:0 0 12px 0;}
#content ul					{padding:0 0 12px 12px;}
#content ul li				{margin:2px 0;}
#content a					{text-decoration:none; color:blue; border-bottom:blue 1px solid;}
#content img				{border:#7F9DB9 1px solid; margin:6px 0;}
#content form				{width:90%}
#content textarea			{margin:0 0 6px 0;}
#content input				{width:6em; height:2em;}
blockquote					{margin:14px 0 10px 16px; padding:0 0 0 40px; background:transparent url(images/quote.gif) no-repeat left top; }
#content p.testimonialname	{font-weight:bold;}

/*----------------------------------------------------
		MENUBAR
----------------------------------------------------*/

#menubar					{width: 180px; margin: 0; padding: 0; float: left; overflow: hidden;}

#menubar a, 
#menubar a:link,
#menubar a:visited			{display:block; width:159px; height:25px; background:url(images/menu-highlight.gif) bottom left no-repeat; color:#4B6EFF; font-size:14px; padding-left:20px;}

#menubar a:hover			{background:url(images/menu-highlight.gif) center left no-repeat; padding-left:20px; }

body#home #menubar a.home,
body#what #menubar a.what,
body#qualifications #menubar a.qualifications,
body#how #menubar a.how,
body#patients #menubar a.patients,
body#testimonials #menubar a.testimonials,
body#classes #menubar a.classes,
body#location #menubar a.location	{background:url(images/menu-highlight.gif) top left; cursor:default;color:#010B86;}


/*-------------------------------------------------
		PICTUREBAR
--------------------------------------------------*/

#picturebar					{width:260px; margin:0; padding:0; float:right; overflow: hidden;}
#picturebar img				{float:right;}

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

#footer						{clear:both; background-color:#4B6EFF; height:3em;}
#footer p					{padding: 6px 0 0 12px; color:white; text-align:center;}