/*
Theme Name: Black & Red Beyond
Theme URI: http://www.e-devblog.com/
Description: The default WordPress theme of e-Devblog.com since August 2009 <a href="http://www.e-devblog.com">e-Devblog.com</a>.
Version: 1.0
Author: Vincent Le Henaff
Author URI: http://www.e-devblog.com/
Tags: black & red, custom header, fixed width, two columns, widgets, beyond cols

	Black & Red Beyond v1.0
	 http://www.e-devblog.com

	This theme was designed and built by Vincent Le Henaff,
	whose blog you will find at http://www.e-devblog.com

	The CSS, XHTML and design is released under Copyright Licence
	If you are interested by this template, or a part of it, i suggest you to contact me. Thank you.

*/


/**************************/
/*   Typography & Basics  */
/**************************/

/* Reset Styles */
* {
	padding:0px;
	margin:0px;
	text-decoration:none;
	list-style:none;
}

body {
	margin:0px;
	padding:0px;
	background: #737473 url(images/page_bg.png);
	font-family: Arial,Tahoma,Verdana;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
}

input, textarea, select {
	border: 1px solid #CCCCCC;	
}

div.wrapper {
	clear:both;
}

/* General Heading Style */
h1, h2 { color:#e81313; }

h2, h3, h4, h5, h6 { margin-bottom: 5px; }

h3 { color:#343434; }

h4 { color:#545454;	}

h5 { color:#6e6e6e; }

h6 { color:#878787; }

/* General Link Style */

a {
	color:#e81313;	
}

hr {
	border:none;
	background: url(images/divider.png) no-repeat;
	width:600px;
	height:30px;
	margin:12px auto;
	text-align: center;
}

/**************************/
/*     Layout Design      */
/**************************/

div#mainZone {
	background: url(images/header_bg.png) repeat-x;
	width:100%;
	height:100%;
}

div#mainBox {
	width:1100px;
	margin: 0px auto;
}

div#header {
	height:135px;
	background:url(images/header_bg_middle.png) no-repeat;
}

div#sheet {
	/*height:1000px;*/
	background:#FFF;
	padding-bottom:12px;
	border-top: 1px solid #AAAAAA;
	border-left:1px solid #B5B5B5;
	border-right:1px solid #B5B5B5;
}

div#submenutop {
	height:22px;	
}
div#submenutop .widgettitle {
	display:none;
}

div#submenutop ul {
	float:right;
}

div#submenutop li {
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
	height:18px;
	text-decoration:none;
	list-style:none;
	vertical-align:middle;
	line-height:18px;
}

div#submenutop li a {
	height:100%;
	width:100%;
	margin: 0px;
	padding: 2.5px 8px;
	font-size:14px;
	color:#000;
	font-weight:bold;
	font-family: arial,helvetica,sans-serif;
	text-decoration:none;
}



div#menuBarre {
	height:46px;
	margin: 0px 0px 12px 0px;
}

div#menuBarre ul, div#menuBarre li {
	padding:0px;
	margin:0px;
	text-decoration:none;
}

div#menuBarre ul {
	padding:0px;
	float:left;
}

div#menuBarre li {
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
	height:26px;
	text-decoration:none;
	list-style:none;
	vertical-align:middle;
	line-height:26px;
	border-right: solid 1px #CCC;
}

div#menuBarre li a {
	height:100%;
	width:100%;
	margin: 0px;
	padding: 2.5px 8px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	font-family: arial,helvetica,sans-serif;
	text-decoration:none;
}

div#menuBarre li a:hover {
	background: #cc0101;
	color:#fff;

}

div#menuBarre li.first {
	border:none;
}

div#menuBarre div#TopBox {
	height:34px;
	position:relative;
}

div#menuBarre div.FootBox {
	height:12px;	
	position:relative;
}

div#menuBarre div#TopBox div#menuTop {
	position:relative;
	left:-12px;
	/*right:-12px;*/
	height:26px;
	width:1116px;
	margin: 0px auto;
	padding: 4px;
	background:#343434;
}

div#menuBarre div#TopBox div#menuTop .widgettitle {
	display:none;	
}


div#menuBarre div.FootBox div.menuFoot {
	position:relative;
	left:-12px;
	/*right:-12px;*/
	height:12px;
	width:1124px;
	margin: 0px auto;
}

div#menuBarre div.FootBox div.menuFoot div.leftCorner {
	background: url(images/top_corner_left.gif) 0% 100% no-repeat;
	width:100%;
	height:12px;
}

div#menuBarre div.FootBox div.menuFoot div.leftCorner div.rightCorner {
	background: url(images/top_corner_right.gif) 100% 100% no-repeat;
	width:100%;
	height:12px;
}

