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

	Style		Blue
	Version	1.0
	Author	Servous <servous@gmail.com>
	Created	2005-03-12
	Edited	2005-03-29

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

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


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

body {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	background-color: #111;
	background-image: url('Blue/dots_tile.gif');
}

#sblog_root {
	background-image: url('Blue/sb_tile.gif');
  	background-position: center center;
	background-repeat: repeat-y;
	padding-left: 12px;
	width: 650px;
	margin: auto;
}

#sblog_head {
	background-image: url('Blue/bg_div_t.gif');
	background-position: top center;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	margin-top: -20px;
}

#sblog_body {
	background-image: url('');
	margin: 0px;
	margin-top: -1px;
	margin-bottom: -82px;
	padding: 10px 20px 0px 20px;
	overflow: hidden;
	clear: both;
}
/* ########## FOOTER DESIGN ###################################################### */

#sblog_foot {
	z-index: 1;
	background-image: url('Blue/sb_footer.gif');
	width: 628px;
	height: 164px;
	margin-bottom: -12px;
	margin-left: 5px;
	background-position: bottom center;
	background-repeat: no-repeat;
	clear: both;
}

#sblog_copy {
	z-index: 3;
	color: #999;
	text-align: center;
	padding: 85px 0px 4px 0px;
	clear: both;
}

/* ########## HEADER DESIGN ###################################################### */

#sblog_page_title {
	z-index: 1;
	background-image: url('Blue/sb_logo.gif');
	margin-top: -20px;
	width: 638px;
	height: 210px;
	top: 0px;
	left: 0px;
	text-align: center;
}

#sblog_page_title a {
	font-size: 2.4em;
	font-weight: bold;
	color: #ccc;
}

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

#sblog_page_description {
	text-align: center;
}

#sblog_page_description  h2 {
	font-weight: normal;
	color: #ccc;
}

#sblog_main {
	margin: 0px 0px 0px 150px;
	width: 455px;
}

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

a {
	color: #993366;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	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.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
}

a.sblog_post_options_link_comments {
	background-image: url('Blue/ico_comments.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
}

a.sblog_post_options_link_trackback {
	background-image: url('Blue/ico_trackback.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
}

a.sblog_post_options_link_delete {
	background-image: url('Blue/ico_delete.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
}

a.sblog_post_options_link_edit {
	background-image: url('Blue/ico_edit.gif');
	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.gif');
	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.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_images {
	background-image: url('Blue/ico_images.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_categories {
	background-image: url('Blue/ico_categories.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_links {
	background-image: url('Blue/ico_permalink.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_censoring {
	background-image: url('Blue/ico_comments.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_blocks {
	background-image: url('Blue/ico_blocks.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_static {
	background-image: url('Blue/ico_static.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_settings {
	background-image: url('Blue/ico_settings.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_menu {
	background-image: url('Blue/ico_menu.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

.sblog_block_text a.sblog_admin_logout {
	background-image: url('Blue/ico_logout.gif');
	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.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}

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

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

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

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

#sblog_menu {
	overflow: hidden;
	background-image: url('Blue/bg_menu.gif');
	background-position: bottom center;
	background-repeat: repeat-x;
}

#sblog_menu ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: auto;
	margin-right: auto;
	width: 630px;
}

#sblog_menu li {
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url('Blue/menu_bg_right.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

#sblog_menu .sblog_menu_current {
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url('Blue/menu_bg_right_h.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

#sblog_menu a {
	display: block;
	color: #69C;
	background-image: url('Blue/menu_bg_left.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px #999 solid;
}

#sblog_menu .sblog_menu_current a {
	display: block;
	color: #ccc;
	background-image: url('Blue/menu_bg_left_h.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 10px 6px 10px;
	border-bottom-width: 0px;
}

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

.sblog_post {
	padding: 0px 0px 10px 0px;
}

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

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

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

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

.sblog_post_edit {
	color: #999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}

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

.sblog_comment {
	background-color: #000;
	margin: 0px 0px 10px 0px;
}

.sblog_comment_topic {
	background-image: url('Blue/bg_sblog_post_topic.gif');
	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-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
}

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

#sblog_block_body {
	float: left;
	width: 140px;
}

.sblog_block {
	margin: 0px 0px 10px 0px;
}

.sblog_block_topic {
	border-bottom: 1px #69C solid;
	padding: 4px 0px 0px 0px;
}

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

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

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

.sblog_pages {
	background-image: url('Blue/bg_pages.gif');
	background-position: top center;
	background-repeat: repeat-x;
	border-top: 1px #ff99cc solid;
	padding: 4px;
}

.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('Blue/ul.gif');
	padding-left: 20px;
}

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

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

td.sblog_cal_header {
	text-align: center;
}

/* ########## DAYS OF THE WEEK ################################################### */

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

td.sblog_cal_empty {
}

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

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

td.sblog_cal_active {
	background-color: #000;
	background-image: url('Blue/cal_active.gif');
	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 #ff99cc 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 #ff99cc solid;
	padding: 2px;
}

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

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

textarea.sblog_comment {
	width: 300px;
	height: 100px;
	border: 1px #ff99cc 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 #ff99cc dotted;
}

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

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;
}