/********** global */
html {
	margin: 0px;
	padding: 0px;
}
* {
	margin:0pt;
	padding:0pt;
}
body {
	background: #c1d82f ;
	color:#000000;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	margin:0px;
	padding:0px;
	font-size: 12px;
}

img {
	border: 0px none;
}

form {
	margin: 0px;
}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
}

a {
	color: #006227;
}

a:visited {
	color: #006227;
}

a:active {
	color: #006227;
}

a:hover {
	color: #006227;
	text-decoration: underline;
}

.clearfix {
	clear:both;
}

h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
/********* page layout ****/

#video {
	text-align: center;
}


#page_av {
	margin:0px auto;
	width:100%; 
	text-align: left;
	background: #c1d82f url(/images/av-topbar.png) repeat-x scroll left top;	
	
}

#page {
	margin:0px auto;
	width:100%; 
	text-align: left;
	
}

#wrap {
	margin:0px auto;
	width:1020px;
}

#head {
	background:transparent url(/images/legalize-cachaca-head.png) no-repeat scroll left top;
	margin:15px auto;
	width:960px;
	height:141px;
}

/** nav **/

#nav_container {
height:30px;
margin-top: 164px;
width:620px;
float: left; /* other wise takes header/background down with it. */
}

ul#nav {
display:block;
float:left; 
list-style-type:none;
margin:0px 0px 0 0;
padding:0px;
}

ul#nav li {
float:left;
margin: 0px 0px 0pc 9px; 
padding:0px;
height: 30px;

}

ul#nav li a img {
border: 0px;
}

ul#top_menu {
/* display:block;
float:left; */
background:url(/images/nav2.png) no-repeat;
list-style-type:none;
margin:0px;
padding:0px;
}

ul#top_menu li {
float:left;
/* margin: 4px 14px 0 14px; 
padding:0px;
height: 22px;
text-transform: uppercase;
font-size: 13px;*/

}

ul#top_menu li a {
/* color: #FFFFFF;
text-decoration: none; */
height:30px; display:block;  top:0; text-indent:-9999px; outline:none;
}

li#home a, li#cachaca a, li#involve a, li#media a, li#caipirinha a { background:url(/images/nav2.png) no-repeat;}

li#home a 			{ background-position:0 0; width:98px; left:0px }
li#home a:hover, body#pageHome li#home a	{ background-position:0 -30px }

li#cachaca a 			{ background-position:-98px 0px; width:132px; left:98px }
li#cachaca a:hover, body#pageCachaca li#cachaca a	{ background-position:-98px -30px }

li#involve a 			{ background-position:-230px 0px; width:109px; left:230px }
li#involve a:hover, body#pageInvolve li#involve a	{ background-position:-230px -30px }

li#media a 			{ background-position:-339px 0px; width:109px; left:339px }
li#media a:hover, body#pageMedia li#media a	{ background-position:-339px -30px }

li#caipirinha a 			{ background-position:-448px 0px; width:128px; left:448px }
li#caipirinha a:hover, body#pageCaipi li#caipirinha a	{ background-position:-448px -30px }

#container_av {
	width: 1019px;
	/*overflow: hidden;  show background */
	margin:0px auto;
	height: 665px;
}

#av {
	width: 1019px;
	height: 523px;
	margin-top: 40px;
	float: right; /* so backgroud of page doesnt move */
	background:transparent url(/images/av-background.jpg) no-repeat scroll left top;	
}

#av #options {
	font-family: arial;
	font-size: 12px;
	margin: 200px auto;
	text-align: center;
	width: 300px;
}
#av img {
	margin-top: 10px;
}

#container {
	width: 1020px;
	/*overflow: hidden;  show background */
	margin:0px auto;
	position:relative;
}

/* findme */
#content-wide {
	margin-top: 10px;
	background: #ffffff;
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 10px;
	width:857px;
	float:left;
	padding-top: 13px;
	padding-bottom: 10px;
	clear:both;
}

#content {
	background:#ffffff url(/images/mainbackground.png) repeat-y scroll left top;
	padding-left: 10px;
	padding-right: 35px;
	width:575px;
	float:left;
	padding-top: 13px;
	padding-bottom: 10px;
}

#topbar {
	background:#ffffff url(/images/top-greenbar.png) no-repeat scroll left top;
	height: 5px;
	width:620px;
	float:left;
}

