/* CSS Document */

#subject {width:400px; }
#message { width:400px; height:200px;}

#bloglist2 {width: 590px; clear:both; padding:7px; margin:0px 0px 10px 0px; background: #fff; border: 1px solid #ccc;}
#bloglist2 ul {list-style-type:none;float:left; padding:0px; margin:0px; width: 560px;}
#bloglist2 ul li {float:left; padding:0px; margin:3px; clear:both;width:610px;background: #fff; border-top: 1px solid #ccc; width: 530px;}

#bloglist  {width: 600px; clear:both; padding:0px; margin:0px;}
#bloglist ul {list-style-type:none;float:left; padding:0px; margin:0px;}
#bloglist ul li {float:left; padding:5px; margin:3px; clear:both;width:610px;background: #fff; border: 1px solid #ccc;}

#bloglist ul li h3 {font-size: 14px; padding:0px; margin:0px; font-weight:bold;}
#bloglist ul li h6 {font-size: 11px; padding:0px; margin:0px; font-style:italic;}

#bloglist #blank {overflow:hidden; height:1px; clear:both; padding:0px; margin:0px;}



#pagenumbers {float:right; padding:10px 22px 10px 0px;}


#publicentries span { clear:both;  padding:6px; margin:0px 0px 5px 0px; width:600px; border:1px solid #ccc; background-color:#fff; float:left; }
#publicentries span .bimage {float:left; width:70px; padding:3px; margin:0px;}
#publicentries span .btext {float:left; width:506px; padding:3px; margin:0px;}
#publicentries span .btext h2 { background: #fff !important; float:left; display:block; padding: 0; margin: 0; width: 100%;}
#publicentries span .btext h2 .sticky { font-size: 10px; float:right;}
#publicentries span .btext h5 { float:left; display:block; padding: 0; margin: 0; width: 100%; color:#999; font-weight: normal; font-size: 11px;}
#publicentries span .endcap {height:0px; padding:0px; margin:0px; overflow:hidden; clear:both;}


div#publicentries .star-rating{
	list-style:none;
	margin: 0px 0 0;
	padding:0px;
	width: 75px;
	height: 17px; overflow:hidden;
	position: relative; float:left;
	background: url(/img/stars.gif) top left repeat-x;		
}
div#publicentries .star-rating li{
	padding:0px;
	margin:0px; float:left;
}
div#publicentries .star-rating li a{
	display:block;
	width:15px;
	height: 17px;
	text-decoration: none;
	text-indent: -9000px; overflow:hidden;
	z-index: 20;
	position: absolute; float:left;
	padding: 0px; top: 0px; 
	background: none;
}
div#publicentries .star-rating li a:hover{
	background: #f00 url(/img/stars.gif) left center repeat-x !important;
	z-index: 2;
	left: 0px !important;
}

div#publicentries .star-rating li.current-rating {
	background: url(/img/stars.gif) left bottom repeat-x;
	z-index: 2;
	left: 0px; top: 0px; padding: 0px; margin: 0px;
	position:absolute; height: 17px; 
	text-indent: -9000px; clear:none;
}

#postmsg { width:400px; height:200px;}

.xform fieldset span span select.mceSelectList { width:auto; margin-top: 2px;}

#steps { padding: 10px 0; margin: 0; position: relative; width: 640px; height: 24px;  float:left;}
#steps span { padding: 5px; margin: 1px; border: 1px solid #ccc; background: #fff;}
#steps span.active { background: #97c167; }
#steps span.active a { color: #fff; }
#steps span.about { padding: 0; margin: 1px; border: none; background: none; float:right;}
#steps span.write { padding-left: 18px; background: url(/img/blog/write.gif) top left no-repeat; }
#steps span.config { padding-left: 18px; background: url(/img/blog/config.gif) top left no-repeat; }
#steps span.subscribe { padding-left: 18px; background: url(/img/subscribe.gif) top left no-repeat; }

