/* @override http://blog.industrieshop.com/wp-content/themes/industrie/style.css */

/*  
Theme Name: Industrie Shop
Theme URI: http://blog.industrieshop.com/
Description: Ce thËme a ÈtÈ rÈalisÈ pour le blog de la boutique en ligne Industrie.
Version: 1.0
Author: SÈbastien Yaher
Author URI: http://www.resonexion.com/
Tags: shop 
*/



* { margin: 0; padding: 0; outline: none; }



a:link, a:visited, a:active { color: #ffffff; }

a:hover { color: #ffffff; }



body { background: #010101 url() no-repeat center top; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; color: #666;  }

#page {
	margin: 0;
	background: url(img/page-bg.gif) repeat-x 0 top;
}

#wrapper { width: 826px; margin: 0 auto; 
	clear: both;
}



#header {
	height: 145px;
	text-align: left;
	margin: 0;
	padding: 0;

}

#header ul {
	float: left;
	display: inline-table;
	margin-top: 16px;
}

#menu {
	float: left;
	width: 826px;
	
}

#content-wrapper {
	background: #010101 url(img/content-wrapper-bg.gif) no-repeat right top;
}

#content {
	width: 550px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	margin: p;
	}

li.pagenav {
	list-style-type: none;
	float: left;
}

li.pagenav ul {
	text-align: left;
	float: left;
	margin-top: 110px;
}

li.pagenav h2 {
	display: none;
}

li.page_item {
	list-style-type: none;
	height: 35px;
	margin-right: 5px;
	float: left;
	text-transform: uppercase;
	font-size: 16px;
	background-color: #454545;
}

li.current_page_item {
	list-style-type: none;
	height: 35px;
	margin-right: 5px;
	float: left;
	background-image: none;
	text-transform: uppercase;
	font-size: 16px;
	background-color: #FFF;
	color: #454545;
}

li.page_item a {
	text-decoration: none;
	color:#999;
	padding:5px 8px 6px 8px;
	float: left;
	}

li.current_page_item a {
	text-decoration: none;
	color:#454545;
	padding:5px 8px 6px 8px;
	float: left;
}

a.logo { width: 192px; height: 52px; float: left; background: url(img/logo.png); margin-top: 45px; }

a.logo span { display: none; }



#branding {
	float: left;
	margin-top: 20px;
	margin-left: -25px;
	}

#branding h1 a span {
	background-image: url(img/logo.png);
	width: 243px;
	height: 56px;
	text-indent: -2000em;
	display: block;
}

#branding h1 a {color:#E7EBF7;font-weight: normal; text-decoration: none; font-size: 30px;}



#branding p {
	color:#fff;
	margin-left: 25px;
	margin-top: 3px;
	}



.search { float: right; margin-top: 45px;
}

.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none;
}



#subheader {
	float: left;
	height: 170px;
	margin-top: 30px;
	}

#subheader p { font-size: 10px; margin: 10px 10px 20px 10px; }



/*

	script stuff 

*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }



.post { margin-bottom: 40px;
	
}

.post h2 {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 26px;
	}

.post h2 a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 26px;
	}

.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 550px; float: left; }

.post p {
	line-height: 22px;
	margin-bottom: 10px;
	text-align: left;
	}

.post div.cats {
	border-top: 1px solid #ececec;
	padding-top: 10px;
	clear: both;
	}

.post p.tags {
	clear: both;
	padding-top: 10px;
}



#sidebar {
	width: 200px;
	float: left;
	margin-top: 30px;
	margin-left: 16px;
}

#sidebar ul { list-style-type: none; }

#sidebar ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #292929;
}

#sidebar ul li ul li { margin: 0; border: none; padding: 0;}

#sidebar ul li ul li a {
	padding: 5px 0px 5px 22px;
	display: block;
	width: 175px;
	color: #FFF;
	background: url(img/puce.png) no-repeat 10px;
}

#sidebar ul li ul li a:hover {
	color: #ccff00;
	text-decoration: none;
	background: url(img/puce_hover.png) no-repeat 10px;
}

#sidebar ul li h2 {
	font-size: 13px;
	color: #deff02;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 30px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(img/sidebar-bg.gif) no-repeat left top;
	border-bottom: 1px solid #49474a;
}

#sidebar ul li a, #sidebar ul li a:visited {
	text-decoration: none;
	color: #FFF;
	
}

#sidebar ul li a:hover {
	text-decoration: underline;
	color: #FFF;
	
}


.navigation .previous {float:left;}

.navigation .next {float:right;}



#footer {
	clear: both;
	width: 100%;
	float: left;
	padding: 25px 0 20px;
	background: url(img/footer-bg.gif) no-repeat center top;
}

#footer .inner { width: 800px; margin: 0 auto; }



/*

	.comments template styles

*/



.comments {
	float: left;
	padding: 0;
	width: 550px;
	}



.comments input[type=text], textarea { width: 350px; }



textarea { width: 450px; }



.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }



.comments p { padding: 0 0 10px 0; }



.comments h2 { padding: 0 0 15px 0; }



#cdisplay { list-style-type: none; padding: 0; margin: 0; }



	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 530px; }

	

	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }

	

	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;
   margin-right: 8px;
   margin-bottom: 8px;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.avatar {float:right;}