/*
Theme Name:Typographic
Theme URI:http://contrasentido.yukei.net
Description:Typography-based tumblelog theme
Version:Beta1
Author:Felipe Lavin
Author URI:http://yukei.net
*/

body{
width:600px;
margin:0 auto 0 auto !important;
padding:15px 0 0 0;
background:#fff;
font:1em/1.8 Corbel,'Lucida Grande','Trebuchet MS',FreeSans,sans-serif;
color:#333;
}

#content hr {
display: none;
}

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


a:hover {
color: #000000;
}

input[type=text], textarea {
   padding: 3px;
   color: #777;
   border-style: dashed;
   border-color: #CCCCCC;
   overflow: auto;
   }

input[type=text]:focus, textarea:focus {
   background: #fff;
   color: #333;
   border-color: #666;
   }

/* general styles    */
h3,h4,h5,h6{line-height:normal}
abbr,acronym,dfn{border-bottom:1px dotted #666;cursor:help}
dt{color:#000;font-weight:bold;}
dd{margin-left:1em}

/* header   */

#header {
margin-bottom: 10px;
text-align: left;
vertical-align: center;
}

#header h1{
display: block;
padding-top:5px;
padding-bottom:0;
}

#header h1 a{
font-size:48px;
font-weight:bold;
letter-spacing:-0.1em;
color:#000;
text-decoration:none;
line-height:1;
}

#header ul {
display: block;
clear: both;
}

#header ul li {
display: inline;
list-style-type: none;
padding-right: 15px;
}

#header ul li a:link, #header ul li a:visited {
line-height: 14px;
font-weight: bold;
margin: 0 6px 4px 0;
text-decoration: none;
color: #999;
}

#header ul li.current_page_item a:link, #header ul li.current_page_item a:visited, #header ul li a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#header h1 a,.tagline{
font-family:Calibri,Arial,Helvetica,sans-serif;
line-height:1;
text-transform:lowercase;
}

#header .nav_row {
position: relative;
display: block;
width: 100%;
margin-bottom: 1em;
padding: 5px 0 5px 0;
}

.rss a{
margin: 0;
width:24px;
height:48px;
text-indent:-9999em;
background: url('img/rss_icon_glass_reflection24.jpg') top no-repeat;
float: right;
}

span.tagline{
font-size:28px;
color:#999;
margin-right: 15px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
background: none;

}

.search-tagline-container {
display: block;
margin: 0.8em 0 0.8em 0;
}

/* search   */

form#search {
margin: 0;
padding: 0;
float: right;
}

form#search fieldset {
width: 170px;
display: inline;
}

form#search input#s{
width:170px;
font-size: 0.9em;
padding-left: 2px;
margin: 0;
display:block;
}

form#search label{
display: none;
width:0;
}

/* content  */
#content{
clear:both;
margin-top:10px;
}
.post{
width:600px;
margin:0.5em 0 3em;
}
h2.the_date{
padding-top: 0;
font-family:Calibri,Arial,Helvetica,sans-serif;
color:#ccc;
font-size:2em;
letter-spacing:-0.1em;
font-weight:bold;
text-transform:uppercase;
margin: 0 0 0.5em;
}
.post-content p{margin-bottom:1em}
.post-content hr{display:none}
.post-meta{
background:#eee;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
border-bottom:1px solid #ccc;
font-size:0.75em;
padding:3px;
margin:1em 0 0 0;
color:#999;
clear: both;
}

