/***********************************************************
 * Rodrigo Bernardo Pimentel
 * {http://,rbp@}isnomore.net
 * http://creativecommons.org/licenses/by-sa/2.0/deed.en
 * Time-stamp: <18-Jun-2009 18:36:07 rbp>
 ***********************************************************/

/* FIXME:
 * - <code> spans longer when there's no sidebar
 * - change header to also use float instead of position: absolute?
 */


/******************************************
 * Body                                   *
 ******************************************/

body {
    margin: 0;
    padding: 0;
    /*font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    font-weight: normal;
    font-style: normal;
    color: #CCCCCC;
    background-color: #000000;
}

/******************************************
 * Body/Footer wraps                      *
 ******************************************/

#wrap, #footer-wrap {
/*    position: static; */
    margin: 0 auto 0 auto;
    border: none;
    padding: 0;
    clear: both;
}

#wrap {
    position: relative;
    top: 0;
}

#footer-wrap {
    position: relative;
    font-size: 0.8em;
    font-family: "Courier", Courier, monospace;
    padding: 0 20px 0 20px;
    bottom: 0; 
    top: 70px; /* See main/top */
}

#footer-wrap a {
    text-decoration: none;
    font-weight: bold;
}

#footer-wrap .footer-left{
    float: left;
}

#footer-wrap .footer-right{
    float: right;
}

/******************************************
 * Column layout                          *
 ******************************************/

.left-col {
    width: 632px;
    margin: 0 auto 0 0;
    left: 29px;
}

.right-col {
    width: 293px;
    margin: 0 0 0 auto;
    right: 30px;
}

#header .left-col {
    position: absolute;
    height: 299px;
}

#header .right-col {
    position: absolute;
    height: 264px;
}

#content-wrap .left-col {
    position: relative;
    float: left;
}

#content-wrap .right-col {
    position: relative;
    float: right;
}


/******************************************
 * Header                                 *
 ******************************************/

#header {
    position: relative;
    background: #000000 url(/media/img/header/img_header.jpg) no-repeat top center;
    margin: 0 auto;
    height: 237px;
}

#header-items {
    position: relative;
    width: 1024px;
    height: 237px;
    margin: 0 auto 0 auto;
}

#header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header li {
    display:inline;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#header li.menu-separator {
}

#logo {
    border: 0;
    padding: 161px 0 0 0;
    margin: 0 auto 0 0;
    float: left;
}

#logo a {
    text-decoration: none;
}

#menu {
    padding: 228px 0 0 0;
    display: inline;
    margin: 0 0 0 auto;
    float: right;
}

#slogan {
    position: absolute;
    bottom: 0;
}

/******************************************
 * FIXME: is this useful?
 * Perhaps if the menu images are broken?
p
#header a {
    color: #F0F0F0;
}

#header a:hover {
    color: #00FF00;
    background-color: transparent;
    text-decoration: none;
}

#header #current a {
    color: #959596;
}
 ******************************************/

/******************************************
 * Content area                           *
 ******************************************/

#content-wrap {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    padding: 0;
    top: 30px;
}

#main {
    padding: 0;
    top: 70px; /* See footer-wrap/top */
}

#year-menu ul {
    list-style: none;
}

#year-menu li {
    padding: 0 0 0 6px;
}

#year-menu li a {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 6px;
}

h2.section-header {
    position: absolute;
    top: -30px;
    right: 0;
}

h1.entry-title {
    font-variant: small-caps;
    background-color: #008800;
    padding: 5px 0 5px 10px;
}

#sidebar {
    padding: 0;
}

#sidebar h2 {
    margin: 10px 0;
    border-bottom: 1px solid #00CC00;
    color: #00CC00;
    font-weight: normal;
    padding: 0;
}

#sidebar .sidemenu {
    margin: 0;
}

#sidebar ul.sidemenu {
    list-style-type: none;
    padding-left: 2px;
    font-size: 0.9em;
}

#sidebar ul.sidemenu.bulleted {
    list-style-image: url("/media/img/bullet.jpg");
    padding-left: 15px;  /* Offset default ul padding */
}

#sidebar ul.sidemenu li {
    margin-top: 3px;
    clear: both;
}

#sidebar ul.sidemenu li.img-li {
    margin-top: 10px;
}

#sidebar ul.sidemenu li a {
    color: #CCCCCC;
    font-weight: normal;
    display: block;
    font-size: 1.1em;
}

#sidebar ul img {
    margin: 0 7px 0px 0px;
}

#sidebar ul.unbulleted {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 30px 0;  /* See regular ul */
}

.sidebox {
    margin: 5px 0 30px 0;
}

.recipe ul {
    list-style-type: circle;
}


/******************************************
 * Misc                                   *
 ******************************************/

a {
    color: #00CC00;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #008800;
    background-color: transparent;
}

a:hover {
    color: #00FF00;
    background-color: transparent;
    text-decoration: underline;
}

a:visited:hover {
    color: #00BB00;
    background-color: transparent;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #F0F0F0;
    background-color: transparent;
    /* font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; */
    font-weight: normal;
    margin: 0 0 0.25em 0;
    /* border-bottom: 1px solid #959596; */
}

h1 a, h2 a, h3 a {
    color: #F0F0F0 !important;
    text-decoration: none;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; border-bottom: none; font-weight: bold; }
h4 { font-size: 1.2em; border-bottom: none; font-weight: bold; }
h5 { font-size: 1.0em; border-bottom: none; font-weight: bold; }
h6 { font-size: 0.8em;  border-bottom: none; font-weight: bold; }

