/*
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: 13px; background: url('images/background.gif') repeat; color: #000; }

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

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

a:hover { text-decoration: none; color: #aaa; }

.clear { clear: both; }

p { line-height: 150%;}

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

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

/* margin-bottom */

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

/**/

/** Header **/

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

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

.header_right { float: right; width: 717px; height: 24px; background-color: #015f9f; 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 a { color: #fff; }

.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; font-size: 12px;}
#sidebar .box ul li { margin :5px 0;}
#sidebar .box ul.portfolio_list { list-style-type: none; }
#sidebar .box ul.portfolio_list li { border-bottom: 1px dotted #000; padding: 3px 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; }