/*

Theme Name: Klug Custom
Description: 2 column Blog Layout.
Author: <a href="http://www.magicinwords.com">Magic In Words</a>
Author URI:Magic In Words

*/


body {
margin: 10px;
padding: 0;
font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height:1.3em;
color: #999;
background: #cccc99;
background-position: 50% 0;
}

#container {
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 1px solid #999;
color: #999;
background: #FFF;
}

/* CSS Tabs */

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #eee;
text-align: left;

}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 3px .5em;
margin-left: 3px;
border: 1px solid #eee;
color: #9d9d4d;
background: #fff;
text-decoration: none;
}

#navlist li a:link { color: #9d9d4d;
background-color: #fff; }

#navlist li a:visited { color: #9d9d4d;
background: inherit; }

#navlist li a:hover {
color: #fff;
background: #cccc99;
border: 1px solid #FFF;
}

#navlist li a#current {
color: #fff;
background: #cccc99;
border-bottom: 1px solid #fff;
}

#banner {
height: 200px;
padding: 0;
margin: 0;
border: 1px solid #cccc99;
color: #666;
background: #fff url('images/fleur_banner.jpg') no-repeat;
}

#banner h1 {
padding: 5px;
font: normal 120% georgia, "Trebuchet MS", verdana, sans-serif;
text-align: left;
border-bottom: none;
color: #666;
background: inherit;
}

#content {
padding: 5px;
margin-left: 192px;
margin-bottom: 0;
color: #000000;
background: #fff;
}

h1 {
margin: 0;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
padding: 5px;
border-bottom: 1px solid #eee;
text-transform: uppercase;
color: #cd989f;
background: inherit;
}

a {
text-decoration: none;
color: #9d9d4d;
background-color: #fff;
}

a:hover {
text-decoration: none;
color: #444;
background-color:#fff;
}

a images {
border: 0px none;
}

#sidebar {
float: left;
width: 175px;
margin: 0 10px 0 0;
padding: 5px;
border-right: 1px solid #eee;
background-color: #f7f7ee;
color: #999;
}

#sidebar ul li h2{
color: #999;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
}
#sidebar a {
color: #9d9d4d;
background-color: #f7f7ee;
}

#sidebar a:hover {
color: #333;
background-color:  #cccc99;
}

#footer {
clear:both;
padding: 3px;
margin: 0 0 0 0;
text-align: right;
border-top:2px solid #cccc99;	
color: #999;
background-color: #fff;		
}

 /* set millions of background images */
.rbroundbox { background: url('images/nt2.gif'); }
.rbtop div { background: url('images/tl2.gif') no-repeat top left; }
.rbtop { background: url('images/tr2.gif') no-repeat top right; }
.rbbot div { background: url('images/bl2.gif') no-repeat bottom left; }
.rbbot { background: url('images/br2.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 10px;
font-size: 1px;

}
.rbcontent { margin: 0 7px;}
.rbroundbox { width: 90%; margin: .5em auto; }


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}



/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}