/**************************************************

 bluebox

**************************************************/

/* ########## BODY ########## */

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background:#50504f url(gbck.gif) repeat;}


#sblog_root {
        background-image: url('bluebox/bg_div.jpg');
        background-position: center center;
        background-repeat: repeat-y;
        width: 820px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;

}

#sblog_head {
        background-image: url('bluebox/bg_div_t.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        clear: both;
        height: 311px;

}

#sblog_body {
        margin: 0px;
        padding: 10px 20px 0px 20px;
        overflow: hidden;
        clear: both;
        text-align: left;
}

#sblog_foot {
        background-image: url('bluebox/bg_div_b.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        padding: 0px 0px -5px 0px;
        overflow: hidden;
        clear: both;
        font-size: 0.9em;
        color: #999;
        text-align: right;
        height: 20px;
        clear: both;
}


#sblog_copy {
        color: #999;
        text-align: center;
        padding: 20px 0px 4px 0px;
        clear: both;
}




#sblog_page_title {
        visibility: hidden;
        text-align: center;
}

#sblog_page_title a {
        visibility: hidden;
        font-size: 2.4em;
        font-weight: bold;
        color: #369;
}

#sblog_page_title a:hover {
        visibility: hidden;
        text-decoration: none;
}

#sblog_page_description {
        visibility: hidden;
        text-align: center;
}

#sblog_page_description  h2 {
        visibility: hidden;
        font-weight: normal;
        color: #999;
}

#sblog_main {
        margin: 0px 200px 0px 10px;
        width: 500px;
}

#sblog_right {
        position: absolute;
        left: 730px;
        top: 250px;
        margin: 0px 10px 0px 10px;
        width: 150px;
        clear: both;
}



/* ########## LINKS ########### */

a {
        color: #69C;
        text-decoration: none;
}

a:hover {
        color: #369;
        text-decoration: underline;
}

a.sblog_post_options_link_comments, a.sblog_post_options_link_perma, a.sblog_post_options_link_trackback, a.sblog_post_options_link_delete, a.sblog_post_options_link_edit, a.sblog_comment_options_link {
        padding-right: 4px;
}

