/*

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 { background-color: #f2f2f2;url('/wp-content/uploads/2012/09/retina_wood.png'); font-size: 15px; font-family: arial, georgia, verdana; }

#main_container { width: 968px; background-color: #fff; margin: 0 auto; }

.clear { clear: both; }

h1,h2,h3,p { margin: 10px 0; }

h3 { font-size: 13px; }

.left { float: left; }

.right { float: right; }

a { color: #000; text-decoration: none; }

a:hover { text-decoration: line-through; }

img { border: none; }



/* Header */



#menu_container { width: 938px; padding: 10px 20px; border-bottom: 1px dotted #000; }

#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; }

#menu_container .right_list { float: right; }

#menu_container .right_list li { margin: 0 5px; }



#header_container { width: 953px; padding: 40px 0px 40px 15px; border-bottom: 1px dotted #161616; }

.logo { float: left; }

#header_container .right_text { float: right; background-color: #000; font-size: 13px; color: #fff; padding: 5px; font-weight: normal; }



#header_category_container { width: 910px; background-color: #161616; padding: 10px 29px; color: #fff; margin-top: 5px; margin-bottom: 5px; }

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

#header_category_container ul li { float: left; margin-right: 20px; font-size: 13px; font-weight: normal; }

#header_category_container ul li a { color: #fff; }





#featured_home_top { width: 910px; padding: 15px 29px; border-bottom: 1px 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: 13px; }

#content .last { margin-right: 0px; }

#content .first { margin-left: 29px; }

#content .entry-title { font-size: 90px; }



#content .single { padding-left: 29px; width: 601px; }

#content .single h1 { font-size: 16px; }



#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: 285px; float: right; margin-right: 20px; 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 dotted #000; margin-top: 10px; }