/* Designed by François PLANQUE - http://fplanque.net/ */

@import url("css/basic.css");
@import url("css/blog_elements.css");
@import url("css/forms.css");

/* structural styles */
body {
padding:0;
margin:0;
margin-bottom: 4px;
color: #000;
font:84% arial,sans-serif;
background-color: #FFFFFF;
}
#lft_wrap { 
background:url(img/left_bg.png) 
repeat-y 0 0;
}
#rt_wrap { 
background:url(img/right_bg.png) 
repeat-y 100% 0; 
}
#wrapper {
border:1px solid #000000;
margin:0 20px;
padding: 0;
}
#pageHeader { 
position:relative;
height:150px;
overflow:hidden;
background:url(img/BLB1.jpg);
background-repeat:no-repeat;
background-position:right;
border:solid black;
border-width:0 0 1px 0;
}
#tagLine { 
position:absolute;
text-align:right;
top:115px;
right:270px;
font:bold 100% verdana, sans-serif;
}
#bPosts {
overflow: hidden;
}
#bPosts h2 {
font-size:120%;
color:#336;
background:inherit;
margin:1ex 0 -1ex 1ex;
}
#bSideBar {
width: 260px;
float: right;
background: #F7F7F3;
border-left:1px solid #aaa;
border-bottom:1px solid #aaa;
margin:0 0 10px 10px;
height:100%;
}
#pageFooter {
clear: both;
background-color: #FFFFFF;
margin: 0 2em;
border-top: 6px groove #996633;
padding: 0 1em;
text-align: center;
font-size: 84%;
}

/* generic styles */
h3 {
font-size: 120%;
}
h4 {
font-size: 110%;
margin-bottom: 2px;
}
a {
color: #996633;
}
a:visited {
color: #000000;
}
a:hover {
color: #666666;
background-color: #FFFFFF;
}
p.baseline {
border-top: 1px solid #ddd;
text-align: center;
font-size: 74%;
color: #888;
padding: 1ex;
margin: 0;
}
p.baseline a, p.baseline a {
color: #888;
text-decoration: none;
}
p.baseline a:hover {
text-decoration: underline;
}
input.submit, input.preview, input.reset {
background-color: #ddd;
color: #78a;
border: 1px solid #000000;
font-weight: bold;
padding: 1px;
}
input.submit:hover, input.preview:hover, input.reset:hover {
color: #000000;
}
.prev_next_single {
margin: 1em auto;
padding: 1em;
text-align: center;
}

/* header styles (3 containers) */
.bloglist_header ul, .top_menu ul {
border-bottom: 1px solid #000000;
margin:4px 0 0 0;
padding: 0;
list-style-type:none;
padding: .6ex 0;
}
.bloglist_header ul li, .top_menu ul li {
border-right: 1px solid #000000;
display: inline;
padding: .6ex 1em;
font-weight: bold;
}

.bloglist_header a, .bloglist_header a.selected {
font-weight: bold;
text-decoration: none;
}

.bloglist_header a {
color: #000;
}

.bloglist_header a:hover {
text-decoration: underline;
color: #9ae;
}

a.blhs, a.blhs:visited .bloglist_header a:visited {
color: #78a;
}

.bloglist_header a:hover {
text-decoration: underline;
color: #9ae;
}

.pageHeader {
padding: 1ex;
margin: 0 1px 0 1px;
border-bottom: 1px solid #000;
text-align: center;
background: #78a;
}
#.pageHeader h1 {
font-size: 270%;
font-weight: bold;
margin: 0;
padding: 0;
}

.top_menu {
background-color: #F7F7F3;
background:url(img/menu_bg.png) 
repeat-y 100% 0;
margin: 0;
padding: .5ex 0;
text-align: center;
font-size: 84%;
}

.top_menu ul {
text-align: right;
padding-right: 12px;
}

.top_menu ul li {
border: none;
padding: 0 .5em;
font-size: larger;
}


/* styles for the main (posts) area */
div.action_messages {
margin: 0 2ex;
}
.bPost, .bPostpublished {
margin: 0 2.5ex;
clear:left;
padding:10px 0 0 0;
}
.bSmallHead {
font-size: 80%;
color: #999;
margin: 2ex 0 1ex 0;
}

