/*
Theme Name:	Dr. Jim [Personal CMS]
Theme URI:	http://wpdev.eternalurbanyouth.com/
Description:	A	WordPress	Theme	created	originally	for	my client with given template file
Version:	1.0
Author:	Invigoreight
Author URI:	http://www.invigoreight.com
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/*===================TOC=====================

               1. Reset
               2. Container
               3. Skip Links
               4. Branding
               5. Tools
               6. Site Navigation
               7. Content
               8. Supp Navigation
               9. Site Info

=============================================*/



/* 1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img, abbr, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

legend {
	display: none;
	}


/* 2. Container
---------------------------------------------*/
body {
	font-family: Verdana, sans-serif;
	background: url(images/body_bg.png) repeat-x top left;
	}


/* 3. Skip Links
---------------------------------------------*/
#skip {
	position: absolute;
	left: -500em;
	}


/* 4. Branding
---------------------------------------------*/
#branding {
	position: relative;
	margin: 0 auto;
	width: 966px;
	height: 107px;
	}

#branding h1 {
	position: absolute;
	top: 14px;
	left: 5px;
	width: 365px;
	height: 85px;
	background: url(images/branding_h1_bg.png) no-repeat 50% 50%;
	}

#branding h1 a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
	}


/* 5. Tools
---------------------------------------------*/
#tools {
	position: absolute;
	top: 13px;
	right: 0;
	padding: 3px 0 0 50px;
	width: 399px;
	height: 36px;
	color: #22683b;
	font-size: 0.55em;
	cursor: default;
	background: url(images/tools_bg.png) no-repeat 0 0;
	}

#tools a,
#tools label {
	position: relative;
	top: 1px;
	color: #22683b;
	font: bold 1.2em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}

:root #tools a,
:root #tools label {   /* for modern browsers exept IE */
	top: 2px;
	}

#tools a     { margin-right: 1px; }
#tools label { margin-left:  2px; }

#tools form,
#tools form div {
	display: inline;
	}

#tools form div #search-txt {
	margin: 0 -9px 0 2px;
	padding: 4px 4px 0;
	width: 209px;
	height: 22px;
	border: 1px solid #BBB;
	font: 1.6em Helvetica, Arial, sans-serif;
	vertical-align: middle;
	background: white;
	}

#tools form div #search-sub {
	position: absolute;
	top: -500em;
	left: -500em;
	}


/* 6. Site Navigation
---------------------------------------------*/
#site-nav {
	position: relative;
	z-index: 5;
	margin: -1px auto 9px;
	width: 998px;
	height: 40px;
	}

#site-nav h3 {
	position: absolute;
	left: -500em;
	}

#site-nav ul {
	position: relative;
	z-index: 6;
	padding-left: 65px;
	width: 934px;
	height: 100%;
	background: url(images/site-nav_a_bg.png) no-repeat 0 -40px;
	}

#site-nav ul li {
	float: left;
	display: inline;
	padding-right: 1px;
	height: 40px;
	}

#site-nav ul .li-1 { width: 161px; }
#site-nav ul .li-2 { width: 191px; }
#site-nav ul .li-3 { width: 130px; }
#site-nav ul .li-4 { width: 101px; }
#site-nav ul .li-5 { width: 153px; }
#site-nav ul .li-6 { width: 124px; }

#site-nav ul li h4 a {
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -500em;
	background: url(images/site-nav_a_bg.png) no-repeat top left;
	}

#site-nav ul .li-1 h4 a { background-position:  -65px 0; }
#site-nav ul .li-2 h4 a { background-position: -227px 0; }
#site-nav ul .li-3 h4 a { background-position: -419px 0; }
#site-nav ul .li-4 h4 a { background-position: -550px 0; }
#site-nav ul .li-5 h4 a { background-position: -652px 0; }
#site-nav ul .li-6 h4 a { background-position: -806px 0; }

#site-nav ul li:hover h4 a,
#site-nav ul li       h4 a:hover {
	background: none;
	}

#site-nav ul li ul {
	position: absolute;
	top: 40px;
	left: 16px;
	display: none;
	padding: 11px 0 0 0;
	width: 966px;
	height: 31px;
	color: white;
	text-align: center;
	cursor: default;
	background: white url(images/site-nav_div_bg.png) repeat-x top left;
	}

#site-nav ul li:hover ul {
	display: block;
	z-index: 100;
	}

#site-nav ul .li-1 ul { text-indent: -464px; }
#site-nav ul .li-2 ul { text-indent: -352px; }
#site-nav ul .li-3 ul { text-indent:  -18px; }
#site-nav ul .li-4 ul { text-indent:  204px; }
#site-nav ul .li-5 ul { text-indent:  250px; }

#site-nav ul li ul li {
	float: none;
	padding: 0;
	height: auto;
	}

#site-nav ul li ul li a {
	position: relative;
	color: white;
	font-size: 0.9em;
	}

#site-nav ul li ul li span {
	margin: 0 3px;
	}

* html #site-nav ul li ul li span {
	margin: 0 9px 0 3px;
	}

* + html #site-nav ul li ul li span {
	margin: 0 9px 0 3px;
	}


/* 7. Content
---------------------------------------------*/
#content {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 966px;
	height: 1%;
	}

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


/* 8. Supplementary Navigation
---------------------------------------------*/
#supp-nav {
	padding-bottom: 10px;
	min-height: 131px;
	overflow: hidden;
	background: #257679 url(images/supp-nav_bg.png) repeat-x top left;
	}

* html #supp-nav {
	height: 131px;
	}

#supp-nav .inner {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	width: 966px;
	}

#supp-nav .inner h4 {
	position: absolute;
	left: -500em;
	}

#supp-nav .inner ul li {
	float: left;
	display: inline;
	}

#supp-nav .inner ul .li-1 { width: 151px; }
#supp-nav .inner ul .li-2 { width: 160px; }
#supp-nav .inner ul .li-3 { width: 120px; }
#supp-nav .inner ul .li-4 { width: 133px; }
#supp-nav .inner ul .li-5 { width: 175px; }

#supp-nav .inner ul li h5 {
	margin-bottom: 1px;
	}

#supp-nav .inner ul li h5 a {
	color: white;
	font-size: 1em;
	text-transform: uppercase;
	text-shadow: #2F96AB 0 1px 1px;
	}

#supp-nav .inner ul li ul li {
	float: none;
	display: block;
	}

#supp-nav .inner ul li ul li a {
	color: white;
	font-size: 0.75em;
	opacity: 0.99;
	}

#supp-nav #credit {
	position: absolute;
	top: 71px;
	right: -5px;
	width: 99px;
	height: 53px;
	overflow: hidden;
	text-indent: -500em;
	background: url(images/credit_bg.png) no-repeat 50% 50%;
	}


/* 9. Site Info
---------------------------------------------*/
#siteinfo {
	position: relative;
	padding: 5px 0 6px;
	color: black;
	font-size: 0.7em;
	text-align: center;
	}

#siteinfo strong {
	font-weight: normal;
	}

#siteinfo a {
	color: black;
	}