/*
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-image:url(img/bg2.jpg);
background-repeat:repeat-y;
background-position:center;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 0% 0;
}

a {color: #ffffff;}
a:hover {color: #ffffff;}

big {font-size: 1.1em;
}

h1,h2,h3 {padding: 0px;}

h1 {font: bold 1.3em sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {}

h2 {font: normal 1.2em sans-serif;}
h3 {font: bold 1.2em sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}


img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}


/* structure */


#container {
	border-top: 0px solid #332;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto; background: #FBF9F4;
	width: 800px;
}

/* header */
.title {

font-weight:bold;
text-align:center;
color:#FFFFFF;
background-image:url(img/title_b.jpg);
font:color:#FFFFFF;
height:28px;
}
.title h1 {
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}
.title .title_in{
padding:5px 0px 0px 0px;
}
.header {

	background: #DAD7C5 url(img/headflv.jpg) no-repeat left bottom;
	height:361px;
}

/* navigation */
.navigation {
	border-right:1px solid #333333;
	border-left:1px solid #333333;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
	background: #FFF url(img/navi3.jpg) repeat-x;

	color: #FFFFFF;
	display: block;
	font: bold 0.9em Tahoma,sans-serif;
	line-height: 37px;
	width:114px;
	height:44px;
    
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-position: left bottom;
	color: #FFFFFF;
}
.navigation .current_page_item a {color: #FFFFFF;}

/* main */
.main {background: #FFF url(img/main.gif) repeat-y;
background-image:url(img/back_metal.jpg);}



/* posts */

.post{
margin-bottom:14px;
}

.post .descr {

	color: #630;
	font-size:0.9em;
	margin: 2px 0 4px;
}


.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 8px 0;
}

.small{
margin-bottom:-10px;
}
.small_in{
color:#FED101;
}




#link{
width:204px;
height:560px;
margin-top:10px;
background-image:url(img/linkbg560.gif);
background-repeat:no-repeat;
}
#link_in{
width:151px;
padding:7px 7px 0px 7px;}

#link_in .bnr{
margin-bottom:7px;
}
/* bottom */
.bottom {
	background: #DCDAC9;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
padding:0px 0px 0px 0px;
height:28px;
background-image:url(img/footer.jpg);
color:#FFFFFF;
text-align:center;
}
.footer .footer_in{
padding:6px 0px 0px 0px;
}

.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover, .footer .right a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer .right, .footer .right a {color: #7D7D75;}

/* misc */
.entry2 {
background-image:url(img/news_title10.gif);
background-repeat:no-repeat;
height:27px;

font-weight:bold;
padding:8px 0px 0px 18px;
color:#87DEFC;}



.entry3{
padding:20px 15px 0px 20px;
}


.left .content {padding:5px 0px 0px 25px;}
.right .content {padding:5px 25px 10px 8px;}
.left {float:left;}



.right {float:right;

}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width:70%;}
.col2 .right {width:30%;}

/* block list */
ul.block, .block ul {
	margin: 4px 0;
	padding: 0;
	width: 90%;
}


.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/* comments */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	width: 280px;
}

textarea.styled {width: 280px;}

.styled {
	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: 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; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  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;}










table.profile	{

	margin: 5px;

	width : 480px;

	color: #bfffff;

	font-size:12px;

	text-align: center;

	border: 1px #00c3ff solid;

	border-collapse: collapse; 

	line-height: 18px}

table.profile th{

    border-right:1px solid #00c3ff;

    border-bottom:1px solid #00c3ff;

    padding:0.3em 1em}

table.profile td{

    border-right:1px solid #00c3ff;

    border-bottom:1px solid #00c3ff;

    padding:0.3em 1em}




