/*
Theme Name: FredDufau theme
Theme URI: http://wordpress.org/
Description: The theme designed for www.freddufau.com.
Version: 1.0
Author: Fred DUFAU
Author URI: http://www.freddufau.com
Tags: black, elegant, colored


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* le reset de yahoo user interface qui remet toutes les balises à 0 pour tous les navigateurs */
@import "style/reset.css";
@import "style/coldform.css";

/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;	
	background: #10100e url('images/background.jpg') no-repeat top center fixed;
	text-align: center;
	line-height:1.8em;
	font-family: 'Verdana';
	font-size: 12px;
	color: #FFFFFF;
	}

#page {
	margin: 0 auto;
	margin-top:-22px; /* beurk */
	padding: 0;
	width: 883px;
	text-align: left;
	}

/* BASIC TYPO ET LIENS */
h1, h2, h3 {
	font-family: 'Times New Roman';
	color:white;
	}

h1 {font-size:22px;}

h2 {font-size:20px;}

#page h2{margin-bottom:20px;}

h3{font-size:18px;}

hr{display:none;}

a {
	font-family: 'Verdana';
	color: #62c2de;
	text-decoration:none;
}

a:hover {
	color: #62c2de;
	text-decoration: none;
	border-bottom:1px dotted #62c2de;
	}

h1 a:hover{border:none;}


/* HEADER */
#header {
	background:url('images/header.png') no-repeat top left;
	width:883px;
	height:284px;	
	}

#header h1{

	margin:0;
	padding:0;
	text-indent:-5000px;
}

#header a{
	/*background:red;*/
	display:block;
	height: 50px;
	width: 250px;
}
#description{display:none;}
/* HORIZONTAL NAVIGATION */
div#navigation{margin-left:58px;margin-bottom:15px;margin-top:-80px;}
ul#menu{list-style-type:none;}
ul#menu li{float:left;margin-left:25px;}
ul#menu li a{font-size:18px; font-family:'Times New Roman';text-decoration:none;color:white;}
ul#menu li a:hover{color:#62c2de;border:none;}
ul#menu li#current{border-bottom:2px solid #62c2de;}
ul#menu li#current a{color:#62c2de;}

/* CONTENT */
#content {margin-left:78px;}
#wide_column{float:left;width:450px;}
/* SIDEBAR */
#sidebar{margin-left:510px;width:219px;margin-top:-10px;}
/* home.php */
.portfolio{}

.portfolio_item{width:447px; background:/*#1b1916*/ url(images/bg_black.gif);margin-bottom:30px;padding-bottom:20px;}

.portfolio_item h2{padding:5px 0 2px 10px;margin-bottom:10px;}

.portfolio_item h3{padding-left:10px;}

.portfolio_item_content{}

.portfolio_item_content p, .entry p{margin:10px; line-height:1.4em; text-align:justify;}

.portfolio_item p.link{margin-left:10px;margin-top:20px;}

.blog{}

.blog_item{width:447px;margin-bottom:30px;padding-bottom:20px;}

.blog_item h2{padding:5px 0 2px 0px;margin-bottom:10px;}

.blog_item p{margin:0;}

.hello{/*border-left:1px solid white;padding-left:20px;*/}

.hello h2{margin-bottom:10px;}

.search{float:left;width:312px;}

.form_search{margin-top:10px;}

.tag_cloud{margin-top:0px;line-height:2em;}

.blog_item_home{width:380px; padding:0 0 0 30px;margin:0 0 50px 312px;border-left:1px solid white;}

h3{color:#e2dc00;font-family:'Verdana';font-size:12px;font-weight:bold;margin:10px 0 0 0;}

p.postmetadata{margin-bottom:10px;}

p.postmetadata, p.postmetadata a{color:#ffff99;font-size:10px;}

p.postmetadata a:hover{text-decoration:none;border-bottom:1px dotted #ffff99;}

#infos{background:/*#1b1916*/ url(images/bg_black.gif);padding:10px;}

.entry{margin-bottom:50px;}
.entry h2{margin-bottom:20px;margin-top:20px;}
.entry ul{}
.entry li{list-style-type:disc;margin-left:20px;}


.yellow{color:#e2dc00;}
.clear {clear: both;}
.bold{font-weight:bold;}
.blue{font-family: 'Verdana'; color: #62c2de; text-decoration:none;}
/* FOOTER */
#footer { clear:both; width:100%; margin:40px 0 0 0; padding:40px 0; background:#000000;/*#1b1916*/ }

#footer #wrapper { margin:0 auto; width:800px; text-align:left;}


#feeds { width:312px; float:left; border-right:1px solid #999999; margin-left:38px;}
#feeds ul{list-style-type:none;margin:0;padding:0;}
#feeds ul li{background:url(images/rss.gif) top left no-repeat; margin:10px 0;display:block; height:16px;}
#feeds ul li a { margin-left:23px;  color:#62c2de }

#credits { width:380px; margin:0 0 50px 380px; }
#credits h2{color:#999999;}
#credits p{line-height:1.5em;}

/* Begin Images */
a.noborder{border:none;background:none;outline:none;}

p img {
	padding: 0;
	max-width: 100%;
	border:none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	

/* End Images */

/* commentaires */
textarea#comment, input#author, input#mail, input#url, input#submit{width:447px;margin-bottom:10px;}

ol.commentlist li{padding-bottom:30px;margin-bottom:30px;border-bottom:1px dotted #999999;}

#comments_block{margin-bottom:50px;}