div#menuBarre form#searchform div {
	float:right;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	padding-right:6px;
	font-size:100%;
}

div#menuBarre form#searchform div .screen-reader-text {
	display:none;
}

/***************************/
/* Left Bar Content Design */
/***************************/

div.leftBar {
	width:260px;
	float:left;
	position:relative;
	left:-32px;
	color:#333333;
}

div.leftBar h3 {
	text-align:center;
	background: #f1f1f1;
	display:block;
	color:#333333;
	padding:4px;
	border-top: 1px solid #ccc;
}

div.leftBar li {
	border-bottom: 1px dotted #CCC;
	background: #343434;
	color:#fff;
}

div.leftBar ul.children li.first {
	border-top: 1px dotted #CCC;
}

div.leftBar ul.children li {
	background: #4a4a4a;
}

div.leftBar .leftBox li.active a.active-link, div.leftBar .leftBox ul.children li.active a.active-link {
	background: #cc0101 url(images/chevrons.png) 2px 50% no-repeat;
	padding-left:16px;	
}

div.leftBar .leftBox li a {
	color:#fff;
	display:block;
	padding:2px 4px;
}

div.leftBar .leftBox ul.children li a {
	color:#fff;
	display:block;
	padding:2px 4px 2px 12px;
}

div.leftBar .leftBox li a:hover {
	background: #cc0101;
}

div.leftBar li.last {
	border:none;
}

div.leftBar div.FootBox {
	height:32px;
	position:relative;
	margin-bottom: 8px;
}

div.leftBar div.leftBox {
	border:3px solid #343434;
}

div.leftBar div.leftBox div.menuLeft {
	background: #d7d7d7; /*#de1111;*/ /* 737473 */
	border:3px solid #343434;
	padding:4px;
}

div.leftBar div.TwitterBloc {
	padding-top:66px;
}
div.leftBar div.TwitterBloc div.twitterbird {
	background: url(images/twitterbird.png) 0% 0% no-repeat;
	width:120px;
	height:120px;
	float:left;
	position:relative;
	top:-60px;
	margin-bottom:-60px;
}

div.leftBar div.TwitterBox {
	border:3px solid #0fabf6;
}

div.leftBar div.TwitterBox div.twitter {
	background: #aed7eb; /*#de1111;*/ /* 737473 */
	border:3px solid #0fabf6;
	padding:4px;
}

div.leftBar div.TwitterBox div.twitter li {
	font-size: 12px;
}

div.leftBar .twitter-loop li {
	margin-bottom: 12px;
	border-left: 2px solid #aaa;
	border-top: 2px solid #ddd;	
}

div.leftBar div.TwitterBox div.twitter li p.tweet {
	background: #e7f2f8;
	padding:12px;
	line-height: 140%;
	color:#5b5b5b;
	border-bottom: 1px solid #ddd;
}

div.leftBar div.TwitterBox div.twitter li small.time {
	background: #d5e6f1;
	color:#5b5b5b;
	display:block;
	padding:2px;
	text-align:right;
}

div.leftBar div.TwitterBox ul.twitter-profile-box li {
	border:none;	
}

div.leftBar div.TwitterBox ul.twitter-profile-box {
	margin-bottom:6px;
	border-bottom: 3px solid #333;
}

div.leftBar div.TwitterBox ul .twitter-profile {
	height:48px;
	padding:4px;
	background:#ededed;
	display:block;
}


div.leftBar div.TwitterBox ul .twitter-profile .twitter-avatar {
	float:left;
	width:48px;
	height:48px;
	margin-right:4px;
}

div.leftBar div.TwitterBox ul .twitter-profile .twitter-name {
	font-size:16px;
	line-height:18px;
	padding-bottom:4px;
}

div.leftBar div.TwitterBox ul .twitter-profile .twitter-name a {
	color:#333333;
}

div.leftBar div.TwitterBox ul .twitter-profile .twitter-follow {
	text-align:right;
}

div.leftBar div.TwitterBox ul .twitter-profile .twitter-follow a {
	font-size:12px;
	padding:2px;
	margin:3px;
	background:#a1d0ee;
	color:#333333;
	border: solid 2px #1178ba;
}

div.leftBar div.FootBox div.menuFoot div.leftCorner {
	background: url(images/main_corner_left.gif) 0% 100% no-repeat;
	width:100%;
	height:32px;
}

div.leftBar .widget_text {
	text-align: center;
}

/***************************/
/*     Content Design      */
/***************************/

div.content {
	width:816px;
	background: #f0efef;
	padding:6px;
	margin:0px;
	border:4px solid #CCC;
}


