/*
Theme Name: Natural
Theme URI: http://www.Graphicadia.com
Description: a clean and simple fixed width, 2-column layout with the sidebar on the right.
Author: HPA 
Author URI: http://www.Graphicadia.com
*/

*{margin: 0; padding: 0;}
body{
	background: #fff url("images/body-bgr.gif") repeat-x 0 0;
	font: 12px Tahoma, Verdana, Arial;
	color: #999;
}
.inv{display: block; visibility: hidden;}
p{padding: 5px 0;}
a{text-decoration: none; color: #49c6ea;}
a:hover{color: #999;}
img{
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 8px solid #999;
}
#container-lvl-1{
	width: 100%;
	background: url("images/page-bgr.jpg") no-repeat top center;
	text-align: center;
}
#container-lvl-2{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left;
}
#navigation{
	width: 900px;
	height: 37px;
}
#navigation ul{
	width: 899px;
	height: 37px;
	padding-left: 1px;
	overflow: hidden;
}
#navigation ul li{
	width: 120px;
	height: 37px;
	list-style-type: none;
	display: inline;
	float: left;
	background: url("images/li-wrapper.gif") no-repeat top right;
}
#navigation ul li a{
	width: 118px;
	height: 26px;
	padding-top: 11px;
	padding-right: 2px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
#navigation ul li a:hover, #navigation ul .current_page_item a, #navigation ul .current_page_item a:hover{
	background: url("images/hover.png") no-repeat 0 0;
}
#header{
	width: 860px;
	height: 149px;
	padding-left: 40px;
	padding-top: 15px;
	position: relative;
}
#header h1{
	font: 30px Tahoma;
	color: #fff;
	line-height: 30px;
	padding-top: 5px;
	padding-left: 7px;
}
#header h1 a{color: #fff; text-decoration: none;}
#header h1 a:hover{color: #0fb8d6;}
#header #description{
	position: absolute;
	top: 58px;
	left: 47px;
	font: 24px Tahoma;
	color: #0fb8d6;
}
#sub-nav{
	width: 900px;
	height: 36px;
	position: relative;
}
#plinks-rss{
	position: absolute;
	top: 7px;
	left: 24px;
	overflow: hidden;
}
#plinks-rss .rss-feed a, #plinks-rss .rss-feed a:hover{
	width: 55px;
	height: 23px;
	display: block;
	background: url("images/rss.gif") no-repeat 0 0;
	float: left;
	margin-right: 2px;
}
#plinks-rss .prev-entries a, #plinks-rss .prev-entries a:hover{
	width: 28px;
	height: 23px;
	display: block;
	background: url("images/prev-ent.gif") no-repeat 0 0;
	float: left;
	margin-right: 2px;
}
#plinks-rss .next-entries a, #plinks-rss .next-entries a:hover{
	width: 28px;
	height: 23px;
	display: block;
	background: url("images/next-ent.gif") no-repeat 0 0;
	float: left;
}
#search{
	position: absolute;
	right: 16px;
}
#searchform{
	width: 208px;
	padding-top: 7px;
	overflow: hidden;
}
#searchform input{float: left;}
#searchform #s{
	width: 141px;
	height: 18px;
	border: 1px solid #969494;
	font: 12px Tahoma;
	color: #ccc;
	padding-left: 5px;
	padding-top: 3px;
}
#searchform #searchsubmit{
	width: 55px;
	height: 23px;
	background: url("images/search-submit.gif") no-repeat 0 0;
	border: 0;
	cursor: pointer;
	margin-left: 5px;
}
#main-wrapper{
	width: 860px;
	padding: 15px 16px 0 24px;
}
#left{
	width: 628px;
	margin: 0 auto;
	float: left;
}
.title-content{
	width: 608px;
	height: 73px;
	padding: 0 10px;
	background: url("images/title-bgr.gif") no-repeat 0 0;
}
.title-content .meta-data{
	width: 608px;
	height: 20px;
	padding-top: 6px;
	position: relative;
	color: #c1c1c1;
}
.title-content .meta-data .posted{
	position: absolute;
	left: 0px;
	background: url("images/date.gif") no-repeat 0 1px;
	padding-left: 15px;
}
.title-content .meta-data .comments{
	position: absolute;
	right: 0px;
	background: url("images/comments-numb.gif") no-repeat 0 1px;
	padding-left: 20px;
}
.title-content .meta-data a{text-decoration: none; color: #c1c1c1;}
.title-content .meta-data a:hover{color: #49c6ea;}

#left h2{
	font: 24px Tahoma;
	font-weight: normal;
	color: #49c6ea;
}
#left h2 a{text-decoration: none; color: #49c6ea;}
#left h2 a:hover{color: #999;}
#left h3{
	font: 18px Tahoma;
	font-weight: normal;
	color: #afed1f;
}
.entry{padding-bottom: 25px;}
.commentlist{width: 628px; padding: 10px 0 20px 0;}
.commentlist li{
	width: 548px;
	list-style-type: none;
	padding-left: 80px;
	padding-bottom: 15px;
	background: url("images/comment.gif") no-repeat 0 0;
}
#commentform{width: 628px; padding-top: 10px;}
#commentform input{
	width: 350px;
	background-color: #fff;
	border: 1px solid #ccc;
}
#commentform #comment{
	width: 500px;
	height: 150px;
	background-color: #fff;
	border: 1px solid #ccc;
	font: 12px Tahoma;
}
#commentform #submit{
	width: 55px;
	height: 23px;
	border: 0;
	background: url("images/send.gif") no-repeat 0 0;
	cursor: pointer;
}


#right{
	width: 208px;
	padding-left: 24px;
	margin: 0 auto;
	float: left;
}
.sdb-content{
	width: 208px;
	padding-bottom: 20px;
}
.sdb-content h3{
	width: 198px;
	height: 27px;
	font: 14px Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: url("images/sdb-title.gif") no-repeat 0 0;
	padding: 10px 0 0 10px;
}
.sdb-content ul li{
	width: 208px;
	height: 32px;
	list-style-type: none;
	border-bottom: 1px dotted #bbb;
}
.sdb-content ul li a{
	width: 193px;
	height: 23px;
	display: block;
	text-decoration: none;
	color: #777;
	padding-top: 9px;
	padding-left: 15px;
	background: url("images/sdb-link.gif") no-repeat 0 11px;
}
.sdb-content ul li a:hover{
	color: #afed1f;
	width: 188px;
	padding-left: 20px;
	background: url("images/sdb-link-h.gif") no-repeat 0 11px;
}
.sdb-content ul .recentcomments{
	height: 25px;
	padding-top: 8px;
}
.sdb-content ul .recentcomments a{text-decoration: none; color: #afed1f;}
.sdb-content ul .recentcomments a:hover{color: #999; background: transparent;}
.center{width: 208px; text-align: center;}
#wp-calendar, #wp-calendar caption{margin: 10px auto 0 auto;}
#wp-calendar td{padding: 0 5px;}


#footer{
	width: 900px;
	height: 24px;
	clear: both;
	padding-top: 60px;
	color: #ddd;
	text-align: center;
	background: url("images/footer.gif") no-repeat 0 0;
}
#footer a{text-decoration: none; color: #ddd;}
#footer a:hover{color: #999;}
