/* @override http://myblackbrick.com/wp-content/themes/blackbrick/style.css */


/*  
Theme Name: Black Brick
Theme URI: http://jayboucher.com
Description: Eurostyle from 1980's auto
Version: 1.0
Author: Jay Boucher
Author URI: http://jayboucher.com
*/

/* @group cross-site */

* {
   margin:0;
   padding:0;
}

#container{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
   background: url(images/bg_black.gif) repeat}

#infos-header {
   	width:988px;
   	height:134px;
   	margin-top:12px;
   	margin-left: auto;
	margin-right: auto;
    border-width: 6px 6px 0px 6px;
	border-color: #000;
	border-style: solid;
   	background: url(images/header-wide.jpg) no-repeat;
   	text-align: left;
}

h1 {
	font-size:1.5em;
   /*  position:relative;
   left:360px;
   top:22px;

   font-weight:bold;
   text-transform:uppercase;
   background:none;
   */
}

h1 a:link, h1 a:visited {
   color:#FFF;
   background:none;
   text-decoration:none;
}

h1 a:hover {
   color:#FD6A11;
   background:none;
}

#description {
   position:relative;
   left:348px;
   top:62px;
   font-size:.8em;
   font-weight:bold;
   text-transform:uppercase;
   color:#FFED23;
   text-align: left;
}

#search_module {	
   font-size:.8em;
   font-weight:bold;
   text-transform:uppercase;
   text-align: left;
	position: relative;
	float: right;
	top: 14px;
	right: 14px;
}

#rss_module {
  	position: relative;
	float: right;
	top: 90px;
	right: 14px;
	width: 22px;
	height: 22px;
	border-style: none;
}

#rss_module img{
	border-style: none;
}


#searchform {
   float:left;
	position: relative;
	display: inline;

}

#s {	
   background: #fff url(images/search.gif) no-repeat;
   border:1px solid #ccc;
   float:left;
   width:100px;
   	height: 14px;
   	font: 10px Arial;
	padding-left: 13px;
}

#searchsubmit {
   border:none;
   color:#FFF;
   text-transform:uppercase;
	background-color: #FD6A11;
	height: 14px;
	margin-left: 4px;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	vertical-align: middle;
	padding: 0 5px;
	
}

/* @end */

/* @group topnav */

#navmenu ul {
 	position:relative;
 	left:343px;
 	bottom:-89px;
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
	text-transform:uppercase;
	width: 600px;
}
	
#navmenu li {
	display: inline;
	margin: 0;
	padding: 0; 
}

#navmenu ul li a {
	text-decoration:none;
   	font-size:.8em;
   	font-weight:bold;
	color: #fff;
	padding: 0px 7px 0px 4px;
	border-right: 2px solid #423F3B;
	background:none;
	}
	
#navmenu ul li a:hover {
color: #FD6A11;
	}
	
	#navmenu img{
	border: 3px solid #ff091d;
}
	
	#title a {
	background:url(images/title.gif) no-repeat;
	color:#000;
	width:260px;
	height:40px;
	display:block;
	top: 22px;
	left: 355px;
	position: absolute;
	text-indent: -3000px;
}

#title a:hover {
	background:url(images/title_hover.gif) no-repeat;
	color:#000;
	width:260px;
	height:40px;
	display:block;
	top: 22px;
	left: 355px;
	position: absolute;
	text-indent: -3000px;
}

/* @end */

/* @group page content */

#main {
	float:left;
	position: relative;
	display: inline;
   	margin-left: auto;
	margin-right: auto;
   	width:988px;
   	padding:0px;
    border-width:6px;
	border-color:#000;
	border-style:solid;
   	background: #DCCEA5;
}

#main-content {
   float:left;
   	width:600px;
  	padding:0px 16px 24px 16px;
   display:inline;
}

#adsense-post-sidebar {
  	padding: 0;
	margin-top: 10px;
}
#adsense-post {
  	padding: 0;
	margin-bottom: 12px;

}

.post {
   margin:0px;
   font-size:.9em;
   text-align:left;
   line-height:1.4em;
   width:580px;
   padding:0px;
   float:left;
}

.post img {
	border: 6px solid #000;
	display: inline;
	margin:0px 12px 12px 0px;
clear: both
}

