/* Designed by Francois PLANQUE - http://fplanque.net/ */

@import url("../../rsc/css/basic.css");	/* Import basic styles */
@import url("../../rsc/css/img.css");	/* Import standard image styles */
@import url("../../rsc/css/blog_elements.css");	/* Import standard blog elements styles */
@import url("../../rsc/css/forms.css");	/* Import default form styles */
@import url("../../rsc/css/comments.css");	/* Import default comment styles */

/*
 * Main page construct:
 */
body {
    background: #fff;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-top: 10px;
}

div.wrapper
{
    margin: 0;
    padding: 0;
}
div.wrapper2 /* Main white content zone */
{
    background: #fff;
    width: 110ex;
    margin: 0 auto;
    padding: 0;
    border: 0;
}

div.heading
{
    width: 640px;
    margin: 0 auto;
    text-align: center;
    border: 1px dashed;
    line-height: 1em;
    padding-top: 15px;
	border: 1px solid #CCC;
    box-shadow: 5px 5px 20px #cfc;
    border-radius: 5px;
}

div.pageHeader /* Title zone */
{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #000;
    background-repeat: no-repeat;
    background-position: right top;
}


.bPosts /* Left column */
{
    width: 80ex;
    float: left;
}

.bSideBar /* Right column */
{
    width: 29ex;
    float: right;
    overflow: hidden;
    border-left: 1px solid #ccc;
    padding-bottom: 20px;
}
.blogroll
{
    line-height: 1;
}

.blogroll p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px;
}

.blogroll p:hover {
    background-color: #eee;
    border: 1px dotted #ccc;
    padding: 1px;
}

div.clear {
    clear: both;
}
div#pageFooter {
    margin: 1ex 10px 1ex 1ex;
    padding:0;
    border-top: 1px dotted #000;
    color: #666;
}
p.baseline {
    font-size: 70%;
    text-align: center;
    margin:1ex;
}

/*
 * General styles:
 */
a,
a:visited {
    color: #00f;
    text-decoration:none;
}
a:first-letter
{ color: #f00;
}
a:hover {
    color: #f00;
    text-decoration:underline;
}

h2 {
    color: #000;
    font-size: 180%;
    margin: 1ex;
}
h3 {
    color: #000;
    font-size: 120%;
}
h4 {
    color: #000;
    font-size: 110%;
}

/*
 * Blog list on top:
 */
div.PageTop ul {
    margin: 0 1ex;
    padding: 0;
    list-style-type:none;
    padding: .5ex 0;
}
div.PageTop li {
    display: inline;
    padding-right: 1em;
}
div.PageTop a.selected {
    color: #000;
    font-weight:bold;
}


/*
 * Menu on top:
 */
div.top_menu ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
    padding: .5ex 0;
}
div.top_menu li {
    display: inline;
    padding-right: 1em;
}
div.top_menu a.selected {
    color: #f09;
    font-weight:bold;
}


/*
 * Header styles:
 */
div.pageHeader h1 {
    font-size: 250%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div.pageHeader h1 a {
    color: #000;
}
div.pageHeader h1 a:hover {
    color: #c0c;
}
div.pageHeader div.widget_core_coll_tagline {
    letter-spacing: 4px;
    margin: 1ex 0;
    font-size: 109%;
}


/*
 * Styles for forms
 */
.bPost, .bPostpublished
{
    clear: both;
    margin: 0 2.5ex;
    padding: 0;
}
div.separator {
    text-align:center;
    margin: 2em 0;
    border-bottom: dotted 1px;
}
.bSmallHead {
    font-size: 78%;
    margin: 2ex 0 1ex 0;
}
.bTitle {
    color: #000;
    margin: 1ex 0;
}
.bText {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: justify;
}
.bSmallPrint
{
    clear: both;
    font-size: 78%;
    margin: 1ex 0 2ex 0;
}

input.bComment,
textarea.bComment
{
    background-color: #eee;
    border: 1px solid #000;
    width: 97%;
    padding: 2px;
    margin: 0ex;
}
select.bComment		/* Used by the profile form */
{
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 1px;
    margin: 0ex;
}


/*
 * Styles for sidebar (right)
 */
.bSideItem {
    font-size: 84%;
    margin: 2ex;
    padding: 0 0 2ex 0;
}

.bSideItemCenter {
    text-align: center;
}

.bSideItem ul {
    margin-left: 8px;
    padding-left: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    list-style-type:square;
}
.bSideItem ul ul{
    margin-left: 8px;
    padding-left: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bSideItem form {
    margin-top: 0px;
    margin-bottom: 0px;
}
.dimmed
{
    color: #aaa;
    font-size: 84%;
}
input.SearchField
{
    background-color: #eee;
    border: 1px solid #ccc;
    padding: .5ex;
    width: 96%;
    margin: 0ex;
}

/* Special SideItems: */
.widget_plugin_evo_Calr,
.widget_core_coll_title,
.widget_core_coll_longdesc {
    padding: 0;
}
.widget_core_coll_title a {
    color: #000;
}

/* Calendar: */
table.bCalendarTable caption {
    border: 1px solid #ccc;
    background-color: #eee;
    border-bottom: 0;
}
table.bCalendarTable {
    border: solid 1px #ccc;
    border-collapse: separate;
}
table.bCalendarTable a {
    color: #000;
}
table.bCalendarTable tfoot td {
    background-color: #eee;
    border-top: 1px solid #ccc;
}
table.bCalendarTable tfoot a {
    text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
    background-color: #ccc;
}
th.bCalendarHeaderCell {
    color: #ccc;
    font-weight:normal;
}
#bCalendarToday {
    background-color: #ccc;
}

/*
 * Styles for comment screen:
 */
form.bComment fieldset div.label,
form.bComment fieldset div.input,
form.bComment fieldset div.info
{
    font-size: 84%;
}
textarea.bComment,
input.bComment,
input.SearchField {
    background-color: #eee;
}


/*
 * Colors for my own use
 */
.red{color:#f00}
.orange{color:#f90}
.yellow{color:#ff0}
.green{color:#0f0}
.blue{color:#00f}
.purple{color:#90f}

/*
 * RSS feed rules
 */
.rssHover {
    position: relative;
    z-index: 0;
}

.rssHover a span {
    visibility: hidden;
    position: absolute;
    width: 200px;
    padding: 2px;
    padding-bottom: 5px;
    top: 55px;
    left: -1px;
    border: dotted 1px;
    color: black;
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

* html .rssHover a span {
    top: 120px;
}

.rssHover:hover {
    z-index: 50;
    border-color: transparent;
}

.rssHover:hover span {
    visibility:visible;
}

pre {
    border:     1px dashed black;
    background: #eee;
    padding:    13px;
    margin:     13px;
    white-space:pre-wrap;
}

code {
    background: #eee;
    }