/*
Theme Name: Rococo
Theme URI: http://github.com/blowery/rococo/tree
Description: The theme for blowery.org
Author: Ben Lowery
Author URI: http://blowery.org/
.
Copyright Ben Lowery, 2008. You can use this too.
*/


/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: #404040;
    background: #fff;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* End Eric Meyer CSS Reset */

body {
  font-family: Cambria, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13.3333px;
  line-height: 1.6;
}

strong, em, b, i, .slanty, #sidebar h2 {
  font-family: Cambria, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgb(255,247,204);
  background-color: #fffdf4;
  /*background-color: rgba(255, 247, 204, 0.2);*/
}

a:visited {
  color: #666;
}

a:hover, #title a:hover {
  border-bottom: 1px solid rgb(255,236,128);
  background-color: #fffbe5;
  /*background-color: rgba(255,247,204,0.5);*/
}

#page {
  width: 600px;
  margin-left: 100px;
}

#title {
  margin: 50px 0 50px -50px;
  font-weight: bold;
  font-size: 300%;
}

#title a {
  color: #333;
  border: none;
  background: transparent;
}

#title a .leftout {
  color: #888;
}

.hentry {
  margin: 3.2em 0;
}

.entry-title {
  font-size: 1.5em;
  font-weight: bold;
}

.entry-title a {
  color: #333;
}

.entry-title .meta {
  font-size: 50%;
  color: #888;
  font-weight: normal;
  padding-left: 1em;
}

.entry-title .meta a {
  color: #777;
  font-weight: bold;
}

.entry-content {
  position: relative;
}

.entry-content .aside {
  text-indent: 0;
  font-size: 75%;
  line-height: 2.13333;
  padding: 2.13333em 0 2.13333em 1em;
  position: absolute;
  left: 650px;
  width: 100px;
  border-left: 1px solid #eee;
}

.entry-content p+p {
  text-indent: 2em;
}

.entry-content .photo {
  border: 1px solid #ddd;
  background-color: #eee;
  float: left;
  padding: 12px;
  margin: 1.6em 0;
}

.entry-content .photo a {
  border: none;
  background: transparent;
}

.entry-content .photo img {
  background-color: #fff;
}

.entry-content .photo .caption {
  text-align: center;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  margin: 0.8em 0;
  padding-top: 12px;
}

.entry-title .meta .edit a {
  border-color: #f00;
  background-color: #fffbfb;
  background-color: rgba(255,0,0,0.2);
  color: #f00;
  padding: 0 1em;
}

.entry-title .meta .edit a:hover {
  background-color: #fffafa;
  background-color: rgba(255,0,0,0.3);
}

.navigation {
  margin: 3.2em 0;
  font-size: 1.2em;
}

.navigation .forward {
  float: right;
}

.navigation .backward {
  float: left;
}

#respond, #comments {
  margin: 3.2em 0 1.6em 0;
  text-transform: uppercase;
  font-weight: bold;
}

.comment {
  margin: 1.6em 0;
  padding: 1.6em 0;
}

.comment+.comment {
  border-top: 1px dotted #ddd;
}

.commenter {
  float: left;
  width: 150px;
  position: relative;
}

.commenter .avatar {
  position: absolute;
  top: 0; left: 0;
}

.commenter .commentmetadata, .commenter cite {
  margin-left: 50px
}

.comment-entry {
  margin-left: 200px;
}

#commentform p {
  margin: 1.6em 0;
}

#commentform label {
  text-transform: uppercase;
  padding-left: 1em;
  border-bottom: 1px dotted #ddd;
  color: #666;
}

#commentform textarea {
  width: 100%;
}

#sidebar {
  background: #383d44 url(images/bg-footer.jpg) repeat-x top left;
  color: #fff;
  padding: 50px 0 50px 100px;
  margin-top: 50px;
  font-weight: bold;
}

#sidebar a {
  background-color: rgba(0,0,0,0.05);
  color: #fff;
  border-bottom: 1px solid #000;
}

#sidebar a:hover {
  border-bottom: 1px solid #eee;
}

#sidebar h2 {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 1.2em;
  text-transform: uppercase;
}

#sidebar .widget {
  float: left;
  width: 150px;
  padding-left: 0;
  padding-right: 50px;
  color: #fff;
}

#sidebar label.hidden {
  display: none;
}

#sidebar #s {
  margin-bottom: 6px;
  font-size: 150%;
  font-weight: bold;
  width: 150px;
}

#sidebar input[type="submit"] {
  font-weight: bold;
}

.clear-both {
  clear: both;
  height: 1px;
}