/* Built by Simon Collison www.collylogic.com 2004 for the Expression Engine Template Contest. Look for the comments to work out what does what */

/************ BODY ELEMENTS *****************/
body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	text-align: center;
	background: #999;
}

/* the wrapper holds the whole thing centrally in the browser window */
#wrapper {
	margin: 0 auto;
            padding:10px;
	width: 752px;
	background: #FFF;
	color: #333;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#header {
	margin: 0 0 3px 0;
	color: #030;
	height: 80px;
	width: 750px;
	border: 1px solid #663;
            background: url(http://www.homeopathyzone.com/images/uploads/header.jpg);
}

#subheader {
            color: #333;
	text-align: center;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
            margin: 0;
            padding: 0; 
}

/* the content style holds the two main columns together */
#content {
	margin: 3px 0;
}

img {border: none;}

/* blog is the right hand column where your entries and main content appear */
#blog {
	float: left;
	width: 533px;
            margin-bottom: 10px;
	color: #333;
	text-align: left;
	border: none;
	padding: 0;
	font: 13px/140% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
	background: #FFFFFF;
}

#blog p {
            text-align: justify;
}

/* IE6 Only */
* html #blog {
margin-top: 10px;
}

/* IE7 Only */
*:first-child+html #blog {
margin-top: 10px;
}

/* sidebar is the left column where all the links and secondary info show up */
#sidebar {
	float: left;
	width: 205px;
            color: #333;
	text-align: left;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-right: 11px;
            margin-bottom:15px;
	background: #FFFFFF;
}

#footer {
            color: #666;
	margin: 0;
            padding: 0.7em 5px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/********************** LINKS **************************/
/* These are the default link styles */
a       {
            text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #990000;
	background: transparent;
}
a:hover {
	/* border-bottom: 1px solid #900; */
	color: #900;
            background-color: #ffffa0;
}
a:visited {
            color: #900;
}

/* Blog and blurb links */
#blog p a, #blog ul a, #blog ol a, #blog h3 a, #blog h4 a, #blog h5 a, #blog blockquote a, .blurb a {
            text-decoration: none;
            border-bottom: 1px solid #999;
}

#blog p a:hover, #blog ul a:hover, #blog ol a:hover, #blog blockquote a:hover,  .blurb a:hover {
            border-bottom: 1px solid #900;
            background: #ffffa0;
}

#blog .navigation a, #blog .navigation a:hover, {border-bottom: none;}

/************************** TYPOGRAPHY *************************/
/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */

h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:  24px;
	font-weight: bold;
	margin: 38px 0 0 20px;
}

#header h1 {display: none;}

h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 0.04em;
	font-weight: bold;
	margin-bottom: 6px;
            text-align: left;
}
h3 {
	font-size: 125%;
            font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
            line-height: 150%;
}
#subheader h3, #sidebar h3, #extra h3 {
            width: 199px;
	height: 16px;
	margin: 0;
	color: #336;
	text-decoration: none;
	display: block;
	text-align: left;
	font: bold 12px Georgia, 'Times New Roman', Times, serif;  /*font: bold 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; */
	padding: 6px 0 0 5px;
}

html>body .h3 {
	width: 199px;
}

#blog h3 {
	letter-spacing: 0.09em;
	margin: 0.9em 0 0.3em 0;
	font: bold 13px/130% Georgia, "Times New Roman", Times, serif;
            color: #333;
            line-height: 1.5;
}

h4 {
	margin-bottom: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
h5 {
	margin-bottom: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
}

p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
            margin: 0.3em 0 0.7em 0; 
}

blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
}

.quote {margin-top: 0.5em auto 0.1em auto; text-indent: 0; padding-left: 2em; padding-right: 1.5em; line-height: 1.2; font-style: italic; color: #336633;}

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/********************** LISTS ***************************/

/* The standard list styles. There are specific sidebar list styles later on */

ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
}

li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 2px;
            line-height: inherit;
}

#blog ul, #blog ol {
            padding-left: 1em;
            padding-right: 2em;
}

#blog ul {list-style-type: disc;}
#blog ol {list-style-type: decimal;}

#subheader ul, #sidebar ul, #extra ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 5px;
	border: 0 solid #CCC;
	color: #333;
}

#subheader ol, #sidebar ol, #extra ol {
	list-style-type: decimal;
	margin: 0;
	padding: 3px 5px;
	border: 0 solid #CCC;
	color: #333;
}

#subheader li, #sidebar li, #extra li  {
            line-height: 150%;
}

.signup ul, .blurb ul {font-size: 11px; line-height: 140%;}

/********** SITEMAP ***************/
#sitemap li a, #sitemap li a:hover {border-bottom: none;}

/********** SEARCH ***************/
.search {font-size: 11px; text-align: left;}

/************** SCHEME FOR SURROUNDING CONTAINERS *********************/

#footer, .signup, .main_menu, .categories_listing, .local_menu, .blog_articles, .recent_posts, .archives_listing, .blurb, .search, .sidebar_main_adspace {
            background: #FFFFFF; /* #8FBC8F */
            border: 1px solid #999;
padding-top: 2px; padding-bottom: 4px;
}

.categories_listing, .main_menu, .local_menu, .blog_articles, .recent_posts, .signup, .archives_listing, .blurb, .search, .sidebar_main_adspace {
            margin-bottom: 3px;
}

