/*
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: #000;
    background: rgb(105,86,64) url(images/dark_floor.jpg);
    
}
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: minion-pro,"Lucida Grande", Cambria, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333;
  line-height: 24px;
}

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

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

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

h1, h2, h3  {
  font-family: myriad-pro-condensed,"Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

h4, h5, h6 {
  font-family: myriad-pro-condensed,"Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

em,i {
  font-style: italic;
}

a { 
  transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
}

a:link, a:visited {
  color: #C30;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  font-weight: 600;
}

a:visited {
  color: #C30;
}

a:hover {
  color: white;
  background: #c30;
  text-shadow: none;
  font-weight: 600;
}

::selection {
  color: white;
  background: #c30;
  text-shadow: none;
}
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: 750px;
  margin-left: 150px;
  margin-bottom: 150px;
}

#title {
  margin: 53px 0 0 0;
  font-family: myriad-pro-condensed,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 300%;
  position: absolute;
  top:0px; 
  left: 903px;
  line-height: 1;
  z-index: 0;
  transition: left 0.5s ease-out;
  -webkit-transition: left 0.5s ease-out;
  -moz-transition: left 0.5s ease-out;
  -ms-transition: left 0.5s ease-out;
}

#title a {
  position: relative;
  color: rgba(0,0,0,.6);
  border: none;
  transition: width 1s ease-out;
  -webkit-transition: width 1s ease-out;
  -moz-transition: width 1s ease-out;
  -ms-transition: width 1s ease-out;
}

#title:hover {
  left: 920px;
}


#title a:hover {
  color: #fff;
}


#title a .leftout {
  color: rgba(50,50,50,.5);
}

#title a:hover .leftout {
  color: #eee;
}

#title a .fullname {
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.5s ease-out;
  -webkit-transition: max-width 0.5s ease-out;
  -moz-transition: max-width 0.5s ease-out;
  -ms-transition: max-width 0.5s ease-out;
  display:inline-block;
}

#title a:hover .fullname {
  max-width: 4em;
}

#title a .abbrname {

}

#title a:hover .abbrname {
  display: none;
}



.hfeed {
  position: relative;
  padding: 1px 2em 8em;
  background-color: #fff;
  border: 1px solid #333;
  border-width: 0 1px;
  z-index: 2;
  box-shadow: 0px 0px 10px #000;
  -webkit-box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000;
}

.hentry {
  clear: both;
  margin: 0 0 3.2em;
  position: relative;
  z-index: 2;
}

.entry-title {
  font-size: 3em;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  margin-top: 0.5em;
}

.category-links .entry-title {
  display: none;
}

.entry-title a { 
  font-weight: bold;
  border-bottom: 1px transparent solid;
  position:relative;
}

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

.entry-title a:hover, .navigation a:hover {
  color: white;
  text-shadow: none;
}

/*.entry-title a:hover {
  text-shadow: 2px -50px 0px #fff;
}
*/

.meta {
  font-size: .75em;
  color: #fff;
  font-weight: bold;
  text-align: right;
  position: absolute;
  top: 0px;
  left: -161px;
  width: 100px;
  padding: 12px;
  border: 1px solid rgba(30,30,30,.8);
  border-right: none;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  background-color: rgba(30,30,30,.5);
  z-index: 1;
}

.meta.edit {
  top: 120px;
  background-color: rgba(0,68,12,.5);
  border-color: rgba(0,68,12,.8);
}

.meta a {
  color: #33a3ff;
}

.meta a:hover {
  color: white;
  background: #3a3;
}

.entry-content, .widget {
  margin: 1.6em 0;
  font-size: 1em;   
}

/*
.widget {
  font-size: .8em;
}
*/

.widget .entry-content {
  font-size: 1em;
}

.widgettitle a {
  color: inherit;
}

.entry-content .aside {
  text-indent: 0;
  font-size: 75%;
  line-height: 1.5;
  padding: 2.13333em 0 2.13333em 1em;
  position: absolute;
  left: -125px;
  width: 100px;
  border: 1px solid #ff0;
  background-color: #ee0;
  background-color: rgba(255,255,0,.7);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 0 2px #000;
  -moz-box-shadow: 0 0 2px #000;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
}

.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 .photo, .entry-content .wp-caption {
  margin-bottom: 0.8em;
  text-align: center;
}

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

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

.entry-content .photo .caption, .entry-content .wp-caption-text {
  text-align: right;
  font-size: 12px;
  color: #999;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  margin: -.8em .8em 0 0;
}

.entry-content pre, .entry-content code, .entry-content kbd {
  font-family: Menlo, 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-weight: bold;
  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 h2 {
  margin-top: 1.6em;
  font-size: 1.3em;
  text-transform: uppercase;
}

.entry-content dl {
  margin-right: 1.6em;
}

.hfeed h3 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.6em 0 0 0;
}

.entry-content h4 {
  font-family: inherit;
  font-size: 100%;
  font-weight: 700;
  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: 1em;
  font-family: myriad-pro-condensed,"Lucida Grande", Cambria, "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

.navigation .forward {
  float: right;
}

.navigation .backward {
  float: left;
}

#comments {
  margin: 1.6em 0 0.8em 0;
  clear: both;
  font-style: italic;
  font-weight: normal;
}

.commentlist {
  border: 1px solid #eee;
  background: #f9f9f9;;
  padding: 1.6em;;
  font-size: .75em;
}

.commentlist li ul li {
  margin-left: 50px;
  border-left: 5px solid #efefef; 
  padding: 0.8em 0 0.8em 1.6em;
}

.commentlist li ul li ul li {
  margin-left: 50px;
}

#respond h3 {
  font-style: italic;
  font-weight: normal;
}

#respond p {
  font-size: 0.75em;
}

.comment {
  margin: 1.6em 0;
}

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

.commentlist .bypostauthor .comment-body {
  background-color: #FFF7CC;
}

.comment-author {
  margin-left: 50px;
  font-style: italic;
  font-size: 75%;
  position: relative;
}

.comment-author img {
  position: absolute;
  top: 0; left: -50px;
}

.comment-meta {
  font-style: italic;
  font-size: 75%;
  margin-left: 50px
}

.comment-body {
  margin-bottom: 1.6em;
  padding: 8px;
  border-radius: 4px;
}

.comment-body p {
  margin: 1em;
  margin-left: 50px;
  
}

#commentform p {
  line-height: 1.6;
}

#commentform label {
  padding-left: 1.6em;
  color: #666;
  font-style: italic;
}

#commentform textarea {
  width: 100%;
}

#sidebar {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -webkit-border-radius: 0 12px 12px 0;
  padding: 25px;
  margin-top: 50px;
  position: absolute;
  top: 50px;
  left: 900px;
  font-size: 0.75em;
  line-height: 1.2;
}


#sidebar a {
  color: #33a3ff;
}

#sidebar a:hover,
#sidebar ::selection {
  color: white;
  background: #3a3;
}

#sidebar h2 {
  font-family: myriad-pro-condensed,"Helvetica Neue", Helvetica, Arial,sans-serif;
  font-weight: bold;
  font-size: 2em;
  text-transform: uppercase;
  color: #fff;
}

#sidebar h2 a {
  color: inherit;
}

#sidebar .widget {
  width: 200px;
  margin: 2em 0;
}

#sidebar .widget li, #sidebar .widget .textwidget {
  margin: .2em 0 0.8em 0;
  /*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: left;
  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;
  font-size: 200%;
}

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

.g_Ad {
  width: 728px;
  margin-left: -23px;
}