﻿/*global*/
*{margin:0;padding:0;font-size:1em}
.clear{clear:both;height:1px;visibility:hidden;margin-bottom:-1px}
.none{display:none}
.notop{margin-top:0 !important}
/*.nobot{margin-bottom:0 !important}*/
a{color:#996633}
a:hover{color:#CC6600}
/*.astrong{color:#f60;text-decoration:none;font-weight:bold}.astrong em{font-style:normal;font-weight:normal;font-family:arial,sans-serif;font-size:1.1em;color:#c30}*/
img{border:0}
p,ul{margin-top:1.2em}
ul{list-style:none}
/*.ar{text-align:right}*/
fieldset{border:0}
/*table{font-family:tahoma,arial,verdana,sans-serif;font-size:1em;border:0;border-collapse:collapse}
th,td{text-align:left;vertical-align:top}*/
input,select,textarea{font-family:tahoma,arial,verdana,sans-serif;font-size:1em}
/*h1,h2{color:#000}*/
/*.smaller{font-size:0.9em}*/
#sfdemoblog_wrp #main ul li {
	margin: 0 0 0 20px;
	list-style-type: disc;
}
#sfdemoblog_wrp #main .sf_socialBookmarks li {
	margin: 0;
	list-style-type: none;
}
#sfdemoblog_wrp #main .sf_socialBookmarks li a 
{
	text-decoration: none;
}
#sfdemoblog_wrp #main ol li {
	margin: 0 0 0 20px;
	list-style-type: decimal;
}
body{margin:7px 0 22px;font-family:tahoma,arial,verdana,sans-serif;font-size:80%;color:#333;background:url(img/blogBodyBack.jpg) 0 0 repeat-x #fff;text-align:center;line-height:1.8em}

/*base layout*/
#sfdemoblog_wrp{width:666px;margin:0 auto;background:url(img/blogWrpBack.gif) 0 0 repeat-y;font-size:1.1em}
#sfdemoblog_wrp:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#header{background:url(img/blogWrpHead.jpg) 0 0 no-repeat;padding:13px 0 0}
#cnt{margin:0 /*13px*/ 0;text-align:left}
#main,#right{position:relative}
#main{float:left;width:430px;left:20px}
#right{float:right;width:170px;right:20px}
#blogBottom{clear:both;height:3em;background:url(img/blogWrpBottom.gif) 0 100% no-repeat}

/*header*/
#logo{width:640px;height:131px;margin:0 auto;background:url(img/blogHead.jpg) 0 0 no-repeat}
#logo a{display:block;height:131px;text-decoration:none;background:url(img/blogTitle.png) 0px 0px no-repeat;text-indent:-9999px;overflow:hidden}
#subhead{border-bottom:1px solid #ccc;margin:0 15px;padding:0 10px;line-height:2.4em;font-weight:bold;font-size:0.9em}
#subhead a{color:#663300;text-decoration:none}
#subhead a:hover{color:#CC6600;text-decoration:none}

/*right*/
#right h3, #right h2{margin-top:1.5em;font:normal 1.8em/1.2em georgia,arial,sans-serif;color:#333}
#right ul{margin-top:1.4em;border-top:1px solid #e3e3e3;}
#right li, #right .sf_simpleList li {margin: 0; border-bottom:1px solid #e3e3e3;padding-left:25px;background:url(img/blogList.gif) 8px 0.9em no-repeat;line-height:2.2em;_height:1%}
#right li a{margin-right:4px;text-decoration:none;color:#333;}
#right li a:hover{color:#996633}

.prevPost{border-right:1px solid #333;padding-right:10px;margin-right:5px;background:url(img/prev.gif) center left no-repeat;padding-left:15px;}
.sf_singlePost .sf_back {padding-top: 10px; font-weight:bold}
.nextPost{border-left:1px solid #333;padding-left:10px;margin-left:5px;background:url(img/next.gif) center right no-repeat;padding-right:15px;}
.postsNavigation {margin-top:10px}

/*blog posts*/
#sfdemoblog_wrp #main .sf_postListing li
{
	list-style-type: none;
	margin-left: 0;
}
.post{margin-top:2.4em}
.sf_postTitle
{
	font:normal 2.2em/1.2em georgia,arial,sans-serif; 
	margin: 30px 0 10px !important;
}
.sf_postTitle a{text-decoration:none}
.sf_postTitle a:hover{color:#CC6600}
.sf_postListing .sf_postDate, .sf_singlePost .sf_postDate{margin-top:1em; color: #000; line-height: 1.2; font-size: 1em; font-weight: bold;}
.postContent{}
.postGet,.entryFoot{color:#fff}
.postGet{margin-top:1em}
.diggit{padding-left:20px;background:url(img/blogDiggit.gif) 0 0 no-repeat}
.delicious,.delicous{margin-left:10px;padding-left:18px;background:url(img/blogDelicious.gif) 0 0 no-repeat}
p.more{margin:5px 0 10px 0}
.postFoot{clear:left}
.sf_postListing .sf_postComments a{padding:0 0 5px 20px;background:url(img/blogComments.gif) 0 0 no-repeat;}
.postFoot span{margin-left:10px;color:#000}
.postComments{margin-top:40px}
.sf_postComments .sf_comments, .sf_postNewComment legend
{
	margin-top:4em; 
	font-weight: bold; 
	padding-left:20px;
	background:url(img/blogComments.gif) 0 0.2em no-repeat;
	color:#333;
	text-transform:uppercase
}
.sf_postNewComment legend 
{
	margin-top: 2.5em;
}
.sf_postComments h3 a{color:#333}
.sf_postComments .sf_commentAuthor{margin-top:1.6em;color:#996633; line-height: 1.1;}
.sf_postComments .sf_commentAuthor a{text-transform:none}
.sf_postComments .commentDate{font-weight:bold}
.sf_postComments p, .sf_postComments .sf_commentAuthor {margin:0}
p.commentMessage {background:#690;color:#fff;padding:3px 10px;margin:20px 0}
#main ul.sf_postListing li p, #main .sf_postComments p 
{
	margin: 0;
}
/*comments form*/
#sfdemoblog_wrp #main .sf_commentListing li{list-style:none; margin: 0 0 20px;}
.sf_commentsList fieldset h3{text-transform:uppercase}
.sf_commentsList fieldset.sf_postNewComment
{
	display:block;
	width:400px;
	margin-top:.5em;
	padding:.5em 1em 1em;
	border: 0;
	background:#ededdb;
}
#sfdemoblog_wrp #main  .sf_commentsList fieldset li 
{
	margin: 0; 
	list-style-type: none; 
	clear: both;
	width: 400px;
	padding-bottom: .4em;
}
#sfdemoblog_wrp #main  .sf_commentsList fieldset .RadEditor .reToolbar li 
{
	padding: 0;
	clear: none;
	width: auto;
}
#sfdemoblog_wrp #main  .sf_commentsList fieldset .RadEditor .reToolbar .reGrip 
{
	width: 4px;
}
.sf_commentsList fieldset li:after{content:".";display:block;clear:both;height:3px;visibility:hidden}
.sf_commentsList fieldset label, .postComments fieldset span {float:left;width:60px;padding-right:10px;text-align:right;line-height:1.2}
.sf_commentsList fieldset input{float:left;width:200px;height:20px}
.sf_commentsList fieldset textarea{float:left;width:320px;height:150px}
.sf_commentsList fieldset input.sf_commentSubmit{display:block;margin:0.4em 0 0 70px;width:120px;height:auto;font-weight:bold}
.sf_commentsList fieldset span.sf_commentsValidator{ clear: both; margin-left:70px;color:red;font-weight:bold;width:320px;text-align:left}
/* Rad Editor */
#sfdemoblog_wrp #main .sf_commentsList fieldset .radeditor li 
{
	width: auto;
}
.RadEditor
{
	width: 325px !important;
	float: left;
}
.formattingOptionsToggleBtn
{
	position: relative;
	margin: 5px 5px -25px 0;
	outline: 0;
	float: right;
}
.formattingOptionsToggleBtn:focus
{
	outline: 0;
}
/*RSS*/
.feed{background: url(img/feed.gif) 0 5px no-repeat;padding:3px 0 5px 20px;margin-top:15px;border-top:#e3e3e3 solid 1px;border-bottom:#e3e3e3 solid 1px; display: block;}

/* Categories, Tags, Archive */
ul.tagCloud {
	margin: 0;
	padding: 0;
	border: 0;
}
ul.tagCloud li {
	margin: 0;
	padding: 0 20px 0 0;
	background: none;
	border-bottom: 0;
	padding: 0;
	display: inline;
	line-height: 36px;
}
ul.tagCloud li a:link, ul.tagCloud li a:visited, ul.tagCloud li a:hover, ul.tagCloud li a:active {
	padding: 0 10px 0 0;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active {
	font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active {
	font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active {
	font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active {
	font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active {
	font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active {
	font-size: 36px;
}
h1.categorizedAs {
	margin: 20px 0 0;
	font-size: 2.5em;
	font-family: georgia,arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
}
dl.taggedWithList {
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}
dl.taggedWithList dt, dl.taggedWithList dd {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}