/***************************/
/*      Header Design      */
/***************************/

div#header h1#logo {
	display:block;
}

div#header h1#logo a {
	background:url(images/logo.png) no-repeat;
	text-indent:-1000px;
	width:450px;
	height:98px;
	overflow:hidden;
	display:block;
	margin:20px 0px 0px 8px;
	float:left;
}

/**************************/
/*     Navigation Bar     */
/**************************/

div#quickBar {
	position:fixed;
	top:215px;
	width:60px;
	left:50%;
	margin-left:-359px;
	height:50px;
	background:#930;
}

/**************************/
/*   Post & Page Style    */
/**************************/

/* Post Container Design */
div.contentBox {
	float:right;
	position:relative;
	right:-32px;
	margin-bottom:12px;
}

div.contentBox div.FootBox {
	height:32px;
	width:836px;
	margin-bottom: 4px;
}


div.contentBox div.FootBox div.menuFoot div.rightCorner {
	background: url(images/main_corner_right.gif) 100% 100% no-repeat;
	width:100%;
	height:32px;
}

.post .content {
	
}

/* Pre-post Image */
.post .content .post-image-box, .page .content .post-image-box {
	text-align:center;	
}

.post .content .post-image-box img.post-image, .page .content .post-image-box img.post-image {
	border: 2px dashed #d2d2d2;
	margin:6px;
}

/* Starting post Image */
.post .content .Teaser, .page .content .Teaser {
	float:left;
}

/* Head Post, Metadata */
/* Date Box */
.post .content .datebox, .page .content .datebox {
	float:left;
	background:#FFF;
	text-align:center;
	width:74px;
}

.post .content .datebox .month-year, .page .content .datebox .month-year {
	font-size:12px;
	background:#e81313;
	padding:2px;
	color:#FFF;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	height:26px;
	border: 1px solid #bf0f0f;
	border-top: 1px solid #ff5252;
}

.post .content .datebox .month-year .year, .page .content .datebox .month-year .year {
	font-size:10px;
}

.post .content .datebox .day, .page .content .datebox .day {
	height:40px;
	line-height:40px;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	border: solid 1px #CCC;
}

/* Title Box */
.post .content .title-box , .page .content .title-box {
	float:left;
	width:720px;
	padding: 0px 8px;
}

.post .content .title-box h2, .page .content .title-box h2 {
	border-bottom: dotted 1px #999;
	padding: 0px 0px 0px 0px;
}

.post .content .title-box .author, .page .content .title-box .author {
	font-weight:bold;
}

.post .content .title-box small.comment-link, .page .content .title-box small.comment-link {
	float:right;
	background: url(images/bulle.png) 0% 0% no-repeat;
	padding: 0px 0px 0px 24px;
}

.post .content .title-box small.post-music {

	}

/* Post Main Content */
.post .content .entry, .page .content .entry {
	background:#F4F4F4;
	margin: 4px 0px;
	padding:4px 6px;
	border-bottom: 1px dotted #999;
	border-left: 1px solid #e5e5e5;
	color:#333333;
	font-size:13px;
	line-height: 1.4em;
	clear:both;
}

.post .content .entry p, .page .content .entry p {
	margin: 4px auto 15px;
}

.post .content .entry .wp-caption, .post .content .entry img, .page .content .entry img {
	border: 2px dashed #d2d2d2;
	margin:6px;
	padding:4px;
	background:#e6ebfd;
	text-align: center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size: 11px;
}

.post .content .entry .wp-caption img, .page .content .entry .wp-caption img {
	border:none;
	margin:0px;
	padding:0px;	
}

.post .content .entry .wp-caption .wp-caption-text, .page .content .entry .wp-caption .wp-caption-text {
	margin:2px 0px;
}

.post .content .entry img.alignleft, .post .content .entry div.alignleft, .page .content .entry img.alignleft, .page .content .entry div.alignleft {
	float:left;
}

.post .content .entry img.alignright, .post .content .entry div.alignright, .page .content .entry img.alignright, .page .content .entry div.alignright {
	float:right;
}

post .content .entry img.aligncenter, .post .content .entry div.aligncenter, page .content .entry img.aligncenter, .page .content .entry div.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
	
.post .content .entry .wp_syntax .code, .page .content .entry .wp_syntax .code {
	width:100%;	
}

.post .content .entry .wp_syntax pre, .page .content .entry .wp_syntax pre {
	background:none;
	border:none;

}

.post .content .entry ul li, .page .content .entry ul li {
	list-style: url(images/curseur-liste.png) square;
	list-style-position: inside;
	margin-left:4px;
}

.post .content .entry ol li, .page .content .entry ol li {
	list-style:decimal;
	list-style-position: inside;
	margin-left:4px;
}

