/* @override 
	http://completeyoga.co.za/wp-content/themes/arthemia/style.css
	http://local.completeyoga.coza/wp-content/themes/arthemia/style.css
	http://completeyoga.co.za/wp-content/themes/arthemia/style.css?date=2010-09-10
*/

/*  
Theme Name: Arthemia (Modified)
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: Weekday Heroes Modified Theme: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0 (2.0.5)
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
@import url("scripts/background-plates.css");
@import url("custom.css");

/* @group HTML Elements */
* {
	margin:0;
	padding:0;
	}
body {
	text-align: center;
	margin-right: 130px; /*forces the elements of the site over to the left*/
	font: 100% Arial, Helvetica;
	color: #333;
	background: #FFF;
	/*background: #FFF url(images/backgrounds/cy_background-special.jpg) no-repeat center -5px;*/
	/*background: #FFF url(images/backgrounds/cyheader7.jpg) no-repeat center -5px;*/
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	/*color: #3c78a7;*/
	text-decoration:none;
	color: #4d9959;
}

a:hover, a:active {
	/*color: #3c78a7;*/
	text-decoration:underline;
	color: #407f4a;
}

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	


/* @ends */

/* @group Structure */

#wrap-element {
	position: relative;
	overflow: visible;
	z-index:2;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}
#mask {
	display: none;
	/*position: absolute;
	top: 320px;
	left: 0px;
	height: 230px;
	width: 100%;
	background: yellow url(images/backgrounds/transition.png) no-repeat center top;
	z-index:1;*/
	}

#head {
	width:960px;
	position: relative;
	margin:auto;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:0.7em;
	background:none !important;
	}
	
#page {
	width:940px;
	margin:0px auto;
	padding:10px 10px 20px;
	/*background: rgb(229, 236, 230);this is the 100% alpha value of the colour below*/
	background: #e5ebe6;
	background: rgba(206, 219, 208, 0.5);
	font-size:0.7em;
	text-align: left !important;
}

#bottom {
	width: 940px;
	}
	
#front-list {
	width:610px;
	padding:10px 0px;
	float:left;
	}
	
#content /*wide, left hand side column*/ {
	width:610px;
	padding:10px 0px;
	float:left;
	min-height:400px;
	text-align: left;
	}
	#content .breadcrumbs, #content h2.title { margin-left: 10px; margin-right: 10px; }

.post {
	margin: 0 10px;
	}
	
#comments {
	margin: 0 10px;
	margin-top:25px;
	}
	
#archive /*archive of posts*/ {
	padding: 15px 0px 10px;
	}
	
#front-popular /* footer*/ {
	width: 940px;
	margin: 0 auto;
	padding:10px;
	}

#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	position: relative;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}

/* @ends */

/* @group Navigation Bar*/
#navbar {
	clear: both;
	position: relative;
	margin:0 auto;
	text-transform:uppercase;
	background: transparent url(images/navbar.png) no-repeat;
	z-index: 3050;
	}

#page-bar {
	margin-left: 10px;
	width:940px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right: 1px solid #437f4c;
	}

#page-bar li:hover {
	background: #4d9959;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:9px 12px 10px 12px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	float: left;
	text-align: left;
	}

/* @group Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	/*width: 122px;*/
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #4F9357;
	width: 162px;
	float: none;
	margin: 0px;
	padding: 8px 10px 9px 18px;
	border-top: 1px solid #51985a;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #34673c;
	padding: 10px 10px 11px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}


/* @ends */

/* @ends */

/* @group Text*/

h1 {
	font:1.8em Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.08em;
	margin:0px 0px 10px 10px;
	clear: both;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	/*color:#3c78a7;*/
	font-weight:bold;
	color: #4d9959;
}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* @ends */



/* @group Index Page*/

#logo {
	width:350px;
	height: 160px;
	background: url(images/backgrounds/yogalogo.png) no-repeat 0 -10px;
	}

#tagline {
	/*margin-top:5px;*/
	font-size:1em;
	color:#333;
	}

#top {
	padding:0;
	margin-bottom: 10px;
	}

#headline {
	width:610px;
	float:left;
	background:#fff;
	padding:10px 0px;
	font-size:1.05em;
	line-height:1.5em;
	}

#headline div.title {
	font-weight:bold;
	font:2.4em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	margin-left: 10px;
	}

#headline div.meta {
	margin-left: 10px;
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding:10px 10px 15px;
	}

#featured {
	width:320px;
	float:left;
	margin:0px 0px 0px 10px;
	padding: 10px 0px 0px;
	background:#fff;
	}
	
