@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - NEWS : 	Serabee
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sera_news.css
	Date:			Oct 7, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li.news a {
		background-position:-101px -11px;
	}
					

/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_news {
		width:145px; height:34px;
		margin:0 0 0 56px;
		background:url(../../images/h2_news.png) 0 0 no-repeat;
	}
	#news {
		padding:29px 0 0 0;
	}
		#news .container {
			width:700px;
			margin:0 auto;
		
		}
			#news .container .feed {
              
			}
				#news .container .feed ul {
					padding-bottom:30px;
				
				}
					#news .container .feed ul li, #post {
						margin:0 0 2px 0; padding:10px 18px;
						background:#796580;
						  width:665px;
					}
						#news .container .feed ul li .date, #post .date {
							margin:0 0 12px 0;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#f7d7ff;
							display:block;
						}
						#news .container .feed ul li .postContent, #post .postContent {
							padding:0 0 10px 0;
							color:#fefdfe;
						}
							#post .postContent p {
								padding:0 0 10px 0;
							}
						#news .container .feed ul li h3, #post h3 {
							margin:0 0 20px 0;
							font:bold 14px Arial, Helvetica, sans-serif;
							line-height:15px;
						}
						#news .container .feed ul li .socialBar, #post .socialBar {
						
						}
							#news .container .feed ul li .socialBar .comments, #post .socialBar .comments {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#f7d7ff;
								float:left;
							}
								#news .container .feed ul li .socialBar a.btnViewFull {
									width:80px;
									margin:5px 0 0 10px;
									background:url(../../images/yellow_arrow.gif) 75px 4px no-repeat;
									font-size:10px;
									color:#fef7cb;
								}
							#news .container .feed ul li .socialBar a.btn_digg, #post .socialBar a.btn_digg {
								margin:0 10px 0 0; padding:0 0 0 18px;
								font:normal 9px Arial, Helvetica, sans-serif;
								color:#ede093;
								background:url(../../images/icon_digg.png) 0 0 no-repeat;
								float:right;
							}
							#news .container .feed ul li .socialBar a.btn_delicious, #post .socialBar a.btn_delicious{
								padding:0 0 0 18px;
								font:normal 9px Arial, Helvetica, sans-serif;
								color:#ede093;
								background:url(../../images/icon_delicious.png) 0 0 no-repeat;
								float:right;
							}
			#news .container .ad300 {
				width:300px; height:250px;
				background:#000;
				float:right;
			}
		#news a.btn_more {
			margin-top:11px;
			margin-bottom:13px;
		}
		
		#post h3 {
			color:#fff;
		}
			

/*	--------------------------------------------------------------------------------------------------------------------------
	#comments styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#comments {
		margin:25px 0 0 0;
	}
		#comments h2 {
			font-size:14px;
			font-weight:normal;
		}
			#news .container .feed #comments ul {
				background:#e2adf1;
				padding:0; margin:5px 0 0 0;
				border-top:1px dotted #000;
				border-right:1px dotted #000;
				border-left:1px dotted #000;
				color:#000;
			}
				#news .container .feed #comments ul li {
					background:none;
					border-bottom:1px dotted #000;
					margin:0;
				}
					#news .container .feed #comments ul li  h3 {
						margin:0 0 5px 0;
					}
					#news .container .feed #comments ul li .info {
						display:block;
						padding:0 0 5px 0;
						color:#515151;
						font-size:10px;
					}
						#news .container .feed #comments ul li .info a {
							color:#515151;
						}
					#news .container .feed #comments ul li  .date {
						display:inline;
						color:#515151;
					}
					#news .container .feed #comments ul li .postContent {
						color:#000;
					}
						#news .container .feed #comments ul li .postContent p {
							padding:0 0 10px 0;
						}
	#comments a.btnLeaveComment {
		width:97px; height:16px;
		margin:10px 0 20px 0;
		background:url(../../images/btn_leavecomment.gif) top left no-repeat;
		display:block;
	}