/* Designed by François PLANQUE http://fplanque.net/ */
/* modified by EdB (http://wonderwinds.com) */

body {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: small;
text-align: center;
color: #333;
background: #e0e0e0;
}

#wrapper {
width: 847px;
margin: 0 auto;
text-align: left;
background: url(img/tile.gif) repeat-y;
}

a:link {
color: #69c;
}

a:visited {
color: #666699;
}

a:hover {
color: #693;
}

a:active {
color: #cc3333;
text-decoration: none;
}

td {
font-family: Arial, Helvetica, sans-serif;
}
th {
font-family: Arial, Helvetica, sans-serif;
}
caption {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1 {
color: #6699CC;
font-size: 225%;
}
h2 {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: #f93;
background: url(img/date_icon.gif) no-repeat 0 50%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 110%;
}

p.baseline {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(img/bottom_sash.gif) no-repeat top left;
}

hr {
height: 0px;
border-top: 1px solid #6699CC;
border-right: 1px none #6699CC;
border-bottom: 1px none #6699CC;
border-left: 1px none #6699CC;
}
dt {
font-weight: bold;
color: #009999;
}
blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
background: url(img/quotes.gif) no-repeat top left;
}
code {
margin: 0 4px;
padding: 4px 0 0 4px;
font-size: 84%;
text-align: left;
color: #666;
}

.center {
text-align: center;
}

acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}
abbr {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

del {
color: #999999;
}
ins {
color: #009999;
text-decoration: none;
}

div.pageHeader {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
background: #e0e0e0 url(img/top_div.gif) no-repeat top left;
text-align: center;
}

h1#pageTitle {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
background: url(img/top_h1.gif) no-repeat bottom left;
text-align:left;
}

a.BlogButton {
text-decoration: none;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
white-space: nowrap;
margin-right: 3px;
margin-top: 3px;
font-size: 16px;
}
a.BlogButtonCurr {
text-decoration: underline;
text-align: left;
vertical-align: top;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
white-space: nowrap;
margin-top: 3px;
margin-right: 3px;
font-weight: bold;
}

a.BlogButton:link, a.BlogButton:visited, a.BlogButton:active, a.BlogButtonCurr:link, a.BlogButtonCurr:visited, a.BlogButtonCurr:active {
color: #556F1F;
font-size: 16px;
font-weight: bold;
}
a.BlogButton:hover {
color: #6B8E23;
}
a.BlogButtonCurr:hover {
color: #FF6347;
}

.pageSubTitle {
color: #FFFFFF;
letter-spacing: 4px;
text-align: center;
vertical-align: middle;
border: 0px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 6px;
font: 109% Arial, Helvetica, sans-serif;

}
div.stats {
float: right;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
margin-left: 8px;
}

/* Styles for posts */
.bPosts {
float: left;
width: 460px;
margin: 20px 0 0 0;
padding: 0;
line-height: 1.5em;
border: 5px;
}
.bPost, .bPostpublished {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
text-align: justify;
overflow: hidden;
}
.bSmallHead {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin-top: 8px;
margin-bottom: 8px;
color: #6699CC;
}
.bTitle {
margin: 0;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 130%;
letter-spacing: -1px;
color: #f63;
}
.bSubTitle {
margin: 0;
padding: 0;
padding-left: 4ex;
font-size: 90%;
color: #FF9933;
}
.bText {
margin: 0 0 1.5em 0;
padding: 0 0 0 14px;
}
.bMore {
text-align: center;
}
.bMore a
{
font-weight: bold;
font-size: 110%;
}
.bSmallPrint, .bCommentSmallPrint {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: #999;
background: url(img/tictac_grey.gif) no-repeat 0 8px;
}

