/*             styles for the star rater                */
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(../images/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(../images/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}		
		
/*             styles for the star rater                */


/* =-=-=-=-=-=-=-[header]-=-=-=-=-=-=-=- */
	* html #masthead { /* \*/ height: 0.01%; /* holly hack (VERY IMPORTANT) */ }
	#mastheadRight { float: right; width: 200px; text-align: left; }
	#mastheadRight p, #mastheadRight form { margin: 0; padding: 0; }

	/* notice everything, even the font, is set in pixels. this is
	 * key because you need to know, roughly, what the width of this
	 * box will be. 140px + 30px = 170px. I set the with of #mastheadRight
	 * to 200px just to be safe and that 30px also acts as a right-side 
	 * margin.
	 */
	#mastheadRight input.text { width: 140px; }
	#mastheadRight input.button { width: 30px; }
	#mastheadRight input { font-size: 12px; border-width: 1px; }
	#mastheadRight label span { color: #ff9; font-weight: bold; }
/* =-=-=-=-=-=-=-[header]-=-=-=-=-=-=-=- */


/* =-=-=-=-=-=-=-[link_summary]-=-=-=-=-=-=-=- */
#link_summary{
	}
#ls_votebar {
	}
#ls_vote_voted {
	}
#ls_number_of_votes {
	}
#ls_story_title {
	}
#ls_story_link {
	}
#ls_posted_by {
	}
#ls_link_submitter {
	}
#ls_gravatar{
	}
#ls_timeago {
	}
#ls_admin_links {
	}
#ls_user_edit_links {
	}
#ls_contents {
	}
#ls_comments_url {
	}
#ls_trackback {
	}
#ls_tags {
	}
#ls_category {
	}
#ls_problem_form {
	}
#ls_reported {
	}
/* =-=-=-=-=-=-=-[link_summary]-=-=-=-=-=-=-=- */


ul {
	list-style-type: none;
}

#right {
	float: left;
	width: 80%;
	margin-left: 3px;
	margin-bottom: 20px;
	margin-top: -5px;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#sidebar.li { 
	margin: 0 0 .5em 0; 
}

#sidebar a
{
	display: block;
	width: 9em;
	padding: .5em .8em;
	text-decoration: none;
}
/* =-=-=-=-=-=-=-[User Menu]-=-=-=-=-=-=-=- */
	
#usermenu ul {
	list-style-type: none;
}
	
#usermenu li a {
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#usermenu li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(/img/usermenu.gif);
	padding: 5px 0 0 8px;
	}
	
#usermenu li a:hover {
	color: #669900;
	background: url(/img/usermenu.gif) 0 -30px;
	padding: 5px 0 0 12px;
	display: block;
	}
	
#usermenu li a:active {
	color: #fff;
	background: url(/img/usermenu.gif) 0 -60px;
	padding: 5px 0 0 12px;
	display: block;
	}

#usermenu li a:visited {
	color: #777;
	background: url(/img/usermenu.gif) 0 0px;
	padding: 5px 0 0 12px;
	display: block;
	}

/* =-=-=-=-=-=-=-[Center Content]-=-=-=-=-=-=-=- */

#riseup {
	position:relative;
	z-index:2;
}

#votebar {
	background:#ffffff url(/img/votetitle.gif) no-repeat left top; 
	padding: 11px 0 0 0;
	height: 14px;
}

#voteleft {
	float:left;
	margin: -9px 0px 0px 0px;
}

span.votes {
	color: #000;
	margin-left: 18px;
	margin-top: 24px;
	font-size:16px;
	font-weight: bold;
	position:absolute;
	z-index:1;
}

#addvote {
	margin: -2px 0 0 0;
	position: absolute;
	z-index:2;
}

#votecount {
	margin: -25px 0 0 0;
}

span.cast {
	color: #000;
	margin-left: 65px;
	padding: -9px;
}

#voteright {
	float:left;
	margin: -6px 0px 0px 0px;
}

span.storytitle {
	color: #000;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}

#maintitle {
	float: left;
	margin-left: 60px;
}

#author {
	padding: 2px 0 0 12px;
	background: #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

#articlebox {
	border: 1px solid #eee;
	padding: 0 0 10px 0;	
	background: #fff;
	color: #454545; 
	}

.description {
	font-size: 15px;
	font-weight: bold;
}