.entry .content h1.entry-title {
    margin-top: 0;
}
.entry .content h1 {
    margin-top: 1.5em;
}
/*
.entry .content h2 {
    margin-top: 0.5em;
    font-size: 1.4em;
}
*/

p.description {
    font-weight: normal;
    font-size: 0.95em;
    padding: 0 0 0 2px;
    margin: 0;
}

.entry-separator {
    margin-bottom: 75px;
}

.entry .content {
    margin-bottom: 50px;
}

.entry .post-date {
    padding-left: 11px; /* See h2 padding-left (+1) */
    font-size: 0.9em;  /* See regular font for body */
}

#main ul.taglist {
    margin: 0;
    padding: 0;
    list-style: none;
}

#main ul.taglist li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    text-decoration: none;
    color: #008800;  /* Nao confunde com link? Eh link? */
    font-weight: bold;
}

#main ul.taglist li.tags_callout {
    font-weight: lighter;
}

#main ul.taglist li a {
    background-color: #008800;
    color: #000000;
    font-weight: bold;
    padding: 3px;
}

.comment_status {
    /*text-align: right; */
    margin-top: 20px;
    margin-bottom: 2em;
    padding: 15px 0 5px 0.2em;
    border-top: solid 1px #008800;
    /* background: #0A0A0A; */
    font-size: 1.0em;
    font-weight: lighter;
}

.comment_count {
    padding-left: 0.2em;
}

.comment_add_yours {
    padding-left: 2.5em;
}

.raquo {
    font-size: 0.9em;
    color: #008800;
}

.comment-list {
    margin-bottom: 2em;
}

.comment-wrapper {
    border-bottom: solid 1px #008800;
}

.comment {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.8em;
    padding-right: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*
.comment.staff-comment {
    background-color: #000500;
}
*/
.comment.author-comment {
    background-color: #001500;
}

.comment-name-block {
    color: #008800;
}

.comment-name {
    padding: 2px 0 1px 0.4em;
}

.comment-name a {
    color: #008800;
    text-decoration: underline;
}

.comment-date-block {
    font-size: 0.8em;
    padding-left: 1.6em;  /* See comment-name padding-left */
    padding-top: 0.2em;
    font-weight: 100;
}
.comment-date {
    color: #888888;
}

.comment-date a {
    color: #888888;
}

.comment-msg {
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.2em 0 0 1.4em;
}

.read-more {
    float: right;
    font-weight: normal;
    font-size: 1.1em;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.float-align-right { float:right; margin: 0 0 15px 15px; }
.float-align-left { float:left; margin: 0 15px 15px 0; }

.clear { clear: both; }
.noshow {
    display: none;
}

del {
    color: red; /* ? */
    text-decoration: line-through;
}

ul, ol {
    margin: 10px 30px;
    padding: 0 15px;
    color: #FFFFFF;
}

img {
    border: none;
    vertical-align: middle;
}

img.no-border {
    border: none;
}
img.float-right {
    margin: 5px 0px 5px 10px;
}
img.float-left {
    margin: 5px 10px 0px 0px;
}
a img {
    /* border: 3px solid #555; */
}
a:hover img {
    /* border: 3px solid #CCC !important; */ /* IE fix*/
    /* border: 3px solid #555; */
}
img.side-by-side {
    /* vertical-align: bottom; */
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font-weight: 500;
    font-size: 1.0em;
    font-family: 'Lucida Console', 'courier new', monospace;
    /* white-space: pre; */
    background: #151515;
    white-space: pre;
}
acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}
blockquote {
    margin: 15px;
    padding: 1px 0 1px 20px;
    background: #151515;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Trebuchet MS', sans-serif;
}

form {
    padding: 1px 2em 1px 2em;
    background: #0A0A0A;
}

form .required {
    font-style: italic;
}

form .required em {
    font-variant: small-caps;
    color: red;
    padding: 0 0.2em;
}

form .errorbox {
    border: 1px solid red;
}

form .errorlist li {
    color: red;
    font-weight: bold;
}

label {
    display:block;
    font-weight:bold;
    margin:5px 0;
}
input {
    padding: 2px;
    border:1px solid #eee;
    width: 200px;
    font-weight: normal;
    font-size: 1.0em;
    font-family: Verdana, sans-serif;
    color:#555;
}

textarea {
    width: 400px;
    padding:2px;
    font-weight: normal;
    font-size: 1.0em;
    font-family: Verdana, sans-serif;
    border:1px solid #eee;
    height:150px;
    display:block;
    color:#555;
}

/*
input[type="submit"] {
    width: 100px;
    margin: 0;
    font-weight: bold;
    font-size: 1.0em;
    font-family: Arial, Sans-serif;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 2px 3px;
    color: #333;
}
*/

input.submit-btn {
    width: 7em;
    margin: 0;
    font-weight: bold;
    font-size: 1.0em;
    font-family: Arial, Sans-serif;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 2px 3px;
    color: #333;
}

.gsc-control { 
    max-width: 90%;
    margin: 10px 2px;
}

#searchcontrol {
}

.searchform form {
    background-color: transparent;
    border: none;
    margin: 0; padding: 0;
}

.searchform input[type="text"] {
    margin: 0;
    width: /* 145px */ 100%;
    border: 1px solid #777;
    background: #FFF;
    color: #333;
    height: 14px;
    vertical-align: top;
}

.searchform input[type="submit"] {
    margin: 0 0 0 10px;
    padding: 2px 3px;
    font-weight: bold;
    font-size: 1.0em;
    font-family: Arial, Sans-serif;
    background: #FFF;
    border: 1px solid #f2f2f2;
    color: #333;
    width: 65px;
    vertical-align: top;
}