/* Styles for comments */
.bComment {
margin-bottom: 1em;
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(img/comments_curve.gif) no-repeat top left;
}
.bCommentTitle {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 130%;
color: #666;
background: url(img/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}
.bCommentText {
margin: 4px 0 0 0;
padding: 0 10px 1em 60px;
color: #999;
border-bottom: 1px solid #ddd;
background: url(img/comment_arrow.gif) no-repeat 44px 2px;
}

/* Styles for comment form */
form.bComment fieldset {
clear: both;
border: none;
margin: 2ex 0ex;
padding: 0ex;
}
div.label {
float: left;
width: 18%;
text-align: right;
font-weight: bold;
position: relative;
top: .5ex;
}
form.bComment label {
font-weight: bold;
}
div.input {
float: right;
width: 80%;
}
input.bComment, textarea.bComment {
background-color: #fff;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
padding: .5ex;
width: 94%;
margin: 0ex;
}
select.bComment {
background-color: #fff;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
padding: .5ex;
width: 100%;
margin: 0ex;
}
fieldset .notes {
/* display: block; */
font-size: 80%;
color: #999999;
}

/* Styles for stats */
div.statbloc {
margin: 0 2% 2ex 2%; 
border: 1px solid #DCDCDC;
padding: 0;
}
div.statbloc h3 {
background-color: #999;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 1ex;
color: #FFFFFF;
text-align: center;
}
table.invisible {
margin: 1ex;
border-collapse: collapse
}
table.invisible td {
padding: 0ex 1ex;
}
td.right {
text-align: right;
}

/* Styles for sidebar (right) */
div.bSideBar {
margin: 0 41px 0 547px;
padding: 20px 0 0 0;
font-size: 85%;
line-height: 1.4em;
color: #999;
background: url(img/sidebar_bg.gif) no-repeat 0 0;
}
.bSideItem {
margin: 0;
padding: 5px 15px 1em 15px;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.bSideItem h3 {
margin: 0 0 0 0;
padding: 25px 0 0 50px;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 130%;
color: #666;
height: 32px;
background: url(img/sidebar_icon.gif) no-repeat 20px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}
.bSideItem ul {
margin: 0;
padding: 5px 20px 1em 20px;
}
.bSideItem ul li {
background: url(img/tictac_green.gif) no-repeat 0 5px;
}
.bSideItem form {
margin-top: 0px;
margin-bottom: 0px;
}
.dimmed {
color: #aaa;
font-size: 84%;
}
input.SearchField {
background-color: #fff;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
padding: .5ex;
width: 90%;
margin: 0ex;
}

ul {
list-style: none;
margin: 0 0 20px 30px;
padding: 0;
}

ul li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(img/tictac_orange.gif) no-repeat 0 6px;
}

.clear {
clear: both;
}

#footer {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
background: url(img/bottom_sill.gif) no-repeat bottom left;
}

#content {
margin-left: 62px; /* to avoid the BMH */
}

.bPosts img.imagem {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
/* align: center; */
}

strond {
font-weight:bold;
}

* html div div {
overflow:hidden;
}

/* styles from blog_elements */
div.codeblock {
background-color: #eee;
border: 1px dotted #aaa;
margin: 1ex;
padding: 1ex;
width: 90%;
overflow: auto;
}
div.codeblock pre {
margin: 0;
}

/* styles for images */
img {
border: none;
}
img.top {
vertical-align: top;
border: 0px;
}
img.flag {
vertical-align: middle;
border: 1px solid #000;
}
img.middle {
vertical-align: middle;
border: 0px;
}
img.leftmargin {
float: left;
border: 0px;
margin-right: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
img.rightmargin {
float: right;
border: 0px;
margin-left: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
a.permalink_right {
background-color: transparent;
float: right;
border: 0;
}

table.bCalendarTable {
margin: 0 auto 1em auto;
font-size: 77%;
border-collapse: separate; 
border-spacing: 0px;	
}
/* styles for the archive calendar */
caption.bCalendarCaption {
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-top: solid 1px #ccc;
margin: auto;
white-space: nowrap;
font-size: 105%;
font-weight: bold;
padding: .5ex 0;
}
table.bCalendarTable {
margin: auto;
font-size: 84%;
border: solid 1px #ccc;
background: #fff;
}
tr.bCalendarRow {
text-align: center;
}
th.bCalendarHeaderCell {
font-size: 84%;
width: 3.5ex;
}
td.bCalendarCell {
width: 3.5ex;
}
td.bCalendarEmptyCell {
}
a.bCalendarLinkPost {
font-weight: bold;
}

/* styles for popup comments if used */
#contentcomments {
margin: 0 0 50px 10px;
padding: 10px;
}
#contentcomments input {
margin: 1px;
padding: 1px 1px 4px 1px;
border: 1px solid #ccc;
font: 11px/14px verdana, arial, helvetica, sans-serif;
}
#contentcomments textarea {
margin: 1px;
padding: 1px;
border: 1px solid #ccc;
font: 11px/14px verdana, arial, helvetica, sans-serif;
}
