/*  
Theme Name: Typography Daily
Theme URI: http://www.typography-daily.com
Description: Bla bla bla.
Version: 0.9
Author: Mirko Humbert
Author URI: http://www.mirkohumbert.ch/
*/

* {margin:0;padding:0;}
html, body {font-family:Georgia, Time, 'Time New Roman', serif;font-size:0.9em;}
#contentwrapper, .footer2 {position:relative;width:960px;margin:30px auto;}
a {text-decoration:underline;color:#2F5F5F;}
a:hover {color:#7F072E;text-decoration:none;}

@font-face{ font-family: 'raleway'; src: url('fonts/raleway_thin-webfont.eot'), url('font/raleway_thin-webfont.woff') format('fonts/woff'), url('fonts/raleway_thin-webfont.ttf') format('truetype'), url('raleway_thin-webfont.svg#webfont') format('svg'); }


#books img {display:none;}
#books h2 {font-size:0.8em;text-transform:uppercase;padding:5px 0 10px 0;border-bottom:1px solid #ddd;margin:0 0 10px 0;}
#books h2 a {text-decoration:none;}


#sidebar img {border:0;margin:0 0 10px;}
#books .widget_rss {list-style-type:none !important;}

#books .widget_rss ul li {list-style-type:none !important;margin:0 0 10px 0;}
#books .widget_rss ul li a {text-decoration:none;}
#books .widget_rss ul li a:hover {text-decoration:underline;}
.links {width:500px;margin:20px 0;}
.logo a.powered-by {display:none;}

/* HEADER */
#header {width:100%;background:#eeefef url('images/little-shade.jpg') repeat-x bottom;height:111px;text-align:center;}
#header img {border:none;}
.headerimg {text-transform:uppercase;padding:30px 0;}
.headerimg a {color:#535F5F;text-decoration:none;}
#header h1 {position:relative;float:left;font-weight:normal;color:#6F7F7F;font-size:1em;margin:8px 0;}
#headernav {position:relative;margin:0 auto;width:890px;height:30px;}
#headernav ul {position:relative;float:right;margin:8px 0;width:200px;}
#headernav ul li {position:relative;float:left;list-style-type:none;margin:0 20px 0 0;padding:0;}
#headernav ul li a {color:#6F7F7F;text-decoration:none;}
#headernav ul li a:hover {color:#364F4F;text-decoration:underline;}
#logowrap {position:relative;margin:0 auto;padding:50px 0 0;width:890px;}
#logo {position:absolute;right:-75px;top:30px;}

/* NAVIGATION */
#navigation {position:absolute;top:-70px;left:55px;}
#navigation ul li a {font-family:impact,helvetica,arial,sans-serif;text-decoration:none;color:#536F6F;font-weight:normal;}


#sidebar iframe {margin:10px 0 0;}
					  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } 

ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }


/* SIDEBARS */
#sidebar {position:relative;float:right;width:270px;font-family:"helvetica neue", helvetica, arial, verdana, sans-serif;margin:114px 0;border-top:1px dotted #aaa;padding:20px 0 0 0;}
#sidebar a {text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}
#subscriptions {border-bottom:1px dotted #aaa;margin:0 0 20px;padding:0 0 20px;}
#subscriptions li {font-family:'raleway', helvetica, arial, sans-serif;list-style-type:none;color:#aaa;font-size:1.3em;}
#subscriptions img {vertical-align:middle;margin:10px 10px 10px 0;}
#sidebar h2 {font-size:0.9em;font-weight:bold;color:#aaa;text-transform:uppercase;margin:13px 0 20px 10px;}
#sidebar #largeads {position:relative;float:left;width:267px;clear:both;border:1px solid #ccc;border-top:1px solid #ccc;margin:0;padding:10px 0;text-align:center;background:#eee;}
#search {display:block;width:257px;margin:0;background:#ddd;padding:10px 0 10px 10px;border:1px solid #ccc;}
#search #searchform input#s {border:1px solid #838F7D;width:160px;margin:0 0 0 4px;}
#search #searchform input.submit {color:#838F7D;margin:0 0 0 10px;}
#sponsors {position:relative;float:left;width:100%;}


#recentposts, #blogroll {position:relative;float:left;display:block;clear:both;width:267px;border-top:1px dotted #aaa;padding-top:20px;margin-top:20px;}
#recentposts {border-bottom:1px dotted #aaa;padding-bottom:20px;margin-bottom:20px;}

#sidebar #recentposts li {position:relative;float:left;list-style-type:none;margin:0 10px 10px 10px;padding:0 0 10px;width:180px;}
#sidebar #blogroll li {list-style-type:none;margin:0 10px 10px 10px;padding:0;}
#popular ul {position:relative;float:left;width:247px;margin:0 0 0 10px;}
#popular li {position:relative;float:left;width:110px;display:inline;list-style-type:none;margin:0 10px 0 0;height:40px;}
#newsletter {position:relative;float:left;display:block;clear:both;width:269px;border:1px solid #ccc;padding:0 0 10px 0;margin:10px 0 0;}
#newsletter form.phplist {position:relative;float:left;width:220px;margin:0 10px;}
#newsletter form.phplist label {font-size:0.7em;text-transform:uppercase;color:#777;letter-spacing:0.1em;margin:0 5px 0 0;}
#newsletter form.phplist input#email {border:1px solid #ccc;width:140px;}
#newsletter form.phplist input#contactsubmit {position:relative;float:right;margin:-17px -8px 0 0;background:transparent;border:none;}
#newsletter h3 {margin:0 10px;color:#BF001A;}
#books {width:125px;position:relative;float:right;margin:60px 0 0 0;}
#books img.opacify {border:0;margin:20px 0 0 30px;}

#sidebar a.popular {position:relative;float:left;margin-bottom:10px !important;}
#sidebar a.popular img {border:1px solid #C2CFCF;margin:0 0 5px;}
.metadata {font-family:"helvetica neue", helvetica, arial, verdana, sans-serif;}
.metadata img {margin:0 0 10px !important;}
.googlead {margin:20px 0 0 -10px;}

/* HOMEPAGE */

.post-home {position:relative;float:left;width:210px;height:160px;margin:7px 15px 50px 0;text-align:justify;}
.post-home .posttitle-home {text-align:left;width:200px;}
.post-home .posttitle-home img {border:1px solid #ddd;padding:2px;margin:0 0 10px;}
.post-home .metadata {font-size:0.8em;}
.post-home .aftermetadata {float:right;}
.post-home .aftermetadata a {text-decoration:none;font-size:1em;padding:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#ccc;}
.post-home .aftermetadata a:hover {text-decoration:none;font-size:1em;padding:5px;border-top:1px solid #000;border-bottom:1px solid #000;color:#000;}

/* SINGLE SPECIFIC */
#articlesnav {position:relative;float:left;width:450px;border-top:1px dotted #aaa;border-bottom:1px dotted #aaa;padding:1px 0;}
div.previousarticle {position:relative;float:left;width:150px;background:#BECFB5;padding:3px 0 0;text-align:center;}
div.nextarticle {position:relative;float:right;width:150px;background:#BECFB5;padding:3px 0 0;text-align:center;}
.postcontent .previousarticle a {text-decoration:none !important;font-size:0.8em;text-transform:uppercase;}
.postcontent .nextarticle a {text-decoration:none !important;font-size:0.8em;text-transform:uppercase;}
.nextprevious {position:relative;background:#7E8F74;float:left;width:450px;text-align:center;padding:5px 0;}
.nextprevious a {text-decoration:none !important;font-weight:bold;color:#fff !important;}
.nextpreviousfooter {position:relative;border:1px solid #ddd;;float:left;width:450px;text-align:center;padding:5px 7px;margin:0 0 5px -10px;}
.nextpreviousfooter a {text-decoration:none;color:#555;}
.nextpreviousfooter a:hover {color:#000;text-decoration:underline;}
#rtbutton {position:relative;float:left;width:113px;text-align:center;padding:4px 0 0 35px;background:#BECFB5;height:20px;border-left:1px solid #fff;border-right:1px solid #fff;}
#caretoshare {position:relative;float:right;width:200px;margin:10px 20px 0 0;font-size:2em;color:#ccc;}
.post .metadata {position:relative;float:left;width:200px;}
.woodtype {position:relative;float:left;margin-top:20px;padding-top:20px;border-top:1px dotted #aaa;}
img#wtimg {position:relative;float:left;outline:0;padding:0 5px 0 0;}
#woodtypetext {position:relative;float:right;width:145px;}
#endpostads {position:relative;float:right;width:450px;}

/* SOCIAL MEDIA - RSS BOX */
#sharingicons {position:relative;float:left;padding:0 0 15px;border-bottom:1px solid #ddd;margin:0 0 10px;width:450px;}
#sharingicons ul {list-style-type:none;}
#sharingicons ul li {position:relative;float:left;}
#singlersssubscribe {position:relative;float:left;margin:10px 0 5px -10px;border:1px solid #ddd;padding:15px;width:435px;}
#singlersssubscribe a {text-decoration:none;font-weight:bold;color:#000;}
#singlersssubscribe a:hover {text-decoration:underline;}
#singlersssubscribe img {border:none;margin:0 10px -8px 0;}
#singlersssubscribe .rssbutton {position:relative;float:left;width:195px;border-right:1px solid #ddd;padding:0 15px 0 0;margin:0 15px 0 0;}
.rssform {position:relative;float:left;width:200px;margin:10px 0 0;}
.rssform input#abo {margin:10px 0 0 0;border:1px solid #ccc;width:120px;}
.rssform input#rsssubmit {background:transparent;border:none;margin:0 0 0 5px;}

/* MAIN CONTENT */
#maincontent {width:670px;padding:60px 0 0 0;}
#maincontenthome {width:680px;padding:60px 0 0 0;}

#maincontent h2.posttitle {font-family:'raleway', helvetica, arial, sans-serif;font-size:3em;font-weight:normal;color:#1B3F3F;padding:0 0 7px 0;line-height:1.2em;text-align:left;border-bottom:1px dotted #aaa;margin:0 0 20px 0;}
#maincontenthome h2.posttitle {font-family:'raleway', helvetica, arial, sans-serif;font-size:3em;font-weight:normal;color:#1B3F3F;padding:0 0 7px 0;line-height:1.2em;text-align:left;border-bottom:1px dotted #aaa;margin:0 0 20px 0;}



#maincontent h2.posttitle a {color:#1B3F3F;text-decoration:none;}
#maincontent h3 {font-weight:normal;font-size:1.3em;margin:0;padding:15px 0 0;}
.post {margin:0 0 50px;text-align:justify;}
.post img {margin:0;padding:0;max-width:450px;border:1px solid #fff;outline:1px solid #C2CFCF;height:auto;}
.post .postcontent h2 {font-size:1.5em;color:#1A2F2F;font-weight:normal;margin:40px 0 20px;border-bottom:1px solid #3E6F6F;padding:0 0 5px 0;}
.post .postcontent {position:relative;float:right;width:450px;font-size:1.5em;line-height:1.5em;margin:0 0 50px;padding:0;}
.post .postcontent ul, #maincontent .post .postcontent ol {margin:10px 0 0 15px;}
.post .postcontent .sociable img {border:0;outline:0;}
.post .postcontent .sociable a {border-bottom:0;}
.post .postcontent a {text-decoration:underline;color:#2F5F5F;}
.post .postcontent a:hover {color:#005F5F;text-decoration:none;}
.post .postcontent p {margin:0 0 10px;}
.post .postcontent code {background:transparent;border-top:none;border-right:none;border-bottom:none;margin:5px 0 15px 0;padding:5px 15px 5px 15px;text-align:left;width:420px;}
.post .postcontent blockquote {position:relative;float:left;background:#EEEFEF;padding:10px 15px;margin:0 0 10px 0;border:1px solid #A7BFBF;font-style:italic;}
.post .postcontent blockquote .quoteauthor {position:relative;float:right;font-style:normal;font-weight:bold;}
.metadata {color:#7D8F8F;margin:0 0 10px;line-height:1.5em;font-size:1em;}
.metadata a {font-size:0.9em;color:#171F1F;text-decoration:none;}
#maincontent .post .aftermetadata .commentlink {text-align:right;}
#maincontent .post .aftermetadata .commentlink a {font-size:1.2em;padding:10px;border-top:1px dotted #C2CFCF;text-decoration:none;color:#777;}
#maincontent .post .aftermetadata .commentlink a:hover {color:#000;border-top:1px solid #555;}
#maincontent .adblock {position:relative;float:left;margin:0 0 0 -10px;}

/* OLDER POSTS NAVIGATION */
.navigation {position:relative;float:left;width:450px;height:30px;margin:50px 0 30px 0;}
.navigation .alignleft {position:relative;float:left;width:200px;}
.navigation .alignright {position:relative;float:right;}
.navigation .alignleft a, #maincontent .navigation .alignright a {font-size:1.2em;padding:10px;border-top:1px dotted #C2CFCF;text-decoration:none;color:#777;}
.navigation .alignleft a:hover, #maincontent .navigation .alignright a:hover {color:#000;border-top:1px solid #555;}

.more-info {position:relative;float:left;margin:20px 5px 20px 0;}
.download {position:relative;float:left;width:450px;margin:20px 0 10px 0;}
.download a {padding:10px;background:#EEEFEF;border:1px dotted #99AFAF;}
.download a:hover {background:#fff;border:1px solid #000;}
.more-info a {padding:10px;background:#fff;border:1px dotted #99AFAF;}
.more-info a:hover {background:#EEEFEF;border:1px solid #000;}
.wordpress-theme {position:relative;float:left;width:430px;padding:10px;border:1px solid #eee;margin:10px 0;}
.wordpress-theme img {margin:0;padding:0;}
.design-resources {position:relative;float:left;width:210px;margin:20px 10px 0 0;}
#maincontent code {position:relative;float:left;margin:10px 0;width:410px;background-color:#EFEFEF;padding:20px;border:1px solid #C3DFD1;}
.donations {position:relative;float:left;width:450px;margin:10px 0;}
#scribol {position:relative;float:right;width:450px;}


/* COMMENTS */
#comments {position:relative;float:right;width:450px;margin:0;padding:0;}
h2.comments, h2#postcomment {width:450px;margin:30px 0 20px;color:#ccc;text-transform:uppercase;}
.addcomment {position:relative;float:right;}
h2.comments .addcomment a {padding:5px 0;font-size:0.9em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-decoration:none;font-weight:normal;color:#ddd;}
h2.comments .addcomment a:hover {color:#000;background:none;border-bottom:1px solid #000;border-top:1px solid #000;}
ul#commentlist {width:450px;display:block;clear:both;padding:0;}
ul#commentlist {list-style-type:none;}
ul#commentlist li.lightgraybox {width:425px;background:#EEEFEF;border:1px solid #ddd;padding:30px 20px;margin:10px 0 10px -10px;}
ul#commentlist li.graybox {width:425px;border:1px solid #ddd;padding:30px 20px;margin:0 0 0 -10px;}
.commentheader {position:relative;float:left;width:430px;border-bottom:1px solid #ddd;padding:0 0 10px 0;margin:0 0 20px 0;}
.commentheader .commentavatar {position:relative;float:left;width:32px;bottom:10px;font-style:normal;}
.commentheader .commentauthorauthor {position:relative;float:left;font-size:1.5em;margin:0 0 0 20px;}
.commentheader .commentnumber {position:relative;float:left;font-size:12px;}
.commentheader small {position:absolute;top:0px;left:100px;color:#555;}
.commentheader a {color:#295F5F;text-decoration:none;}
.commentheader a:hover {color:#000;}
ul#commentlist p {margin:10px 0;}

/* COMMENT FORM */
#commentform {width:425px;border:1px solid #ccc;background:#ddd;padding:10px 20px 20px;margin:10px 0 30px -10px;color:#fff;}
#commentform a {color:#fff;text-decoration:none;}
#commentform textarea {width:410px;border:1px solid #151F1F;}
#commentform p {margin:5px 0;}
#commentform input {border:1px solid #151F1F;padding:5px;}
#commentform input#submit {float:right;font-size:15px;font-weight:bold;margin:0 13px 0 10px;}
#commentform input#submit:hover {background:#ccc;}
#commentform label small {color:#000;}

/* TRACKBACKS */
ol#trackbacks {position:relative;float:left;margin:0 0 30px 20px;}
ol#trackbacks li {margin:10px 0;}
ol#trackbacks li a {text-decoration:none;color:#3E6F6F;}
ol#trackbacks li a:hover {text-decoration:underline;color:#0A4F4F;}


/* FOOTER */

#realfooter {position:relative;float:left;font-size:0.9em;width:890px;text-align:center;padding:0;border-top:5px solid #D8DFC3;width:100%;background:#EEF1E6;margin:0;color:#828F59;}
#realfooter a {font-weight:bold;text-decoration:none;color:#737F4F;}
#realfooter a:hover {color:#555F35;text-decoration:underline;}



/* CONTACT PAGE */
form ol.cf-ol, form#cforms2form ol.cf-ol {list-style-type:none;}
form ol.cf-ol li, form#cforms2form ol.cf-ol li {margin:10px 0;}
form ol.cf-ol li span.reqtxt, span.emailreqtxt, form#cforms2form ol.cf-ol li span.reqtxt {color:red;}
form ol.cf-ol label, form#cforms2form ol.cf-ol label {position:relative;float:left;width:150px;}
form ol.cf-ol input, form#cformsform ol.cf-ol textarea {border:1px solid #555;}
form input#sendbutton {float:right;width:150px;margin:10px 30px 0 0;padding:10px;border:1px solid #555;}
form ol.cf-ol li#li-2-1 {width:440px;height:75px;}
form ol.cf-ol li#li-2-1 input#cf2_field_1 {margin:0 0 0 120px;}
form ol.cf-ol li#li-2-1 label.cf-before {position:relative;float:right;clear:left;width:290px;}


.wp-caption p.wp-caption-text {font-style:italic;font-size:0.9em;margin:0 !important;}


.vectorproduct {position:relative;float:left;background:#eee;border:1px solid #ddd;margin:0 0 5px 0;padding:10px;width:430px;}
.vectorproduct img {position:relative;float:right;border:0;outline:0;}
.vectorproduct a img {border:0;outline:0;}
.vectorproduct h3 {position:relative;float:left;}




#maincontent form#tdomf_form1 fieldset {position:relative;float:left;background:#eee !important;padding:0;margin:0;}

#postheaderads {position:relative;float:left;width:450px;margin:5px 0 20px 0;}
#firstad {position:relative;float:left;}
#googleadssingle {position:relative;float:left;padding:15px;}