/*
Theme Name: Modern Dessign Theme
Theme URI: http://www.dessign.net/moderntheme
Description: Modern Dessign Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 1.5
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 2 column theme, white, clean

*/

/* Global */

* { margin: 0; padding: 0; }
body {
	font-size: 12px;
	font-family: arial, georgia, verdana;
	background-color: #d3d3d4;
	background-image: url(images/background1900.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
#main_container {
	width: 968px;
	margin: 0 auto;
	background-image: url(images/allover-blanc.png);
	background-repeat: repeat;
	background-position: left top;
}

.clear { clear: both; }
h1,h2,h3,p { margin: 10px 0; }
h3 { font-size: 12px; }
.left { float: left; }
.right { float: right; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: line-through; }
img { border: none; }
ul { list-style-type: square; }

/* Header */

#menu_container { width: 938px; padding: 10px 20px;}
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; margin: 0 10px; font-size: 12px; }
#menu_container .left_list { float: left; color: #769534;margin-top:5px}
#menu_container .left_list a {color: #769534;}
#menu_container .right_list { float: right; }
#menu_container .right_list li { margin: 0 5px; }

#header_container { width: 968px; height:150px; padding: 0; margin:0; background-image: url(images/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;}
#header_container .right_text { float: right; background-color: #769534; font-size: 15px; color: #fff; padding: 5px; margin:60px 20px 0 0; font-weight: normal; }

#header_category_container { width: 910px; background-color: #161616; padding: 10px 29px; color: #769534; margin-top: 0px; margin-bottom: 5px; }
#header_category_container ul { list-style-type: none; }
#header_category_container ul li { float: left; margin-right: 5px; font-size: 15px; font-weight: normal; }
#header_category_container ul li a { color: #fff; }
#header_category_container ul li a:hover { color: #769534; }


#featured_home_top { width: 910px; padding: 15px 29px; border-bottom: 0px dotted #000; }
#featured_home_top .home_top_box { width: 284px; float: left; margin-right: 25px; }
#featured_home_top .home_top_box img { width: 284px; height: 176px; }
#featured_home_top .last { margin-right: 0px; }

/** Content **/

#content {
	width: 630px;
	float: left;
	margin-top: 15px;
}

#content .featured_box { width: 190px; float: left; margin-right: 15px; }
#content .featured_box img { width: 190px; height: 252px; }
#content .featured_box p { font-size: 11px; }
#content .last { margin-right: 0px; }
#content .first { margin-left: 29px; }

#content .single { padding-left: 29px; width: 601px; }
#content .single h1 { font-size: 13px;color: #769534; }

#content .post_divider { width: 100%; height: 2px; border-bottom: 1px dotted #000; margin: 15px 0; }
.nav_container { width: 610px; margin: 20px 0; padding: 0 10px; }

/** Sidebar **/

#sidebar { width: 255px; float: right; margin-right: 10px; margin-top: 15px;}
#sidebar .box { width: 285px; margin: 15px 0; }
#sidebar .box ul { list-style-type: none; }
.portfolio_title { border-bottom: 1px dotted #000; margin-bottom: 0; }
.portfolio_list { list-style-type: none; }
.portfolio_list li { border-bottom: 1px dotted #000; padding: 2px 0; }
.portfolio_list li:hover { background-color: #000; }
.portfolio_list li:hover a { color: #fff; }
.portfolio_list li:hover a:hover { text-decoration: none; }

.search_icon { float: right; margin: 0 10px; }
.search_box { width: 163px; height: 17px; border: 1px solid #000; }

.recent_list { list-style-type: none; }
.recent_list li { margin: 10px 0; clear: both; float: left; width: 285px; }
.recent_list h3 { margin-top: 0; }
.recent_list li img { float: left; margin-right: 10px; }


/** Footer **/

#footer { width: 958px; padding: 25px 5px; text-align: right; border-top: 1px solid #769534; margin-top: 10px;color: #769534 }
#footer a { color: #769534; font-weight:bold }
#footer a:hover { color: #000000; font-weight:bold }