/*
Theme Name: Natural Nine
Theme URI: http://www.unodesignstudio.com
Description: Need QUALITY wordpress theme? Please visit <a href="http://www.unodesignstudio.com">Uno Design Studio</a>
Version: 1.0
Author: Uno Design Studio
Author URI: http://www.unodesignstudio.com
Tags: green, fixed width, widgets, adsense enabled

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
margin:0;
padding:0;
background:url(images/bodybg.jpg) repeat;
}
#wrapper {
width:990px;
margin:0 auto;
background-color:#fff;
font:12px "Century Gothic", Verdana, Arial;
}
p {
margin:0;
padding:7px 0;
}
#header {

}

#header1 {
background:#1B1813;
height:38px;
}

#searchdiv {
float:right;
width:270px;
height:38px;
margin-right:3px;
margin-left:15px;
display:inline;
background:url(images/searchboxnbu.gif) no-repeat;
}

.searchbox {
margin:6px 0 0 4px;
padding-top:5px;
height:18px;
width:210px;
background-color:transparent !important;
background-image:none;
border:none;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
}
.searchbu {
width:30px;
background-color:transparent !important;
background-image:none;
border:none;
}
#searchform {
margin:0;
padding:0;
}

#soc-links {
float:right;
}

#soc-links img {
padding:0 2px;
}

#header2 {
clear:both;
height:149px;
background:url(images/headerbg.jpg) no-repeat;
}
#h2d1 {
padding:35px 0 0 60px;
}
#h2d2 {
padding:0 0 0 165px;
color:#ffffff;
font:14px "Century Gothic", Verdana, Arial;
}

#header2 h1 {
font:24px "Century Gothic", Verdana, Arial;
color:#ffffff;
margin:0;
padding:0;
}
#header2 a {
color:#ffffff;
text-decoration:none;
}
#header3 {
height:24px;
background:url(images/navbarbg.png) repeat-x;
}

#nav {
margin:0 0 0 94px;
padding:0;
list-style:none;
}

#nav li {
float:left;
}

#nav li a {
color:#ffffff;
text-decoration:none;
display:block;
font:12px "Century Gothic", Verdana, Arial;
text-transform:uppercase;
padding:3px 25px 4px 25px;
}

#nav li a:hover {
background:url(images/navbarhover.png) repeat-x;
color:#6B5F44;
}

#header4 {
clear:both;
background:#e6e6e6;
height:34px;
border-bottom:1px solid #B8BABB;
}

#content {
height:100%;
overflow:hidden;
margin-top:5px;
background-color:#fff;
}

#main {
float:left;
width:685px;
}


#rot-imgs {
height:248px;
width:680px;
border:1px solid #B8BABB;
margin-left:5px;
}

#rot-imgs-in {
border:1px solid #fff;
height:246px;
width:678px;
background:url(images/rotbg.gif) repeat-x;
}

.repeat-area3 {
margin-left:5px;
width:680px;
border:1px solid #b8babb;
margin-top:5px;
height:100%;
overflow:hidden;
}

.rp1 {
background:#e6e6e6;
padding:5px 10px;
height:100%;
overflow:hidden;
border-bottom:1px solid #b8babb;
}
.post-title {
float:left;
width:390px;
}

.post-title h2 {
margin:0;
padding:0;
color:#372C24;
font:18px "Century Gothic", Verdana, Arial;
font-weight:bold;
}
.post-title h2 a, .rp4 h2 a {
color:#372C24;
text-decoration:none;
}
.post-author {
width:245px;
float:right;
margin:0 10px 0 0;
display:inline;
text-align:right;
padding:0;
color:#372C24;
font:18px "Century Gothic", Verdana, Arial;
font-weight:bold;
}
.post-author a, .post-text a, .pt2 a {
color:#04671d;
text-decoration:none;
}

.post-author a:hover, .post-text a:hover, .pt2 a:hover {
color:#04671d;
text-decoration:underline !important;
}

.rp2 {
clear:both;
margin-top:1px;
background-color:#e6e6e6;
padding:10px 15px;
}

.post-text {
color:#372C24;
font:12px "Century Gothic", Verdana, Arial;
}

.rp3 {
background-color:#e6e6e6;
height:100%;
overflow:hidden;
color:#86705B;
font:14px "Century Gothic", Verdana, Arial;
padding-bottom:5px;
}
.calen {
float:left;
background:url(images/cal.gif) no-repeat left;
margin-left:15px;
display:inline;
padding-left:24px;
}

.readmore {
float:right;
background:url(images/readmore.gif) no-repeat left;
margin-right:15px;
display:inline;
padding-left:24px;
}

.readmore a, .calen a, .rp6 a {
color:#86705b;
text-decoration:none;
}
.readmore a:hover, .calen a:hover, .rp6 a:hover {
color:#86705b;
text-decoration:underline !important;
}
.repeat-area2 {
float:left;
width:335px;
border:1px solid #b8babb;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
height:100%;
overflow:hidden;
background:#E6E6E6;
display:inline;
}

.post-img {
border:4px solid #b8babb;
height:130px;
width:317px;
margin:5px;
}

.post-img img {
border:1px solid #fff;
}

.rp4 {
border-bottom:1px solid #b8babb;
}

.rp4 h2 {
margin:0;
padding:0 10px 5px 10px;
color:#372C24;
font:15px "Century Gothic", Verdana, Arial;
font-weight:bold;
}

.rp5 {
border-top:1px solid #fff;
}

.pt2 {
color:#372C24;
font:12px "Century Gothic", Verdana, Arial;
padding:5px 8px;
}

.rp6 {
background-image:url(images/readmore.gif);
background-repeat:no-repeat;
margin-left:210px;
padding-left:24px;
color:#86705B;
font:14px "Century Gothic", Verdana, Arial;
padding-bottom:5px;
}


.cattabs {
clear:both;
border-top:1px solid #b8babb;
margin-left:5px;
}
#tab-container-1-nav {
margin:10px 0 0 30px;
padding:0;
list-style:none;
}

#tab-container-1-nav li {
display:inline;
}

#tab-container-1-nav li a {
padding:10px 10px 0 10px;
font:14px "Century Gothic", Verdana, Arial;
color:#372C24;
text-decoration:none;
}
.active {
background:url(images/jstabbg.png) repeat-x;
}
.tab {
clear:both;
}

.tab ul {
margin:0;
padding:0;
list-style:none;
font:14px "Century Gothic", Verdana, Arial;
}
.tab ul li {
margin-bottom:1px;
background:#e6e6e6;
}
.tab ul li a {
padding:3px 10px;
background:#e6e6e6;
color:#372C24;
display:block;
text-decoration:none;
border:1px solid #b8babb;
}

.tab ul li a:hover {
background:#b8babb;
}

#sidebar {
float:right;
width:290px;
margin-right:5px;
display:inline;
}

#adv {
background:#e6e6e6;
border:1px solid #b8babb;
}
#adv1 {
border-bottom:1px solid #b8babb;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;
}

#adv1 h4 {
margin:0;
padding:5px 10px;
color:#04671d;
font:18px "Century Gothic", Verdana, Arial;
font-weight:bold;
}

#adv2 {
border:1px solid #fff;
}
#adv2 img {
padding:8px;
}
#videobox {
margin-top:5px;
padding-top:1px;
height:230px;
border:1px solid #b8babb;
}
#widget-con {
margin-top:5px;
height:100%;
overflow:hidden;
}

#side-l {
float:left;
width:140px;
}
#side-r {
float:right;
width:140px;
}

.wid-head {
height:33px;
background:url(images/widheadbg.png) repeat-x;
}
.wid-head h4 {
margin:0;
padding:7px 0 0 10px;
color:#fff;
font:14px "Century Gothic", Verdana, Arial;
font-weight:bold;
}

.widget {
margin-bottom:5px;
}

.widget ul {
margin:0;
padding:0;
list-style:none;
}

.widget li {
font:14px "Century Gothic", Verdana, Arial;
}

.widget li a {
color:#ffffff;
background:url(images/libg.png);
background-repeat:repeat-x;
background-color:#223204;
display:block;
text-decoration:none;
padding:7px 5px 7px 8px;
}

.widget li a:hover {
color:#000;
background:url(images/lihoverbg.png) repeat-x;
background-color:#334A0A;
}


#footer {
margin-top:20px;
height:50px;
background-color:#1B1813;
color:#6B5F44;
font:12px "Century Gothic", Verdana, Arial;
padding-top:20px;
}
#footer a {
color:#ffffff;
text-decoration:none;
}
#footer a:hover {
color:#fff;
text-decoration:none;
}
#leavereply {
font:16px Arial, Helvetica, sans-serif;
color:#372C24;
font-weight:bold;
}

#main-comment {
margin:20px 20px 0 20px;
padding:20px 0 0 0;
border-top:1px solid #2c2b2b;
color:#372C24;
font:12px "Century Gothic", Verdana, Arial;
}
#main-comment a {
color:#04671d;
text-decoration:none;
}

#main-comment a:hover {
color:#04671d;
text-decoration:underline !important;
}

#commentformdiv {
color:#372C24;
font:12px Arial, Helvetica, sans-serif;
}

.comtxtbox {
background-color:#e6e6e6 !important;
border:1px solid #b8babb;
width:160px;
color:#372C24;
font:12px Arial, Helvetica, sans-serif;
}
.comtxtarea {
background-color:#e6e6e6;
border:1px solid #b8babb;
color:#372C24;
font:12px Arial, Helvetica, sans-serif;
}

#comments-head {
font:14px Arial, Helvetica, sans-serif;
color:#372C24;
}
.commentlist {
margin:0;
padding:0 0 10px 0;
list-style:none;
font:12px Arial, Helvetica, sans-serif;
color:#372C24;
}
.comm-mat {
background-color:#e6e6e6;
padding:5px;
border:1px solid #b8babb;
margin:0 0 10px 0;
}
.com-button {
}
.widsb {
width:120px;
}
#s3slider {
   width: 678px; /* important to be same as image width */
   height: 246px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 678px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0;
   padding:0;
   list-style:none; /* important */
}

.s3sliderImage {
margin:0;
padding:0;
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.alignleft{
font-size:12px;
text-align:left;
padding-left:20px;
}
.alignright {
font-size:12px;
text-align:right;
padding-right:20px;
}

.navigation {
padding-top:30px;
padding-bottom:30px;
}

.alignleft a, .alignright a {
color:#04671d;
font-weight:bold;
text-decoration:none;
}

.alignleft a:hover, .alignright a:hover {
text-decoration:underline !important;
}
#footer ul li{
	float:left;
	margin-left:5px;
	list-style-type:none;
}

#footer ul li img{
	border:none;
}