#bottombar {
	background:#ffffff url(/images/bottom-greenbar.png) no-repeat scroll left top;
	height: 10px;
	width: 620px;
	float: left;
}

#content-bleed {
	margin-top: 10px;
	background: #ffffff;
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 10px;
	width:443px;
	min-height: 638px;
	float:left;
	padding-top: 13px;
	padding-bottom: 10px;
}

#content p, #content-bleed p {
	margin-top: 10px;
	margin-bottom: 5px;
}

#content img {
	border: none;
}

#content span.date {
	font-size: 19px;
	text-align: left;
}

#content h2.internal {
	font-size: 20px;
	font-family: Arial;
	text-transform: none;
}
#content h2, #content h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006227;
}

#content hr {
	color: #006227;
	margin: 15px 0px;
}

#overlay {
	position:absolute;
	width: 417px;
	height: 589px;
	background:transparent url(/images/declaration-body.png) no-repeat scroll left 99px;
	left: 591px;
	top: 44px;
}

#overlay p {
	width: 350px;
	margin-left:30px;
	margin-right: 10px;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 8px;
}

#side {
	float:right;
	width:380px;
	margin-bottom: 20px;
}

h4.counter {
	font-size: 16px;
	font-weight: bold;
}

.side-clear {
	margin-top: 10px;
	width: 400px;
	float: right;
}

.side-clear-petition {
	margin-top: 10px;
	width: 414px;
	float: right;
}
.fbfanbox {
	width: 350px;
	float:right;
	margin-top: -40px;
	margin-right: 30px;
}

.twitter {
	width: 350px;
	float:right;
	margin-top: 600px;
	margin-right: 30px;
}
.add-us {
	width: 350px;
	float:right;
	margin-top: 20px; /* was 590 before twitter */
	margin-right: 30px;	
}

.add-us img {
	margin-right: 15px;
	float: left;
	border: 0px;
}

.add-us img.dotted {
	margin-top: 15px;
	margin-bottom: 15px;
}

.side-floater {
	width: 370px;
	float: right;
	margin-top: 580px;
	margin-right: 20px;	
}

.side-floater-events {
	width: 370px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;	
}

.side-floater-top {
	background:transparent url(/images/floater-top.png) repeat-y scroll left top;
	width: 370px;	
	height: 5px;
}

.side-floater-bottom {
	background:transparent url(/images/floater-bottom.png) repeat-y scroll left top;
	width: 370px;
	height: 9px;
}
.side-floater-center {
	background:transparent url(/images/floaterbackground.png) repeat-y scroll left top;
	width: 370px;	
}

.side-floater-center p {
	margin-left: 20px;
	padding-bottom: 15px;
	width: 325px;
}

.side-floater-center img.title {
	margin-left: 8px;
}

.side-box {
	margin-top: 10px;
	padding-left:10px;
	padding-right:10px;
	background: #ffffff;
	padding-top: 13px;
	width:380px;
	padding-bottom: 11px;
	float: right; /* has to float right cux other wise floated elements inside dont stretch it */
}

div.video-block ul li {
	display: block;
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
}

.photo-block {
	width: 450px;
	clear: both;
}
div.photo-block ul li {
	display: block;
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
}

ul.event-list {
	margin: 10px 0px;
}

ul.recipe {
	margin: 10px 0px;
}

.side-box-letter {
	
	margin-top: 10px;
	padding-left: 16px;
	padding-right:10px;
	background: url(/images/send-letter-background.png) no-repeat scroll 0 0;
	padding-top: 45px;
	width: 380px;
	padding-bottom: 11px;
	float: right; /* has to float right cux other wise floated elements inside dont stretch it */
}
.side-box p, .side-box-letter p {
	margin-top: 10px;
}

.side-box-letter p.indent {
	text-indent: 88px;
}

.side-box p.terms {
	font-size: 10px;
}


.f-right {
	float: right;
}

.f-left {
	float: left;
}
/* petition form */

#formelements {
	margin-left: 30px;
}

#formelements .group {
	float: left;
}
#formelements label {
	font-style: italic;
}
#formelements input.name {
	font-size: 12px; 
	width: 160px; 
	height: 18px; 
	border: 1px solid #006227; 
	color: #91ae9b;
	background-color:#FFFFFF; 
	margin-right: 10px;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 2px;
}

