/* ------------------------------------------------------------------------------
 * INDEX - (IE7+ FF3+ Opera9+)
 * 
 * 	project: 	StockFuel
 * 	version: 	1.0 - 17.03.2010
 * 	author:		Hugo Larcher (hl@void.pt)
 *	assets:		index.gif
 *
 * 	[Table of Contents]
 *
 * 	1. Welcome Area (#welcome)
 * 		1.1. Welcome Left (#welcomeLeft)
 *			1.1.1. Editor
 *		1.2. Login Error (#loginTips)
 *		1.3. Welcome Logged (#welcomeLogged)
 *		1.4. Welcome Right (#welcomeRight)
 *			1.4.1. Creative Ad (#creativeAd)
 *			1.4.2. Featured Articles (#featuredArticles)
 * 	2. Latest Products (#latest)
 *	3. Admin Editor
 * ------------------------------------------------------------------------------
 */

/* [1. Welcome Area] */
#welcome {
	position:					relative;
	width:						684px;
	height:						369px;
	margin:						0px;
	padding:                	0px;
	background-color:			#232323;
}

/* [1.1. Welcome Left] */
#welcomeLeft {
	position:					relative;
	float:						left;
	width:						365px;
	height:						320px;
	overflow:					hidden;
	margin:						0;
	padding:                	22px 10px 25px 25px;
	text-align:					left;
}

#welcomeLeft h1 {
	margin-bottom:				8px;
	font:						20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#febf53;
}

#welcomeLeft h2 {
	margin-bottom:				12px;
	font:						16px/18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#ffffff;
}

#welcomeLeft h2 a {
	color:						#ffffff !important; /* FF requires a important here */
}

#welcomeLeft h2 a:hover, 
#welcomeLeft h2 a:active {
	color:						#febf53 !important; /* FF requires a important here */
}

#welcomeLeft h3 {
	font:						11px/30px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#efb44f;
}

#welcomeLeft h4 {
	font:						11px/30px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#9cbddd;
}

#welcomeLeft p {
	font:						11px/16px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#777777;
}

#welcomeLeft p a {
	text-decoration:			underline;
	color:						#777777 !important; /* FF requires a important here */
}

#welcomeLeft p a:hover, 
#welcomeLeft p a:active {
	color:						#9cbddd !important; /* FF requires a important here */
}

#welcomeLeft a.viewButton {
	display:					block;
	width: 						142px;
	height:						26px;
	padding:                	10px 0px 0px 0px;
	text-align:					center;
	text-decoration:			none;
	font: 						bold 11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#ffffff;
	background: 				transparent url(../../images/index.gif) no-repeat 0px -72px;
}

#welcomeLeft a.viewButton:hover, 
#welcomeLeft a.viewButton:active {
	color:						#9cbddd;
}

#welcomeLeft a.viewButton.left {
	float:						left;
	margin:						15px 0px 0px 40px;
}

#welcomeLeft a.viewButton.right {
	float:						left;
	margin:						15px 0px 0px 0px;
}

/* [1.1.1. Editor] */
.mceContentBody {
	padding:                    10px !important; /* FF requires a important here */
	background-color:			#232323;
}

img.centered {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
}

img.alignright {
	display: 					inline;
	margin-left:                25px;
}

img.alignleft {
	display: 					inline;
	margin-right: 	            25px;
}

.alignright {
	float: 						right;
}

.alignleft {
	float: 						left;
}

/* [1.2. Login Error] */
#loginTips {
	position:					relative;
	padding-left:               20px;
}

/* [1.3. Welcome Logged] */
#welcomeLogged {
	position:					relative;
	float:						left;
	width:						363px;
	height:						317px;
	overflow:					hidden;
	margin:						6px 0px 6px 6px;
	padding:                	20px;
	text-align:					left;
	background:					#232323 url(../../images/index-logged-bg.gif) no-repeat left top;
}

#welcomeLogged h1 {
	margin-bottom:				8px;
	padding-left:               5px;
	font:						20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#febf53;
}

#welcomeLogged dl {
	position:					relative;
	width:						362px;
	height:						246px;
	margin:						0px;
	padding:                	5px 0px 0px 0px;
	overflow:					hidden;
}

#welcomeLogged dl dt {
	position:					relative;
	float:						left;
	width:						112px;
	height:						36px;
	margin:						5px 0px 0px 0px;
	padding:                	0px;
	background:					transparent url(../../images/index.gif) no-repeat left top;
}

#welcomeLogged dl dt a {
	display:					block;
	width:						112px;
	height:						26px;
	margin:						0px;
	padding:                	10px 0px;
	text-align:					center;
	text-decoration:			none;
	font:						bold 11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#8e8e8e;
}

#welcomeLogged dl dt a:hover {
	color:						#ffffff;
}

#welcomeLogged dl dt a span {
	padding:                    2px 0px 3px 18px;
}

#welcomeLogged dl dd {
	position:					relative;
	float:						right;
	clear:						right;
	width:						240px;
	height:						36px;
	margin:						0px;
	padding:                	5px 0px 0px 10px;
	overflow:					hidden;
	font:						normal 11px/34px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#777777;
}

