/*  
Theme Name: Black n White
Theme URI: http://zacklive.com/new-black-and-white-wordpress-theme/300/
Description: A black and white WordPress Theme, simple and elegant design, widget ready with right sidebar.
Version: 1.0.1
Author: Zack
Author URI: http://zacklive.com/
Tags: fixed width, two columns, widgets, widget ready, black, white, simple, right sidebar, valid XHTML, valid CSS

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

*/

#translation_bar {
  width:200px;
}

#translation_bar a{
  margin-right:5px;
}

#cinemascope-haut {
  background: black;
  left:0;
  height: 70px;
  position: absolute;
  width:100%;
}
#cinemascope-bas {
  background: red;
  bottom: 0;
  display: none;
  height: 100px;
  position: absolute;
  width:100%;
}

.trait-union {
background-attachment:scroll;
background-color:white;
background-image:none;
background-position:0 0;
background-repeat:repeat;
font-size:0px;
height:3px;
line-height:1px;
width:60px;
}
#trait-union-gauche {
left:10px;
position:absolute;
top:58px;
}
#trait-union-droit {
right:10px;
position:absolute;
top:58px;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: Arial, helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color:#D9C9BA;
  background-image:url("images/fond-degrade-PE2010.jpg");
  background-position:center center;
	color: #000;
}

h1{
  font-family:Franklin Gothic Book,Arial,Sans-serif;
  font-weight:normal;
	font-size: 23px;
	color: #F8F8F8;
        text-transform: uppercase;
}

h2{
  font-family:Franklin Gothic Book,Arial,Sans-serif;
  font-weight:normal;
  letter-spacing:4px;
}


h1 a{
	color: #F8F8F8;
}

h1 a:hover{
	text-decoration: none;
	color: #F8F8F8;
}

a:link, a:visited{
	text-decoration: none;
	color: #F8F8F8;
}

a:hover{
	text-decoration: underline;
	color: #336699;
}

p{
	padding: 10px 0 0 0;
}

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

#header{
color:#F8F8F8;
float:left;
height:70px;
position:relative;
width:980px;
z-index:0;
}

#htitle{
	float: left;
	height: 39px;
	margin: 8px 10px 0 0;
	width: 226px;
}

#htitle img {
  border:0 none;
} 

#desc{
	float: left;
	color: #777;
	display:none;
	margin: 25px 10px 0 0;
}

#navmenu{
	float: right;
	margin: 10px 10px 0 0;
	text-transform:uppercase;
}

#navmenu ul{
	list-style-type: none;
	list-style-image: none;
}

#navmenu ul li{
	display: inline;
	padding: 0 0 0 20px;
}

#navmenu ul li a {
	text-decoration: none;
	color: F8F8F8;
}

#navmenu ul li a:hover {
	color: 9999AA;
}

#container{
	float: left;
	width: 680px;
	margin: 0 10px 0 0;
}

#postcon{

}

.post{
background:#D9C9BA none repeat scroll 0 0;
margin-top:10px;
padding:10px 20px;
}

.post a{
}

.post a:hover{
  color: #002255;
  text-decoration: none;
}

.post h2{
	font-family: Franklin Gothic Medium, Sans-serif. Arial;
	font-size: 26px;
}

.post h2 a{
color:white;
text-transform:uppercase;
}

.entry{
	line-height: 18px;
	text-align:justify;
}

.postmetadata{
	border-top: 2px solid white;
	color: #888888;
	font-size:10px;
}

.metabox{
background:#D9C9BA none repeat scroll 0 0;
float:left;
font-size:10px;
line-height:20px;
margin-bottom:10px;
margin-top:10px;
padding:5px;
width:630px;
}

.navigation{
	clear: left;
	padding: 10px 10px;
	background: #BEBEBE;
	color: #F8F8F8;
	width: 740px;
	height: 15px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

table#wp-calendar{
	width: 100%;
}

.commentlink{
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 10px;
}

.editcomment{
	padding: 2px 0 2px 20px;
	background: url('images/pencil.png') left center no-repeat;
	margin-left: 10px;
}

.catlink{
	padding: 2px 0 2px 20px;
	background: url('images/cat.png') left center no-repeat;
}

.taglink{
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag.png') left center no-repeat;
}
/*Sidebar
-----------------------------------------------------*/
.sidebar{
	float:right;
	margin-right:20px;
	width: 200px;
	display: inline;
	color: #333333;
	background: transparent url(images/onde.png) no-repeat scroll 0 0;
}

.sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar caption, th, td{
	font-size:12px;
}


.sidebar #search{
	padding-top: 80px;
}

.sidebar #s{
border:1px solid #666666;
width:157px;
}

.sidebar #searchsubmit{
border:1px solid #666666;
color:#333333;
width:38px;
}

.sidebar ul li h2{
	font-family: Franklin Gothic Medium, Sans-serif;
	font-size: 12px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
	text-transform: uppercase;
	
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

.sidebar a{
	color:#333333;
}

.sidebar #wp-calendar tbody a{
	border:1px solid;
  font-weight:bold;
}

/*Tags
-----------------------------------------------------*/
.tags,
#tag_cloud {
	margin: 0 0 15px;
}
.tags {
  text-align: center;
}
.tags a,
#tag_cloud a {
	color: #AAA;
	margin: 0 2px;
}

.cle{
	clear: both;
}

/*Footer
-----------------------------------------------------*/
#footer{
	clear: both;
	float: left;
	text-align: center;
	width: 990px;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 20px;
	color: #DDDDDD;
}

/*Comments
-----------------------------------------------------*/
.alt{
	background: #EEE;
}

.comments-template{
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*Avatar
-----------------------------------------------------*/
.commentlist li .avatar {
float: right;
border: 1px solid #EEE;
padding: 2px;
margin: 0 10px;
background: #fff;
}


#commentform input
{
  border: 1px solid #666666;
}
#commentform textarea
{
border:1px solid #666666;
font-family:Arial,Helvetica;
font-size:12px;
width:640px;
}