/*  
Theme Name: Living Holistically
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <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
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

Living Holistically Colors
032D43 Dark Blue
006B7F Medium Dark
659CA1 Medium
C7D9DF Medium Light Blue
DAEDF3 Lightest Blue

34AE1B medium green
ABF28C light green

D0EAD2 lighter green
EBFFF5 lightest green

989465 tan
E0DBAA light tan
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Georgia, Times New Roman, serif;
	background: #EBFFF5;
	color: #333;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #006B7F;
	text-decoration:none
	}

a:hover, a:active {
	color: #006B7F;
	text-decoration:underline;
	}

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;
	}
	
table tr td {
	vertical-align: top;
	}
	
blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.1em Arial;
	margin:10px 0 10px 35px;
}

.pullquote {
border-top:2px solid #CCC;
border-bottom:2px solid #CCC;
width:50%;
float:right;
font-family:arial;
font-size:1.4em;
color:#666;
padding:10px;
margin:15px;
}

.subtitle {
font-size:1.3em;
font-family: arial;
color:#032D43;
margin-bottom:20px;
}

select {
	width: 130px;
	}	



/* Structure */


#head {
	width:100%;
	margin:0px auto;
	padding:0px;
	font-size:0.7em;
	}


#page {
	width:940px;
	margin:0px auto;
	padding:10px;
	background: #EBFFF5;
	font-size:0.8em;
	}

.left, .alignleft {
	float:left;
 padding-right:20px;
	}

.right, .alignright {
	float:right;
        padding-left:20px;
	}


#page-bar {
	width:722px;
	}

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

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

#page-bar li:hover {
	background: #006B7F;
	}


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

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

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: 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: #2B2B2B;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 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;
	}


/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	color: #032D43;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	color: #032D43;
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#006B7F;
	font-weight:bold;
	}

h4 {
	font:1.2em Arial;
	font-weight: bold;
	}

h3.cat_title, h3.cat_title a {
	color:#032D43;
	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;
	}

/* Index Page*/

#logo {
	width:350px;
	}

#tagline {
	margin-top:5px;
	font-size:1em;
	color:#032D43;
	}

#top {
	padding:0;
	border-bottom: 1px dotted #cecece;
	}

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

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

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

#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	}

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

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

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

#headline a img, #featured a img {
	border:1px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}


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

.category {
	width:164px;
	float:left;
	border-top:8px solid #032D43;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #032D43;}
#cat-2, #cat-4 {border-top:8px solid #006B7F;}

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

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

.category a {
	color:#032D43;
	display:block;
	background:none;
	}

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

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#032D43; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#006B7F; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#032D43; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#006B7F; color:#fff; }

#bottom {
	width: 940px;
	}

#front-list {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}

#archive {
	padding-top:15px;
	line-height:1.75em;
	}

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

#front-list .title, #archive .title {
	font-weight:bold;
	font:2.0em Georgia;
	letter-spacing:-0.05em;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
	margin:0px;
	padding:0px;
	}

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

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

.meta a {
	color:#333;
	}

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


/* Content Page*/

#content {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}
	
	
#content_full {
	width:920px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}



.newsletter .news {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	margin-bottom: 10px;
	}
	
.newsletter h2 {
	background:#659CA1;
	color: #fff;
	padding:10px;
	}
.newsletter #stats {
	text-align: right;
	}
	
.newsletter #sidebar p  {
	font-size: 1.05em;
	}

.newsletter #sidebar {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
}

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

#content h2.title {
	font:2.2em Georgia;
	font-weight:bold;
	
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	text-transform:none;
	}

.post {
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
font-family:georgia, serif;
color:#333;
line-height:20px;
	}

.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;
	}

.captionright {
float:right;
width:250px;
margin:15px;
}

.captionright p {
padding:5px;
font-size:11px;
}

.captionleft {
float:right;
width:250px;
margin:15px;
}

.captionleft p {
padding:5px;
font-size:11px;
}




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

.entry {
	margin-top:20px;
	}
	
	
.entry p {

	}

#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:#032D43;
	}

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

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

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	}

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

#sidebar-top, #sidebar-bottom, #sidebar-bottom2 {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	}

#sidebar-bottom, #sidebar-middle, #sidebar-bottom2 {
	margin-top:10px;
	}

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

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

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}


#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 a {
	font-size: 0.9em;
	}


#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;
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}


/* Form Elements */

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

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

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* 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;
	}

/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#006B7F;
	margin: 0 auto;
	padding:10px;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #659CA1;
	}

#mostcommented {
	margin-left:17px;
	}

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

#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 #659CA1;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#006B7F;
	color:#fff;
	}

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


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}


/* Float Properties*/

.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;
	}

	
/* Menu Styles */

.livhol_menu {
	background: #006B7F url(../images/layout/menu-bg.gif) repeat-x 0 0;
}