.addtoany_list a {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.addtoany_list a img, .addtoany_list a:hover img, .addtoany_list a:visited img {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.post a:hover img {
	border: 6px solid #FD6A11;
	display: inline;
	margin:0px 12px 12px 0px;
}

.post-content p {
	padding:0px 0px 12px 0px;
}

.post a:link, .post a:visited  {
   color:#000;
   text-decoration:underline;
    background:none;
}

.post a:hover{
   background:#FD6A11;
}

.post ul, .post ol {
   margin:10px 0 10px 40px;
}


blockquote {
   padding:10px 24px 10px 24px;
   margin:0px;
   font-weight:bold;
}

table {
border-collapse: collapse;
width: 320px;
border: 3px solid #fff;
}

td {
border-width: 1px;
border-color: #fff;
border-style: solid;
padding: 5px 0px 5px 5px;
}


.post h4 {
   font-size:1.8em;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	width:580px;
	 border-bottom: 4px solid #000;
	padding:0px 0px 4px 0px;
	margin:24px 0px 18px 0px;

}

.post h2 {
   font-size:1.3em;
   text-transform:uppercase;
    width:580px;
	text-decoration:none;
   margin:0px 0px 0px 0px;
	padding:7px 10px 7px 10px;
   background:#000;

}

.post h2 a:link, .post h2 a:visited {
   color:#FFF;
   margin:0px 0px 0px 0px;
   text-decoration:none;
   background:none;
}

.post h2 a:hover {
   color:#FD6A11;
   margin:0px 0px 0px 0px;
   text-decoration:none;
   background:none;
	  
}


.postcategory {
   margin:16px 0px 0px 0px;
   font-size:.8em;
   text-transform:uppercase;
   font-weight:bold;
   color:#000;
   text-decoration:none;
}

.postcategory a:link, .postcategory a:visited  {
	color:#FFED23;
	background:#000;
	padding:5px 10px 4px 10px;
   margin:0px 0px 0px 0px;
   text-decoration:none;
}

.postcategory a:hover{
	color:#FD6A11;
	background:#000;
	padding:5px 10px 4px 10px;
   margin:0px 0px 0px 0px;
   text-decoration:none;
}


.postmetadata {
   font-size:0.8em;
   color:#000;
    font-weight:bold;
   	margin:2px 0px 12px 0px;
}

.postmetadata a:link, .postmetadata a:visited  {
   color:#000;
   text-decoration:underline;

}

.postmetadata a:hover{
   color:#000;
   text-decoration:underline;
    background:#FD6A11;
}

#signature {
   margin:30px 0 0 0;
   font-size:0.8em;
   color:#999;
}

#signature a:link {
   color:#777;
   font-weight:bold;
   text-decoration:none;
}



/* @end */

/* @group sidebar */

.sidebar-wrapper {
   position:relative;
   float:right;
   display:inline;
   width:310px;
   margin: 16px 16px 0px 0px;
   padding: 0 12px 12px;
   background:#000;
}

 #abonnements {
   position:relative;
   float:right;
   width:310px;
   margin:0px;
   padding:0px;
   background-color:#000;
}


/* My Comment */


#sidebar {
   position:relative;
   float:left;
   text-align: left;
}


#sidebar ul {
   list-style-type:none;
   margin:0;
}

#sidebar li {
   margin:0px;
   list-style-type:none;
   line-height:1.2em;
}

#sidebar li ul li {
   margin:0px;
}

#sidebar h2 {
   font-size:0.8em;
   text-transform:uppercase;
   color:#FFED23;
   margin-top:10px;
   font-weight:bold;
}

#sidebar a, #sidebar a:visited {
   font-size:0.8em;
   font-weight:bold;
   color:#fff;
   text-decoration:none;
}

#sidebar a:hover {
   font-size:0.8em;
   font-weight:bold;
   color:#FD6A11;

}

/* @end */

/* @group back next */

.alignleft {
   font-size:0.8em;
   float:left;
   color:#000;
    font-weight:bold;
   	margin:2px 0px 12px 0px;
}

.alignleft a:link, .alignleft a:visited  {
   color:#000;
   text-decoration:underline;

}

.alignleft a:hover{
   color:#000;
   text-decoration:underline;
    background:#FD6A11;
}

.alignright {
   font-size:0.8em;
   float:right;
   color:#000;
    font-weight:bold;
   	margin:12px 0px 12px 0px;
}

.alignright a:link, .alignright a:visited  {
   color:#000;
   text-decoration:underline;

}

.alignright a:hover{
   color:#000;
   text-decoration:underline;
    background:#FD6A11;
}



/* @end */

/* @group footer */

#footer {
   position:relative;
   float:left;
   width:888px;
   color:#000;
   margin:12px 0px 0px 0px;
   padding:12px 0px 12px 0px;
   font-size:0.9em;
   text-align:center;
   	border-top: 6px solid #000;
}

#footer a:link, #footer a:visited {
   color:#000;
   font-weight:bold;
   text-decoration:underline;
}

#footer a:hover {
   color:#000;
   font-weight:bold;
   text-decoration:underline;
   background-color:#FD6A11;
}

/* @end */

/* @group comments */

h3 #comments {
   margin:24px 0px 12px 0px;
   font-size:.9em;
}

textarea #comment {
   width:540px;
   margin:12px 12px 12px 24px;
}

#comment {
   width:540px;
}

#commentform input {
   margin:12px 12px 12px 24px;
   width:200px;
   font-weight:bold;
   background:#ffffff;
}

ol.commentlist {
   width:540px;
	padding:0px;
}

ol.commentlist a:link, ol.commentlist a:visited {
   text-decoration:underline;
   color:#000;
   font-weight:bold;
}

ol.commentlist a:hover {
   background:#FD6A11;
}

ol.commentlist li {
   margin:0 0 20px 12px;
   font-size:0.9em;
}

#commentform label {
   font-size:0.9em;
   color:#000;

}

/* @end */
