/*
Theme Name:Building blocks
Theme URI:http://nicolasbouliane.com/projets/boilerplate-pour-wordpress
Author: Nicolas Bouliane
Author URI: http://nicolasbouliane.com
Description: A theme skeleton that has everything you need to quickly start building feature-rich themes without the bloat of theme frameworks.
Version:1.1 
Tags: White, light, custom-menu, editor-style, microformats, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: http://luneborg.com/wp-content/uploads/2013/05/4.jpg

*/
{
	padding:0;
	margin:0;
	border:0;
	outline:none !important;
}

a {
    outline: none;
}

body{width:100%;height:100%;padding:0;margin:0;font:14px sans-serif;background:#000;color:#fff;}

.wpcf7-form
{
 margin-bottom:20px;   
}



.wpcf7-form input
{
height:25px;
border-radius:5px;
margin:0px 0px 12px;
}

.wpcf7-textarea
{
 border-radius:5px;
 margin-bottom:20px;  
}

.wpcf7-submit
{
    
    padding:5px 12px;
float:left;
margin-bottom:2px;
}



.wpcf7-submit:hover
{
    cursor:pointer;
    background:lightgreen;
    
}

#wrapper
{
position: relative;
top:0;
width:960px;
margin:0 auto;
}
	#header{
	    position:relative;
	    top:0;
	    width:960px;
	    height:100px;
	    margin-bottom:50px;
	    
	}
		#banner
		{
			position: absolute;
			top:62px;
			left:0;
			width:260px;
			height:78px;
			line-height: 78px;
			font-size:44px;

		}
		#banner a
		{
			color:#fff;
			text-decoration:none;
		}
#back_nav
{
position: absolute;
left:0;
width:100%;
top:62px;
height:78px;	
background: dimgray;
background-image: url('images/top-header.gif');

}
#main_nenu
{
	position: absolute;
	top:62px;
	right:0;
	height:78px;
	width:700px;
	background: transparent;
	line-height: 78px;
	text-align:right;
}

		.menu li{display:inline-block;}
		.menu li a{
			padding:0px 14px;
			color:#fff;
			text-decoration: none;
			font-size: 16px;
			
		}
			.current-page-item{}
			/*
			.current-menu-item{border-bottom:2px solid skyblue;}
			.current-menu-item a{color:skyblue!important;} 
			*/
			.menu li a{}
			.menu li ul.children{}
			.page-content
			{
background:#222224;
min-height: 170px;
margin-bottom:2em;
border-radius: 5px;
padding:2em 1em;
			}
			
#main
{
position:relative;
top:40px;    
}

.type-post img
{
	padding-right:20px;
	float:left;
	

}

.page-content p
{
margin:0px 20px;
font-size:16px;
}

.page-content a
{
    color:#69b7dd;
}

.page-content a:hover
{
    color:skyblue;
}



.post_nav
{
    position:relative;
    top:0;
    width:660px;
    height:20px;
    
}


#post_nav
{
    position:relative;
    top:0;
    width:960px;
    height:20px;
    
}

.nextleft
{
float:left;
}

.nextright
{
float:right;

}


#posts_wrapper
{
width:660px;
float:left;
}


.post_nav a, #post_nav a
{
color:silver;
text-decoration: none;
}
.post_nav a:hover, #post_nav a:hover
{
	color:gray;
}

	#content{
		margin-top:4em;
		width:960px;
		
	
	}
		.post,.page{}
			.sticky{}
			.title{margin-bottom:6px;}
			.post-content{}
				h1,h2,h3,h4,h5,h6,p,pre,blockquote,address,ul,ol,dt,dd{font-weight:400;padding:0;margin:0}
				h1,.post 
				
				
.post-content img
{margin-top:0px}

.post-content p {margin-top:12px}				

h2.title{
	margin-bottom:6px;

}


h2.title a{
	color:silver;
	text-decoration: none;
	
}

h2.title a:hover{
	color:#fff;
	
}
.posts_date
{
	color:gray;
	float:right;
	position:relative;
	right:0;
	top:-30px;
}

.cat_name
{
    width:400px;
 font-size:11px;
 color:gray;
 font-style:italic;
}

.cat_name a
{
    color:#69b7dd;
    text-decoration:none;
}

.cat_name a:hover
{
  color:skyblue;
}


.post-categories
{
    list-style:none;
    display:inline-block;
    margin:4px 0px ; 
    font-size:11px; 
}

.post-categories li
{
    display:inline-block;
}

.post-categories li a
{
    color:dodgerblue;
    text-decoration:none;
}

.post-categories li a:hover
{
    color:skyblue;
    
}
   

.post
{
	padding:12px 18px;
background:#222224;
margin-bottom:2em;
border-radius: 5px;

}
.wp-post-image
{
border-radius: 5px;
}
.readmore
{
	position: relative;
	top:14px;
	padding:2px 12px;
	background:dimgray;
	border:2px solid dimgray;
	border-radius: 5px;
}

.readmore
{
	text-decoration: none;
	font-weight:bold;
	color: #000;
	
}

.readmore:hover
{
    background:#69b7dd;
    border:2px solid #fff;
    color:#000 !important;
}

