/*
Theme Name: s4a
Theme URI: http://www.shaman4animals.com
Description: 
Version: 1.0
Author:
Author URI: 
*/

body {font:13px 'Verdana', sans-serif;line-height:1.8;font-style: normal;color: #c4b0a3;width:auto;text-align:left; height:100%;margin-left:0;margin-top:1%;background-color:#2b0800;}

#mainframe {margin:0 auto;width:800px;overflow:hidden}

.home #mainframe {background:url(http://shaman4animals.com/images/zowie.jpg) right 105px no-repeat;width:950px}

	#header {margin:0 auto 21px auto;background-color:#2b0800;width:700px}

	.home #header {margin-top:12px;padding:0;width:100%}

	#banner-image {float:left;width:100px}

	#header-wrap {float:left;width:700px}
	
	.home #header-wrap {float:left;width:800px}

	#logo {float:left;margin-bottom:21px;width:500px}

	#contact-info {float:right;font-size:11px;text-align:right}

	#nav {clear:both;padding:21px 0}

		#maintext{padding-left:30px;padding-right:30px;}

		#content {clear:both;margin:21px 0;padding:40px 50px 0 50px;overflow: hidden}

		.home #content {padding:65px 20px 0 100px;}

		#intro {width:575px}

		#primary {float:right;width:70%}

		#secondary {color:#976a5f;float:left;width:28%}
		
/*-- links --*/
a {font-family: 'Verdana', sans-serif;color: #c4b0a3;}

a:link {font-family: 'Verdana', sans-serif;text-decoration: none;}

a:visited {font-family: 'Verdana', sans-serif;text-decoration: none;color: #c4b0a3;}

a:hover {font-family: 'Verdana', sans-serif;text-decoration: none;color: #477d1b;}

a:active {font-family: 'Verdana', sans-serif;text-decoration: none;color: #c4b0a3;}

.A1:link {font-family: 'Verdana', sans-serif;font-size: x-small;text-decoration:none;color: #477d1b;font-weight:normal;}

.A1:visited {font-family: 'Verdana', sans-serif;font-size: x-small;text-decoration:none;color:#477d1b;font-weight:normal;}

.A1:hover {font-family: 'Verdana', sans-serif;font-size: x-smalll;text-decoration:none;color: #12aca5;font-weight:normal;}

.A1:active {font-family: 'Verdana', sans-serif;font-size: x-small;text-decoration:none;color:#477d1b;font-weight:normal;}

.A2:link {font-family: 'Verdana', sans-serif;font-size: small;text-decoration:none;color: #12aca5;font-weight:normal;}

.A2:visited {font-family: 'Verdana', sans-serif;font-size: small;text-decoration:none;color:#12aca5;font-weight:normal;}

.A2:hover {font-family: 'Verdana', sans-serif;font-size: smalll;text-decoration:none;color: #477d1b;font-weight:normal;}

.A2:active {font-family: 'Verdana', sans-serif;font-size: small;text-decoration:none;color:#12aca5;font-weight:normal;}

/*--: typography :--*/
h1 {margin: 0; padding: 0;font-weight: normal;font-size: 13px;	color: #c4b0a3;font-style: normal;text-align:justify;}

h1.entry-title {color:#477d1b;font-size:21px;line-height:1.4em;text-align: left}

h2 {color:#477d1b;font-weight:normal;line-height:1.5em;margin-top:0.5em}

h3 {color:#477d1b;font-size:13px;font-weight:normal;margin:0.2em 0}

ul {margin:0 0 1.5em 0;padding:0 0 0 1em}

h1 a, h2 a, h1 a:visited, h2 a:visited {color:#477d1b}

h1 a:hover, h2 a:hover {color:#c4b0a3;text-decoration:underline}
/*--: end typography :--*/

#nav {padding-top:10px;}

	.introtext {color:#c4b0a3;}

	.footertext {font-size: 9px;color:#976a5f;text-align:left;margin-top:42px}

	.headertext {font-size: 11px;color:#c4b0a3;line-height:1.4;}

	.phone {font-size: 13px;color:#477d1b;line-height:1.4;}

	.phone-la {font-size: 11px;color:#976a5f;line-height:1.4;}
	
/*--: Posts :--*/
#page-title {font-size:24px;text-transform:uppercase}

.post {margin-top:21px}

	.published {font-size:0.9em}

	.quote {color:#976a5f;font-weight:100;font-size: small;line-height:1.8;}
	
	blockquote p {color:#976a5f}

	.postmeta {font-size:11px}
	
/*--: Sidebar :--*/
#secondary h3 {color:#12aca5}

#secondary li a, #secondary li a:visited {color:#976a5f}

#secondary li a:hover {color:#fff;text-decoration: underline}
	
/*--: Footer :--*/
#footer {margin:0 auto;padding-top:0px;font-size:xx-small;width:950px;color:#f4e6d9;text-align:left;}

.trademark {font-size:0.6em;margin-top:-5px}

/*--: basic wp styles :--*/
.aligncenter {display:block; margin:0 auto 21px auto }
.alignleft 	{float:left;margin:0.5em 1em 0 0 }
.alignright {float:right; margin:0.5em 0 0 1em }
.alignnone  {clear:both;display:block;margin-bottom:21px;}
.wp-caption {text-align:center;margin-top:0px;padding:4px 2px 0 2px;}
.wp-caption-text {color:#c4b0a3;margin:0;text-align: center}
/*-- end basic wp styles --*/


/*--: New Styles :--*/

input#s {background:#c4b0a3;border:1px solid #c4a0b3;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px;width:120px}

.textwidget input {background:#c4b0a3;border:1px solid #c4a0b3;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px}

#submit {background:#c4b0a3;border:2px solid #c4b0a3;cursor: pointer}





/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:11px;
	cursor: default;
	width: 865px;
	line-height:1;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 135px;
	_width: 120px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	z-index: 1020;
	cursor: default;
	text-align: left;
	width: 135px;
	_width: 120px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 135px;
	_width: 120px;

}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 0px solid #CCC;
	font-size: 11px;
	text-align:left;
	width: 135px;
	_width: 120px;


}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em 0.5em 0;
        background: #2b0800;
	color: #12aca5;
	text-decoration: none;
	font-size: 11px;
	text-align:left;
	width: 143px;
	_width: 120px;
        text-transform: lowercase;



}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #477d1b;
	font-size: 11px;
	text-align:left;
	width: 135px;
	_width: 120px;


}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #2b0800;
	color: #477d1b;
	font-size: 11px;
	text-align:left;
	width: 135px;
	_width: 120px;


}



/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}