rendered paste body/*
Theme Name: Manifesto
Theme URI: http://rudyjahchan.com/code/manifesto
Description: A minimalist theme, with just a few bells and whistles, based off of the excellent <a href="http://jimbarraud.com/manifest/">Manifest</a> theme by <a href="http://jimbarraud.com/">Jim Barraud</a>. It adds a sidebar, customizable navigation menu, an optional rich description, page excerpts, and ensures post images wider than 498px are scaled down when loaded.
Author: Rudy Jahchan
Author URI: http://rudyjahchan.com
Version: 1.0
Tags: black, white, one-column, fixed-width, custom-header, threaded-comments, microformats, editor-style, custom-menu, html5 (optional)
License: Creative Commons Attribution 2.0 license
License URI: http://creativecommons.org/licenses/by/2.0/legalcode
*/
html {background: #fff;}
body{
background: #fff;
font: 62.5% palatino, "times new roman", serif;
color: #333;
}
a:link,
a:visited{
color: #9C8A6A;
text-decoration: none;
}
a:hover,
a:active{
color: #3E372B;
text-decoration: underline;
}
#page {
width:750px;
margin: 0 auto;
}
header {
display:block;
height: 240px;
background-repeat: no-repeat;
background-position: bottom right;
padding-right: 250px;
}
h1 {
margin: 10px 0 20px;
font-size: 4em;
font-weight: normal;
letter-spacing: .05em;
word-spacing: .2em;
text-align: center;
}
h1 a:link,
h1 a:visited{
color: #444;
}
h1 a:hover,
h1 a:active{
color: #555;
text-decoration: underline;
}
h2{
margin-top: 30px;
margin-bottom: 40px;
font-size: 2.4em;
font-weight: normal;
color: #000;
text-transform: uppercase;
}
h3{
margin-bottom: 25px;
font-size: 2.3em;
font-weight: normal;
}
h3 a:link,
h3 a:visited{
color: #333;
}
h3 a:hover,
h3 a:active{
text-decoration: underline;
}
h4{
margin-bottom: 10px;
font-size: 1.5em;
font-weight: bold;
color: #333;
}
h5{
margin-bottom: 50px;
font-family: "helvetica neue", helvetica, arial;
font-size: 1.2em;
color: #999;
font-weight: normal;
border-bottom: 1px solid #ddd;
background: #fff;
}
h5 abbr{
display: inline-block;
position: relative;
margin: 0 auto;
padding: 0 8px;
background: #fff;
top: 8px;
}
#site-description {
padding: 1em;
font-style: italic;
font-size: 1.4em;
margin: 10px;
line-height: 2.1em;
color:#888;
text-align: justify;
}
#site-description p {display: inline;}
#main {
display: block;
width: 500px;
float: left;
}
#sidebar {
display: block;
width: 225px;
float: right;
}
nav#site {
display: block;
padding: 5px;
background: #FBFBFB;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
nav#site ul{
margin: 0 10px;
text-align: center;
}
nav#site li{
display: inline;
margin-right: 30px;
font-size: 1.5em;
text-transform: uppercase;
}
nav#site li:last-child{
margin-right: 0;
}
nav#site a:link,
nav#site a:visited{
color: #999;
white-space: nowrap;
}
nav#site a:hover,
nav#site a:active{
color: #2E301C;
}
nav#site .current_page_parent a:link,
nav#site .current_page_parent a:visited,
nav#site .current_page_item a:link,
nav#site .current_page_item a:visited{
font-weight: bold;
color: #2A2D1A;
}
nav#site .current_page_parent a:hover,
nav#site .current_page_parent a:active,
nav#site .current-page-ancestor a:hover,
nav#site .current-page-ancestor a:active,
nav#site .current_page_item a:hover,
nav#site .current_page_item a:active{
color: #2E301C;
}
nav#sub-pages{
display: block;
padding: 5px;
border-bottom: 1px solid #F4F4F4;
}
nav#sub-pages ul{
text-align: center;
}
nav#sub-pages li{
display: inline;
margin-right: 20px;
font-size: 1.2em;
text-transform: uppercase;
line-height: 1.2em;
}
nav#sub-pages ul ul{
display: inline;
padding: 0px;
}
nav#sub-pages ul ul li {
display: inline;
font-size: 1.0em;
line-height: 1.0em;
}
nav#sub-pages li:last-child{
margin-right: 0;
}
nav#sub-pages a:link,
nav#sub-pages a:visited{
color: #999;
white-space: nowrap;
}
nav#sub-pages a:hover,
nav#sub-pages a:active{
text-decoration: underline;
color: #2E301C;
}
nav#sub-pages .current-page-ancestor a:link,
nav#sub-pages .current-page-ancestor a:visited,
nav#sub-pages .current_page_item a:link,
nav#sub-pages .current_page_item a:visited{
font-weight: bold;
color: #2A2D1A;
}
nav#sub-pages .current-page-ancestor a:hover,
nav#sub-pages .current-page-ancestor a:active,
nav#sub-pages .current_page_item a:hover,
nav#sub-pages .current_page_item a:active{
color: #2E301C;
}
.hfeed {
margin-top: 50px;
text-align: center;
}
.hfeed p,
.hfeed li,
.hfeed dd{
margin-bottom: 1.7em;
font-size: 1.5em;
line-height: 1.6em;
color: #888;
text-align: justify;
}
.hfeed p{
text-align: justify;
}
.hfeed li{
list-style: square;
margin-left: 17px;
}
.hfeed dt{
font-size: 1.3em;
color: #333;
}
.hfeed .entry-utility {
margin: 40px auto 0;
font-size: 1.3em;
color: #888;
}
.hfeed .entry-utility span{
text-transform: uppercase;
}
.comments-link {
display: block;
font-size: 2em;
text-transform: lowercase;
margin-bottom: 20px
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
color: #333;
border: none;
padding: 0;
font-family: constantia, palatino, times new roman;
font-weight: bold;
margin: 0 0 5px;
font-style: normal;
position: static;
}
.entry-content h1{
font-size: 2em;
letter-spacing: 0;
}
.entry-content h2{
font-size: 1.8em;
}
.entry-content h3{
font-size: 1.6em;
}
.entry-content .entry-title h3 {
color: #fff;
}
.entry-content h4,
.entry-content h5,
.entry-content h6{
font-size: 1.4em;
}
.entry-content a:link,
.entry-content a:visited{
text-decoration: underline;
}
.entry-content strong{
color: #000;
}
.entry-content pre{
color: #666;
font-size: 1.5em;
line-height: 18px;
margin-bottom: 15px;
}
.entry-content ul,
.entry-content ol{
margin: 0 0 20px 15px;
}
.entry-content ol li{
list-style-type: decimal !important;
}
.entry-content li{
margin-bottom: 5px !important;
}
.entry-content blockquote{
font-size: 1.4em;
font-style: italic;
line-height: 1.5em;
color: #7D7D7D;
margin: 0 20px 20px;
padding-left: 10px;
border-left: 3px solid #ccc;
}
.entry-content blockquote p{
font-size: 1.1em;
line-height: 1.3em;
color: #7D7D7D;
}
.entry-content .alignleft{
float: left;
margin: 4px 10px 10px 0;
}
.entry-content .alignright{
float: right;
margin: 4px 0 10px 10px;
}
.entry-content .aligncenter {
display: block;
margin: 4px auto 10px;
text-align: center;
}
.entry-content .wp-caption.alignnone{
margin-bottom: 15px;
}
.entry-content p.wp-caption-text{
font-size: 1.1em;
font-style: italic;
color: #666;
margin-bottom: 0;
}
.hentry img{
margin: 0 auto;
border: 1px solid #ccc;
}
article {
display: block;
margin-bottom: 50px;
padding-bottom: 37px;
margin-bottom: 30px;
}
.author {display: none;}
.entry-content form p {text-align: center;padding: 1em;}
label {
font-size: 1.1em;
text-transform: uppercase;
}
input[type=text],
textarea,
select,
input[type=password] {
display: block;
margin-bottom: 15px;
width: 100%;
max-width: 100%;
font-size: 1.2em;
font-family: helvetica, arial, sans-serif;
color: #666;
}
input:focus,
textarea:focus{
border-color: #999;
color: #333;
}
input[type=submit]{
padding: 3px 10px;
color: #fff;
font-weight: bold;
background-color: #8EA7AA;
background-repeat: repeat-x;
background-position: left top;
border-width: 1px;
border-style: solid;
border-color: #999;
border-radius: 10px;
-webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
-moz-border-radius: 12px;
-webkit-border-radius: 10px;
cursor: pointer;
}
input[type=submit]:hover,
input[type=submit]:focus{
background-color: #697D80;
border-color: #666;
}
section {
display: block;
margin-bottom: 20px;
}
.more { float: right;}
/* Comments
-------------------------------------------------------------------*/
.comment{
padding: 0 0 25px 0;
margin-top: 25px;
border-bottom: 1px solid #ccc;
}
.children .comment{
border-bottom: none;
margin-top: 0;
padding-bottom: 0;
}
.hfeed #comments li{
font-size: inherit;
list-style: none;
margin-left: 0;
padding-left: 58px;
position: relative;
}
.hfeed .comment p{
color: #666;
}
.hfeed .comment .says{
display: none;
}
.avatar{
position: absolute;
left: 0;
}
.hfeed .comment-body{
padding-right: 10px;
padding-bottom: 10px;
}
.hfeed #comments .comment .leaveComment{
border-top: 1px dotted #555;
}
.hfeed #comments .comment .children li{
padding: 10px 0 0 52px;
margin: 5px 0 0;
}
.hfeed #comments .comment .children li .comment-body{
margin-left: -52px;
padding: 10px 10px 10px 52px;
background: #F2F2F2;
border-left: 2px solid #ccc;
}
.hfeed #comments .comment .children li #respond{
background: #F2F2F2 no-repeat;
border-left: 2px solid #ccc;
}
.hfeed #comments .comment .children li .leaveComment{
background: repeat-x left bottom;
}
.hfeed #comments .comment .children li.depth-3 .comment-body{
background-color: #F6F6F6;
border-left: 2px solid #ccc;
}
.hfeed #comments .comment .children li.depth-3 #respond{
background-color: #F6F6F6;
}
.hfeed #comments .comment .children li.depth-4 .comment-body{
background-color: #F9F9F9;
border-left: 2px solid #ccc;
}
.hfeed #comments .comment .children li.depth-4 #respond{
background-color: #F9F9F9;
}
.hfeed #comments .comment .children li.depth-5 .comment-body{
background-color: #FcFcFc;
}
.hfeed #comments .comment .children li.depth-5 #respond{
background-color: #FcFcFc;
}
.hfeed #comments .comment .children li .avatar{
left: 10px;
width: 32px;
height: 32px;
}
#cancel-comment-reply{
margin-top: 15px;
text-transform: capitalize;
float: left;
}
.comment-reply-link{
display: block;
padding-left: 13px;
background: url(images/icon_reply.png) no-repeat left 2px;
}
.comment-author{
font-size: 1.4em;
margin-bottom: 10px;
}
.comment-author cite{
font-style: normal;
font-weight: bold;
}
.comment-meta{
position: absolute;
right: 10px;
font-size: 1.2em;
font-style: italic;
top: 0px;
}
.hfeed #comments .comment .children .comment-meta{
top: 20px;
}
.comment .reply{
margin-bottom: 10px;
text-transform: uppercase;
font-size: 1.1em;
}
.nocomments{
font-size: 1.2em;
padding: 25px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* Comment Form */
#respond {
padding: 0 0 10px;
}
.comment #respond {
padding-right: 10px;
padding-left: 54px;
}
#comments h3{
font-size: 1.4em;
border-bottom: 1px solid #ccc;
padding: 0 0 .7em;
font-weight: bold;
text-align: left;
}
#respond fieldset {
display: block;
float: left;
width: 230px;
}
.comment #respond fieldset,
.logged-in #respond fieldset {
float: none;
width: 100%;
}
#respond #commentform {
text-align: left;
}
#respond #commentform em{
text-transform: lowercase;
font-style: italic;
color: #666;
font-size: 1em;
}
#respond label.comment-form-comment {
display: block;
float: right;
width: 250px;
}
.comment #respond label.comment-form-comment,
.logged-in #respond label.comment-form-comment {
float: none;
width: 100%;
}
.logged-in #commentform textarea {
max-width: 100%;
height: 124px;
}
#comments input[type=submit]{
float: right;
margin-top: 8px;
}
.comment #respond {
margin-left: -52px;
}
/* Paging Navigation
-------------------------------------------------------------------- */
nav.pages {
display: block;
margin-top: 40px;
}
nav.pages a:link,
nav.pages a:visited {
font-size: 1.5em;
}
nav.pages .nav-previous,
nav.pages.nav-next{
display: block;
}
nav.pages .nav-previous{
float: left;
}
nav.pages .nav-next{
float: right;
}
/* Single */
.single .hfeed .entry-utility,
.page .hfeed .entry-utility {
margin: 20px 0 0;
padding-top: 0;
padding-bottom: 17px;
}
/* Footer */
footer {
margin-top: 50px;
display: block;
}
footer nav {
margin-bottom: 20px;
}
#site-info {float: left;}
#site-feeds {float: right;}
.cclicense {
margin-top: 10px;
text-align: center;
}
.cclicense a {
display: block;
margin-bottom: 5px;
}
/* Recent Posts (on the 404 page)
-------------------------------------------------------------------- */
ul#recentPosts li{
list-style: none;
margin: 0;
padding: 5px 0;
border-bottom: 1px solid #efefef;
display: block;
}
#recentPosts a{
float: left;
font-size: 1.1em;
}
#recentPosts .postDate{
float: right;
}
/* Archives
-------------------------------------------------------------------- */
#archives{
margin-top: 15px;
}
h2.archiveTitle{
margin: 0px 0 70px;
color: #fff;
}
h2.archiveTitle strong{
color: #fff;
}
#archives h3,
#coreContent li h3{
font-family: constantia, palatino, times new roman;
font-size: 1.6em;
text-align: left;
color: #555;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 5px;
border-bottom: 1px solid #ccc;
padding: 5px;
}
#archives label{
font-family: constantia, palatino, times new roman;
font-size: 1.4em;
color: #333;
font-weight: normal;
text-transform: uppercase;
}
#archives #date{
float: left;
width: 235px;
}
#archives #cattags{
float: left;
width: 235px;
margin-left: 30px;
}
#archives ul{
margin: 5px 0 60px;
text-align: left;
}
#archives ul li{
display: inline-block;
margin: 0 5px 5px 0;
color: #999;
font-size: 1.3em;
line-height: 1.5em;
white-space: nowrap;
}
#archives li a{
margin-right: 5px;
}
#archives #date ul li{
display: block;
list-style-type: none;
border-bottom: 1px solid #efefef;
margin: 0;
}
#archives #date ul li a{
display: inline-block;
min-width: 210px;
}
.tagArchives li{
float: left;
margin-right: 10px;
}
.categories li{
margin-bottom: 5px;
font-size: 2.3em;
}
/* Widgets */
.widget-container {
margin-top: 52px;
margin-bottom: 5px;
}
.widget-container h3 {
display: block;
font-family: constantia, palatino, times new roman;
font-size: 1.6em;
text-align: left;
color: #555;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 5px;
border-bottom: 1px solid #ccc;
padding: 5px;
}
.widget-container:first-child h3 {
border-top: none;
}
.widget-container h3 a:hover,
.widget-container h3 a:active,
.widget-container h3 a,
.widget-container h3 a:visited {
text-decoration: none;
}
.widget-container ul {
font-size: 1.3em;
}
.widget-container div {
font-size: 1.3em;
line-height: 1.4em;
padding: 5px;
}
.widget-container ul li {
line-height: 1.4em;
padding: 5px;
border-bottom: 1px solid #efefef;
}
.widget-container ul ul {font-size: 1.0em;}
.widget-container ul li li {border-bottom: none;padding: 0 0 0 1em;}
.widget-container select {
width: 99%;
font-size: 1.3em;
line-height: 1.4em;
}
.widget-container select option {
}
.widget-container #calendar_wrap table {width: 100%;}
.widget-container #calendar_wrap table caption {text-align: center;}
.widget-container #calendar_wrap table tbody td,
.widget-container #calendar_wrap table thead th {
padding: 5px;
text-align: center;
}
.widget-container #calendar_wrap table thead {
border-bottom: 1px solid #bbb;
}
.widget-container #calendar_wrap table th {
color: #bbb;
}
/* Search Form */
#searchform {
text-align: center;
margin-top: 1em;
}
/* Contact Form */
form.contact-form {
padding: 10px;
}
/* new clearfix */
.clearfix:after,
#respond:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
body.page .entry-title {
position:absolute;
top:-9999px;
left:-9999px;
}
* html .clearfix,
* html #respond { zoom: 1; } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html #respond { zoom: 1; } /* IE7 */