.inline_signup, .inline_search, .inline_contact {margin: 1.3em auto 1.7em auto; width: 280px; border: 1px outset #999; background: #CCC; padding: 10px 10px 7px 10px; position: relative;}
.inline_contact {width: 450px;}

/**************** MISCELLANEOUS ***********************/

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */
.main {
	margin: 0 16px 0 8px;
}

.sub {margin-left: 4px; margin-right: 9px; padding: 2px 1px; list-style-type: none; border-bottom: 1px solid #ccc;}
li.sub a {line-height: 1.3; display: block;}

.categories a, .categories a:hover {border-bottom: none;}
#nav_categories {list-style-type:none;}

.title {
	text-align: left;
            font-size: 135%;
	font-weight: bold;
	background: transparent;
	color: #900; /* dark blue: 336 */
}

.navigation {
            line-height:100%;
            font-size: 80%;
            margin: 5px 0 10px 0;
            border-bottom: none;
}

/* Posted shows all the author, permalink and trackback stuff under each entry */
.posted {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 0px 1px 7px;
          }

.post1 {} /* For formatting first entry only */

.paginate {text-align: center;}

.page1 {display: none;} /* Eliminates redunant pagination notice when only 1 page */

.center {
	text-align: center;
}

que {font-weight: bold; font-style: italic;}

.cancel a, .cancel a:hover, .cancel a:visited, .cancel a:active {color: #FFFFFF; background: transparent; border: none; cursor: default;}

.obscure {display: none;}

/* Don't ask. Just don't delete this spacer class */
.spacer {
	clear: both;
}

/* As it says, control of multi-entry page pagination links */
.paginate {
	margin: 18px 16px 18px 8px;
}

/* Date and title are added to earlier h tags for greater control of headers */
.date {
	font-size: 10px;
}

.divider {
            border-bottom: 3px double #999;
            margin-bottom: 10px;
}

.posted_comments {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 3px 0 3px;
}

embed {text-align: center;}

.image-right {float: right; clear: none; padding: 3px 0 0 0.8em;}
.image-left {float: left; clear: none; padding: 3px 0 0 0.8em;}

/**************** FORMS ******************/
/* General formatting */
checkbox {
border: 1px solid #999999;
padding:1px;
color: #333333;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
textarea {
border: 1px solid #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input {
border: 1px solid #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit
{
border: 1px solid #999999;
padding: 1px;
background-color: #FFF;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
fieldset {padding:10px;}

/* Singup formatting */

#GRSubscribeForm form {
border: 0;
margin: 0;
padding: 0;
}
	
#GRSubscribeForm fieldset {
border: 0;
margin: 0;
padding: 0;
}

/* IE6 Only */
* html #GRSubscribeForm input {
padding-top: 2px;
}

/* IE7 Only */
*:first-child+html #GRSubscribeForm input {
padding-top: 2px;
}

/*************** COMMENTS ********************/
.comment_title	{
            clear: both;
	color: #666;
}

.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 10px;
}

/*************** BUTTON ********************/
.button {cursor: hand; margin-left: 1px; margin-bottom: 1px; backgound: #666; font-size: 100%; font-weight: bold; color: #336; padding: 3px; border: 1px outset #666;}

/* IE6 Only */
* html .button {padding: 2px 0 0 0;}
}

/* IE7 Only */
*:first-child+html .button {padding: 2px 0 0 0;}

/**************** TAB BAR ************************/

#nav_wrapper {
	padding: 20px 0 0;
	border-left: 1px solid #336;
	border-right: 1px solid #336;
	border-top: 1px solid #336;
	background: url(http://www.homeopathyzone.com/themes/site_themes/logical_blocks/lb_menuback.jpg);
}
#nav_wrapper li {
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#nav_header {
	position: relative;
	top: 0;
	left: 0;
	width: 720px;
	height: 18px;
}
#nav_header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	left:17px; /* LEFT EDGE OF FIRST MENU ITEM (original 27px); 120width/104left combo is good for 4 tabs */
}
#nav_header ul#primary li {
	display: inline;
	list-style: none;
}
#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	width: 105px; /* WIDTH OF TAB (original: 102px) */
	display: block;
	float: left;
	padding: 4px;
	margin-top: 1px;
	margin-right: 2px; /* SPACING OF TABS (original 3px) */
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	font: 100% verdana, sans-serif;
}
#nav_header ul#primary span, #nav_header ul#primary a.current, #nav_header ul#primary a.current:hover {
	border: 1px solid #FFF;
	border-bottom: none;
	background: url(http://www.homeopathyzone.com/themes/site_themes/logical_blocks/lb_selected.gif);
	padding-bottom: 6px;
	margin-top: 0;
	font-weight: bold;
	color: #336;
}
#nav_header ul#primary a {
	background: url(http://www.homeopathyzone.com/themes/site_themes/logical_blocks/lb_tab.gif);
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	font-weight: bold;
	color: #336;
}
#nav_header ul#primary a:hover {
	margin-top: 0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	background: url(http://www.homeopathyzone.com/themes/site_themes/logical_blocks/lb_tabover.gif);
	font-weight: bold;
	padding-bottom: 5px;
	color: #336;
}

/**************** ADSPACES ************/

.sidebar_main_adspace {text-align: center; padding-top: 5px;}


/******* UNUSED ********
#sidebar li a {
            color: #900;
}
#sidebar li a:link {
	text-decoration: none;
            display: block;
            width: 193px;
}
#sidebar li a:hover {
	text-decoration: underline;
            display: block;
            width: 193px;
}
#sidebar li a:active {
	text-decoration: none;
            display: block;
            width: 193px;
}
*************************/