#formelements input.city {
	font-size: 12px; 
	width: 190px; 
	height: 18px; 
	border: 1px solid #006227; 
	color: #91ae9b;
	background-color:#FFFFFF; 
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	
}

#formelements input.zipcode {
	font-size: 12px; 
	width: 114px; 
	height: 18px; 
	border: 1px solid #006227; 
	color: #91ae9b;
	background-color:#FFFFFF; 
	margin-right: 10px;
	text-align: left;
	margin-bottom: 7px;
	
}

#formelements select.dd {
	font-size: 12px; 
	width: 60px; 
	height: 18px; 
	border: 1px solid #006227; 
	color: #91ae9b;
	background-color:#FFFFFF; 
	margin-right: 10px;
	text-align: left;
	
}

#formelements input.terms {
	font-size: 12px; 
	width: 15px; 
	height: 15px; 
	border: 1px solid #006227; 
	color: #91ae9b;
	background-color:#FFFFFF; 
	margin-right: 5px;
	text-align: left;
	
}

#formelements input.submit {
	width:148px; 
	margin: 2px 190px 0px;
}

#breadcrumb_nav {
	text-align:right;
	width: 495px;
	font-size: 11px;
	margin-bottom: 10px;
}


/** footer **/

#footer {
	background: #006227;
	height: 45px;
	width: 100%;
	margin-top: 20px;
	clear: both;
	color: #ffffff;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	text-align: center;
	padding-top: 13px;
	line-height:1.3em;
	margin-top:13px;

}

#footer ul {
    margin-bottom: 10px;
}
#footer li {
    margin: 0 6px 0 6px;
    padding: 0;
    display: inline;
}

#footer  a {
	color: #ffffff;
	text-decoration: underline;
	
}

#footer  a:hover {
	text-decoration: underline;
}




#logo {
	height: 170px;
	width: 180px;
	float: left;
	margin-left: 20px;
}

#logo:hover {
	background: url(/images/home-hover.png) no-repeat scroll 72px 10px;
	cursor: pointer;
}

#logo h1 a, #logo h2 a {
	width: 180px;
	padding-top: 170px;
	overflow: hidden;
	height: 0px !important;
	height: /**/:170px;	/* IE box model hack */	
	margin-bottom: 0px;
	display: block;
}

#headline {
	margin-top: 35px;
	margin-right: 165px;
	/* width: 657px; */
	float: right; /* solves margin push issue */
}

#headline h2 {
	color: #e1f8fd;
	font-size: 24px;
	text-decoration: none;
	font-weight: normal;
	background: url(/images/thenextspaweek.png) no-repeat scroll left top;
	padding-top: 37px;
	overflow: hidden;
	height: 0px !important;
	height: /**/:37px;	/* IE box model hack */	
	width: 492px;
	margin-bottom: 0px;
}

h1.cat_title {
	font-size: 36px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
}

h1.home_title {
	font-size: 36px;
	color: #053854;
	text-decoration: none;
	font-weight: normal;
}



/*** home page ***/

img.home-banner {
	margin-top: 10px;
}

div.home_page p {
	font-size: 12px;
	font-family: Arial, sans-serif;
	clear: both;
	margin-bottom: 10px;	
}


/*** global post/page ***/


div#blurb {
	font-size: 16px;
	line-height: 1.4em;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 20px;
}

/** this is really the post title, it is an h2 on category/tag pages */

.post h1, .post h2, .page h1, .page h2, .spa_page h2, .home_page h2 {
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	clear:both;
	margin-bottom: 10px;
	text-align:left;
	
}

.post h1 a, .post h2 a, .spa_page h2 a, .home_page h2 a {
	color: #000000;
	
}

div.post, div.page, div.spa_page, div.home_page {
	margin: 0px 0px 25px 0px;
	text-align:left;
}

div.spa_img {
	height:175px;
	width: 245px;
	border:1px solid #053854; 
	margin-bottom:10px; 
	overflow:hidden;
	float: left;
	background: #fff url(/images/bottom-bg-drops.png) no-repeat scroll left bottom;
}

div.spa_img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	top:auto;left:auto;
}

div.gallery_block {
	width: 247px;
	margin-bottom:0px; 
	overflow:hidden;
	float: left;
}



div.yelp_info {
	width: 230px;
	float: left;
	margin-left:15px;
	font-size: 12px;
	text-align: left;
	
}

