/*
New CSS file
*/
BODY{
	Color : #FFFFFF ! important;
	Font-Family : Tahoma ! important;
	Font-Size : 100%;
	Font-Weight : bold ! important;
    background-color: #FFFFCC;
	}


A:hover{
	Color : #FFFF00 ! important;

	}


A:visited{
	Color : #FF0000 ! important;

	}


A:link{
	Color : #FF0000 ! important;

	}



#containerHL {
	line-height: 140%;
		margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 100%;
		color: #000000;
        background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}

#centerHL {
		float: left;
	width: 100%;
	
	
	overflow: hidden;
	}

.contentHL {
	padding: 15px 15px 5px 15px;
	color: #FFFFFF;
        background-color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}

/*
Pligg
*/
/*             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: #FFFFFF;
	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;
}

/*skidoo print*/
@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too_print.css : 2004.11.26
* -----------------------------------------------------------------------------
*  Print media stylesheet that removes the left and right columns as well as
*  the horizontal navigational element from a printed copy of the webpage.
*******************************************************************************/

#leftColumn, #rightColumn, #contentColumn, #SOWrap
{
	float: none;	/* since left and right columns are being hidden,
			   there's no need to float any columns. */
}
html>body #SOWrap
{
	width: auto;	/* help Opera out */
}
#rightColumn, #leftColumn, .hnav, .printHide
{
	display: none;	/* hide the left and right columns as well as the
			   horizontal navigation element(s). also hide any
			   designated elements that should not be pritned */
}
#outerColumnContainer, #innerColumnContainer, #pageWrapper
{
	border-width: 0;	/* hide various borders, including those used
				   to create the backgrounds for the left and
				   right columns */
}
#masthead, #footer
{
	border: solid 1px #000;
	border-width: 1px 0;
	padding: 0.5em;		/* add some borders to the masthead and footer
				   for presentation */
}
* html #footer
{
	/* \*/
		margin-top:	1em;
	/* help IE print space between the content and footer */
}
a, a:link, a:visited
{
	text-decoration: none;
	background-color: inherit;
	color: inherit;		/* we're printing, so there's no need to
				   differentiate links from regular text. so
				   remove any formatting the links get. */
}
body *
{
	background-color: #fff;
	color: #000;		/* simple catch-all to make sure we have no
				   colored items in the print out. delete this
				   if you want. */
}

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

/* CSS Document */

.news-summary {
	padding: 15px 0 22px 0;
	position: relative;
	clear: left;
}


.news-body h3 {
	margin: 0;
	font-size: 140%;
	font-weight: normal;
	background: none;
	margin-bottom: 3px;
}

.top {
	padding: 0 0 0 60px;
}


.news-submitted {
	color: #;
	font-size: 85%;
	margin: 0;
	margin-bottom: 3px;
}

.news-submitted a:link, .news-submitted a:visited {
	color: #;
}

.news-submitted a:hover {
	color: #;
}

/* gravatar */
.news-submitted img {
	border: 1px solid;
	float: left;
	margin-right: 4px;
	vertical-align: bottom;
}





.news-body-text {
	padding: 3px 0 0 0;
}


.news-shakeit {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 55px; /* with of the voting box -- if you change this, also change .top */
	/* gallir: width: 4.3em; */
	text-align: center;
	font-size: 85%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-shakeit li {
	border: 1px solid #000000;
	margin: 0;
	padding: 0;
}




/** IE& freaking error */
.mnm-published a:first-line {
	font-size: 190%;
	letter-spacing: -1px;
	text-decoration: none;
}
.mnm-published img, .mnm-queued img, .mnm-discarded img {
	position: absolute;
	text-decoration: none;
	top: 0;
	left: 0;
	border: none;
}

.mnm-published a:hover, .mnm-queued a:hover, .mnm-discarded a:hover {
	text-decoration: none;
	color: #;
}

.mnm-published a {
	text-decoration: none;
	background: #;
	color: #;
	display: block;
	padding: 4px 0 4px 0;
	margin-bottom: 0;
}




/* vote box */
.menealo {
	background: # 0 0;
}

* html .menealo {
	background: # 1px 1px;
}

.menealo a, .menealo span {
	display: block;
	text-decoration: none;
	padding: 4px 0 5px 0; /* spacing above and below the "vote/voted" text */
	color: #;
}

.menealo span {
	background: #;
	color: #;
}






.news-details {
	float: left;
	margin: 2px 0 0px 0;
}

.news-details a:link, .news-details a:visited {
}

* html .news-details {
	padding-right: 136px;
}

.news-details select {
	border: none;
	font-size: 90%;
/*	font-size: 9pt;
	height: 11pt;*/
}

.news-details .tool {
	display: block;
	float: left;
	padding: 0 4px 0 4px;
}
.news-details .tool-right {
	display: block;
	float: left;
	padding: 0 4px 0 4px;
}

.news-details .comments {
/* Disabled until solved the tags
	background: url(../../img/common/comments.png) no-repeat;
	padding-left: 37px;
****/
	padding: 0 4px 0 0;
	border-left: none;
}

.news-details .comments_no {
	padding-left: 37px;
	border-left: none;
}

ul.news-details li li {
	border-left: none;
	float: none;
	height: 21px;
}



#contentsx {
	float: right;
	padding-bottom: 50px;
	z-index: 1;
}