.bTitle a {
color: #22a;
}
.bTitle a:visited {
color: #22a;
}
.bTitle a:hover {
color: #0000C0;
background-color: #FFFFFF;
}
.bTitle { 
color: #22b;
font: bold 180% arial,helvetica,sans-serif;
background: inherit;
border-top: 2px solid #999;
margin: 12px 0 0 0;
}

.bText {
margin:0 0 0 0;
font:100% verdana,sans-serif;
}
.bText img { 
border:1px solid #999; 
padding:5px;
background:#ccc; 
display:block; 
margin:0 auto; 
}
.bSmallPrint {
color: #999;
font-size: 80%;
margin: 1ex 0 2ex 0;
}

/* Styles for comments */
div.bComment, form.bComment {
margin: 1ex 2ex;
padding: 0 1ex;
border: 1px dotted #999;
overflow:hidden;
height:100%;
}
#comment_preview {
background-color: #eee;
}
div.bCommentTitle {
margin: 1ex 0;
font-weight: bold;
}
div.bCommentText {
margin-top: 0;
margin-bottom: 0;
}
div.bCommentSmallPrint {
clear: both;
font-size: 78%;
margin: 1ex 0;
}
div.moderation_msg {
margin: 1ex 2ex;
padding: 0 1ex;
border: 1px dotted #fa9;
color: #e70;
}
select.bComment {
background-color: #eee;
border: 1px solid #ccc;
padding: 1px;
margin: 0ex;
}
.trackback_url a {
background:yellow;
margin-left:4em;
}

/* Styles for sidebar (right) */
.bSideItem {
margin: 2ex;
padding: 0 0 2ex 0;
border-bottom: 1px solid #805630;
color: #000000;
}
.bSideItem h1 {
margin-left: -1ex;
margin-bottom: 0;
font-variant: small-caps;
font-size: 150%;
text-align: center;
}
.bSideItem h1 a, .bSideItem h1 a:visited, .bSideItem h1 a:hover {
color: #000000;
text-decoration: none;
}
.bSideItem ul {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 8px;
padding-left: 8px;
list-style-type:square;
}
.bSideItem ul ul{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 8px;
}
.widget_core_linkblog ul {
list-style-type:none;
margin-bottom: 0px;
margin-left: -8px;
font-size: 110%;
font-weight: bolder;
}
.widget_core_linkblog ul ul {
list-style-type:square;
margin-top: 4px;
margin-bottom: 8px;
margin-left: 8px;
font-size: smaller;
font-weight: normal;
}
.bSideItem form {
margin-top: 0px;
margin-bottom: 0px;
}

input.SearchField {
background-color: #eee;
border: 1px solid #ccc;
padding: .5ex;
width: 96%;
margin: 0ex;
}

/* Image styles */
img {
border:none;
}
img.top {
vertical-align:top;
}
img.middle {
vertical-align:middle;
}
img.icon {
vertical-align:bottom;
}
img.leftmargin {
float:left;
margin-top:.2ex;
margin-right:2ex;
margin-bottom:.2ex;
}
img.rightmargin {
float:right;
margin-top:.2ex;
margin-bottom:.2ex;
margin-left:2ex;
}
img.flag {
vertical-align:middle;
border:1px solid #000000;
}
img.flagtop {
vertical-align:top;
border:1px solid #000000;
}
div.single_image_zone {
overflow: hidden;
}
div.multi_image_zone {
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
}
div.image_block {
text-align: center;
background-color: #FFFFFF;
border: 1px solid #999999;
}
div.multi_image_zone div.image_block {	
margin: 1ex;
float: left;
}
div.image_block img {
margin: 1ex;
}
div.image_legend {
font-size: 84%;
color: #AAAAAA;
margin: 1ex;
}

/* obsolete styles? */
table.invisible {
margin: 1ex;
border-collapse: collapse
}
table.invisible td {
padding: 0ex 1ex;
}
td.right {
text-align: right;
}