#result_match1	{

	margin: 0px 0px 0px 0px;

	padding: 15px 0px 0px 0px;	

	background-image: url(img/result_1.jpg);

	width: 535px;

	height: 50px;

	color: #ffffff;

	text-align: center;

	font-size: 18px}
	
	
	
	
	
	#two_calam3	{

	margin: 0px 0px 0px 0px;

	background-image: url(img/profile_bg8_2.gif);

	background-repeat: no-repeat;

	display: inline;

	width: 534px;

	height:449px;

	padding: 86px 0px 0px 0px;

	float: left}
	
	
	#two_calam3 .wap{
	width:510px;
	margin:0px auto;
	}
	
	
	
	#result_match1	{

	margin: 0px 0px 0px 0px;

	padding: 15px 0px 0px 0px;	

	background-image: url(img/result_top10.gif);

	width: 535px;

	height: 50px;

	color: #ffffff;

	text-align: center;

	font-size: 18px}
	
	
	
	
	
	
	#two_calam5	{

	margin: 0px 0px 0px 0px;

	background-image: url(img/funclub_bg8_2.gif);

	background-repeat: no-repeat;

	display: inline;

	width: 535px;

	height: 534px;

	padding: 93px 0px 0px 12px;

	color: #a5ffff;

	font-size: 12px;

	line-height: 20px;

	float: left}



.box_b{background-image:url(img/box_b10.gif);
 background-repeat: no-repeat;
 height:523px;
 padding:12px 0px 0px 20px;
 margin-bottom:-8px;}





















.ca01{
margin-bottom:10px;
}

.ca02{
width:204px;
padding-bottom:12px;
background:url(img/ca_bot30.gif)  no-repeat bottom;
position:relative;
}



.ca02 h2{
margin:0;
height:24px;
background:url(img/ca30_2.gif)  no-repeat top;
}


.ca_box{
margin:0px 0px 0px 10px;
padding-top:7px;
font-weight:bold;
}

.ca_in{
margin:10px 0px 0px 0px;
}

	
.ca_bar{
background-image:url(img/ca_bar.gif);
background-repeat:no-repeat;
margin-top:10px;
height:1px;
}

	
	
	














#two_calam5{


margin: 0px 0px 23px 0px;




background-image: url(img/funclub_bg8_2.gif);



background-repeat: no-repeat;


display: inline;


width: 523px;


height: 800px;


padding: 93px 0px 12px 12px;


color: #a5ffff;


font-size: 12px;


line-height: 20px;


float: left}
	
	
	
#c5_tl{
width:161px;
float:left;
}

#c5_tr{
margin-top:15px;
float:left;
}
	
#c5_bar{
clear:both;
float:left;
margin:12px 0px 12px 10px;
}
	
	
#mk{
color:#ffffff;
line-height:20px;
}

#ck{
color:#ffffff;
font-size:15px;
font-size:15px;
height:20px;
}

#c5_bl{
width:147px;
clear:both;
float:left;
}
	
#c5_br{
margin-top:15px;
float:left;
}

#ia{
color:#ffffff;
font-size:18px;
line-height:22px;
}	
	
	
#c5_b{
clear:both;
}









.box2000{
margin-bottom:15px;
}



.box2000_2{
width:535px;
padding:0px 0px 20px 0px;
background:url(img/box6000_2.gif) #FFFFFF no-repeat bottom;
position:relative;
}





.2000text{

padding:20px 12px 12px 12px;



}



















#fun{
width:534px;
height:507px;
padding-top:93px;
margin-bottom:-18px;
background-image:url(img/funclub_bg8_2.gif);

}
	

#keitai{
float:left;
width:161px;
height:312px;
margin:0px 0px 0px 12px;
}
	
#choi{
margin-left:5px;
}
	
#koushiki{
margin-top:15px;
with:243px;
height:43px;
float:left;
}


#fun_bar{
width:487px;
clear:both;

margin:12px 0px 12px 10px;
}


#fun_bot{
width:510px;
margin-left:10px;
clear:both;
float:left;

}

#fun_qr{
margin-right:5px;
width:147px;
float:left;
}


#acces{
padding-top:15px;
width:330px;
float:left;
}


.mob_right{
font-size:small;
color:#87DEFC;
}


#qr_right{
font-size:medium;
font-weight:bold;
color:#ffffff;
}


.red a:link{color:#FF0000; text-decoration: underline}




#500{
width:500px;
}


table.profile2	{

	margin: 5px 0px 0px 0px;

        padding:10px;	

        width : 500px;

	color: #bfffff;

	font-size:12px;

	text-align: center;

	border: 1px #000000 solid;

	border-collapse: collapse; 

	line-height: 18px}





#shacho_center{
margin-left:17px;
}