#featured p {
	font-size: 1.3em;
	height: 2.5em;
	overflow: hidden;
}

#featured .clearfloat {
	margin: 7px 10px 8px;
	/*margin-top:7px;
	margin-bottom:8px;*/
	}

#featured .info {
	margin-top:5px;
	margin-left:10px;
	padding-top:5px;
	float:left;
	width:180px;
	}
#featured .info a {
	font:1.3em Arial;
}

#featured .title {
	font-weight:bold;
	}

#headline a img, #featured a img {
	background: #fff;
	border:1px solid #ccc;
	
	/* margin: 5px 0px; */
	padding:2px;

	margin: 0;
	}
#headline a img {
	/* margin:5px 10px 0px; */
	margin: 0;
	width: 584px;
	height: 342px;
	}
	
#front-list {
	font-size:1.05em;
	line-height:1.75em;
	background:#fff;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:0.8em;
	color:#333;
	}

.meta a {
	color:#333;
	}

#headline p, #featured p {
	margin:0;
	}


/* @ends */

/* @group Content/Archive Page*/

#content {
	font-size:1.05em;
	line-height:1.75em;
	background: #fff;
}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content h2.title {
	font:2.2em Georgia;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #e5ebe6;
	border-top:3px solid #e5ebe6;
	padding:5px 0px;
	clear: both;
	}
	
#archive {
	font-size:1.05em;
	line-height:1.75em;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

.post ul li, #front-list ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #archive img {
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
	}

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:20px;
	}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}
	
img#wpstats {
	visibility: hidden;
}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

/* @ends */

/* @group Post-entry types */

#front-list div.clearfloat, #archive div.clearfloat {
	position: relative;
	margin:10px 0px;
	float: left;
	overflow: hidden;
	background: url(images/clearfloat-shadowbacking.png) no-repeat center bottom;
	}
	
	#front-list div.title, #archive div.title {
		text-align: center;
		font-weight:bold;
		font:1.9em Georgia;
		line-height:1;
		letter-spacing:-0.05em;
		padding-bottom: 0px;
		padding-top: 10px;
		margin:0px 20px 15px;
		border-bottom:1px dotted #ccc;
		border-top: 2px solid #3b6d41;
		height: 2.6em;
		width: 265px;
		}
		
		#front-list .spoiler, #archive .spoiler {
			display:block;
			height: 28.5em;
			width: 265px;
			overflow: hidden;
			margin: 10px 20px 20px;
			}
			
		#front-list div .spoiler, #archive div .spoiler {
			text-align: center;
			}
		
		#front-list div .spoiler img.left, #archive div .spoiler img.left {
			float: none !important;
			margin-bottom: 15px;
			}
			#front-list div.title a:link, #archive div.title a:link, #front-list div.title a:visited, #archive div.title a:visited {
				background-color: transparent;
				}
	
			#front-list div .title a:active, #archive div .title a:active, #front-list div .title a:hover, #archive div .title a:hover {
				background-color: #cbf2d1;
				}


	
#front-list p, #archive p {
	text-align: left;
	margin:0px;
	padding:0px 10px 10px;
	}
	
/*#front-list p:last-child, #archive p:last-child {
	position: absolute;
	bottom: 1.2em;
	background: white;
	padding: 0px 10px 0px 10px;
	width: 260px;
	text-align: right;
	}*/

/* @group Fullwidth */

#front-list div.fullwidth, #archive div.fullwidth /*clearfloat*/ {
	float: none;
	margin: 0px 10px 10px;
	width: 590px;
	background: none;
	border-bottom:1px dotted #ccc;
	}
	#front-list div.fullwidth .title, #archive div.fullwidth .title {
		font-size:2.0em;
		background: transparent url('images/divtitle_bottomedge.gif') bottom repeat-x;	
		border: none;
		text-align: left;
		padding-bottom: 10px;
		margin:0px 10px 15px;
		min-height: 0em;
		height: auto;
		width: auto;
		}
		
#front-list div.fullwidth .spoiler, #archive div.fullwidth .spoiler {
			height: auto;
			width: auto;
			margin:0px 10px 15px;
			}	
			#front-list div.fullwidth .spoiler img.left, #archive div.fullwidth .spoiler img.left {
				float: left !important;
				}
			/*#front-list div.fullwidth .spoiler p:last-child, #archive div.fullwidth .spoiler p:last-child {
				position: relative;
				background: none;
				padding: auto;
				width: auto;
				right: auto;
				bottom: auto;
				}*/

/* @end */

.navigation {
	clear: both;
	padding:5px 0px;
	text-align:center;
	}

