/*
  Theme Name: Simplest Theme
  Theme URI: http://sofanaranja.com/
  Description: The simplest WordPress theme that could possibly work.
  Version: 1.2
  Author: Ale Munoz
  Author URI: http://bomberstudios.com/
  Tags: minimal, white
*/

/* typography */
body {
  line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 * , h5 *, h6 * {
  text-decoration: none;
}
#footer { font-size: 0.8em; }
blockquote {
  font-family: Georgia, serif;
  font-style: italic;
}
.post h2,
h2.pagetitle {
  display: block;
  font-size: 1.7em;
  line-height: 1.15em;
  margin: 0.2em 0 1em 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.15em;
}
h2.pagetitle {
  color: #999;
}
.post h2 a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
}
.post h2 a:hover {
  color: #f60;
  background: none;
  border: none;
  text-shadow: none;
}
.post .entry {
  line-height: 1.42em;
  background-color: #fff;
}
.post .entry h2 {
  border: 0;
  font-size: 1.3em;
  text-transform: none;
  margin: 2em 0 1em 0;
}
small.date {
  font-size: 1em;
  color: #999;
  display: block;
  border-bottom: 1px solid #ccc;
}
.postmetadata {
  margin-top: 2em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body.single .postmetadata {
  padding: 1em;
  background-color: #eee;
}
#header {
  text-align: center;
}

/* color */
body {background-color: #fff;}
#page,
body .entry .postmetadata { color: #999; }
#header {
  border-bottom: 1px solid #ccc;
}
h1,
h1 a {
  font-size: 2em;
  color: #f60;
}
h1 a:hover {
  text-decoration: none;
}
h2 { color: #333; }
a {
  color: #f60;
  text-decoration: none;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}
#content .entry a,
#content .postmetadata a,
#footer a {
  margin: -3px -3px;
  padding: 3px 4px 4px 4px;
  color: #f60;
}
#content .entry a:hover,
#content .postmetadata a:hover,
#footer a:hover {
  color: #333;
  background-color: #ccc;
  -webkit-border-radius: 4px;
  text-decoration: none;
  text-shadow: #eee 0 1px 0;
  border-top: 1px solid #bbb;
}
body .entry,
li.comment p,
li.comment ul,
li.comment ol { color: #333; }

/*globals*/
a img {border:0;}

/* margin, padding, size */
body {
  margin: 0;
  padding: 0;
}
#page {
  margin: 3em auto;
}
#content,
#header,
#footer {
  margin: 0 auto;
  width: 600px;
}
#footer {
  height: 100px;
}

body .post {
  margin: 3em 0 5em 0;
}
body.archive .post {
  margin: 2em 0;
}
body.archive .post h2 {
  border: 0;
}
.post .entry {
  margin: 0;
}
.post .entry p {
  margin-top: 0;
}
/* layout */
#header {padding-bottom: 1em;}

/* code */
pre,
code,
pre code,
code pre {
  font-family: Consolas, Monaco, fixed;
  font-size: 12px;
}
pre code,
code pre {
  padding: 1em;
  background-color: #ccc;
  overflow: auto;
  display: block;
}

/*metadata*/
.postmetadata {
  font-size: 0.9em;
}
.postmetadata span {
  display: block;
}
.postmetadata .when {
  padding-left: 21px;
  background: transparent url(img/ico_clock.png) left center no-repeat;
}
.postmetadata .where {
  padding-left: 21px;
  background: transparent url(img/ico_tag.png) left center no-repeat;
}

/* comments */
body div#respond input#author,
body div#respond input#email,
body div#respond input#url,
body div#respond textarea {
  font-family: Consolas, Monaco, fixed;
  font-size: 12px;
  border-top: 1px solid #8c8c8c;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #e2e2e2;
  background-color: #FFEDE4;
}
div#respond textarea { width: 500px; }
div#respond input#submit,
input#searchsubmit {
  width: 120px;
  height: 26px;
  color: #fff;
  font-family: Helvetica, Arial;
  font-weight: bold;
  font-size: 1em;
  text-shadow: rgb(0,0,0) 0 1px 2px;
  border: none;
  background: transparent url(img/bg_btn_submit.png) no-repeat top left;
  cursor: pointer;
}
div#respond input#submit:hover,
input#searchsubmit:hover { background: transparent url(img/bg_btn_submit.png) no-repeat top right; }
ol.commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.commentlist li.even {
  background-color: #eee;
  -webkit-border-radius: 3px;
}
li.comment {
  margin: 0;
  padding: 0;
  list-style: none;
}
li.comment img { margin: 6px; }
span.comment-content {
  display: block;
  margin-left: 60px;
  margin-right: 2em;
  padding-bottom: 1em;
}
li.comment { margin-bottom: 1em; }

/* navigation */
.navigation a {
  display: block;
  width: 8em;
  font-weight: bold;
  font-size: 1.3em;
  color: #ccc;
  background-color: #eee;
  padding: 1em;
}
.navigation a:hover {
  color: #666;
  background-color: #ccc;
  text-decoration: none;
}
.navigation .alignleft {
  position: fixed;
  text-align: right;
  left: 0;
  top: 50%;
}
.navigation .alignright {
  position: fixed;
  right: 0;
  bottom: 50%;
}

/* footer */
#prefooter {
  margin: 0;
  margin-top: 2em;
  padding: 2em 0;
  background: #333 url(img/bg_prefooter.png) left top repeat-x;
}
#prefooter h2 {
  color: #666;
  text-shadow: #000 0 0 1px;
  margin: 0 0 1em 0;
  padding: 0;
}
#prefooter a {
  color: #999;
  text-shadow: #000 0 0 1px;
}
#prefooter div {
  margin: 0 auto;
  width: 600px;
}
#prefooter li {
  display: inline;
  float: left;
}