/* Designed by François PLANQUE http://fplanque.net/ */
/* modified by EdB (http://wonderwinds.com) */

.cc_license { font-size:86%; }
.cc_license img { float:left; margin-top:.2ex; margin-right:1ex; margin-bottom:.4ex; border:0px; vertical-align:middle; }

code { display:block; background-color:#000; color:#FFF; padding:2px 3px; }

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; text-decoration:none; }
a:visited { color:#666699; text-decoration:none; }
a:hover { color:#693; text-decoration:none; }
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:2px 4px; white-space:nowrap; margin:3px 3px 0 0; font-size:16px; }
a.BlogButtonCurr { text-decoration:underline; text-align:left; vertical-align:top; padding:2px 4px; white-space:nowrap; margin:3px 3px 0 0; 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: 6px 6px 4px; font:109% Arial, Helvetica, sans-serif; }
div.stats { float:right; padding: 1px 1px 1px 0; }

/* Styles for main area (left) */

h2 { margin-left:8px; }

/* Styles for posts */

.bPosts { float:left; width:460px; margin:20px 0 0; padding:0; line-height:1.5em; border:5px; }
.bPost, .bPostpublished { margin:0 0 1.5em; 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:8px 0; 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; 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; 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; 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:1px solid #cccccc; padding:.5ex; width:94%; margin:0ex; }
select.bComment { background-color:#fff; border:1px solid #cccccc; padding:.5ex; width:100%; margin:0ex; }
fieldset .notes { /* display: block; */ font-size:80%; color:#999999; }

/* Styles for stats */

div.statbloc { margin:0 2% 2ex; border:1px solid #DCDCDC; padding:0; }
div.statbloc h3 { background-color:#999; margin:0; 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 12px 1em; border-bottom:1px solid #ddd; overflow:hidden; }
.bSideItem h3 { margin: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:1px solid #cccccc; 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; 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:.2ex 1ex .2ex 0; }
img.rightmargin { float:right; border:0px; margin:.2ex 0 .2ex 1ex; }

a.permalink_right { background-color:transparent; float:right; border:0; }
table.bCalendarTable { margin:0 auto 1em; 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; 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; }
