/*
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: "Lucida Grande", Cambria, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  line-height: 1.6;
}

abbr {
  text-transform: lowercase;
  font-variant: small-caps;
}

abbr.published {
  text-transform: none;
  font-variant: normal;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

em,i {
  font-style: italic;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
  font-weight: bold;  
  /*background-color: rgba(255, 247, 204, 0.2);*/
}

a:visited {
  color: #333;
}

a:hover, #title a:hover {
  background-color: #ffa;
  /*background-color: rgba(255,247,204,0.5);*/
}
table {
  border-collapse: collapse;
  margin: 1.6em auto;
}

td, th {
  border: 1px solid #eee;
  padding: 0.4em 0.8em;
}
td { text-align: right; }
th { 
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.2em;
}
#page {
  width: 700px;
  margin-left: 100px;
}

#title {
  margin: 0px;
  font-weight: bold;
  font-size: 1600%;
  position: absolute;
  top: 0px; 
  left: 0px;
  opacity: .25;
  -moz-opacity: .25;
  line-height: 1;
  z-index: 0;
}

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

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

.hfeed {
  position: relative;
  padding: 16em 2em 8em;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.7);
  border: 1px solid #ddd;
  border-width: 0 1px;
  z-index: 1;
}

.hentry {
  clear: both;
  margin: 3.2em 0 9.6em;
}

.entry-title {
  font-size: 2em;
  font-weight: bold;
  margin: 0.8em 0 0;
}

.entry-title a { 
  font-weight: normal;
}

.entry-title a, .navigation a {
  color: #333;
  background-color: transparent;
}

.entry-title a:hover, .navigation a:hover {
  background-color: #ffc;
}

.meta {
  font-size: 82.5%;
  color: #888;
  font-weight: normal;
}

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

.entry-content {
  margin: 1.6em 0;   
}

.entry-content .aside {
  text-indent: 0;
  font-size: 75%;
  line-height: 2.13333;
  padding: 2.13333em 0 2.13333em 1em;
  position: absolute;
  left: 700px;
  width: 100px;
  border: 1px solid #ff0;
  background-color: white;
  background-color: rgba(255,255,0,.3);
}

.entry-content li, .comment-entry li {
  margin: 0 3.2em;
}

.entry-content ul li, .comment-entry ul li {
  list-style: disc;
}

.entry-content ol li, .comment-entry ol li {
  list-style: decimal;
}

.entry-content img.size-full {
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  padding: 3px;
}

.entry-content .photo, .entry-content .wp-caption {
  margin-bottom: 0.8em;
}

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

.entry-content .photo img, .entry-content .wp-caption img {
  background-color: #fff;
  border: 1px solid #333;
}

.entry-content .photo .caption, .wp-caption-text {
  text-align: center;
  font-style: italic;
  font-size: 75%;
  margin-top: 0.8em;
}

.entry-content pre, .entry-content code, .entry-content kbd {
  font-family: Monaco, Consolas, Andale Mono, "Courier New", monospace;
  font-size: 80%;
}

.entry-content pre, .comment-entry pre {
  line-height: 2;
  margin: 2em 0;
  padding-left: 2em;
}

.entry-content dt, .comment-entry dt {
  font-style: italic;
  margin-top: 1.6em;
}

.entry-content blockquote, .comment-entry blockquote {
  font-style: italic;
  margin: 1.6em 3.2em;
}

.entry-content p, .entry-content div, .comment-entry p, .comment-entry div {
  margin: 1.6em 0;
}

.entry-content h3 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 1.6em 0 0 0;
}

.entry-content h4 {
  font-size: 100%;
  font-style: italic;
  margin-top: 1.6em;
}

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

.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;
  clear: both;
}

.comment {
  padding: 1.6em;
}

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

.commentlist .highlighted {
  background-color: #fffbf0;
}

.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: 0px;
}

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

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

#sidebar h2 {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}

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

#sidebar .widget li {
  margin-left: 1em;
  text-indent: -1em;
  /*padding-left: 0.8em; save this till i find an item icon */
}

#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;
}

#wpstats {
  position: absolute;
  bottom: 0;
  left: 0;
}

.archives .datetime {
  float: left;
  text-align: right;
  width: 4em;
  padding-right: 1em;
  color: #999;
  font-style: italic;
}

.archives li {
  clear: left;
}

.year {
  margin-top: 1.6em;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.newmonth {
  margin-top: 1.6em;
}

#lwp_sfd { 
  font-weight: bold; 
  font-size: 1.2em;
}

#lwp_sbf {
  margin-bottom: 1.6em;
}

#lwp_ps div {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
}

#lwp_ps #lwp_cloud {
  text-transform: none;
  font-weight: normal;
}

#lwp_cloud a {
  margin: 0 0.5em 0 0;
}

#lwp_f {
  margin: 1.6em 0 !important;
}

#lwp_f table { 
  margin: 0;
}

#lwp_f td { 
  border: none; 
  padding: 0;
  vertical-align: middle;
}

#lwp_f td a {
  border: none;
}

.entry-content .roastChart { 
  width: 600px;
  height: 400px;
  margin: 0;
  padding: 0;
}


.entry-content .dojoxLegendNode {
  border: 1px solid #eee;
}

.entry-content .dojoxLegendNode td {
  padding: 0;
  border: none;
  vertical-align: middle;
}

.entry-content .dojoxLegendNode div {
  margin: 0.5em 0;
  padding-top: 6px;
}

.entry-content .dojoxLegendNode .dojoxLegendIcon { 
  padding-right: 0.5em;
  margin: 0.5em 0;
}

.entry-content .dojoxLegendNode .dojoxLegendText {
  padding-right: 1em;
}

.gallery-icon a {
  background-color: transparent;
}

#google_ads_frame1 {
  margin-left: -3em !important;
}