div.yelp_info .rating_img {
	float: left;
	margin-bottom: 10px;
	margin-right: 8px;
	height: 17px;
}

div.yelp_info .review_count {
	margin-right: 8px;
	float: left;
	height: 17px;
	font-size: 12px;
	font-weight: bold;
}

div.yelp_info .address_block {
	font-weight: bold;
	line-height: 1.2em;
}

div.yelp_info p.dates, div.yelp_info p.tags {
	line-height: 1.1em;
}
div.yelp_info p.tags a {
	color: #053854;
	/* margin-top: 2px; */
}


/* 
div.yelp_info h4 {
	font-size: 10px;
	color: #2fa8c6;
	margin-top: 7px;
}
*/

div.yelp_info h4.tagged {
	font-size: 10px;
	color: #2fa8c6;
	margin-top: 7px;
	width: 65px;
	padding: 18px 0 0 0;
			overflow: hidden;
			background: url(/images/tagged.png) no-repeat left top;
			height: 0px !important;
			height /**/:18px;	/* IE box model hack */
}

div.yelp_info h4.extended {
	font-size: 10px;
	color: #2fa8c6;
	margin-top: 7px;
	width: 98px;
	padding: 18px 0 0 0;
			overflow: hidden;
			background: url(/images/extended.png) no-repeat left top;
			height: 0px !important;
			height /**/:18px;	/* IE box model hack */
}

.yelp_avatar { 
	float: left;
	border: 1px solid #d2d2d2;
	padding: 4px;
}

div.review_container {
	margin-bottom: 15px;
}

div.rev_info {
	height: 50px;
	float: left;
	padding-left: 10px;
}

div.rev_info .rating_img {
	float: left;
	margin-right: 8px;
	height: 17px;
}

div.rev_info p.reviewer {
	font-size: 12px;
	color: #053854;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 2px;
	clear: none;
}

div.rev_info p.rev_date {
	font-size: 12px;
	color: #2fa8c6;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 2px;
}

div.review_container p.rev_text {
	padding-top: 5px;
	text-align: left;
}

div.review_container p.rev_text a {
	color: #2fa8c6;
}

div#reviews .yelp_logo {
	margin-top: 30px;
	margin-bottom: 10px;
	float: right;
}

/* legend */

div.legend-archive {
	float: right;
	margin-bottom: 10px;
}

div.legend-single {
	margin-top: 13px;
}

ul.legend {
	text-align: left;
	margin-top: 6px;
}

ul.legend li {
	font-size: 11px;
	float: left;
	height: 19px;
	margin-right: 5px;
}

ul.legend li.legend-top {
	background: transparent url(/images/legend.png) no-repeat left top;
	padding-top: 13px;
	overflow: hidden;
	height: 0px !important;
	height: /**/:13px;	/* IE box model hack */	
	width: 100%;
}

ul.legend li.legend-label {
	background: transparent url(/images/legend.png) no-repeat left center;
	padding-left: 42px;
	overflow: hidden;
	width: 0px !important;
	width: /**/:42px;	/* IE box model hack */	
}

ul.legend li.organic {
	color: #228700;
	background: transparent url(/images/leaf.png) no-repeat left top;
	padding-left: 22px;	
}

ul.legend li.wellness {
	color: #f06eaa;
	background: transparent url(/images/heart.png) no-repeat left top;
	padding-left: 24px;
}

ul.legend li.stressbuster {
	background: transparent url(/images/stressbuster.png) no-repeat left top;
	padding-left: 22px;
}

/**** entry area */

/* 
.entry h2 {
	font-size: 24px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	width: 325px;
	margin-top: 15px;
	float: left;
	text-align:left;
}
*/

.entry h2.rev_title {
	font-size: 24px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	width: 325px;
	margin-top: 15px;
	float: left;
	text-align:left;
	
}

.entry h2.page_style {
	font-size: 24px;
	color: #053854;
	text-align:left;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 0px;
	width: 325px;
	margin-top: 15px;
	float: left;
}

/* global entry */
.entry h3 {
	font-size: 16px;
	color: #2fa8c6;
	text-decoration: none;
	margin-top: 10px;
	clear: both;
	text-align:left;
}

.entry h3.policy {
	font-size: 16px;
	color: #053854;
	text-decoration: none;
	margin-top: 10px;
	clear: both;
	text-align:left;
}