.post-meta a:hover{color:#000 !important;}
.permalink a{
float:right;
text-decoration:none;
color:#999 !important;
margin-right:1em;
}
.tags a{
text-decoration:none;
color:#777 !important;
font-weight:bold;
}
.post h4,.post h5,.post h6{text-transform:uppercase;color:#444;margin-top:0.5em}
.post h4{font-weight:bold;font-size:1.5em; display: inline;}
.post h5{font-weight:bold}
.post h6{text-decoration:underline}
.post strong{font-weight:bold;color:#222}
.post cite{text-decoration:underline}
.caption{
margin:1em 0.5em;
padding:0.5em;
border-top:1px dotted #ccc;
display:block;
color:#777;
font-size:0.8em;
text-align:right;
line-height:normal;
}
.caption a{
color:#555 !important;
font-weight:normal
}
.related{
font-size:0.85em;
margin:1em 3em;
}

/* styles for the different types of content */
h3.the_title, .related h3{text-transform:uppercase;font-size:1.2em;color:#666;font-weight:bold}

.comments p{
text-align:left;
margin-top:1em;
}

.quote .post-content {
padding-left:33px;
background:url(img/quote.gif) top left no-repeat;
}

.quote blockquote p{
text-align:left;
}

.quote cite{
color:#000;
font-weight:bold;
text-decoration:none;
}

.quote cite a{
color:#555555;
text-decoration:none;
}

cite a:hover{
color:#66CC33;
text-decoration:none;
}

.quote blockquote{
margin-top:20px;
padding-left:28px;
color:#656f72;
text-align:left;
background:url(../img/quote.gif) top left no-repeat;
}
.short blockquote{
font-size:2em;
font-weight:bold;
line-height:1;
letter-spacing:-0.05em
}
.medium blockquote{
font-size:1.6em;
font-weight:bold;
line-height:1.2;
}
.large blockquote{
font-size:1.1em;
font-weight:bold;
}
.extra-large blockquote{
font-size:1.1em;
}
.photo .post-content{
text-align:center;
margin:0 auto;
}
.link .post-content a{
font-size:1.3em;
}
.conversation .post-content dl{
background: #f4f4f4;
border-left:5px solid #555;
padding:0 1px;
margin:0 1em;
}
.conversation .post-content dt, .conversation .post-content dd{
padding:4px 0 4px 8px;
}
.conversation .post-content dt{
float:left;
font-weight:bold;
margin:0 1em 0 0;
clear:left;
}
.conversation .odd{
background:#e8e8e8;
}
.conversation dd.odd{
margin-left:0 !important;
border-bottom:1px solid #fff;
}
.wordtube, .video .post-content{text-align:center}
.document .post-content{
background:url(../img/document.gif) top left no-repeat;
padding-left:36px;
}

.normal-post h3, .normal-post .post-content {
margin-left: 3px;
padding-left: 18px;
border-left: 12px solid #DDDDDD;
}

.normal-post h3 .post-type-text {
display: inline;
font-size: 0.9em;
font-weight: normal;
margin-left: 15px;
}


/*Gray red Pagination*/
div.pagination {
width: 100%;
text-align: center;
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
padding:2px;
background-color:#ffffff;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
background-color:#fefefe;
text-decoration: none; /* no underline */
color: #000 !important;
}
div.pagination a:hover, div.pagination a:active {
background-color:#eee;
color: #000;
-moz-border-radius:3px;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
font-weight: bold;
background-color: #fff;
color: #303030;
   }
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
background-color:#f2f2f2;
color: #797979;
   }

/* footer */
#footer{
color:#777;
padding: 15px 0 0;
/*border-top:1px dotted #ccc;*/
font-size:0.75em;
clear: both;
}
#footer a{
color:#000;
text-decoration:none;
}
#about{margin-bottom:15px !important;}
#about h3{color:#666;text-transform:uppercase;font-weight:bold;font-size:1.1em;}
#typographic-credits{
border-top:1px dotted #999;
padding:5px !important;
text-align:right;
color:#444;
}

ul.wp-tag-cloud li {
display: inline;
}




.comments {
   text-align: left;
   padding: 5px 0 0;
   position: relative;
   }

.comments .commentlist .even {
   border: 1px dashed #cccccc;
   background-color: #ffffff;
   }

.comments .commentlist .odd {
   border: 1px dashed #dddddd;
   background-color: #eeeeee;
   }

.comments .pinglist .even {
   border: 1px dashed #cccccc;
   background-color: #ffffff;
   }

.comments .pinglist .odd {
   border: 1px dashed #dddddd;
   background-color: #eeeeee;
   }

.metalink a, .metalink a:visited,
.metalink a, .metalink a:visited {
   color: #999;
   font-weight: normal;
   }

.comments .metalink {
   font-size: 1.8em;
   letter-spacing: -1px;
   text-transform: lowercase;
   margin: 0 15px 0 0;
   float: none;
   }

.commentseditlink {
   border: none;
   padding: 2px;
   padding-left: 10px;
   }

.commentsrsslink a, .trackbacklink a {
   color: #999;
   padding: 2px;
   }

.commentsrsslink a:hover, .trackbacklink a:hover {
  color: #000000;
}

.comments .commentlist {
   margin: 0;
   position: relative;
   }

.comments .commentlist li {
   margin: 10px 0;
   padding: 10px;
   list-style: none;
   }

.comments .commentlist li p {
   margin-top: 0;
   }

.comments .commentlist{
   padding: 10px 0 10px 0px;
   display: block;
   }

.commentmetadata {
        font-size: 0.9em;
        display: inline;
        }

.comments .commentlist li img {
   padding: 0;
   border: none;
   }

.comments .commentlist li img.gravatar {
   float: right;
   margin: -5px 0 0;
        background: url('img/defaultgravatar.jpg') no-repeat !important;
        width: 32px;
        height: 32px;
   }

.comments .commentlist li .commentauthor {
   font-size: 1em;
   font-weight: bold;
   letter-spacing: -1px;
   }

.comments .commentlist li .counter {
   font: normal 1.5em Helvetica, Sans-Serif;
   color: #999;
   display: inline;
   width: 35px;
        margin-right: 10px;
   }

.comments .commentlist li.authorcomment {
   background: #f6f7f8;

   }

.comments .pinglist {
   padding: 0;
   margin: 0;
   list-style-position: outside;
   }

.pinglist h4 {
margin-top: .5em;
margin-bottom: .5em;
text-transform: none;
font-size: 1.2em;
   }

.commentslist h4 {
margin-top: .5em;
margin-bottom: .5em;
text-transform: none;
font-size: 1.2em;
   }