#welcomeLogged dl dd a {
	text-decoration:			underline;
	color:						#777777;
}

#welcomeLogged dl dd a:hover, 
#welcomeLogged dl dd a:active {
	color:						#9cbddd;
}

/* [1.4. Welcome Right] */
#welcomeRight {
	position:					relative;
	float:						right;
	clear:						right;
	width:						268px;
	height:						357px;
	overflow:					hidden;
	margin:						0px;
	padding:                	6px 6px 6px 0px;
	text-align:					left;
}

/* [1.4.1. Creative Ad] */
#creativeAd, 
#creativeAd:hover {
	display:					block;
	position:					relative;
	width:						258px;
	height:						77px;
	overflow:					hidden;
	margin:						0px;
	padding:                    0px 10px 0px 0px;
	text-decoration:			none;
	background:					#232323 url(../../images/index-creativead-bg.gif) no-repeat left top;
}

#creativeAd img {
	position:					relative;
	float:						left;
	width:						77px;
	height:						77px;
	margin:						0px;
	padding-right:              5px;
}

#creativeAd h1 {
	margin-top:					13px;
	margin-bottom:				0px;
	font:						12px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#febf53;
}

#creativeAd p {
	font:						12px/15px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#ffffff;
}

/* [1.4.2. Latest Articles] */
#featuredArticles {
	position:					relative;
	width:						244px;
	height:						265px;
	overflow:					hidden;
	margin:						5px 0px 0px 4px;
	padding:                    5px 10px 5px 10px;
	background:					#232323 url(../../images/index-latestarticles-bg.gif) no-repeat left top;
}

#featuredArticles .title {
	position:					relative;
	width:						219px;
	height:						28px;
	margin:						2px 0px 0px 0px;
	padding:	            	0px 0px 0px 25px;
	font:						12px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#ffffff;
	border-bottom:				1px solid #343434;
	background:					url(../../images/index-latestarticles-icon.gif) no-repeat left top;
}

#featuredArticles ul {
	position:					relative;
	width:						244px;
	height:						210px;
	overflow:					hidden;
	margin:						0px;
	padding:                    0px 0px 5px 0px;
}

#featuredArticles ul li {
	position:					relative;
	width:						244px;
	height:						50px;
	overflow:					hidden;
	margin:						0px;
	padding:                    10px 0px 9px 0px;
	border-bottom:				1px solid #343434;
}

#featuredArticles ul li img {
	position:					relative;
	float:						left;
	width:						50px;
	height:						50px;
	margin:						0px;
	padding-left:               3px;
	padding-right:              7px;
}

#featuredArticles ul li h1 {
	margin:						0px;
	padding:                    0px 0px 0px 3px;
	font:						12px/12px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#9cbddd;
}

#featuredArticles ul li h1 a {
	text-decoration:			none;
	color:						#9cbddd;
}

#featuredArticles ul li h1 a:hover {
	text-decoration:			underline;
}

#featuredArticles ul li p {
	padding:                    0px 0px 0px 3px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#ffffff;
}

#featuredArticles ul li p a {
	text-decoration:			none;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#ffffff;
}

#featuredArticles ul li p a:hover,
#featuredArticles ul li p a:active {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#ffffff;
}

#featuredArticles ul li p.info {
	font-size:					10px;
	color:						#8e8e8e;
}

/* [2. Latest Products] */
#latest {
	position:					relative;
	width:						684px;
	height:						533px;
	margin:						15px 0px 0px 0px;
	padding:                	0px;
	background-color:			#232323;
}

#latest ul {
	position:					relative;
	width:						672px;
	height:						auto;
	margin:						0px;
	padding:                	7px 6px 6px 6px;
}

#latest ul li {
	position:					relative;
	float:						left;
	width:						206px;
	height:						110px;
	margin:						0px 6px 6px 0px;
	padding:                	7px;
	overflow:					hidden;
	text-align:					left;
	background:					transparent url(../../images/thumb-bg.gif) no-repeat left top;
}

#latest ul li.last {
	margin:						0px 0px 6px 0px;
	clear:						right;
}

#latest ul li p {
	position:					relative;
	float:						right;
	width:						89px;
	margin-top:					5px;
	overflow:					hidden;
}

#latest ul li p a {
	text-decoration:			underline;
	color:						#ffffff;
}

#latest ul li p a:hover,
#latest ul li p a:active {
	color:						#9cbddd;
}

#latest ul li img {
	position:					relative;
	float:						left;
	width:						110px;
	height:						110px;
	overflow:					hidden;
	margin-right:				7px;
}

#latest ul li div.fthumb {
	position:					relative;
	float:						left;
	width:						110px;
	height:						110px;
	overflow:					hidden;
	margin-right:				7px;
}

/* [3. Admin Editor] */
.mceContentBody a {
	text-decoration:			underline;
   	color: 						#ffffff !important;
}

.mceContentBody a:hover {
   color: 						#febf53 !important;
}