.content {
	margin-bottom: 10px;
	padding: 0px;
}

.content-title {
	font-size: 15px;
	color: #FFF;
	font-weight:bold;
	background-color: #3991EE;
	padding: 3px;
}

.content-body {
	color: #000;
	line-height: 140%;
	padding: 10px;
	text-align: justify;
}

.content img {
	float: right;
}

.comment {
	border: 1px dotted #CDCECD;
	padding: 5px;
	margin-bottom: 5px;
}

.comment-title {
	font-size: 13px;
	font-weight: bold;
}

.block {
	border: 0px solid #ddc;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #fff;
}

.block-content {
	padding: 5px;
	margin: 0 0 0 0;
	padding: 0;
}

.block-foot {
	background-color: #f5f5f5;
	color: #888;
	padding: 4px;
	font-size: x-small;
	margin-top: 7px;
	text-align: center;
}

.block h2 {
	font-size: 12px;
}

.block a {
	color: #000;
	text-decoration: underline;
}

/* =-=-=-=-=-=-=-[Article Bottom]-=-=-=-=-=-=-=- */

.articlebottom {
	height: 16px;
}

span.comments {
}

span.comments a {
	margin: 0 0 0 8px; 
}

#bottomcomment {
	background-image:url(/img/stories/comment.gif);
	background-repeat:no-repeat;
	margin: 0 0 0 7px;
	font-weight: bold;
	float: left;
	padding-left: 5px;
	height: 42px;
}

span.category {
}

#bottomcategory {
}



#bottomtrackback {
	background-image:url(/img/stories/trackback.gif);
	background-repeat:no-repeat;
	margin: 0 10px 0 10px;
	font-weight: bold;
	float:left;
	height: 42px;
}


span.tags {
	
}

#bottomtags {
	background-image:url(/img/stories/tags.gif);
	background-repeat:no-repeat;
	float: left;
	padding-left: 5px;
	height: 42px;
}

span.report {
}

#bottomreport {	
}


/* =-=-=-=-=-=-=-[Navigation Area]-=-=-=-=-=-=-=- */

.categorylist {
	list-style: none;
	margin: 0em 0 1em 0;
	padding: 0;
}

.categorylist li {
	margin: 0 0 0 40px;
}

ul.navigation {
	font-size: 14px;
	color: #669900;
	decoration: none;
	margin: 4;
	padding: 10;
	margin-left: -30px;
}

ul.navigation li {
	list-style: none;
	position: static;
	margin: 0;
	decoration: none;
}

#sneak {
	background:#ffffff url(/img/navigation/sneak.gif) no-repeat left;
	background-position:left;
	height: 25px;
	padding: 11px 0 0 40px;
}

#sneak a {
	color: #99cc99;
	font-weight: bold; 
}

#categories {
	background:#ffffff url(/img/navigation/categories.gif) no-repeat left;
	background-position:left;
	height: 23px;
	padding: 5px 0 0 40px;
	color: #bbb;
	font-weight: bold; 
}

#tagcloud {
	background:#ffffff url(/img/navigation/tagcloud.gif) no-repeat left;
	background-position:left;
	height: 25px;
	padding: 10px 0 0 40px;
}

#tagcloud a {
	color: #99cc99;
	font-weight: bold; 
}

#topstories {
	background:#ffffff url(/img/navigation/topstories.gif) no-repeat left;
	background-position:left;
	height: 25px;
	padding: 8px 0 0 40px;
	list-style-type: none;
}

#topstories a {
	color: #99cc99;
	font-weight: bold; 
}

#topusers {
	background:#ffffff url(/img/navigation/topusers.gif) no-repeat left;
	background-position:left;
	height: 25px;
	padding: 6px 0 0 40px;
	list-style-type: none;
}

#topusers a {
	color: #99cc99;
	font-weight: bold; 
}

#bugs {
	background:#ffffff url(/img/navigation/bugs.gif) no-repeat left;
	background-position:left;
	height: 25px;
	padding: 8px 0 0 40px;
	list-style-type: none;
	display: block;
}

#bugs a {
	color: #99cc99;
	font-weight: bold; 
}

#rss {
	background:#ffffff url(/img/navigation/rss.gif) no-repeat left;
	background-position:left;
	height: 22px;
	padding: 6px 0 0 40px;
	list-style-type: none;
	font-weight: bold; 
	color: #bbb;
}
