/*
Theme Name: Nuthin Fancy 
Theme URI: http://www.opensourcedesigns.com
Version: 1.0
Description: design for WordPress
Author: karna saleh
Author URI: http://www.opensourcedesigns.com
*/

*{padding: 0px;margin: 0px;}
body{background:#011727 url('images/bkgrn_0.jpg') no-repeat top left;margin: 0px;font-size: 10pt;
font-family: "Trebuchet MS", "times new roman", serif;color: #8EA9B6;
}
#wrapper{z-index: 1;position: relative;
width: 100%;border: solid 0px #3F3F3F;
margin: 0px;
}
html>body #uptop {width: 100%;height: 20px;z-index: 0;position:fixed; left:0px; top:0px;}

#header{position: relative;width: 100%;
height: 120px;background-color: #xFFcc00;
margin-bottom: 0px;
}
#headercontent{ position: absolute;padding: 45px 40px 0px 0px;text-align:right;
}
#headercontent h1{font-family: "Trebuchet MS", "times new roman", serif;font-weight: bold;color: #FF6600;font-size: 30px;float:right;
}
#headercontent h1 a{ color: #194762;text-decoration:none;
}
#headercontent h1 a:hover{color: #fff;
text-decoration:none;
}
#headercontent h2{padding-top: 40px;font-family: "Trebuchet MS";font-size: 14px;font-weight: normal;color: #BCA507; float:none;
}

p
{
line-height: 1.5em;
margin-bottom: 12px;
text-align: left;
}

a{color: #8A5005;text-decoration: none;
}

a:hover{color: #DDDDDD;
}

h2 {font-weight: normal;font-size: 16px;
}
h3 span{font-weight: normal;
}
h3{
font-size: 14px;padding-left: 20px;background: url('images/title-h3.gif') no-repeat center left;font-weight: bold;
}

h4{font-size: 12px;padding-left: 20px;background: url('images/title-h4.gif') no-repeat center left;
}

img{
border: solid 0px #DDDDDD;
}

img.left{position: relative;float: left;margin: 0px 10px 10px 0px;
}

img.right{float: right;border: solid 1px #8EA9B6;margin: 10px 10px 10px 10px;
}

.post .details
{
position: relative; top: -4px;margin:0px 0px 10px 20px;
font-size: 10px;
color: #A9BBC3;
}

.post ul.controls
{margin-left:12px;
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 10px;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0px 10px 0px 20px;
}

.post ul.controls li a.printerfriendly{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li.comments a{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li.readmore a{
background-image: url('images/icon-more.gif');
}

blockquote{background: #06253B;border: solid 0px #8EA9B6;margin:10px;padding:5px;float:none;
}



/****Search******/
#search{ position: relative; top: 10px; center: 0px; padding:  10px 10px 10px 10px;}
#search.left { position: absolute; 
}
#search.right{ position: absolute;padding-left:4px;
}
#search input.text{ float:left; margin-right: 10px; vertical-align: middle; border: solid 1px #04243B; 
padding: 3px; background-color:#04243B; color:#8EA9B6;font-size: 10px;
width: 140px;
}

#search input.submit{ background: url('images/bkgrn_button.gif') no-repeat center top;
border: solid 0px #FFFFFF;
padding: 4px 0px 4px 0px;
font-size: 10px;
color: #F2F3DE;
vertical-align: middle;
}
/*********Navigation********/
#menu{position: relative;
height: 30px;padding: 0px 0px 0px 0px;margin-right:200px;
}
#menu ul{position: absolute; top: 0px;font-family: "Trebuchet MS", "times new roman", serif;
}
#menu ul li{position: relative;display: inline;
}
#menu ul li a{ padding: 0px 0px 0px 20px;color:#2578A8 ;text-decoration: none; font-size: 18px;float:left;
background:url('images/bullet.gif') no-repeat 2px left;
}
#menu ul li a:hover{color: #FEFEFE;
}
#menu ul li.current_page_item a{color: #BCC80F;text-decoration: underline;
}

/*********CONTENT********/
#content{ padding: 10px 10px 0px 50px;background:#xE84C4C;
}
#container{float: left; margin-right: -300px; width: 100%;
}
#main{background: #xFFcc00;margin: 0px 200px 0px  0px;
}
.contentarea {padding: 10px 0px 10px 0px;
}
.contentarea ul{list-style: none;
}
.contentarea ul li{line-height: 150%;
}
#footer{position: relative;height: 24px;clear:both;background:url('images/footer.gif') repeat-x left top; font-size:10px;color: #194762;vertical-align:top;
}
#footer .left{position: absolute;left: 20px;bottom: 4px;
}
#footer .right{
position: absolute;right: 20px;bottom: 4px;
}
#footer .right  a,#footer .left a{color: #075684;
}
#footer .right  a:hover,#footer .left a:hover{color: #2175A7;
}
#bottom {font-size:10px;color: #FFFFEE;padding: 3px 10px 3px 10px;
}
#sidebar{float: right; background:#xD812E4; margin: 0px 0px 0px 10px;width: 200px;
}
.sidecontent{position: relative;left: 0px;top: 20px;padding: 12px;margin-bottom: 0px;background:#xD812E4;
}
.sidecontent li{margin-left:30px;
}
.sidecontent h4{color:#194762;
}

/*********Comment********/

#commentlist li {margin-bottom: 14px;padding-bottom: 1em;border-bottom: 6px solid #00000;
}

#commentform {margin: 10px 10px 10px 30px; background: #xfff555; width: 100%;
}

#commentform textarea {padding:4px;color:#61808E;
background: #04243B;
border: 0px solid #DDDDDD;
width: 300px;
}
#commentform textarea:hover {color:#61808E;
background: #04243B;
border: 0px solid #DDDDDD;
}
#commentform textarea:focus {color:#61808E;
background: #04243B;
border: 0px solid #666666;
}

#commentform #email, #commentform #author, #commentform #url {height:18px;padding:2px;
font-size: 10px;
background: #04243B;
border: 0px solid #DDDDDD;
width: 300px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 10px;
border: 0px solid #DDDDDD;
width: 300px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 10px;color:#61808E;
border: 0px solid #666666;
width: 300px;
}
#commentform input{height:24px;width:300px;background: #04243B;border: 0px solid #DDDDDD;color:#8EA9B6;
}
.entry ul {
}
.entry ul li
{background:url('images/bullet2.gif') no-repeat center left;
padding-left:20px;margin-left:10px;
}

.post ol li
{ 
margin-left:25px;
}
/*****************************/
x#teaser {
background: #fff url('images/bkgrn_divhor.gif') repeat-x;
height: 0px;margin: 0px 0px 0px 0px;
}
x#teaser1 {background:#fff url('images/bkgrn_divhor.gif') repeat-x;width:99%;height: 70px;margin:10px;
}

x#teaser2 {background:#fff url('images/bkgrn_divhor.gif') repeat-x;width:98%;height: 70px;margin:10px;
}

.divver { background:url(images/bkgrn_divver.gif) repeat-y center top; width: 1px;}
.divhor {position: relative; background: url(images/bkgrn_divhor.gif) no-repeat top center; height: 3px;
margin: 10px 10px 10px 10px;}
div.padding {padding: 5px ;}