/*
Theme Name: blendDesignBlog
Theme URI: http://blog.blendesign.net/
Description: The first theme created by Stef Jean.
Version: 1.0
Author: Stef Jean
Creation Theme by Stef Jean || http://www.blendesign.net
*/
* {
margin:0pt;
padding:0pt;
}

html{
height: 100%;
}

#prt{
padding:0;
margin:0;
width: 100%;
height: 100%;
background:transparent url('img/alt_bg.gif') repeat;
}

body {
font-family: "Trebuchet MS",Tahoma,Arial;
font-size: 11px;
text-align: left;
line-height: normal;
background: #000 url('img/b3638g_l.jpg') no-repeat fixed top left;
height: 100%;
}

p { color: #888C94; }
p a{ color: #FFF; text-decoration: none; }
p a:hover{ color: #BFED09; }

#all{
min-height:100%;
width: 762px;
margin: 0 0 0 234px;
padding: 0;
background:transparent url('img/grunge_bg.gif') repeat-y top left;
}

#page {
margin-left: 32px !important;
padding: 0;
height: auto;
width: 730px;
background:transparent url('img/bg_sep.gif') repeat-y left;
}

#post_sep {
clear: both;
margin-left: 32px !important;
height: 46px;
width: 730px;
background:transparent url('img/bg_sep_bottom.gif') repeat-y left;
}

p#spacer { 
height: 1px; 
clear: both;
}
/* header & menu ---------------------------------------------------------------*/
#header {
height: 231px;
width: 700px;  /* normal 730*/
margin-left: 32px !important;
padding: 0;
background: url('img/bg_header.gif') no-repeat top left;
}
#header_menu {
float: left;
padding: 90px 0 0 92px;
width: 200px;
height: 15px;
}
.sep_topmenu {
padding: 0;
margin: 0;
color: #52565F;
}

#header_menu li {
float: left;
padding-right: 5px;
list-style-type: none;
}
#header_menu li a{
text-decoration: none;
color: #AAAEB4;
}
#header_menu li a:hover{
color: #BFED09;
}

.icons_menu{
list-style-type: none;
}
.icons_menu li a {
float: right;
display: block;
margin-top: 73px;
text-indent:-900em;
height: 12px;
width: 49px;
background: transparent url('img/rss.gif') top right no-repeat;
}
.icons_menu li a:hover {
background: transparent url('img/o_rss.gif') top right no-repeat;
}
/*------------------------------------------------------------------------------*/
#content {
float: left;
width: 539px;
}
/* affichage du titre ----------------------------------------------------------*/
.titre{
float: left;
padding: 0px 0px 10px 0px;
}
.intitule {
width: 450px;
float: left;
font-size:15px;
font-weight: bold;
}
.intitule a, a:visited{
color:#FFF;
text-decoration: none;
}
/* affichage des posts ---------------------------------------------------------*/
.article{
padding: 0px 0px 50px 0px;
margin-left: 17px;
}
/* affichage du plus et soul----------------------------------------------------*/
.plusactu {
	width: 16px;
	height: 17px;
	float:left;
	background: url(img/plusactu.gif) no-repeat;
	margin: 7px 5px 25px 0;
}
.soulactu {
width: 425px;
height: 1px;
background:#BFED09;
overflow: hidden;
}
/* affichage du texte des articles ---------------------------------------------*/
#texte{
width: 425px; /* largeur des posts */ 
color: #888C94;
font-size:12px;
line-height: normal;
padding: 0px 0px 0px 20px;
}

#texte a{
color: #E5E6E8;
text-decoration: none;
}

#texte a:hover{
color: #BFED09;
}

/* postmetadata ----------------------------------------------------------------*/
.topostmetadata{
background:transparent url('img/bg_postmetadata.gif') repeat-x;
margin: 4px 220px -12px 0;
}
.postmetadata, .postmetadata a, .postmetadata a:visited{
color: #51555D;
font-size:11px;
font-weight: normal;
letter-spacing: 0px;
padding: 0px 0 10px 0;
margin: 0px;
}

.postmetadata a:hover{
color: #FFF;
}
/* Recherche -------------------------------------------------------------------*/
#search_bar{
float:right;
margin: 0 0 0 0;
padding: 72px 0 0 0;
}
#search_form{
width: 152px;
height: 21px;
margin: 0px;
padding: 0px;
background:transparent url('img/bg_search.gif') top left no-repeat;
}
#s{
border: none;
color: #888C94;
text-indent: 2px;
width: 140px;
margin: 0px;
padding: 0 0 2px 0;
background:transparent;
}
#searchsubmit{
border: none;
width: 21px;
height: 21px;
margin: 0px;
padding: 0px;
background:transparent;
}

input, textarea, select{
font-family: "Trebuchet MS",Tahoma,Arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
}

