/*
Theme Name: Bluish
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A nice personal blog theme with multiple color schemes.  Designed by <a href="http://imanto.com">Anto</a>.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
Tags: blue, theme options, fixed width, two columns, widgets
*/
* { padding: 0; margin: 0; }
img { border: 0; }
body {
background: #0b3e61 url('images/background.jpg') no-repeat top center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrapper { 
margin: 0 auto;
width: 922px;
overflow:hidden;
}
#header {
padding: 25px 0 20px 0;
}
#branding {
float: left;
}
#branding h1 {
font-size: 23px;
color: #D6D7D6;
font-family: Arial, Helvetica, sans-serif;
}
#branding h1 a {
color: #D6D7D6;
text-decoration: none;
}
#branding h1 a:hover {
color: #E7EFF7;
}
#description {
font-family: Arial, Helvetica, sans-serif;
color: #CED37B;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0 0 0;
}
#header .menu {
float: right;
padding-top: 25px;
}
#header .menu ul {
list-style: none;
}
#header .menu li {
float: left;
margin-left: 30px;
}
#header .menu li a {
color: #E7EFF7;
text-decoration: none;
font-weight: bold;
}
#header .menu li a:hover, #header .menu li.current_page_item a {
border-bottom: 2px solid #fff;
padding-bottom: 3px;
}
#main {
background: #fff;
padding: 22px 20px;
/*
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*/}
#content { 
width: 73%;
float: left;
}


#content a.more-link { 
	display:block;
	font-weight:bold;
	font-size:110%;
	padding:10px;
}
#content .post, #content .page {
padding-bottom: 19px;
}
#content .p-heading {
background: url('images/post.gif') #08456B repeat-x;
position:relative;
}
#content .p-heading h2 {
color: #E7EFF7;
font-size: 20px;
letter-spacing:-0.01em;
padding: 13px 17px 12px 17px;
}
#content .p-heading h2 a {
color: #E7EFF7;
text-decoration: none;
}
#content .p-heading h2 a:hover {
text-decoration: underline;
}
#content .p-heading span.date { 
	position:absolute;
	right:5px;
	top:2px;
	font-size:8pt;
	color:#4086AE;
	font-style:italic;
	}
#content .p-content {
background: #EFEFEF;
padding: 17px 22px 14px 22px;
color: #08456B;
}


#content .p-content .postImg {
	float:right;
	padding:8px 0 8px 8px;
	position:relative;
	background-color:#fff;
	margin:-17px -22px 10px 10px;
	border-color:#ccc;
	border-style:solid;
	border-width:0 0 1px 1px;
	text-align:center;
	}
	#content .p-content .postImg .legend {
		display:block;
		text-align:center;
		font-size:8pt;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 0;
		margin-top:3px;
		background-color:#efefef;
		}

#content .p-content p {
line-height: 1.4em;
padding-bottom: 10px;
}

#content .p-content UL {
	margin:0px 0 10px 30px;
}

#content .p-content a, .navigation a, .commentlist a {
color: #08456B;
}
#content .p-content a:hover, .navigation a:hover, .commentist a:hover {
text-decoration: none;
}
#content .p-info {
	border-top: 1px solid #D6D7D6;
	background: #EFE7E7;
	padding: 13px 22px;
	color: #08456B;
	font-size: 11px;
}
#content .p-info .tagIcon {
	background:transparent url('images/tag_blue.png') no-repeat center left;
	padding-left:20px;
	}
#content .p-info .catIcon {
	background:transparent url('images/folder.png') no-repeat center left;
	padding-left:20px;
	padding-right:25px;
	}
#content .p-info a {
color: #08456B;
font-style: italic;
}
#content .p-info a:hover {
text-decoration: none;
}
#content .p-info .comments{
float:right;
padding:0;text-align:right;
}
#content .info2 {
	background:#EFEFEF;
}

#sidebar { 
float: right;
width: 23%;
}
#sidebar .s-item {
padding-bottom: 19px;
}
#sidebar .s-heading {
background: url('images/sidebar.gif') #BD0000 repeat-x;
}
#sidebar .s-heading h3 {
color: #FFE7E7;
font-size: 13px;
padding: 13px 17px 12px 17px;
}
#sidebar .s-heading h3 a { color:#fff; }
#sidebar .s-content {
background: #EFEFEF;
padding: 17px 19px;
color: #08456B;
}
#sidebar .s-content ul {
list-style: none;
}
#sidebar .s-content li {
padding-bottom: 5px;
}
#sidebar .s-content a {
color: #08456B;
text-decoration: none;
font-style: italic;
}

#sidebar .s-content a:hover {
text-decoration: underline;
}

/* twitter */
#sidebar li.twitter-item { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ddd; }
#sidebar li.twitter-item A { color:#06C; font-size:80%; }
#sidebar span abbr { color:#aaa; font-size:80%; border:0; text-decoration:none; }

#footer {
background: #0b3e61;
color: #E7EFF7;
padding: 20px 0;
font-size: 11px;
}
#footer a {
color: #CED37B;
}
#footer a:hover {
text-decoration: none;
}
#copyright {
float: left;
}
#credit {
float: right;
}
.alignleft { float: left; }
,alignright { float: right; }
.clear { clear: both; }
#content blockquote {
font-size: 15px;
padding: 13px 13px 4px 13px;
margin: 0 10px 10px 10px;
font-style: italic;
line-height: 1.7em;
background: #FFF;
}
#content blockquote blockquote {
background: #f1f1f1;
}
.commentlist {
list-style: none;
color: #08456B;
padding-bottom: 20px;
}
.commentlist li {
padding: 15px;
list-style: none;
background: #EFEFEF;
border-bottom: 1px dashed #CFCFCF;
}
#content .children {
margin-top: 5px;
}
#content .children li {
padding: 5px
margin: 10px;
background: #EFE7E7;
border-top: 1px solid #D6D7D6;
border-bottom: 0;
}




/* COMMENTAIRES */
#commentaires { 
	margin:20px 0;
	padding:0;
	}
	
	#fbc_login {
		float:right;
		background-color:#efefef;
		padding:10px;
		margin-top:5px;
		text-align:center;
		border:1px solid #ccc;
		}
		#fbc_login span {
			padding:10px 0;
			margin:10px 0;
			}

.commentlist li .avatar { 
float: right;
border: 1px solid #08456B;
padding: 2px;
}
.commentlist p {
padding-bottom: 10px;
line-height: 1.7em;
}
a.comment-reply-link, .comment-meta a {
font-size: 11px;
}
.commentlist a:hover {
text-decoration: none;
}
.comment-meta {
padding-bottom: 10px;
}
h3#comments, #respond h3 {
color: #08456B;
padding-bottom: 10px;
font-size: 13px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: #eee;
border: 2px solid #CFCFCF;
}
#commentform textarea {
padding: 2px;
margin: 5px 0;
background: #eee;
border: 2px solid #CFCFCF;
}
#commentform #submit {
margin: 0 0 5px auto;
}