.attachment-page-single
{
    display:none;
float:left;
margin:5px 25px 25px 0px;
}

.type-post
{

}

				h2{}
				h3{}
				h4{}
				h5, h6, h7{}
				p{}
				pre{}
				blockquote{}
				address{}

.page-content ul{margin:0px 35px;}
				ol{}
				dt{}
				dd{}
				
#menu-sidebar_menu
{
    display:block;
    margin-top:42px;
}

#menu-sidebar_menu li
{
    display:block;
}

				a img{border:0}
				.gallery-caption{}
				.content img{}
					.wp-caption{background:#ddd}
						.wp-caption img{}
						.wp-caption p.wp-caption-text{}
						.wp-caption.alignleft{}
						.wp-caption.alignright{}
						.wp-caption.aligncenter{}
					a img.alignright {float:right;margin-left:12px;}
					a img.alignnone {}
					a img.alignleft {float:left;margin-right:12px;}
					a img.aligncenter {display:block;margin:0 auto;}
	
				.alignleft{float:left;margin:12px 12px 12px 0px}
				.alignright{float:right;margin:12px 0px 12px 12px}
				.aligncenter,div.aligncenter{display:block;margin:0 auto}
				
		#comments{margin-bottom:20px;}
.comment-notes
{
    padding:12px;color:dimgray;
}

.comment-form-author
{
    margin:12px;
}
#author
{
    margin-left:10px;
    height:26px;
    border:1px solid #000;
    border-radius:5px;
}

.comment-form-email
{
    margin:12px;
}
#email
{
     margin-left:12px;
    height:26px;
    border:1px solid #000;
    border-radius:5px;   
}

.comment-form-url
{
margin:12px;    
}
#url
{
      margin-left:9px;
    height:26px;
    border:1px solid #000;
    border-radius:5px;   
}

#commentform
{
	border-radius: 5px;
	background:silver;
}
.commentlist
{
list-style:none;


}

.comment-body
{
 padding:12px;
margin:20px 0px 20px;
border-radius:5px; 
 background:gray;
}
.comment-body p
{
    margin:12px 0px;
}

				.comment{}
				
.comment.even
{
background:dimgray;
padding:12px;
margin:20px 0px 20px;
border-radius:5px; 

}

.comment.odd
{
background:silver;
padding:12px;
margin:20px 0px 20px;
border-radius:5px; 

}
					.comment.depth-1{}
					.comment.bypostauthor{}
					.comment-body{}
						.comment-author{}
							img.avatar{}
							.fn{}
							.says{}
.comment-meta
{
margin:4px 0px;    
}

.comment-meta a
{
color:blue;
text-decoration:none    
}

.comment-edit-link{color:green;}
						.reply a{color:lightgreen;}
			.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}	
			#respond{}
				#commentform{}
					h3#reply-title{}
					.logged-in-as{padding:12px;}
					.comment-form-comment{}
						.comment-form-comment label{display:none}
						#comment{border-radius:5px;border:1px solid #000;margin:22px 12px;}
					.form-allowed-tags{display:none;}
					.form-submit{}
.form-submit #submit{background:dimgray;padding:5px;margin:12px;border:1px solid #000;border-radius:5px;color:#fff;}
.form-submit #submit:hover{background:silver;padding:5px;margin:12px;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;}					
	#main_sidebar_section
	{
	    width:250px;
	    display:block-inline;
	    float:right;
	
	}			
	#sidebar{padding:0;margin:0;float:left;margin-left:0px;}
		.sidebaritem{color:silver;list-style:none;padding:0px 0px 22px;}
			.sidebaritem .title{line-height:26px;color:#fff;padding:.5em 0em;text-align:left;}
			.cat-item, .sidebaritem li
			{
			    list-style:none;
			    padding:4px;
			}
			
			
			.cat-item a, .sidebaritem li a
			{
			    color:#69b7dd;
			}
			
			.cat-item a:hover, .sidebaritem li a:hover
			{
			    color:skyblue;
			}
			
			
			
			
			
	#footer{position:relative;top:40px;color:#fff;clear:both;padding-bottom:40px;}
#footer a
{
color:#fff;
}

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%;width:250px;background:#000 !important;}
#mc_embed_signup .button:hover {color:#000;background-color:#69b7dd !important}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; color: #000;min-width:140px !important}

#mc_embed_signup .button {clear:both; background-color: silver; border: 0 none; border-radius:4px; color: #000; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto !important;}


/* ////////////  FIVE CUSTOM IMAGES ON CUSTOM TEMPLATES ////// */


#static_image_one, #static_image_two, #static_image_three, #static_image_four, #static_image_five
{
position:relative;
top:0px;
margin:0 auto;
width:960px;
height:500px;
}

/*
#static_image_one img, #static_image_two img, #static_image_three img, #static_image_four img, #static_image_five img
{
width:100%;
}
*/

#hide
{
 position:absolute;
 top:620px;
 width:960px;
 height:26px;
 background:#222224;   
}
 .alignnone
{
padding:5px;

}  

.post-content a
{
color:skyblue;
}

.wpcf7-textarea
{
 height:100px !important;  
}