.entry p {
	font-size: 12px;
	font-family: Arial, sans-serif;
	clear: both;
	margin-bottom: 10px;
}

.entry p.page_style {
	font-size: 14px;
	font-family: Arial, sans-serif;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.entry p.intro {
	font-size: 16px;
	line-height: 1.4em;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 10px;
}

.entry p.ednote {
	font-size: 14px;
	line-height: 1.2em;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;
}

.entry p.disclaimer {
	font-size: 12px;
	line-height: 1.3em;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 10px;
	font-style: italic;
}

/* treatment desc */

.entry p.desc {
	font-size: 12px;
	font-family: Arial, sans-serif;
	clear: both;
}

.treatments {
	width:330px;
	float:left;
	margin-bottom: 15px;
}

.treatments ul {
	width:330px;
	float:left;
	clear: right;
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
}

.treatments ul li {
	/* display: inline;  removes bullet */
	margin-left: 25px; /* set margin left for indent - space from edge of UL padding is space btween dot and text*/
	font-size: 13px;
	/* float: left; for background positioning */
	line-height: 1.3em;
	/* clear: right; does not work in IE. puts lis outside of UL to the right*/
}

.treatments ul li.organic {
	color: #228700;
	background: transparent url(/images/leaf.png) no-repeat left top;
	padding-left: 23px;
	margin-left: 2px;
	list-style-type: none;	
}

.treatments ul li.wellness {
	color: #f06eaa;
	background: transparent url(/images/heart.png) no-repeat left top;
	padding-left: 25px;
	margin-left: 0px;
	list-style-type: none;
}

.treatments ul li.stressbuster {
	background: transparent url(/images/stressbuster.png) no-repeat left top;
	padding-left: 23px;
	margin-left: 2px;
	list-style-type: none;
}

.treatments ul li.heartbuster {
	color: #f06eaa;
	background: transparent url(/images/heartbuster.png) no-repeat left top;
	padding-left: 45px;
	margin-left: 0px;
	list-style-type: none;
}

.treatments ul li.wellness:hover {

}

.pricing {
	float: right;
	width: 136px;
	padding: 8px 8px 5px 8px;
	border: 1px solid #d2d2d2;
	margin-top: 15px;
	font-size: 13px;
	line-height: 1.3em;
	
}

/*
.pricing h3 {
	font-size: 14px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 8px;
}
*/

.pricing h3 {
	font-size: 14px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 8px;
	width: 131px;
	padding: 20px 0 0 0;
			overflow: hidden;
			background: url(/images/regular-prices.png) no-repeat left top;
			height: 0px !important;
			height /**/:20px;	/* IE box model hack */
	
	
}

.entry h2.treat {
	font-size: 24px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	width: 315px;
	margin-top: 18px;
	float: left;
	text-align:left;
	padding: 30px 0 0 0;
			overflow: hidden;
			background: url(/images/50-treatments.png) no-repeat left top;
			height: 0px !important;
			height /**/:30px;	/* IE box model hack */
	
}

/**** single special page ***/


div.spa_page ul li.cat-title {
	font-size: 30px;
	color: #053854;
	text-decoration: none;
	font-weight: normal;
	display: inline;
}

div.spa_page ul li.cat-item {
	font-size: 20px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	display: inline;
}

div.spa_page_img {
	height:325px;
	width: 493px;
	border:1px solid #053854; 
	margin-bottom:10px; 
	overflow:hidden;
	background: #fff url(/images/bottom-bg-drops.png) no-repeat scroll left bottom;
}

div.gallery_block_spa {
	width: 495px;
	height: 500px;
	margin-bottom:0px; 
	overflow:hidden;
	position: relative;
}

/**** side area */

#side h2 {
	font-size: 20px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	width: 160px;
	margin-top: 15px;
	float: left;
}

#side h3.blogroll {
	font-size: 22px;
	color: #2fa8c6;
	margin-top: 17px;
	margin-bottom: 10px;
	width: 72px;
	padding: 24px 0 0 0;
			overflow: hidden;
			background: url(/images/we-heart.png) no-repeat left top;
			height: 0px !important;
			height /**/:24px;	/* IE box model hack */
}

ul.blogroll-links {
	margin-bottom: 15px;
}

div.left_container {
	float: left;
	width: 160px;
}

