/* ------------------------------------------------------------------------------
 * NEWS - (IE7+ FF3+ Opera9+)
 * 
 * 	project: 	StockFuel
 * 	version: 	1.0 - 17.03.2010
 * 	author:		Hugo Larcher (hl@void.pt)
 *	assets:		news.gif
 *
 * 	[Table of Contents]
 *
 * 	1. Content Area (#news)
 *		1.1. Top Bar (#topBar)
 *			1.1.1. Search (#newsSearch)
 *			1.1.2. Top Paging (#newsPaging)
 *		1.2. List (#newsList)
 *		1.3. Bottom Bar (#bottomBar)
 * ------------------------------------------------------------------------------
 */

/* [1. Content Area] */
#news {
	position:					relative;
	width:						664px;
	min-height:					897px;
	margin:						0px;
	padding:                	10px;
	text-align:					left;
	background-color:			#232323;
}

.hrBevel {
	width:						674px;
}

#titleBox {
	margin-bottom:				5px;
}

/* [1.1. Top Bar] */
#topBar {
	position:					relative;
	width:						664px;
	height:						37px;
	margin:						0px;
	padding:                	2px 0px 2px 0px;
	background:					url(../../images/news.gif) no-repeat -10px -4px;
	z-index:					100;
}

/* [1.1.1. Search] */
#newsSearch {
	position:					relative;
	float:						left;
	width:						204px;
	height:						30px;
	margin:						0px;
	padding:                	4px 5px 3px 5px;
}

#newsSearch form {
	position:					relative;
	width:						204px;
	height:						30px;
	margin:						0px;
	padding:                	0px;
}

#newsSearch form div.field {
	position:					relative;
	float:						left;
	width:						136px;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(../../images/news.gif) no-repeat 0px -50px;
}

#newsSearch form input {
	width:						116px;
	margin:						8px 10px 4px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

#newsSearch form input.submitButton {
	float:						left;
	width: 						68px;
    height: 					30px;
	margin:						0px;
	padding:	 				0px;
    border: 					none;
	background:					url(../../images/news.gif) no-repeat;
	background-position:		0px -80px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

#newsSearch form input.submitButton:hover, 
#newsSearch form input.submitButton:active {
	background-position:		-68px -80px;
}

/* [1.1.2. Top Paging ] */
#newsPaging {
	position:					relative;
	float:						right;
	clear:						right;
	width:						430px;
	height:						28px;
	margin:						0px;
	padding:                	4px 4px 5px 3px;
}

/* [1.2. List] */
#newsList {
	position:					relative;
	clear:						both;
	width:						664px;
	height:						auto;
	margin:						0px;
	padding:                	8px 0px 0px 0px;
}

#newsList li {
	position:					relative;
	clear:						both;
	width:						644px;
	min-height:					auto;
	margin:						0px 0px 10px 0px;
	padding:                    10px;
	overflow:					hidden;
	vertical-align: 			bottom;
	background:					url(../../images/news-post-dark-bg.gif) repeat-y left top;
}

#newsList li .top {
	position:					absolute;
	top:						0;
	left:						0;
	width:						664px;
	height:						10px;
	background:					url(../../images/news-post-dark-top.gif) no-repeat left top;
}

#newsList li .bot {
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						664px;
	height:						10px;
	background:					url(../../images/news-post-dark-bot.gif) no-repeat left top;
}

#newsList li.alt {
	background:					url(../../images/news-post-light-bg.gif) repeat-y left top;
}

#newsList li.alt .top {
	background:					url(../../images/news-post-light-top.gif) no-repeat left top;
}

#newsList li.alt .bot {
	background:					url(../../images/news-post-light-bot.gif) no-repeat left top;
}

#newsList li.last {
	margin:						0px 0px 5px 0px;
}

#newsList li .nImage {
	position:					relative;
	float:						left;
	width:						100px;
	height:						100px;
	margin:						0px;
	padding:                    0px;
	overflow:					hidden;
}

#newsList li .nText {
	position:					relative;
	float:						left;
	width:						auto;
	height:						auto;
	margin:						0px;
	padding:                    3px 0px 0px 14px;
	overflow:					hidden;
}

#newsList li .nText.short {
	width:						530px;
}

#newsList li .nText h1, 
#newsList li .nText h1 a {
	font:						18px/18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				normal;
	color:						#fbb44c;
}

#newsList li .nText h1 a:hover, 
#newsList li .nText h1 a:active {
	color:						#fbb44c;
}

#newsList li .nText h1 span {
	font:						14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#8e8e8e;
}

#newsList li .nText h1 span a {
	text-decoration:			none;
	font:						14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#8e8e8e;
}

#newsList li .nText h1 span a:hover, 
#newsList li .nText h1 span a:active {
	text-decoration:			underline;
	color:						#94b4d2;
}

#newsList li .nText p {
	padding-top:             	5px;
	font:						12px/16px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#ffffff;
}

#newsList li .nText p.info {
	padding-top:             	5px;
	font:						11px/16px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8e8e8e;
}

/* [1.3. Bottom Bar ] */
#bottomBar {
	position:					relative;
	clear:						both;
	width:						652px;
	height:						28px;
	margin:						2px 0px 0px 0px;
	padding:                	5px 5px 4px 7px;
	background:					url(../../images/news.gif) no-repeat -10px -117px;
}