.post .content .entry pre, .page .content .entry pre {
	margin: 8px 0px;
	border:dashed 1px #ccc;
	background:#e4efff;
}

.post .content .entry .more-link, .page .content .entry .more-link {
	float:right;
}

a.more-link {
	color: #fff;
	background: #e81313;
	padding: 2px 4px;
}
	

.post .content .entry blockquote, .page .content .entry blockquote {
	border: solid 3px #ededed;
	background: #ffffff url(images/quotes.png) 4px 0% no-repeat;
	padding: 8px 8px 8px 88px;
	color:#4f7dc3;
}


.post .content .entry blockquote p, .page .content .entry blockquote p {
	padding:4px;
	border-left: solid 2px #e5edf9;
	background: #f5f5f5;
	margin:0;
}


/**************************/
/*    Comments Style      */
/**************************/

#comments {
	background: #e81313;
	padding: 4px;
	color: #fff;	
}

.commentlist {
	margin: 4px 0px;
}

.commentlist .comment {
	border-bottom: solid 3px #e4e4e4;
	background: #ffffff;
	padding: 8px 8px 8px 80px;
}

.vcard img {
	padding:5px;
	position: absolute;
	border: 1px solid #4d4d4d;
	background: #747474;
	left:20px;	
}

.vcard .fn {
	font-weight: bold;
	color: #373737;
}

.comment-head {
	/*border-bottom: 2px dashed #eaeaea;*/
	margin:2px 0px;
}

p.info_post {
	background: #c1d8ed url(images/info.png) 5px 5px no-repeat;
	border:solid #0FABF6;
	border-width:  2px 0px;
	padding:3px 5px 3px 50px;
	margin: 4px 0px;
	height:40px;
	font-size: 16px;
	line-height:40px;
}

#respond {
	
}

#respond h3 {
	background: #ffffff url(images/avis.png) 5px 5px no-repeat;
	border-bottom: solid 2px #e81313;
	padding:3px 5px 3px 50px;
	height:40px;
	font-size: 32px;
}

.comment .comment-content {
	border-left: 4px solid #d0d0d0;
	padding: 4px 3px 4px 3px;
	background: #f4f4f4;
	margin-top:4px;
}

.comment .comment-content p {
	margin: 8px 0px;
}

.comment .reply {
	background: #ffffff;
	padding:3px 5px;
}

#commentform {
}

#commentform input, #commentform textarea {
	margin: 2px 0px;
	border: 3px solid #4b4b4b;
}

#commentform textarea {
	width:802px;
	padding:2px 4px;
}

#commentform input#submit {
	float:right;
	border: solid 2px #373737;
	background: #e81313;
	color: #ffffff;
	padding:2px;
	cursor: pointer;
}



em.wait {
	display:block;
	background: #f77272;
	border:solid #e81313;
	border-width:  2px 0px;
	padding:3px 5px 3px 5px;
	margin: 2px 0px;
	font-size: 16px;
}

/**************************/
/*       Nav Style        */
/**************************/

.navigation {
	margin:4px 0px;
}

.navigation .alignleft {
	float:left;
	padding:0px 4px;
}

.navigation .alignright {
	float:right;
	padding:0px 4px;
}

ol.wp-paginate {
	text-align: center;
}

.comments-nav .navigation {
	margin: 12px 0px;
}

/**************************/
/*     Footer Style       */
/**************************/

#footer {
	background: #2c2c2c url(images/bg_footer.png) repeat-x;
	border-top: 1px solid #8f8f8f;
	margin-bottom:20px;
	padding:8px;
	text-align: center;
	color: #fff;

}

#sub-footer {
	margin-bottom:20px;
	padding:8px;
	text-align: center;
	color: #373737;
	background: #f0efef;
	border:4px solid #CCC;
}

.wp-logo {
	display:inline-block;
	text-indent:-1000px;
	overflow: hidden;
	background: url(images/buttonw-blue.png) no-repeat;
	width:129px;
	height:42px;
		
}

.rss-logo {
	display:inline-block;
	text-indent:-1000px;
	overflow: hidden;
	background: url(images/rss-articles.png) no-repeat;
	width:128px;
	height:42px;
		
}

.rss-comments-logo {
	display:inline-block;
	text-indent:-1000px;
	overflow: hidden;
	background: url(images/rss-comments.png) no-repeat;
	width:180px;
	height:42px;
		
}

/**************************/
/*     Banner Style       */
/**************************/

.banner-top {
	padding: 30px 0px 0px 0px;
	text-align: center;
}

.banner-top h3 {
	display: none;
}

.banner-top div {
	display: inline;
}
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */