/*
Theme Name: Bzzz
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: 13px/1.5em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #f99; 	
	background: #c06 url(images/bgd.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6 {color: #FC0;padding:10px 20px 10px;line-height: 1em;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
p, pre {padding: 10px 20px 0px;}
a {color: #FC0;}
a:hover {color: #F99;}

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 1em/1.5em Georgia, 'Times New Roman', Times, serif;	
}

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

#wrap {position: relative;width: 950px;margin: 0 auto; background: url(images/dredv.jpg) no-repeat;overflow: hidden;}
h1#logo-text {padding: 0;width:475px;height:650px;float:left;}
h1#logo-text a {width:475px;height:650px;text-indent: -9999px;float: left;}
#navigation {width: 475px;float: left;}
#content-wrap {width: 475px;float: left;}
#sidebar {float:right;width: 300px;background: #eee;display: none;}	
#footer {
	position: relative;
	margin-top:20px;
	padding:0px 20px;
	clear: both;
	width: 910px;
	float: left;
	min-height: 386px;
	background : url(images/bgd.jpg) repeat-x	
}

/* ------------------------------------------
   NAVIGATION
------------------------------------------- */ 

#nav2{margin-top:10px; height: 30px;font-size:1.1em;}
#nav2 a, #nav2 a:hover {display: block;border:none;}
#nav2 li {float: left;list-style:none;border-right:1px solid #FC0;}
#nav2 a, #nav2 a:visited {
	display:block;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding:0px 10px;
}
#nav2 a:hover, #nav2 a:active, .current_page_item a {color:#FC0;text-decoration:none}	
#nav2 li ul, #nav2 li li ul.children {
	position: absolute;
	z-index: 9999;
	left: -999em;
	height: auto;
	width: 250px;
	border-bottom: 1px solid #FC0;
}
#nav2 li li {background: #9a004d;width: 250px;border: 1px solid #FC0;border-bottom: none;}
#nav2 li li ul.children {margin: -30px 0px 0px 248px;}
#nav2 li li a, #nav2 li li a:visited {
	font-size:0.8em;
	height: 20px;
	line-height: 20px;
	padding:0px 10px;
}
#nav2 li li a:hover, #nav2 li li a:active {color:#FC0;}	
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;}

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

#main ul, #main ol {margin: 10px 0px 10px 60px;}
.breadcrumb {margin: 10px 20px;font-size:.8em;}
.breadcrumb a {color:#f99;} .breadcrumb a:hover {color:#fc0;}
.postmeta {padding: 7px 10px; margin: 10px 20px;background: #9a004d;color:#600;font-size:.8em;clear: both;}
.postmeta img {background:none;border:none;padding:0px 0px 0px 5px;margin: 0px 0px -4px 0px;}
.comment p {padding: 0;}
#gallery-1 {margin: auto;}
#gallery-1 .gallery-item {float: left;margin: 10px 20px 0 0 !important;text-align: center;width: auto !important;}
#gallery-1 img {border: 2px solid #cfcfcf;}
#gallery-1 .gallery-caption {margin-left: 0;}
.excerpt {overflow: hidden;}
.excerpt a img {float: left;margin: 10px;}
.gallery {clear: both;}
.article {overflow: hidden;}

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

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

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

table {margin: 10px 20px; border-collapse: collapse;background: #9a004d;font-size: 0.8em;}
td {padding: 3px;border: 1px solid #c06;}
.tabhead {background: #c06;}

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

form {margin:10px 20px;padding:20px;background: #9a004d;}
form p {padding: 0;}
label {display: block;margin: 8px 0;}
input, select, textarea {padding: 5px;color: #600;background: #d7536d;border: 1px solid #600;}
textarea {width: 300px;height: 50px;display: block;}
input.button, input#submit, input.submit { 
	height: 24px;
	color: #d7536d;
	background: #600;
	border: 1px solid #d7536d;
	cursor: pointer;
}
input#submit, input.submit{margin-top:20px;}
input.button {padding: 2px 5px;}

.sideform {padding: 10px;margin: 0;background: none;}
.sideform p {margin: 0; padding: 0 0 10px 0;}
.sideform input.textbox {width: 185px;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: "."; 
}