/*

Theme Name: Fleur
Description: 2 column Blog Layout.
Author: <a href="http://www.kaushalsheth.com">Kaushal Sheth</a>
Author URI:Kaushal Sheth

*/


body {
margin: 10px;
padding: 0;
font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height:1.3em;
color: #534e48;
background: #000000 url(http://qualityk9.se/pilot/wp-content/uploads/2009/02/fa_hatter.jpg) repeat fixed;
background-position: 50% 0;
}

#container {
width: 840px;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 1px solid #999;
color: #9d9d4d;
background: #FFF;
}

/* CSS Tabs */

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 0px solid #000;
text-align: left;

}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 3px .5em;
margin-left: 3px;
border: 1px solid #cccc99;
color: #676733;
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: 340px;
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: #e3e385;
background: inherit;
}

#content {
padding: 5px;
margin-left: 5px;
padding-left: 250px;
margin-bottom: 0;
color: #534e48;
background: #fff;
}

h1 {
margin: 0;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
padding: 5px;
border-bottom: 0px solid #eee;
text-transform: uppercase;
color: #848419;
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: 0px solid #ffffff;
background-color: #ffffff;
color: #999;
}

#sidebar ul li h2{
color: #999;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
}
#sidebar a {
color: #676733;
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:0px 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 #ffffff;
background-color:#ffffff;
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;
}

img {
	border: 0;
}



/* important */

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {

    display: block;

	padding: 15px;

	margin: 12px 0px 8px 0px;

}



span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {

	position: absolute;

	display: block;

	margin-top: -24px;

	background: #fff;

	padding: 0 8px;

	font-weight: bold;

	font-size: 120%;

}



.important {border: 1px solid #333;}

.important-blue {border: 1px solid #C9D1FF;}

.important-red {border: 1px solid #CC3300;}

.important-green {border: 1px solid #74A824;}

.important-purple {border: 1px solid #9E0E87;}

.important-orange {border: 1px solid #CC8300;}

.important-brown {border: 1px solid #8B6846;}

.important-grey {border: 1px solid #666;}

span.important-title {color: #333;}

span.important-title-blue {color: #18588F;}

span.important-title-red {color: #CC3300;}

span.important-title-green {color: #74A824;}

span.important-title-purple {color: #9E0E87;}

span.important-title-orange {color: #CC8300;}

span.important-title-brown {color: #8B6846;}

span.important-title-grey {color: #666;}