.comments .pinglist li {
   padding: 7px 10px;
   list-style: none;
   list-style-position: outside;
   }

.comments .pinglist li .commentauthor {
   font-weight: bold;
   display: block;
   }

.comments .pinglist li small {
   font: .8em Arial, Sans-Serif;
   display: block;
   }

.comments .pinglist li .counter {
   display: none;
   }

.comments .pinglist li span.favatar img {
   margin-left: -25px;
   border: none;
   padding: 0;
   float: left;
   }

.comments .pinglist li img {
   padding: 0;
   border: none;
   }

.comments #leavecomment {
   text-align: center;
   margin-bottom: 40px;
   color: #ddd;
   font-size: 2em;
   letter-spacing: -2px;
   }

.comments #loading {
   text-align: center;
   margin-bottom: 40px;
   margin-top: 40px;
   color: #ddd;
   font-size: 2em;
   letter-spacing: -1px;
   }

.comments form {
        clear: both;
   padding: 1px 0 30px;
   margin: 0;
   }

.comments input[type=text], textarea {
   font: 1.1em Trebuchet MS;
   }

.comments form input[type=text] {
   width: 45%;
   margin: 5px 5px 1px 0;
   }

.comments form textarea {
   height: 250px;
   padding: 2px;
   width: 100%;
   }

.comments form #authorinfo p label small {
  padding: 3px;
}

.comments form #submit {
   margin: 0;
   float: right;
   }

textarea#comment {
        background: transparent url('img/comment-textarea.png') no-repeat center;
        }

.commentsrsslink {
   background: url('img/feed.png') left center no-repeat;
   padding: 2px 0 2px 20px;
   margin-right: 10px;
   height: 16px;
   }

.trackbacklink {
   background: url('img/arrow_refresh.png') left center no-repeat;
   padding: 2px 0 2px 20px;
   height: 16px;
   }

.sharethislink {
   height: 16px;
   }

.stico_default {
   background-position: left center;
}

.commentslink {
   padding: 2px 0 2px 20px;
   background: url('img/comment.png') left center no-repeat;
   margin-right: 15px;
        display: inline;
   }

.tagdata {
   display: inline;
   padding: 2px 0 2px 20px;
   background: url('img/tag_blue.png') left center no-repeat;
   }

.comments .metalinks {
display: block;
margin-bottom: 7px;
}

.comments h4 {
margin-top: 1.5em;
display: block;
}


.contact-forms {
display: block;
}

.contact-forms input[type=text], .contact-forms textarea {
         font-family: Trebuchet MS;
   padding: 3px;
        width: 240px;
   border-style: solid;
}

.contact-forms textarea {
height: 150px;
}

.contact-form-1, .contact-form-2 {
        width: 280px;
}

.contact-form-2 {
        float: right;
}

/*
.buttons input {
margin-top: 10px;
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #DFFFD6;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.buttons input:hover {
background-color: #C4FFB2;
border: 3px double #777777;
border-top-color: #AAAAAA;
border-left-color: #AAAAAA;
}

.buttons input:active {
background-color: #DFFFD6;
border: 3px double #555555;
border-top-color: #888888;
border-left-color: #888888;
}
*/

.buttons {
margin-top: 0.9em;
}

.contact-form-1 h3, .contact-form-2 h3 {
font-family:Calibri,Arial,Helvetica,sans-serif;
font-size: 24px;
display:block;
text-transform:lowercase;
font-weight:bold;
color:#666;
}

.contact-captcha  input[type=text] {
width: 100px;
}

.contact-captcha label {
display: block;
}

.captcha-box {
display: inline;
}

.captcha-pic {
padding-top: 8px;
display: inline;
vertical-align:center;
}


table.aklh_harvest {
margin-top: 1em;
}

table.aklh_harvest thead tr th {
border-bottom: 2px solid #333333;
margin: 0 4px 0 4px;
}

table.aklh_harvest tr td h4 {
text-transform: none;
font-size: 1em;
margin-left: 15px;
}

table.aklh_harvest tr td ul {
margin-left: 15px;
list-style-type: disc;
}

table.aklh_harvest tr td ul li {
font-size: 0.9em;
}

table.aklh_harvest tr td {
padding: 0 5px 0 5px;
}

table.aklh_harvest tr td.count, table.aklh_harvest tr td.action {
border-left: 2px solid #FFFFFF;
}

table.aklh_harvest tr.alternate {
background-color: #DDDDDD;
}

#aklh_credit {
margin-top: 1em;
}

table.aklh_harvest span.hide {
display: none;
}

table.aklh_harvest a.close {
float: right;
margin-right: 5px;
}

a.twitter-footer-link {
background: url('img/fav-twitter.gif') left center no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}

a.jaiku-footer-link {
background: url('img/fav-jaiku.gif') left center no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}

a.pownce-footer-link {
background: url('img/fav-pownce.gif') left center no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}

a.friendfeed-footer-link {
background: url('img/fav-friendfeed.png') left center no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}