/*
Theme Name: Typografika Dessign
Theme URI: http://www.dessign.net/typografikadessign
Description: Typografika 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-family: arial, georgia, verdana; font-size: 11px; background: url('images/background.gif') repeat; color: #000; }

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

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

a:hover { text-decoration: underline; }

.clear { clear: both; }

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

.left { float: left; }
.right { float: right; }
img { border: none; }
ol { list-style-type: none; }


/** Header **/

#header { height: 50px; width: 960px; }

.header_left { float: left; width: 216px; }

.header_right { float: right; width: 717px; height: 24px; background-color: #dedfe3; padding: 13px; }

.header_right ul { list-style-type: none; }

.header_right ul li { float: left; margin: 0 8px; padding: 6px 5px; }

.header_right ul li a:hover { text-decoration: none; }

.header_right ul li:hover { background-color: #000; }

.header_right ul li:hover a { color: #fff; }

.header_right .search  { width: 136px; height: 16px; float: right; border: 1px solid #000; background-color: #ffffff; font-size: 11px; text-align: right; padding: 3px; }


/** Content **/

#content { width: 693px; float: right; padding: 20px 25px; border-left: 1px solid #DDDDDD; min-height: 430px; }
.featured_big { width: 335px; margin-bottom: 30px; }
.featured_big img { width: 335px; height: 338px; }
.featured_big h3 { background-color: #000; padding: 3px; margin: 5px 0; font-weight: normal; font-size: 11px; }
.featured_big h3 a { color: #fff; }

.featured_small { width: 156px; margin-bottom: 30px; float: left; margin-right: 22px; }
.small_last { margin-right: 0px; }
.last_featured { margin-right: 0; }
.featured_small img { width: 156px; height: 155px; }
.featured_small h3 { background-color: #000; padding: 3px; margin: 5px 0; font-weight: normal; font-size: 11px; }
.featured_small h3 a { color: #fff; }

.featured_medium { width: 336px; }
.featured_medium img { width: 336px; height: 157px; }
.featured_medium h3 { background-color: #000; padding: 3px; margin: 5px 0; font-weight: normal; font-size: 11px; }
.featured_medium h3 a { color: #fff; }

.blog_post { width: 676px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDDDDD; padding-right: 40px; }
.blog_post img { width: 336px; height: 157px; float: left; margin-right: 10px; }

.single_blog_post { width: 676px; padding-bottom: 15px; padding-right: 20px; }
.single_blog_post h1 { font-size: 12px; }


/** Sidebar **/

#sidebar { width: 216px; float: left; padding-top: 20px; }

#sidebar h3 { margin-top: 0px; }

#sidebar .box { margin-bottom: 20px; padding: 0 28px 0 10px; }
#sidebar .box ul { list-style-type: none; }
#sidebar .box ul.portfolio_list { list-style-type: none; }
#sidebar .box ul.portfolio_list li { border-bottom: 1px dotted #000; padding: 1px 0; }
#sidebar .box ul.portfolio_list li:hover { background-color: #000; }
#sidebar .box ul.portfolio_list li:hover a { color: #fff; }
#sidebar .box ul.portfolio_list li:hover a:hover { text-decoration: none; }
#sidebar .sidebar_line { border-top: 1px dotted #000; margin-bottom: 15px; height: 1px; }
.port_header { border-bottom: 1px dotted #000; margin-bottom: 0px; }

/** Footer **/

#footer { width: 930px; padding: 10px 15px; background-color: #c1c1c1; text-align: right; }