/* sidebar ---------------------------------------------------------------------*/
#twitter{
height: 85px;
width: 175px;
background:transparent url('img/bg_twitter.gif') top left no-repeat;
}
#socialicons{
height: 20px;
padding: 5px 0 10px 24px;
}
#socialicons a{
display:block;
text-indent:-900em;
}
#socialicons li{
list-style:none;
float:left;
margin: 0;
padding:5px;
width:20px;
}
#socialicons .socialicon_1{
background:transparent url('img/twitter_icon.gif') top left no-repeat;
}
#socialicons .socialicon_2{
background:transparent url('img/facebook_icon.gif') top left no-repeat;
}
#socialicons .socialicon_3{
background:transparent url('img/flickr_icon.gif') top left no-repeat;
}
#socialicons .socialicon_4{
background:transparent url('img/rss_icon.gif') top left no-repeat;
}
.twitter_txt{
text-align: left;
vertical-align: middle;
color:#AAAEB4;
text-decoration: none;
padding: 8px;
}
.twitter_txt a{
color:#51555D;
font-style: italic;
text-decoration: none;
}
.twitter_txt a:hover{
color: #FFFFFF;
}

#sidebar{
float:right;
width: 175px;
margin: 0 12px 0 0;
padding: 0px;
}

#sidebar_cont{
font-size:11px;
color:#A0A9AA;
}

#sidebar_title1{
width: 175px;
height: 18px;
margin: 20px 0 4px 0;
background:transparent url('img/cat_title.gif') no-repeat;
}
#sidebar_title2{
width: 175px;
height: 14px;
margin: 20px 0 4px 0;
background:transparent url('img/links_title.gif') no-repeat;
}

.cats li {
margin: 0 0 0 4px;
background:transparent url('img/bgbtn_cats.gif') no-repeat;
list-style-type: none;
height: 26px;
width: 175px;
padding-top: 4px;
color: #5E6167;
}

.links li {
margin: 0 0 0 4px;
background:transparent url('img/bgbtn_links.gif') no-repeat;
list-style-type: none;
height: 26px;
width: 175px;
padding-top: 4px;
color: #5E6167;
}

.cats li a, .links li a {
color: #AAAEB4;
margin-left: 15px;
text-decoration: none;
}
.cats li a:hover, .links li a:hover {
/* #2B313C*/
color: #BFED09;
}

.cont_puce{
font-size:15px;
color: #BFED09;
}
/* footer ----------------------------------------------------------------*/
#footer {
clear: both;
height: 50px;
text-align: right;
margin: 30px 12px 10px 0;
background: transparent url('img/bg_footer.gif') top right no-repeat;
}

.txt_footer {
padding: 18px 4px 0 0;
line-height: 10px;
color:#353A44;
list-style-type: none; 
}

/* commentaires ----------------------------------------------------------------*/

.comment {
width: 425px;
margin-left: 37px;
}

#comments_number {
text-align: right;
padding: 0;
color: #AAAFB5;
font-size: 20px;
font-weight: bold;
background:transparent url('img/bg_comments_number.gif') no-repeat top right;
}

.react_title{
font-size: 10px;
text-align: right;
font-weight: normal;
margin-right: 2px;
color: #51555D;
}

.commentmetadata, .commentmetadata a {
color: #51555D;
font-size: 11px;
text-decoration: none;
}

.comment ol li cite, .comment ol li cite a {
color: #BFED09;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}

.avatar{
float: left;
margin-right: 10px;
border:1px solid #343943;
}

.commentlist{
margin-top: 20px;
list-style: none; /* num�ros des commentaires */
}

.comment_bull{
width: 425px;
margin-top: 40px;
background:transparent url('img/comment_bg.gif') repeat-y;
}
.comment_bull p {
color: #888C94;
margin: 0 10px 15px 10px;
}

.comment_top {
background: transparent url('img/comment_top.gif') top left no-repeat;
}

.comment_bottom {
background: transparent url('img/comment_bottom.gif') top left no-repeat;
height: 20px !important;
}
/*-----------------------------------------------*/
.auth_comment_bull {
width: 425px;
margin-top: 40px;
background:transparent url('img/auth_comment_bg.gif') repeat-y;
}
.auth_comment_top {
background: transparent url('img/auth_comment_top.gif') top left no-repeat;
}

.auth_comment_bottom {
background: transparent url('img/auth_comment_bottom.gif') top left no-repeat;
height: 20px !important;
}
.auth_comment_bull p {
color: #C1C6D2;
margin: 0 10px 15px 10px;
}
/*-----------------------------------------------*/
#comment {
width: 425px;
background-color: #2B313C;
border:1px solid #343943;
color: #fff;
}

#author, #email, #url {
background-color: #2B313C;
border:1px solid #343943;
margin-bottom: 5px;
color: #fff;
}

#respond {
clear: both;
color: #51555D;
text-align: left;
font-size: 12px;
padding: 10px 0 10px 0;

}

#commentform label {
color: #51555D;
font-size: 11px;
margin-left: 5px;
vertical-align: top;
}

#commentform .submit_btn {
text-align: right;
margin: 5px 0 0 360px;
}

.smiley {
margin: 5px 0 2px 0;
}

.wp-pagenavi {
text-align: right;
margin-right: 25px;
}
/*-----------------------------------------------*/
.genki {
width: 483px;
height: 47px;
margin-bottom: 20px;
background: transparent url('img/bg_announcement.gif') top left no-repeat;
}

.genki a{
display: block;
font-weight: bold;
font-size:14px;
padding-top: 15px;
color:#BFED09;
text-decoration: none;
text-align: center;
}

.genki a:hover{
color:#FFF;
}

/*-----------------------------------------------*/