/*
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 */