/* CSS Document */
#article
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0.5em;
	padding-bottom: 10px;
	padding-left: 0.5em;
}

#article h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#BA0102;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	display: block;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
}

#article .morebar
{
vertical-align:middle;
border: #EAEAEA 1px solid;
display:block;
margin-bottom:20px;
padding-top:1px;
padding-bottom: 1px;
}

#article .morebar .actions {
float:left;
}

#article .morebar .pages {
font-family: Arial, Helvetica, sans-serif;
float:right;
font-size:11px;
color:#333333;
font-weight:bold;
}

#article p.author_or_date
{
position:relative;
left:-1px;
font-style:italic;
font-size:11px;
color:#555;
text-align:left;
margin-top:20px;
margin-bottom:20px;
}

#bookmark {
margin-bottom: 20px;
margin-top: 15px;
}

#bookmark ul{
padding-left: 20px;
}

#bookmark ul li{
list-style-type: square;
font-size:11px;
font-weight:bold;
}


#bookmark h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#970000;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
}

#suggested_by {
font-size: 11px;
margin-bottom: 10px;
margin-top: 10px;
}


table.type2 {font-family: Arial, Helvetica, sans-serif;border: 1px solid #D6DDE6;border-collapse:collapse;}
table.type2 th {font-size:11px;color: #000000;font-weight: bold;text-align:left;padding: 3px}
table.type2 tr.odd {background-color:#F2F2F2}
table.type2 td {padding: 5px;font-size: 10px;vertical-align:middle;text-align: left}
table.type2 td a {font-size: 10px;font-weight:bold}
table.type2 td  a:link {color: #000;text-decoration: none}
table.type2 td  a:visited {text-decoration: none;color: #000}
table.type2 td  a:hover {text-decoration: none;color: #cc0000}
table.type2 td  a:active {text-decoration: none;color: #000}




	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px auto 0px auto; 
		padding:0px;
		width: 100px;
		height: 20px;
		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:20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(images/star_rating.gif) left bottom;
		z-index: 2;
		left: 0px;
		overflow:hidden;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:20px;
	}
	.star-rating a.two-stars{
		left:20px;
	}
	.star-rating a.two-stars:hover{
		width: 40px;
	}
	.star-rating a.three-stars{
		left: 40px;
	}
	.star-rating a.three-stars:hover{
		width: 60px;
	}
	.star-rating a.four-stars{
		left: 60px;
	}	
	.star-rating a.four-stars:hover{
		width: 80px;
	}
	.star-rating a.five-stars{
		left: 80px;
	}
	.star-rating a.five-stars:hover{
		width: 100px;
	}
	
	.star-rating li.current-none,.star-rating li.curent-one,.star-rating li.curent-two,.star-rating li.curent-three,.star-rating li.curent-four,.star-rating li.curent-five{
		left:0;
		background: url(images/star_rating.gif) left center;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}	
	
	.star-rating li.current-none
	{
	width:0px;
	}
	.star-rating li.curent-one {
	width:20px
	}
	.star-rating li.curent-two {
	width:40px
	}
	.star-rating li.curent-three {
	width:60px
	}
	.star-rating li.curent-four {
	width:80px
	}
	.star-rating li.curent-five {
	width:100px
	}
	
	
.action_right a, .action_right  a:link, .action_right  a:visited, .action_right  a:active {padding-left: 2px;padding-right: 2px;	padding-bottom:1px;	background-color:#000;border: 1px #666666 solid;text-decoration:none;color: #FFF;font-size: 10px;font-weight:bold;	margin-left: 2px;color:white;}
.action_right a:hover {background-color:#a60000;color:white;border: 1px #222222 solid}


.comment_box {display:block;border:1px #CCC solid;width:500px; padding:5px; margin:5px auto 5px auto}
.comment_boxlong {display:block;border:1px #CCC solid;width:680px; padding:5px; margin:5px auto 5px auto}

.articlepageSetting
{
	display:none;
}

.comment_box {display:block;border:1px #CCC solid;width:450px; padding:5px; margin:5px auto 5px auto}
.comment_boxlong {display:block;border:1px #CCC solid;width:500px; padding:5px; margin:5px auto 5px auto}

.articlepageSetting
{
	display:none;
}

.post_rightdate
{
	width:110px;
	padding:2px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin:10px; 
	margin-right:0px;  
	padding-left:5px;  
	border-left: 1px solid #333333;
	letter-spacing:normal; 
	color:#787878; 
	font-size:9px;   
	float:right
}

.post_rightdate B
{
	/*color:#b2b2b2;*/
	letter-spacing: normal; 
	font-weight:normal
}

.post_name
{
	margin:10px; 
	margin-bottom:5px; 
	/*color:#FFFFdd; */
	font-size:15px; 
	letter-spacing:-1px; 
}

.post_desc
{
	margin:10px; 
	margin-bottom:15px; 
	margin-top:0px; 
	font-size:12px; 
	/*color:#dddddd */
}

.post_number
{
	letter-spacing:normal;
	font-size:9px;
	color: #348EBE
}
.post_box
{
	width:540px; 
	/*color:#eeeeee; 
	border-top:1px solid #303237;*/
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding:5px; 
	padding-bottom:0; 
	/*border-bottom:1px solid #000000; */
}

.comments{
	margin-left:10px;
}

.comments .no_comments {
	width:100%;
	padding:3em;
	text-align:center; line-height:1.2em;
	font-size:12px; 
	font-weight:bold; 
	color:#eeeeee;
}

.articleRatingStar {
    font-size: 0pt;
    width: 10px;
    height: 10px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.articleFilledRatingStar {
    background-image: url(../images/1Stars.gif);

}

.articleEmptyRatingStar {
    background-image: url(../images/0Stars.gif);
}

.articleSavedRatingStar {
    background-image: url(../images/SavedStar.png);
}


a.articleHeadline, a.articleHeadline:link, a.articleHeadline:visited, a.articleHeadline:active {text-decoration:underline;color: #CC0000!important; font-size:13px}
a.articleHeadline:hover {color:#000000!important;}

.post_comments {margin:20px 10px 0 10px; letter-spacing:-1px; font-size:14px; font-weight:bold;}
.post_form {border-bottom:1px solid #eeeeee; background-color:#f9f9f9; margin-top:2px; width:540px;}
.post_form #post_offense {font-weight:normal; margin-left:10px;}
.post_form #form {margin:10px;}

.articleDescription
{
position:relative;
left:-1px;
font-style:italic;
font-size:11px;
color:#555;
text-align:right;
margin-top:3px;
margin-bottom:3px;
margin-right:33px;
}