.livhol_menu .yuimenubar	{
	height: 30px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

.livhol_menu .yuimenubaritemlabel{
	border-color:#006B7F;
}

.livhol_menu .yuimenubarnav .yuimenubaritemlabel-hassubmenu	{
	background: #006B7F url(../images/layout/submenu.png) right center no-repeat;
}

.livhol_menu .yuimenubaritemlabel-selected{
	border-color:#659CA1;
}

.livhol_menu .yuimenu .bd	{
	border:solid 1px #659CA1;
}

.livhol_menu .yuimenu .yui-menu-body-scrolled{
	border-color:#ccc #659CA1;
}
.livhol_menu .yuimenu .topscrollbar,.livhol_menu .yuimenu .bottomscrollbar{
	border:solid 1px #659CA1;
}

.livhol_menu .yuimenubar ul.first-of-type li, .livhol_menu .yuimenubar ul.first-of-type li a {
	border-top: none; border-bottom: none; padding: 0px;
}
.livhol_menu .yuimenubar ul.first-of-type li {
	margin: 7px 0px 0 0px;
	padding: 0 25px;
	border-right:1px dotted #659CA1;
	text-align: left;
}

.livhol_menu .yuimenubar ul.first-of-type li.first {
	padding-left: 10px;
	margin-left: 0;
}
.livhol_menu .yuimenubar ul.first-of-type li.last {
	border: none;
}

.livhol_menu .yuimenubar ul.first-of-type li a {
	color: #FFF; 
	font-weight: bold;
	font-size: 13px; 
	font-family: Georgia, Arial, Helvetica; text-transform: lowercase;
	text-decoration: none;
}
.livhol_menu .yuimenubar ul.first-of-type li a:hover {
	text-decoration: underline;
}
.livhol_menu .yuimenubar ul.first-of-type li a.yuimenubaritemlabel-hassubmenu	{
	background: #006B7F url(../images/layout/submenu.png) right center no-repeat;
	padding-right: 0px;
}
.livhol_menu .yuimenubar ul.first-of-type li ul  {
	padding: 0; margin: 0;
}
.livhol_menu .yuimenubar ul.first-of-type li .bd  {/**/
	margin-left: 0px; margin-top: 8px; background-color: #C7D9DF; padding: 0px; border: 1px solid #DFDFDF; cursor: pointer;
}
.livhol_menu .yuimenuitem-selected, .livhol_menu .yuimenuitemlabel-selected {
	background-color:#DAEDF3;
}
.livhol_menu .yuimenubar ul.first-of-type li ul li {
	margin: 0; padding: 4px 0;
}
.livhol_menu .yuimenubar ul.first-of-type li ul li a {
	color: #000; text-transform: none; padding:0 10px; border: 0; font-size: 13px;
	font-weight: normal; letter-spacing: normal;
}

#top_nav {
	background-color: #659CA1;
	height: 30px;
}

#top_nav ul {
	list-style: none;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 30px;
	overflow: hidden;
	}

#top_nav li {
	float:left;
	padding: 0;
	list-style:none;
	cursor: pointer;
	display:block;
	margin: 8px 10px 8px 10px;
	}
	
#top_nav li {
	font-weight: bold;
}

#top_nav li a {
	color: #fff;
}
#top_nav #searchform label {
	display: none;
}
#top_nav #searchform {
	display: inline; margin: 0; padding: 0;
}
#top_nav #searchform input#s {
	border: 1px solid #ccc;
	font-size: 12px;
	width: 200px;
	height: 16px;
	padding: 0;
	margin: 0;
	color: #999;
}
#top_nav ul li.search {
	float: right;
	margin-top: 4px;
}
#top_nav li.rss {
	background: url(images/icons/rss.gif) top left no-repeat;
	padding-left: 20px;
}

#masthead	{
	height: 150px;
	background: #fff url(images/layout/draft-header.gif) top center no-repeat;
	
}

/*
#wrapper {
	background-color: #D0EAD2;
	width: 100%;
	padding: 0 2px 2px 2px;
	margin:0px auto;
	margin-top:0px;
}
*/

#home-intro {
	line-height:1.75em;
	padding: 10px;
	border:1px dotted #ccc;
	border-width: 1px 0;
	background: #EBFFF5;
}

/* x-browser fix for clearing properly */
.clearfix:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.author_block h3 {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.author_block img {
	margin-right: 20px;
}

#page #headline .title a, #featured a.title {
color: #032D43;
}

/* Do not show subtitle on the homepage */
.homepage .subtitle {
	display:none;
}


#sidebar .twitter {
	margin: 10px auto 0 auto;
	background: url(images/icons/twitter.png) top left no-repeat;
	padding-left: 40px;
	padding-top: 8px;
	height: 35px;
	width: 200px;
}
#sidebar .twitter a {
	font-size: 1.2em;
	color: #006B7F;
}


.linkcat h2 {
	font-size: 1.2em;
	font-weight: bold;
}

#links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}


#links li {
	list-style:none;
	padding-left: 20px;
	margin: 0;
	}

#links li.linkcat {
	margin-bottom: 20px;
	}
	

ul.social  {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
	}

ul.social li {
	list-style:none;
	margin: 0;
padding-right:10px;
	float: left;
	}

ul.social li img {
	margin: 0 2px 0 4px;
	}

ul.social li a {
	font-family: Arial;
	font-size: 11px;
	color: #333;
	}