/** * Theme Name: Bloggito * Theme URI: http://demo.miohki.com/bloggito * Description: Minimalistic theme with a custom audio player and support of post formats. * Version: 0.1.2 * Author: Danny Ramirez * Author URI: http://twitter.com/dronixs * Tags: light, theme-options, threaded-comments, one-column, two-columns, fixed-width, custom-colors, custom-menu, custom-background, editor-style, featured-images, full-width-template, translation-ready * License: GNU General Public License v2.0 * License URI: http://www.gnu.org/licenses/gpl-2.0.html * * Copyright (c) 2012 Danny Ramirez. All rights reserved. * http://dronix.me */ body,div,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,img,form,fieldset,blockquote{margin:0;padding:0;border:0}header,hgroup,footer,section,article,aside{display:block}a{text-decoration:none}.fl{float:left}.fr{float:right}.cl{clear:left}.cr{clear:right}.cb{clear:both}body{background:#f1f1f1;color:#3c3c3c;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:23px}a,#today{color:#4ea314}a:hover{color:#7ebf00}pre{ background-color:#f1f1f1; padding:6px 10px}code{ background-color:#f1f1f1; padding:2px 4px}blockquote{ margin:0 30px; color:#95989d; font-style:italic}dl{ margin:0 10px}dt{ font-weight:500}dd{ margin-bottom:20px}table{ border-spacing:0}td,th{ text-align:left}ul,ol{ margin:0 0 20px 24px}address{ display:block; font-style:italic; margin-bottom:20px}ins{ background:yellow; text-decoration:none}input{ margin-bottom:10px}#submit{ border:none; background-color:#fff; cursor:pointer}#submit:hover{ color:#fff; background-color:#4ea314}.hentry h1,.comment-content h1,.hentry h2,.comment-content h2,.hentry h3,.comment-content h3,.hentry h4,.comment-content h4,.hentry h5,.comment-conent h5,.hentry h6,.comment-content h6{ clear:both; margin:0 0 20px 0}.hentry h1,.comment-content h1{ font-size:19px}.hentry h2,.comment-content h2{ font-size:17px}.hentry h3,.comment-content h3{ color:#4ea314; font-size:16px; font-weight:300}.hentry h4,.comment-content h4{ font-size:13px}.hentry h5,.comment-content h5{ font-size:11px}.hentry h6,.comment-content h6{ font-size:10px}#page-container{margin:0 auto;max-width:960px}#page-header{padding:50px 0 40px 0;margin-bottom:80px;position:relative}#site-title{float:left;height:23px;margin-bottom:6px}#site-title a{color:#404044}#site-description{ color:#cbcbcb; clear:left; float:left; font-size:14px; font-weight:300}#page-nav{float:right;font-size:14px}#page-nav ul li{display:inline;margin-left:25px;padding-bottom:5px}#page-nav ul{ margin:0; padding:0; list-style:none; line-height:1.0}div.menu ul ul{ position:absolute; top:-999em; width:10em}#page-nav ul ul li{ width:100%; margin-left:10px}div.menu li:hover{ visibility:inherit}#page-nav li{ float:left; position:relative}#page-nav a{ display:block; padding-bottom:10px; position:relative}#page-nav li:hover ul,li.sfHover ul{ left:0; top:2em; z-index:99}#page-nav li:hover li ul,li.sfHover li ul{ top:-999em}#page-nav li li:hover ul,li li.sfHover ul{ left:0; top:0}#page-nav li li:hover li ul,li li.sfHover li ul{ top:-999em}#page-nav li li li:hover ul,li li li.sfHover ul{ left:10em; top:0}#page-nav a{color:#cbcbcb}#page-nav a:hover{color:#95989D}#page-nav .current-menu-item a,#page-nav .current-menu-item a:hover{color:#292929}#main{ float:left;clear:both;max-width:745px;margin-bottom:80px}.archive-header-container{ margin-bottom:40px}.archive-header-container h1{ text-shadow:0 1px 1px #fff; color:#cbcbcb; font-weight:500}.article-container{background: url(images/articleBG.png) no-repeat 0 bottom;margin-bottom:60px;padding-bottom:30px;min-height:100px}.format-quote-container{ background:url(images/article-darkBG.png) no-repeat 0 bottom}.error-container{ padding-bottom:30px}.hentry{background-color:#fff;margin-left:1px; width:730px}.hentry img{ max-width:648px}.page .entry-header{ padding-top:40px}.aligncenter{ display:block; margin:20px auto}.alignleft{ float:left; margin:20px 20px 20px 0}.alignright{ float:right; margin:20px 0 20px 20px}.alignnone{ display:block; margin:20px}.wp-caption-text{ color:#cbcbcb; text-align:center}.gallery-item{ float:left; margin:0 10px 5px 0}.gallery-caption{ color:#cbcbcb; font-size:11px; text-align:center; max-width:150px}.page-links{ clear:both}.hentry .entry-header{ padding-top:40px}.entry-format{background:url(images/sprites.png) no-repeat;color:#fff;width: 56px;height:26px;text-align:center;margin-left:43px;margin-bottom:40px}.entry-format a{ color:#fff}.format-image .alignnone{ margin:0}.format-quote-container,.singular-format-quote-container{background:url(images/article-darkBG.png) no-repeat 0 bottom;padding-bottom:34px}.format-quote-container .hentry,.singular-format-quote-container .hentry{margin-left:8px}.format-quote{background:#2c2c2c;padding-bottom:4px}.format-quote .entry-format{background-position:0 -30px;color:#2c2c2c;margin-bottom:20px}.format-quote .entry-format a{ color:#2c2c2c}.format-quote blockquote{ color:#e3dfdf;font-size:24px;line-height:33px}.format-quote cite{float:right;padding-bottom:20px}.format-aside-container,.format-link-container{padding-bottom:22px}.format-aside,.format-link{padding-bottom:10px}.singular-format-aside-container,.singular-format-link-container{ padding-top:0}.singular-format-aside,.singular-format-link{ padding:0}.format-audio .entry-header,.singular-format-chat .entry-header,.singular-format-aside .entry-header,.format-image .entry-header,.format-gallery .entry-header,.format-video .entry-header,.format-quote .entry-header{ padding-top:0}.jp-audio-container{background:url(images/audio-playerBG.png) no-repeat 0 1px;padding:0 0 12px 33px;margin-left:-33px;margin-bottom:25px}.format-gallery .entry-summary img{ border:10px solid #f1f1f1; clear:both; float:left; margin:0 0 20px 43px}.entry-header-meta,.singular-entry-header-meta{color:#95989d;font-style:italic;font-size:11px;float:right;margin-right:40px;position:relative}.entry-header-meta a,.singular-entry-header-meta a{ color:#95989d}.entry-header-meta a:hover,.singular-entry-header-meta a:hover{ color:#7ebf00}.entry-header-meta .post-edit-link,.singular-entry-header-meta .post-edit-link{ color:#4ea314;position:absolute;bottom:26px;right:0}.format-quote .entry-header-meta .post-edit-link,.format-aside .entry-header-meta .post-edit-link,.format-link .entry-header-meta .post-edit-link{bottom:5px}.entry-header-meta .date,.singular-entry-header-meta .date{background:url(images/sprites.png) no-repeat;background-position:-21px -69px;padding-left:16px;margin-right:6px}.entry-header-meta .comments-link,.singular-entry-header-meta .comments-link{background:url(images/sprites.png) no-repeat;background-position:-21px -93px;height:20px;width:20px;padding-left:20px}.hentry .entry-title{ float:left; font-size:21px;margin:0 43px 40px 43px;max-width:500px}.featured-image{margin:0 40px 25px 43px;background:url(images/featured-imageBG.png) no-repeat center bottom;max-width:642px}.entry-content{clear:both;margin:0 40px 0 43px}.loop-error{ padding-bottom:20px}.entry-content p{margin-bottom:25px}.entry-footer-meta{ clear:both;font-size:11px;font-style:italic;line-height:18px;color:#95989d;margin:0 43px 0 43px;padding-bottom:35px}.entry-footer-meta .post_tag{display:block;background:url(images/sprites.png) no-repeat;background-position:-24px -115px}.entry-footer-meta .post_tag a:first-child{padding-left:10px}.entry-footer-meta .post_tag a{color:#95989d}.loop-pagination,.loop-nav{ text-align:center; margin-bottom:40px}.loop-pagination a,.loop-pagination .dots,.loop-nav a{ text-shadow:0 1px 1px #fff; color:#cbcbcb; font-weight:500}.loop-nav a{ font-size:19px}.loop-pagination a:hover,.loop-nav a:hover{ color:#95989d}.loop-pagination .current,.loop-pagination .next,.loop-pagination .prev{ color:#4EA314}.loop-pagination .next,.loop-pagination .prev{ font-size:14px}.loop-pagination .next:hover,.loop-pagination .prev:hover{ color:#7EBF00}.entry-content table,.comment-content table{ border-bottom:1px solid #ddd; margin:0 0 1.625em; width:100%}.entry-content th,.comment-content th{ color:#666; font-size:10px; font-weight:500; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase}.entry-content td,.comment-content td{ border-top:1px solid #ddd; padding:6px 10px 6px 0}#comments ul,#comments ol{ margin:0}#comments-title{color:#3c3c3c;font-size:12px;font-weight:normal;margin:0 0 24px 43px}#comments-title span{display:block;line-height:16px;color:#bebdbd}.commentslist .comment,.commentslist .trackback,.commentslist .pingback{ list-style:none; width:737px; margin-bottom:20px; padding-bottom:19px}.comment-article{ clear:both; background-color:#fff; padding-bottom:40px; margin:0 4px 0 3px; position:relative}.trackback .comment-article{ padding-bottom:10px}.comment-content{ margin:0 40px 0 131px}.comment-content p{ margin-bottom:10px}#comments .comment-content ul,#comments .comment-content ol{ margin:0 0 20px 24px}.comment-meta{ margin:0 40px 0 43px; padding-top:27px; position:relative}.comment-author img{background:url(images/avatarBG.png) no-repeat 0 56px;float:left;padding-right:22px;padding-bottom:20px;padding-left:6px}.comment-author span{color:#3c3c3c;font-size:14px;font-weight:bold}.comment-author a{ color:#4ea314}.comment-author a:hover{ color:#7ebf00}.comment-meta .edit{font-size:11px;font-style:italic;position:absolute;right:0;bottom:0}#comments .children{ margin-top:40px}.children .comment{float:right;max-width:600px;min-width:300px}.children .children .comment{ padding:0; margin:0}.children .comment-article{ padding-bottom:44px}.reply a{font-size:11px;font-style:italic;font-weight:200;color:#95989d;padding:2px 10px;background-color:#eeefee;position:absolute;bottom:0;right:65px;border-top-left-radius:5px;border-top-right-radius:5px}.reply a:active{bottom:-2px}#respond{clear:both}#respond p{ margin-bottom:10px}#respond label{ color:#bebdbd; display:block; padding-right:10px}#reply-title{color:#3c3c3c;font-size:12px;font-weight:normal;margin:0 0 24px 43px}#reply-title span{color:#bebdbd;display:block;line-height:16px}#respond .required{ color:#4ea314}#cancel-comment-reply-link{ font-size:12px}#respond input,#respond textarea{ color:#3c3c3c; border:none; font-size:12px}#respond input{ min-height:20px; padding:4px 10px}#respond textarea{ padding:10px}.sidebar{float:left;max-width:172px;margin-left:40px}.sidebar .widget-inside{ font-size:12px}.sidebar ul,.sidebar ol{ list-style:none; margin:0}.sidebar .children{ margin-left:10px}.sidebar .widget{ margin-bottom:20px}#sidebar-header,#sidebar-after-content{ clear:both}#sidebar-before-content{ margin-bottom:40px}#sidebar-after-singular,#sidebar-after-content{ margin-bottom:60px}.sidebar .search{margin-bottom:40px}.sidebar .search input{border:none; min-height:20px; padding:2px 8px}.sidebar .button{border:none; min-height:26px; background-color:#4ea314; color:#fff; cursor:pointer}.sidebar .button:hover{ background-color:#7ebf00}#category-widget ul{color:#4EA314;font-size:12px;line-height:20px;list-style:none}#category-widget li a{color:#3c3c3c;padding-right:2px}#category-widget li a:hover{color:#4EA314}#page-footer{clear:both;padding-bottom:60px}.copyright,.credit{color:#ddd;font-size:12px;max-width:400px;margin:0 auto}.copyright a,.credit a{color:#2c2c2c}.copyright a:hover,.credit a:hover{color:#4EA314}.layout-1c #main,.layout-1c .hentry{ width:960px; max-width:960px}.layout-1c .article-container{ background:url(images/articleBG-full.png) no-repeat bottom; padding-bottom:30px}.layout-1c .format-quote-container,.layout-1c .singular-format-quote-container { background:url(images/article-darkBG-full.png) no-repeat bottom}.layout-1c .hentry{ margin-left:0}.layout-1c .hentry .entry-title{ max-width:700px}.layout-1c .commentslist .comment,.layout-1c .commentslist .trackback,.layout-1c .commentslist .pingback{ width:960px}.layout-1c #copyright{ text-align:center}.layout-2c-r #main{ float:right}.layout-2c-r .sidebar{ float:left; margin-left:0}.error-404 #main{ float:none}.error-404 .entry-content{ color:#cbcbcb; font-size:20px; font-weight:500; margin-bottom:40px; text-align:center; text-shadow:0 1px 1px #fff}.error-404 .search{ margin-top:20px}.error-404 .search-text{ border:none; min-height:20px; min-width:200px; padding:4px 10px}.error-404 .button{ border:none; min-height:26px; background-color:#4ea314; color:#fff; cursor:pointer}.error-404 .button:hover{ background-color:#7ebf00}@media screen and (max-width:1024px){ #page-container{ padding:0 15px}}@media screen and (max-width:800px){ #page-container{ padding:0 15px} #main{ margin-bottom:0} .layout-1c #page-container{ overflow:hidden} .layout-1c .hentry{ width:731px} .layout-1c .article-container{ background:url(images/articleBG.png) no-repeat 0 bottom} .layout-1c .loop-pagination,.loop-nav{ text-align:left; margin-left:20px} .sidebar{ max-width:800px} .sidebar .widget{ float:left; margin-right:40px}}@media screen and (max-width:500px){ #page-container{ padding:0 15px} #page-header{ text-align:center; margin-bottom:0; padding:20px 0} #page-nav ul{ margin:0} #site-title, #site-description, #page-nav{ float:none} .hentry, .layout-1c .hentry, .commentslist .comment, .commentslist .trackback, .commentslist .pingback{ max-width:425px} .hentry img{ max-width:350px} #respond textarea{ max-width:400px} .article-container, .layout-1c .article-container{ background:none} .loop-pagination, .loop-nav{ text-align:left; margin-left:20px} #page-nav{ margin-top:10px} #page-footer{ text-align:center}}