/* @end */

/* @group Sidebar */

/* @group AVERTING ZONES */

#sidebar-top, #sidebar-bottom {
	padding:0px;
	width: 320px;
	}
	#sidebar-top {
		float: left;
	    margin-bottom: 10px;
	}
	 #sidebar-bottom {
	clear: both;
	float: left;
	}

#sidebar-middle, #sidebar-bottom-middle {
	width:320px;
	float:right;
	}

#sidebar-left, #medium-bottom-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	}

/*AVERTISEMENT*/

/*#sidebar-top, #xlarge-top, #large-bottom, #sidebar-bottom, #xlarge-bottom {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	}*/
	
/*#sidebar-bottom, #sidebar-middle, #sidebar-bottom-middle, #large-bottom, #sidebar-top, #xlarge-top, #xlarge-bottom {
	margin-top:10px;
	}*/

/*AVERTISEMENT*/

#medium-bottom-left {
	padding:0px;
	width:155px;
	background: none;
	}
 #medium-bottom-left img {
	border-width:5px 10px 10px 10px;
	border-color: #fff;
	border-style: solid;
	}

#sidebar-right, #medium-bottom-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}
	
/*AVERTISEMENT*/
 #medium-bottom-right {
	padding:0px;
	width:155px;
	background: none;
	}
 #medium-bottom-right img {
	border-width:0px 10px 0px 10px;
	border-color: #fff;
	border-style: solid;
	}
	
/*AVERTISEMENT*/
 #xlarge-top, #large-bottom, #xlarge-bottom {
	padding:0px;
	width:320px;
	}
 #xlarge-top div, #large-bottom div, #xlarge-bottom div {
	border-width:0px 10px 0px 10px;
	border-color: #fff;
	border-style: solid;
	padding: 0;
	}
 #large-bottom img, #xlarge-top img, #xlarge-bottom img {
	width: 100%;
	}
	
/*AVERTISEMENT*/
#small-top-left, #small-top-right, #small-bottom-left, #small-bottom-right {
	margin-top:7px;
	background: 0px;
	}

#small-top-left img, #small-top-right img, #small-bottom-right img, #small-bottom-left img{
	width:135px;
	}

#medium-bottom-left img, #medium-bottom-right img {
	width:135px;
	}

#large-bottom, #medium-bottom-left, #medium-bottom-right {
	padding-top: 5px;
	}
	
#sidebar-bottom-middle {

	}

#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

.ad-notice {
	margin:-5px 0px 0px;
	border: none;
	padding: 0;
	line-height: 1;
	text-align:center; 
	color: #c0c8c8; 
	font-size:70%;
	}

/* @end */

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background: #4F9357;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-search {
	margin-top: 120px;
	width: 300px;
	padding:1px 10px 10px 10px;
	background:#4F9357;
	}
	
#sidebar-search h3 {
	background: #4F9357;
	}

/*  Tabbed widgets
----------------------------

*/
#sidebar-bottom {
	background: none;
	}

/* @end */

/* @group Middle Navigation */

#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:0px 0px 10px;
	}

.category {
	height: 110px;
	width:33.3%;
	/* width:50%; */
	float:left;
	border-top:8px solid #333;
	margin:0px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #d66c4f;}
#cat-2, #cat-4 {border-top:8px solid #d48a55;}

.category h3, .category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:10px 0 10px;
	font-weight:bold;
	font-size:1.8em;
	letter-spacing:-0.05em;
	}

#front-popular h3 {
	color:#fff;
	}

.category a {
	margin:0px 10px 10px 10px;
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {/*background:#333333;*/ color:#fff;background-color: #d66c4f; }
#cat-2:hover, #cat-4:hover {/*background:#3c78a7*/; color:#fff;background-color: #d48a55;}
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {/*background:#333333;*/ color:#fff;background-color: #d66c4f; }
#cat-2:hover a, #cat-4:hover a {/*background:#3c78a7*/; color:#fff;background-color: #d48a55; }


/* @ends */

/* @group MaxBanner hack */

/*font[size~="1"] {
display:none;
}
*/
div[style~="padding:5px 0 5px 0;"] {
display:none;
}
p font[size="smaller"] {
display:none;
}
#middle2 font {
display:none;
}
#sidebar font, .right font {
display:none;
}
#front-list font, #archive font {
display:none;
}


/* @end */

/* @group Adzones */

.adzone {
	/*background: #ededed url(images/backgrounds/indian-summer.gif);*/
	background: url(images/backgrounds/advertising-chevron.png);
	text-align: center;
	margin: 10px;
	display: block;
	}
	