div.right_container {
	float: right;
	width: 175px;
	/* border-left: 1px dotted #d2d2d2; */
	margin-right: 6px;
	margin-left: 5px;
	padding-left: 5px;
	min-height: 300px;
}

#side a {
	color: #006227;

}

img#gmap {
	border: 1px solid #053854;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
#bottom_side {
	float:right;
	width:354px;
	padding-left:14px;
}

#bottom_ad {
	float:right;
	width:344px;
	margin-left:14px;
	margin-right: 10px;
	margin-top: 15px;
	/* border: 1px dotted #d2d2d2; */
	text-align: left;
	margin-bottom: 15px;
}

#spa_desc {
	float:right;
	width:326px;
	margin-left:14px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 2px 8px 0px 8px;
	border: 1px solid #d2d2d2;
}

#spa_desc h2 {
	font-size: 20px;
	color: #2fa8c6;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	width: 160px;
}

#spa_desc p {
	font-size: 11px;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 10px;
	text-align: left;
}

#spa_desc p.disclaimer {
	font-size: 12px;
	line-height: 1.3em;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin-bottom: 10px;
	font-style: italic;
}


/**** socialable ****/

div.sociable { 
	margin: 20px 0 16px 0; 
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	font-size: 14px;
	padding: 3px;
	clear: both;
	font-weight: bold;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/**** comments stuff ***/

h6#comments {
	font-size: 24px;
	color: #006227;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 15px;
	
}

#respond {
	margin-top: 5px;
	color: #006227;
}

#respond h6 {
	font-size: 16px;
	color: #006227;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
}

/** comments ***/

/** comment structure

  	ol.commentlist
		commentlist.li -- container for each comment
			div.comment-body -- div container for each comment
				div.comment-author, div.vcard -- div container for author info includes cite(author) span.says(says) img.avatar
					.commentlist li .avatar
				div.comment-meta, div.commentmetadata -- div container for meta info includes comment link and time
				.commentlist p -- the actual comment wrapped in p tags
				div.reply -- reply lnk?


**/

/* ol that holds the comments */
.commentlist {
	padding: 0;
	text-align: justify;
}

/* each comment > DIV.comment-body*/
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	font: 12px Arial, Sans-Serif;
	/* font-weight: bold; turned off so it doesn't propgate to says */

}

/* nested comment? */
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1em;
}

/* the p tags that wrap the actual words DIV.coment-body > p */
.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.3em;
	text-transform: none;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #d2d2d2;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
}


/** comment form **/

/* small tags wrap label txt, p tags wrap inputs */

#commentform {
	margin: 5px 10px 0 0;
}

#commentform p {
	margin: 5px 0;
	font-family:"Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font: 0.9em Arial, Sans-Serif;
}


#commentform textarea {
	width: 100%;
	padding: 2px;
	font: 0.9em Arial, Sans-Serif;
}

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

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
	
/* Begin Form Elements */
#searchform {
	padding: 10px 15px 0px 0px;
	float: right;
	height: 40px;
	margin-left: 100px; /* so headline doesn't hug it */
}

#searchform #s {
	width: 120px;
}

#searchform #searchsubmit {
	width: 70px;
	padding: 1px;
	-moz-opacity: 1; 
	opacity: 1;
	filter:alpha(opacity=100);
}

#searchform input, #searchform textarea{ 
	background: #e3fbff;
	width: 100px;
	border: 1px #053854 solid;
	-moz-opacity: 0.6; 
	opacity: .60;
	filter:alpha(opacity=60);
	color: #053854;
	padding: 2px;
	font: italic 14px "Trebuchet MS", Arial,Helvetica,Geneva,sans-serif;
	margin: 2px;
}

#searchform input:hover, #searchform textarea:hover { 
	-moz-opacity: 1; 
	opacity: 1;
	filter:alpha(opacity=100);
}

#searchform input:focus, #searchform textarea:focus{ 
	-moz-opacity: 1; 
	opacity: 1;
	filter:alpha(opacity=100);
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}




/* other  Comments*/

.alt {
	margin: 0;
	padding: 10px;
}


.children { padding: 0; }


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.thread-alt {
	background-color: #f0fcff;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


/*other WP stuff*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
	
.postmetadata {
	clear: both;
	color: #999999;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
	


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

	this is used somehow for comments */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */