/*
Theme Name: Natural Essence
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Soft and natural two-column theme supporting widgets. Based on the <a href="http://templates.arcsin.se/">free website template</a> Natural Essence. Also available as <a href="http://templates.arcsin.se/natural-essence-joomla-template/">Joomla template.</a>
Author: Viktor Persson
Author URI: http://arcsin.se
*/

/* default elements */
* {margin: 0; padding: 0;}

body {
	/*
	background: #7C6F5C url(img/bg.jpg);
	color: #222;
	*/
	/* 000 font: normal 62.5% Verdana,sans-serif; */
	/* 001 font: normal 58% Verdana,sans-serif; */
	/*
	padding: 2% 0;
	font-size: 56%; // font-size: 62.5%;
	font-family: Verdana, Arial, Sans-Serif; // font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	*/

	background: #7C6F5C url(img/bg.jpg);
	color:#222;
	line-height:140%;
	margin:0 0 2em;
	padding:0;
	font-size:11px;
	font-family: Tahoma, Verdana, Arial
}



a {
	color: #0000ff; /* color: #642; */
}
a:hover {
	font-weight: bold;
	color: #0000ff; /* color: #963; */
}


big {
	font-size: 110%; /* font-size: 1.1em; */
}

h1,h2,h3 {
	color: #442;
	/* padding: 8px 0 2px; */
	/* font: Arial,Tahoma,sans-serif; */

	/* font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; */
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/* nwl - Modified on 7th June 2008 */
h1 {
	font-size: 160%; /* 160 */
}
h2 {
	font-size: 140%; /*125*/
	line-height: 120%; /*105*/
}
h3 {
	font-size: 115%; /*120*/
	line-height: 115%; /*105*/
}

h1 a {
	line-height: 100%; /*line-height: 105%;*/
	text-decoration: none;
	color: #642; /*Blend H1 links into theme*/
}
h1 a:hover {
	text-decoration: underline;
}




blockquote {
	background: #F0EDE9 url('img/quote.gif') no-repeat;
/*
	display: block;
	font: normal 1.1em;
	padding-left: 26px
*/	
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;

}

form,table {margin-bottom: 1.2em;}
img {
	/*border: none;*/
	padding: 2% 2% 2% 2%;
}
label {display: inline; /* nwl - display: block */ }
li {line-height: 1.5em;}
p {
	padding: 2px 0 10px;
}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
	background: #332 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px; /*width: 762px;*/
}
#container {
	border-top: 6px solid #332;
/*	Commented out on 7th June 2008 to emulate Facebook typefaces
	font-size: 1.3em;
	line-height: 1.3em;
*/
	margin: 0 auto;
	background: #FBF9F4;
	width: 750px; /*width: 750px;*/
}
#warning-box {
	margin-left: 3%;
	margin-right: 3%;
	
	padding-top: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	
	border: 3px solid Red;
	background: Yellow;
	font-size: 110%;
}

/* header */
.title {
	background: #E2DED5 url(img/header-h1.jpg) repeat-x;
	border-top: 1px solid #996;
}
.title h1 {
	font: normal 1.8em;
	padding: 10px 0 10px 18px;
}

.header {
	border-top: 2px solid #663;
	background: #332 url(img/header.jpg) no-repeat left bottom;/*background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;*/
	height: 286px;/*height: 220px;*/
}

/* navigation */
.navigation {
	background: #EAE7DF url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	display: block;
	font: bold 1em sans-serif;
	line-height: 41px;/*line-height: 40px;*/
	padding: 0 14px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-position: left bottom;
	color: #221;
}
.navigation .current_page_item a {color: #331;}

/* main */
.main {background: #FFF url(img/main.gif) repeat-y;}

/* posts */
.post .descr {
	color: #630;
	font-size: 110%; /*font-size: 0.9em;*/
	margin: 2px 0 4px;
}
.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 8px 0;

	font-size: 100.00%;
	text-align: center;

}
.post img {
	border: 1px solid #CCB; /*border: 2px solid #CCB;*/
	margin: 1% 1%; /*margin: 8px 18px;*/
	padding: 1% 1% 1% 1%;
}
/* Get rid of spaces around Wordpress's default smiley style */
.post .wp-smiley { border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.post a img {
	border: 1px solid #CCB; /*border: 2px solid #CCB;*/
}
.post a:hover img {
	/*border-color: #AA9;*/
	border: 3px solid Red; 
	margin: 1% 1%; /*margin: 8px 18px;*/
	padding: 1% 1% 1% 1%;
}

/* bottom */
.bottom {
	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: #332;
	color: #EED;
	padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* misc */
.content {
	padding: 20px 20px;/*padding: 18px 20px;*/
}
.right .content {
	padding: 12px 10px;/*padding: 12px 10px;*/
}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 66%;}/*64*/
.col2 .right {width: 32%;}/*33*/


/* block list */
ul.block, .block ul {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 110%; /*font-size: 0.9em;*/
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	color: #553;
	background: #D2D0C0;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: Yellow; /* background: #F2F0EA; */ }

/* comments */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	width: 450px; /*nwl - width: 280px;*/
}

textarea.styled {
	width: 450px; /*nwl - width: 280px;*/
}

.styled {
	font-size: 110%;  /*font-size: 1.1em;*/
	background: #FCFCFC;
	border: 1px solid #C6C3C3;
	padding: 2px;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #C6C3C3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {
	font-size: 110%; /*font-size: 1em;*/
	color: #666;
}

/* calendar */
#wp-calendar {color: #A0A0A0;}

.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
  border-bottom-color: #000;
  color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
  border-color: #000;
  color: #A53512;
}
.col2 .right table td a {
  border-bottom-color: #000;
  background-color: #EDF3DE;
}

.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display: inline-table;
  border-collapse: collapse;
  width: 185px;
  margin: 0px 10px 0 10px;
  text-align: center;
}