.adzone br {
	display: none;
	}
	
	#front-list .adzone, #archive .adzone {
		float: left;
		}
		
	#sideadzone {
	position: absolute;
	top: 195px;
	right: -130px;
	}
	#sidebar .adzone {
		margin: 10px 0px;
		clear: both;
		}
	
	.square-popup img {
		border: none !important;	
		padding: 0px !important;
		margin: 13px 17px 13px 17px !important;
		}
	#sidebar .square-popup img {
		margin: 28px 35px 28px 35px;
		}
		
.skyscraper /*outside*/ {
	margin: 0px;
	margin-bottom: 480px;
	background: none !important;
	}
	
.skyscraper img /*outside*/ {
	 width:120px;
	 height:600px;
	 }
	
.vertical-banner img /*sidebar*/ {
	/*padding: 7.5px; pre-max banner extra div*/
	margin: 2.5px 7.5px
	}
.medium-rectangle img /*large sidebar*/{
	/*padding: 10px; pre-max banner extra div*/
	margin: 5px 10px;
	}
.full-banner {
	margin-bottom: 20px;
	}
	.full-banner img /*content*/ {
		/*padding: 15px 60px !important; pre-max banner extra div*/
		margin: 10px 60px !important;
		border: none !important;	
		}
.half-banner img /*cloud*/ {
	/*padding: 20px 43px; pre-max banner extra div*/
	margin: 15px 43px; 
	/*margin-top: 0px !important;*/
	}
	
	.half-banner {
		margin-top: 0px !important;
		position:absolute;
		top: 0;
		z-index: 3020;
		}
		
.leaderboard /*above content*/{
	clear: both;
	margin: 15px 105px 30px;
	float: left;
	}
	.leaderboard img {
	width: 728px;
	height: 90px;
	}

/* @end */

/* @group Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:4px;
	font-size:1.2em;
	width:240px;
	margin-right: 4px;
	margin-left: 10px;
}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}
	
.post form td {
	padding: 10px 10px 12px;
	margin: 0 15px 10px;
	vertical-align: middle;
}

.post form input {
	font: 20px "Courier New", Courier, mono;
	padding: 4px 4px 5px;
	margin-right: 10px;
	background-color: #4f9357;
	color: white;
	border-color: #437f4c;
}
.post form input:focus, .post form input:hover {
	background-color: #f9fcac;
	color: #3e5935;
	border-color: #fdfb62;
}

.post form label {
	margin-top: 10px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/*@end*/

/* @group Comments */

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* @end */

/* @group Footer */

/* @group Footer promos */
#front-popular /* footer*/ {
	color:#fff;
	background:#4F9357 url(images/bottombar.gif) bottom no-repeat;
	}
#front-popular div.meta {
	color: #fefefe;
	}
	
#front-popular .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#front-popular .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:160px;
	}
#front-popular .info a {
	font:bold 1em Arial;
}

#front-popular .title {
	font-weight:bold;
	}

#front-popular a img {
	padding:2px;
	background: #fff;
	border:1px solid #ccc;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 15px;
	}
	#front-popular a img.left {
		float: none !important;
		}

#front-popular p {
	margin:0;
	text-align: left;
	}

/* @end */

/* @group Recent, Popular and Comments Footer (removed 2010.09.07) */

/*#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background: #45804c;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}*/



/* @end */
#front-popular /* footer*/ {	
	color:#fff;
	background: transparent url(images/backgrounds/footer-floral.gif) repeat-x 32px 0;
	}
#footer {
	margin: 1.3em;
	}	
	
	#front-popular h2 {
	text-align: left;
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #9c9c9c;
	}
	#front-popular h3, #front-popular p {
	text-shadow: #white 0 1px 0;
	}
	
	#front-popular h3 /*your yoga title*/ {
		text-transform: capitalize;
		padding-right: 0.25em;
		font-size: 2.3em;
		position: relative;
		z-index: 100;
		text-align: right;
		margin-bottom: -0.25em;
		margin-top: 0.2em;
		}
	
	#front-popular h3 a:link, #front-popular h3 a:visited {
		color: white;
		}
	#front-popular h3 a:hover, #front-popular h3 a:active {
		text-decoration: none;
		position: relative;
		top: -1px;
		}
	
#front-popular .post {
	border: 0.45em solid #4e8247;
	background: #ededed url(images/backgrounds/indian-summer.gif);
	margin: 0;
	text-align: center;
	padding: 10px;
	color: #2c563a;
	float: left;
	width: 29%;
	margin-right:0.65%;
	height: 420px;
	font-size: 0.9em;
	}
	