#entries { float:left; clear:both; }
#entries .entry { float:left; width: 640px; margin-bottom: 20px; clear:both; border: 3px double #ccc; padding: 0px;}
#entries .entry span.content, #entries .entry span.actions { padding: 10px; float:left; width:620px;}
#entries .entry span.header h6 { color: #999; font-size: 10px; background-color: #f9f4cc; display:block; margin: 0; padding: 5px 5px 0;}
#entries .entry span.header h3 { color: #333; font-size: 20px; background-color: #f9f4cc; display:block; margin: 0; padding: 0 5px 5px;}
#entries .entry span.header h5 { color: #555; font-size: 12px; background-color: #fff; display:block; margin: 0; padding: 7px 5px; }

#entries .entry span.footer { float:left; padding: 0; width:640px; }
#entries .entry span.footer span {border-top: 1px dotted #ccc; padding: 5px; clear:both; width:620px; float:left; display:block;}
#entries .entry span.footer h5 { float:left; color: #555; font-weight: normal; font-size: 12px; background-color: #fff; display:block; margin: 0; padding: 5px; }
#entries .main span.header a { color: #333; }
#entries .entry span.footer em { font-style: normal; font-weight: normal; }
.notice { padding: 20px 0; border: 2px solid #ccc; display:block; float:left; width:100%; text-align: center;}

#entries .entry span.comments { float:left; width: 640px; padding: 0; margin: 0; border-top: 1px solid #333;}
#entries .entry span.comments h4 { font-size: 20px; font-weight: normal; font-face: trebuchet, geneva; padding:0 10px; margin: 10px 0;  }
#entries .entry span.comments span {margin-left: 10px; border-top: 1px dashed #cccc99; padding: 5px 0px 5px 15px; clear:both; width:605px; float:left; background: url(/img/comment_small.gif) 2px 10px no-repeat;}
#entries .entry span.comments h6 { padding: 0; margin: 0 0 10px; font-size: 12pt; font-weight: normal; display: block; width:620px;  float:left; clear:both;}
#entries .entry span.comments h6 .time { float:none; display: inline; color: #999; font-size: 10pt; text-transform: uppercase; }
#entries .entry span.comments .delete { background: url(/img/remove.gif) 0 2px no-repeat; padding: 0 0 0 10px; margin: 0; display:inline; font-size: 10px; color: #555;}


.header .star-rating{
	list-style:none;
	margin: 0px 0px 0 0;
	padding:0;
	width: 75px;
	height: 17px; overflow:hidden;
	position: relative; float:right;
	background: url(/img/stars_tan.gif) top left repeat-x;		
}

.header span.rating { padding: 0 7px; float:right; color: #999; }
.header .star-rating li{
	padding:0px;
	margin:0px; float:left;
}
.header .star-rating li a{
	display:block;
	width:15px;
	height: 17px;
	text-decoration: none;
	text-indent: -9000px; overflow:hidden;
	z-index: 20;
	position: absolute; float:left;
	padding: 0px; top: 0px; 
	background: none;
}
.header .star-rating li a:hover{
	background: #f00 url(/img/stars_tan.gif) left center repeat-x !important;
	z-index: 2;
	left: 0px !important;
}

.header .star-rating li.current-rating {
	background: url(/img/stars_tan.gif) left bottom repeat-x;
	z-index: 2;
	left: 0px; top: 0px; padding: 0px; margin: 0px;
	position:absolute; height: 17px; 
	text-indent: -9000px; clear:none;
}
.header .star-rating li a.one-star{ left: 0px; }
.header .star-rating li a.one-star:hover { width:15px;}
.header .star-rating li a.two-stars{left:15px;}
.header .star-rating li a.two-stars:hover{width: 30px;}
.header .star-rating li a.three-stars{left: 30px;}
.header .star-rating li a.three-stars:hover{width: 45px;}
.header .star-rating li a.four-stars{left: 45px;}	
.header .star-rating li a.four-stars:hover{width: 60px;}
.header .star-rating li a.five-stars{left: 60px;}
.header .star-rating li a.five-stars:hover{width: 75px;}


#comment_title { font-size: 16px; font-weight: bold; }
