/*
Theme Name: rootsandroses
Theme URI: http://www.bzzz.be
Description: Theme de base du studio Bzzz.
Version: 1.0
Author: Bzzz
Author URI: http://www.bzzz.be/

*/
 
/* ---------------------------------------------------------------------------
   HTML ELEMENTS
------------------------------------------------------------------------------ */ 

* {margin:0;padding:0;outline:0;font-weight:normal;text-decoration:none;}
body {
	font: 15px/130% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #310; 	
	background: #444 url(images/bgd_degrade.png) repeat-x;
}
h1, h2, h3, h4 {
	font-family: 'Bevan', arial, serif;
	color: #753;
	padding:10px 20px;
	line-height: 1em;
}
h1 {font-size: 2.4em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
p, pre {padding: 0px 20px 10px;}
#content-wrap ul, #content-wrap ol {margin: 10px 40px;padding: 0 20px;}
a {color: #532;}
a:hover {color: #753;}

img {border: 1px solid #532;}
img.alignleft {float:left;margin: 0px 10px 0px 0px;}
img.alignright {float:right;margin: 0px 0px 0px 10px;}

blockquote {
	margin: 10px 20px;
 	padding: 10px;  
	background: #ddd;
	font: italic normal 1.4em/1.6em Georgia, 'Times New Roman', Times, serif;	
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#wrap {position: relative;width: 950px;margin: 0 auto;}
#header {position: relative;width: 950px; height: 300px; background: url(images/bgd_header.jpg) no-repeat;}
#navigation {float: right;margin: 110px 10px 0 0;}
#content-wrap {background: url(images/bgd_container.jpg) repeat-y;position: relative;clear: both;width: 950px;	float: left;}
#main {float:left;width: 620px;padding-left: 30px;}
#sidebar {float:right;width: 270px;padding-right: 30px;}	
#footer {
	position: relative;
	padding:20px;
	clear: both;
	color: #bbb;
	width: 910px;
	float: left;	
}

/* ------------------------------------------
   HEADER
------------------------------------------- */ 

#header #langue {padding: 10px 10px 0 0;float: right;color:#fc6;}
#header #langue a {color:#fc6;}
#header h1 {margin:0;padding: 0;float: left;}
#header h1#logo-text a {display: block;width:750px;height:280px;text-indent: -9999px;}
#header p#intro {text-indent:-9999px;}

/* ------------------------------------------
   MAIN
------------------------------------------- */ 

.breadcrumb {margin: 10px 20px;font-size:.85em;}
.post-info {font-size:.85em;color:#532;}
.post-info a {color: #532;}
.postmeta {padding: 5px 0px; margin: 0px 20px 10px;color:#963;border-bottom: 1px solid #963;font-size:.7em;text-align: right;}
.postmeta a {color:#fc6;}
.postmeta img {background:none;border: none;padding:0px 0px 0px 5px;margin: 0px 0px -5px 0px;}
.comment p {padding: 0;}
#prefooter {clear:both;background: url(images/bgd_footer.png) no-repeat;width: 950px;height: 200px;}

/* ------------------------------------------
   SIDEBAR
------------------------------------------- */ 

#sidebar h3 {padding: 10px 5px 10px 35px;background: url(images/miniplaquette.png) no-repeat left center;color:#532;}
#sidebar ul {margin: 0px 0px 20px 0px;padding:0px;}
#sidebar ul li {list-style: none;padding: 6px 10px;border-bottom: 1px solid #963;}
#sidebar ul li a {border: none;}
#sidebar ul li a span {color: #444;font: italic normal .9em Georgia, 'Times New Roman', Times, serif;}
#sidebar ul li a.url {font-style: italic;color: #777;font-size: 12px;}
#sidebar ul ul {display:none;margin: 0 0 0 5px;}
#sidebar ul ul li {border: none;}

#sidebar ul.menu li {border: none;padding: 0;}
#sidebar ul.menu li a {display:block;font-family: 'Bevan', arial, serif;font-size: 1.5em;color: #753;padding: 10px 5px 10px 40px;background: url(images/miniplaquette.png) no-repeat left center;color:#532;}
#sidebar ul.menu li a:hover {color: #753;background-position-y: top;}

/* ------------------------------------------
   FOOTER
------------------------------------------- */ 

.footercol {float: left;width: 290px;}
.mr20 {margin-right:20px;}
#footer a {color:#999;}
#footer h3 {color: #fc6;padding:20px 0 10px 10px;border-bottom: 1px solid #333;}
#footer h3 a {color: #fc6;}
#footer a:hover {color:#fff;}
#footer div div {padding:0px 10px;}
#footer ul {list-style: none;}
#footer ul li {padding:4px 10px;border-bottom: 1px solid #333;}
#footer ul li a {display: block;}
#footer ul li a.url {font-style: italic;color: #999;}
#footer ul li a span {color: #999;font-style: italic;}
#footer p {padding: 4px 0px;}
#footer p a {color:#fff;}
#footer #credits {width:910px;margin-top:20px;text-align: center;color:#888;font-size: 0.8em;clear:both;float: left;}

/* ------------------------------------------
   TABLEAUX
------------------------------------------- */ 

table {margin: 15px 20px; border-collapse: collapse;width: 580px;}
table h3 {padding: 12px 0;}
td {padding: 0 12px;border: 1px solid #753;}
td.tdhead1 {background: #444;color:#fc6;font-size: 1.2em;}
td.tdhead2 {background:#666;color:#fc6;}

/* ------------------------------------------
   FORMULAIRES
------------------------------------------- */ 

form {margin:20px;padding:20px;}
label {display: block;margin: 8px 0;}
input, select, textarea {padding: 5px;color: #777;background: #fff;border: 1px solid #777;}
textarea {width: 400px;height: 100px;display: block;}
input.button, input#submit, input.submit { 
	height: 24px;
	color: #fff;
	background: #444;
	border: 1px solid #000;
	cursor: pointer;
}
input#submit, input.submit{margin-top:20px;}
input.button {padding: 2px 5px;}

.sideform, #sidebar form {padding: 10px;margin: 0;background: none;}
.sideform p, #sidebar form p {margin: 0; padding: 0 0 10px 0;}
.sideform input.textbox, #sidebar form input.textbox {width: 150px;height: 18px;padding: 2px;vertical-align: top;}

/* ------------------------------------------
   DIVERS
------------------------------------------- */ 

.prevnext  {display:block;margin:10px 20px 20px 20px;}

.clear {clear: both;}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
/* --------------------------------------------------------------------------- */
/* !WIDGETS BZZZ */
/* --------------------------------------------------------------------------- */

/* Widget recherche Bzzz */

form#quick-search {
	width: 272px; height: 29px;
	background: #fff url(images/search_white.jpg) no-repeat right;	
	margin:10px 0px;padding:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
}
form#quick-search p {padding:0;}
form#quick-search .tbox {
	font-size: 1.2em;
	margin: 5px 0 0 10px; 
	width: 220px;
	background: none;
	border: none;
	padding:0;
}
form#quick-search label, form#quick-search .btn {display: none;}