.col2 .right table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.col2 .right table thead tr {border-bottom:1px solid;}

.col2 .right table th {border-bottom:1px solid;}

.col2 .right table td {
  width: 225px; /* maximize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 110%; /*font-size: 0.9em;*/
}

.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 110%; /*font-size: 1em;*/
  font-weight: bold;
}

.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 115%; /*font-size: 1.15em;*/
}

.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
  border: none;
  font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}

#searchform {padding:10px;}

/* Every styles listed below here has been created by Wai Loong */
.rssoptin {
	font-size: 100%;
	border: 2px solid Green;
	background: #F5F5F5;
	padding: 10px 10px 10px 10px;
	margin-bottom: 16px;
}
.imgnoborder img { border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.imgnoborder a { text-decoration: none; }
#imgnoborder { border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.seo-navigations {
	background-color: #E5E3D5;
	width: 430px;
	border: 2px solid Black;
	padding: 3% 3% 1% 3%;
}
.seo-navigations-prev {
	background: url(img/seo-nav-left-arrow.png) no-repeat top left;
	width: 49.5%;
	float: left;
	padding: 3% 0 3% 0;
	text-align: left;
	border-right: 1px solid #C9C6B3;
}
.seo-navigations-newer {
	background: url(img/seo-nav-right-arrow.png) no-repeat top right;
	width: 49.5%;
	float: right;
	padding: 3% 0 3% 0;
	text-align: right;
}
.seo-navigations-search {
	width: 100%;
	clear: both;
}
.googlesearch label {display: inline;}
.googlesearch input {padding: 0px 1px 0px 1px;}

.seo-navigations-empty {
	background-color: #E5E3D5;
	width: 100%;
	clear: left;
}

/* Experimental comment styles */
.commentlist { width: 100%; }
.commentlist .commentitem {
	background: #454545 url(img/bg_speech_quote.gif) no-repeat top right;
	border: 1px solid #6C6C6C;
	color: Black;
}
.commentlist .quote {
	color: #DCDCDC;/*Comment colour*/
	margin-top:25px;/*space above comment text*/
	margin-bottom:25px;/*space below comment text*/
	margin-left:20px;/*space within comment box*/
	margin-right:20px;/*space within comment box*/
}
.commentlist .quote a:link {
	color: #AAC6F6; text-decoration:none;
}
.commentlist .quote a:visited { color: #7BA7F5; text-decoration:none; }
.commentlist .quote a:hover, .commentlist .quote a:active { color: #AAC6F6; text-decoration:none; }
.commentlist .commentcount {
	font: "Times New Roman", sans-serif, serif;
	font-size: 300%;
	color: #9F9F9F;
	float: right;
	margin-top:20px;
}
.commentlist cite { display:block; font-style: normal; font-weight: bold; }
.commentlist blockquote {
	background: #454545;
	border: 1px solid #656565;
	margin: 2px;
	color: Yellow;
}
.commentlist img { border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.channel-feeds { float: left; background-color: #FF9DAE; }
.channel-feeditems { border: 1px solid #FF9DAE; }
.channel-feeditem {
	background: Pink;
	border: 1px solid #656565;
	margin: 2px;
	padding: 8px;

	float: left;
	width: 200px;
	height: 85px;
	overflow:auto;
}

/* Styles for sidebar templates */
.channel-feeds-wp-plugins { float: left; background-color: #CCFFCC; }
.channel-feeditems-wp-plugins { border: 1px solid #E1F5E1; }
.channel-feeditem-wp-plugins {
	background-color: #E1F5E1;
	border: 1px solid #656565;
	margin: 1px;
	padding: 8px;

	float: left;
	width: 200px;
	height: 76px;
	overflow:auto;
}

.sidebar_youtube_h400 { width: 100%; overflow: hidden; }
.sidebar_sep { border-top: 1px dashed #AAAA9A; }