#front-popular .post h3.title {
	margin: 10px 0px;
	text-align: left;
	padding: 0;
	}
#front-popular .post h3.title a:link, #front-popular .post h3.title a:visited {
	color: #457440;
	font-size: 18px;
	letter-spacing: 0.5px;
	}
#front-popular .post h3.title a:hover, #front-popular .post h3.title a:active {
	color: #599753;
	top: 0px;
	}
	

/* @end */

/* @group Floats */

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

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

select {
	width: 180px;
	margin: 5px 5px 1px 0;
	}

/* @end */

/* @group Events Accordian */

#content.narrowcolumn {
	padding: 0px 0px 0px;
	width:610px;
	height:auto;
}
.eventsTitle {
  padding: 10px;	
}
#accordion div.content img {
	padding:10px;
	background: #eff0ef;
	margin:10px;
	border: 1px solid #ced4cf;
}
#accordion div.content p {
	margin: 0;
	padding: 10px;
}
.eventEnder {
	clear:both;
	margin: 0 10px;
	border:white solid 1px;
	border-bottom:1px dotted #ccc;
	background:none;
	height:1px;
}
.eventsMenu {
	margin-top: 15px;
	padding: 5px 10px;
}

/* ---------------------------------
/* Special over-rides
---------------------------------  */
h2.head {
	margin: 0 !important;
	border: none;
	margin-bottom: 4px;
	/*border-bottom: 4px solid transparent;*/
	}
a#January, a#March, a#May, a#July, a#September, a#November {
	background: #e8eee9;
	}
a#February, a#April, a#June, a#August, a#October, a#December{
	background: #f3f7f4;
	}
	
a#January, a#March, a#May, a#July, a#September, a#November,
a#February, a#April, a#June, a#August, a#October, a#December{
	background-image: url(images/backgrounds/events_backing.gif);
	background-repeat: no-repeat;

	}
	a#January{
		background-position: right 0px;
	}
	a#February{
		background-position: right -62px;
	}
	a#March{
		background-position: right -124px;
	}
	a#April{
		background-position: right -186px;
	}
	a#May{
		background-position: right -248px;
	}
	a#June{
		background-position: right -310px;
	}
	a#July{
		background-position: right -372px;
	}
	a#August{
		background-position: right -434px;
	}
	a#September{
		background-position: right -496px;
	}
	 a#October{
		background-position: right -558px;
	}
	a#November{
		background-position: right -620px;
	}
	a#December{
		background-position: right -682px;
	}

h2.head a:link,h2.head a:visited /*create a full clickable bar*/ {
	padding: 15px 10px 16px;
	display: block;
	}
	
h2.head a:hover,h2.head a:active {
	background: #4d9959 !important;
	color: white;
	}
	
	h2.selected a {
		background: #4d9959 !important;
		color: white;
		}
	
#accordion div.content {
		margin: 0px;
	}
	
#accordion div.content h3.eventItem /*the title inside an entry*/ {
	padding:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.eventEnder /*horizontal rules ok!*/{
	clear:both;
	margin: 0 10px;
	border: none;
	border-bottom:1px dotted #ccc;
	background:none;
	height:1px;
}

.eventsMenu /*the menu with the years in it*/ {
	margin-top: 15px;
	padding: 5px 10px;
}

/* @ends */

/* @group User submissions: Call to Action */

#callToAction {
       width:98%;
       font-size:16px;
       padding: 5px 5px 5px 5px;
       background: #FFFFCC;
       display: block;
}
#callToAction a:link {
	color: #333333;
	text-decoration:none;
	display:block;
       font-family: Georgia, "Times New Roman";
}
#callToAction a:visited {
	color: #333333;
	text-decoration:none;
        display:block;
        font-family: Georgia, "Times New Roman";
}
#callToAction a:hover{
	color: #333333;
	text-decoration:none;
        display:block;
        font-family: Georgia, "Times New Roman";
}
#callToAction a:active {
	color: #333333;
	text-decoration:none;
        display:block;
        font-family: Georgia, "Times New Roman";
}

/* @end */

/* @group Home page social media buttons */
.sitesocial {
	background:rgba(255, 255, 255, .7);
	padding:8px 5px 5px 5px;
	margin-bottom:10px;
	text-align:left;
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.sitesocial .socialintrotext {
    display: inline-block;
    float: left;
    font-weight: bold;
    margin: 4px 10px 0;
}

iframe.twitter-follow-button{
	width:280px !important;
}
/* @end */