a.sblog_post_options_link_perma {
        background-image: url('Blue/ico_permalink.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

a.sblog_post_options_link_perma:hover {
        background-image: url('Blue/ico_permalink_h.png');
        background-position: center left;
        background-repeat: no-repeat;
}

a.sblog_post_options_link_comments {
        background-image: url('Blue/ico_comments.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

a.sblog_post_options_link_comments:hover {
        background-image: url('Blue/ico_comments_h.png');
        background-position: center left;
        background-repeat: no-repeat;
}

a.sblog_post_options_link_trackback {
        background-image: url('Blue/ico_trackback.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

a.sblog_post_options_link_trackback:hover {
        background-image: url('Blue/ico_trackback_h.png');
        background-position: center left;
        background-repeat: no-repeat;
}

a.sblog_post_options_link_delete {
        background-image: url('Blue/ico_delete.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

a.sblog_post_options_link_delete:hover {
        background-image: url('Blue/ico_delete_h.png');
        background-position: center left;
        background-repeat: no-repeat;
}

a.sblog_post_options_link_edit {
        background-image: url('Blue/ico_edit.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

a.sblog_post_options_link_edit:hover {
        background-image: url('Blue/ico_edit_h.png');
        background-position: center left;
        background-repeat: no-repeat;
}

a.help {
        cursor: help;
        font-weight: bold;
        color: #090;
}

.sblog_block_text a.sblog_admin_posts {
        background-image: url('Blue/ico_edit.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_posts:hover {
        background-image: url('Blue/ico_edit_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_images {
        background-image: url('Blue/ico_images.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_images:hover {
        background-image: url('Blue/ico_images_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_categories {
        background-image: url('Blue/ico_categories.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_categories:hover {
        background-image: url('Blue/ico_categories_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_links {
        background-image: url('Blue/ico_permalink.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_links:hover {
        background-image: url('Blue/ico_permalink_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_censoring {
        background-image: url('Blue/ico_comments.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_censoring:hover {
        background-image: url('Blue/ico_comments_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_blocks {
        background-image: url('Blue/ico_blocks.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_blocks:hover {
        background-image: url('Blue/ico_blocks_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_static {
        background-image: url('Blue/ico_static.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_static:hover {
        background-image: url('Blue/ico_static_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_settings {
        background-image: url('Blue/ico_settings.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_settings:hover {
        background-image: url('Blue/ico_settings_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_menu {
        background-image: url('Blue/ico_menu.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_menu:hover {
        background-image: url('Blue/ico_menu_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_logout {
        background-image: url('Blue/ico_logout.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

.sblog_block_text a.sblog_admin_logout:hover {
        background-image: url('Blue/ico_logout_h.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 14px;
}

#sblog_copy a {
        color: #006495;
        text-decoration: underline;
}

#sblog_copy a:hover {
        color: #000;
}

a.sblog_external {
        background-image: url('Blue/external.png');
        background-position: center right;
        background-repeat: no-repeat;
        padding: 0px 14px 0px 0px;
}




/* counter */
#sblog_counter {
        font-family: Verdana, Arial;
        border-style: outset;
        font-size: 11px;
        width: 12px;
        height: 16px;
        text-align: center;
        float: left;
}


/* ###### ADMIN INTERFACE ########## */

#sblog_root1 {
        background:url('content_bg.gif') repeat;
        margin-left: 0;
        margin-right: 0;
        font-size: 11px;
}

#sblog_main1 {
}

#sblog_table2
        {
        margin-left: 0;
        margin-right: 0;
        visibility: visible;
        width: 100%;
        position: relative
        }

#sblog_table2 table
        {
        font-size: 10px;
        font-family: Verdana, Geneva, Arial, sans-serif;
        background-color: transparent
        }

#sblog_table2 td
        {
        padding: 0px 4px 0px 4px;
        border-color: #999;
        border-width: 1px;
        border-style: none dotted solid none
        }

#sblog_table2 tr
        {
        background-color: transparent
        }


/* ###### xpage agenda ########## */
.date{
        float:left;
        width:67px;
        height:80px;
        background:url(date.gif);
        margin-right:10px;
}

.month{
        color:#ffffff;
        text-align:center;
        font-weight:bold;
        font-size:14px;
        display:block;
        padding-top:7px;
        height:20px;
}

.day{
        color:#ffffff;
        text-align:center;
        font-weight:bold;
        font-size:30px;
        display:block;
        padding-top:5px;
}












/* ########## MENU ########## */

#sblog_menu {

        position: absolute;
        top: 86px;
        text-align: left;
        font-size:12px;
        text-transform:uppercase;
        font-weight:bold
}

#sblog_menu ul {
        margin: 10px 0px 0px 15px;
        width: 600px;
}

#sblog_menu li {
        float: left;
        margin: 0px 15px 0px 10px;
}

#sblog_menu .sblog_menu_current {
        float: left;
        margin: 0px 15px 0px 10px;
}

#sblog_menu a {
//        display: block;
        color: #000000;
}

#sblog_menu .sblog_menu_current a {
//        display: block;
        color: #CECECE;
}



/* ########## POST ########## */

.sblog_post {
        font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 0px 0px 10px 0px;
        text-align: left;
}

.sblog_post_topic {
        border-bottom: 1px #6A7180 solid;
        padding: 4px 0px 0px 0px;
}

.sblog_post_topic h1 {
        color: #000;
        font-size: 1.2em;
        font-weight: bold;
}

.sblog_post_text {
        background-image: url('bg_block.jpg');
        background-repeat: repeat-x;
        padding: 4px;
}

.sblog_post_options {
        margin: 10px 0px 20px 0px;
}

.sblog_post_edit {
        color: #CCC;
        font-size: 1em;
}

/* ########## COMMENTS ########## */

.sblog_comment {
        font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFF;
        margin: 0px 0px 10px 0px;
        text-align: left;
}

.sblog_comment_topic {
        background-image: url('bg_sblog_post_topic.png');
        background-position: bottom left;
        background-repeat: no-repeat;
        color: #369;
        font-size: 10px;
        font-weight: bold;
        padding: 4px 0px 1px 0px;
}

.sblog_comment_text {
        color: #999;
        padding: 4px;
}

.sblog_comment_options {
        margin: 10px 0px 20px 0px;
}

.sblog_comment_edit {
        color: #CCC;
        font-size: 9px;
}

/* ########## BLOCK ########## */

#sblog_block_body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        float: right;
        width: 270px;
        text-align: left;
}

.sblog_block {
        margin: 5px 20px 10px 50px;
}

.sblog_block_topic {
        background: #C3C8D9;
        border-top: 1px solid #6A7180;
        border-bottom: 1px solid #6A7180
}

.sblog_block_topic h2 {
        font-size: 1.2em;
        font-weight: bold;
        color: #369;
}

.sblog_block_text {
        padding: 4px;
        background-image: url('bg_block.jpg');
        background-position: top center;
        background-repeat: repeat-x;
        padding: 4px 0px 10px 4px;
}

/* ########## PAGES ########## */

.sblog_pages {
        background-image: url('bg_pages.png');
        background-position: top center;
        background-repeat: repeat-x;
        border-top: 1px #CCC solid;
        padding: 4px;
        text-align: left;
}

.sblog_pages_prev {
        float: left;
        width: 140px;
        text-align: left;
}

.sblog_pages_current {
        width: 50px;
        text-align: center;
        margin: auto;
}

.sblog_pages_next {
        float: right;
        width: 140px;
        text-align: right;
}

/* ########## LIST ########## */

#sblog_block_body ul {
        list-style-image: none;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
}

ul {
        list-style-image: url('ul.png');
        padding-left: 20px;
}

/* ########## CALENDAR ########## */

table.sblog_cal {
        background-image: url('bg_block.jpg');
        background-position: top center;
        background-repeat: repeat-x;
        width: 100%;
        margin: 0px 0px 10px 0px;
        color: #CCC;
}

td.sblog_cal_header {
        text-align: center;
}

td.sblog_cal {
        text-align: center;
        color: #369;
}

td.sblog_cal_empty {
}

td.sblog_cal_day {
        text-align: center;
        font-size: 1em;
        height: 20px;
}

td.sblog_cal_today {
        color: #000;
        background-color: #FFF;
        background-image: url('cal_today.png');
        background-position: top left;
        background-repeat: no-repeat;
        text-align: center;
}

td.sblog_cal_active {
        background-color: #FFF;
        background-image: url('cal_active.png');
        background-position: top left;
        background-repeat: no-repeat;
        text-align: center;
        font-size: 1em;
}

/* ########## FORMS ########## */

form {
        margin: 0px;
}

/* special case to keep ie's original fieldset */
*>fieldset {
        border: 1px #CCC solid;
}

legend {
        color: #369;
        font-weight: bold;
}

label.sblog_label_col {
        width: 200px;
        float: left;
}

input, textarea, select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}

input.sblog_input {
        margin: 2px;
        border: 1px #CCC solid;
        padding: 2px;
}

input.sblog_search {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #999;
        width: 130px;
        border: 1px #CCC solid;
}

textarea.sblog_text {
        width: 420px;
        height: 400px;
        border: 1px #CCC solid;
}

textarea.sblog_comment {
        width: 300px;
        height: 100px;
        border: 1px #CCC solid;
        margin: 2px;
        padding: 2px;
}

.sblog_button {
        color: #369;
        font-weight: bold;
}

.sblog_var {
        float: left;
        width: 120px;
        padding: 4px;
}

.sblog_val {
        background-color: #F0F0F0;
        margin: 0px 0px 2px 120px;
        padding: 4px;
}

/* ########## IMAGES ########## */

img {
        border-width: 0px;
        margin: 0px;
}

.sblog_image {
        background-color: #F0F0F0;
        border: 1px #CCC solid;
        margin: 0px 0px 10px 0px;
        padding: 4px;
        width: 440px;
        overflow: hidden;
}

.sblog_image_info {
        margin: 0px 0px 0px 130px;
}

.sblog_image_tn {
        float: left;
}

/* ########## MISC ########## */

span.hilite {
        background-color: #FCC;
}

.sblog_category {
        color: #69C;
        font-size: 1em;
}

.sblog_quote {
        border: 1px #CCC dashed;
        padding: 4px;
}

.sblog_line {
        border-bottom: 1px #CCC dotted;
}

.sblog_code {
        border-style: solid;
        border-width: 1px;
        border-color: #CCC #FFF #FFF #CCC;
        padding: 10px;
        background-color: #F0F0F0;
        color: #000;
}

h1, h2 {
        margin: 0px;
        font-size: 1em;
        font-weight: normal;
}

span.sblog_censor {
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #F00;
}

#wrapper { width: 180px; border: 1px #ccc solid; background-color: #f8f8f8; padding: 5px; }
                .tag_cloud { padding: 3px; text-decoration: none; }
                .tag_cloud:link  { color: #81d601; }
                .tag_cloud:visited { color: #019c05; }
                .tag_cloud:hover { color: #ffffff; background: #69da03; }
                .tag_cloud:active { color: #ffffff; background: #ACFC65; }