/**
* -------------------------
* @section Page layout
* -------------------------
*/

#page {
	background: #fff url(../_images/wrapper_bg.gif) repeat-y left top;
	left: 50%;
	margin: 16px 0 0 -504px;
	position: relative;
	width: 1008px;
}



/**
* -------------------------
* @section Header
* -------------------------
*/

#header {
	background: #fff url(../_images/header_bg.gif) no-repeat left top;
	height: auto !important;
	height: 155px;
	margin: 0 0px 0 8px;
	min-height: 155px;
	padding-top: 1px;
	position: relative;
	width: 1000px;
}
	/**
	* @subsection Site logo
	*/
	#header .logo {
		left: 0px;
		position: absolute;
		top: 0px;
	}
		#header .logo,
		#header .logo img {
			display: block;
			text-decoration: none;
		}

	#header h1.bg {
		background-image: url(../_images/vale_inco_2009_negotiations.gif);
		height: 35px;
		margin: 66px 0 14px 26px;
		position: relative;
		width: 376px;
	}
		#header h1.bg a {
			display: block;
			height: 100%;
			text-decoration: none;
		}



/**
* -------------------------
* @section Content
* -------------------------
*/

#content {
	clear: both;
	position: relative;
	width: 100%;
}
	#content div.column {
		display: inline;
		float: left;
		position: relative;
	}

	#body {
		background: transparent url(../_images/body_bg.gif) no-repeat left top;
		margin-left: 8px;
		padding: 26px 40px 6px 28px;
		width: 686px;
	}

	#sidebar {
		width: 246px;
	}
		#sidebar div.feature {
			background: transparent url(../_images/feature_bg.gif) no-repeat left bottom;
			margin-bottom: 20px;
			padding: 0 15px 1px 0;
			position: relative;
			width: 226px;
			zoom: 1;
		}
			#sidebar div.feature h3 {
				background: transparent url(../_images/feature_header_bg.gif) no-repeat left top;
				margin: 0 -15px 0 0;
				padding: 1px 0;
				position: relative;
				width: 241px;
			}
				#sidebar div.feature h3 span {
					background-color: #acb9bf;
					border: 1px solid #8398ad;
					color: #fff;
					display: block;
					font-size: 14px;
					font-weight: bold;
					margin: 1px 10px 0px 2px;
					padding: 3px 9px;
					position: relative;
					width: auto;
					zoom: 1;
				}

			#sidebar div.feature ul {
				margin-top: 10px;
			}



/**
* -------------------------
* @section Blog post listing.
* -------------------------
*/

div.blog-post {
	border-bottom: 1px solid #d1d1d1;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 1px;
	zoom: 1;
}
	div.blog-post h3 {
		line-height: 16px;
	}
	div.blog-post h3 a:link,
	div.blog-post h3 a:visited {
		text-decoration: none;
	}
	div.blog-post h3 a:hover,
	div.blog-post h3 a:active {
		text-decoration: underline;
	}

	div.blog-post span.date {
		color: #999;
		display: block;
		font-size: 11px;
		line-height: 14px;
		margin-bottom: -10px;
	}

	div.blog-post p.readmore {
		margin-top: -20px;
	}
	
	div.blog-post div.tags {
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;		
		margin: 30px 0;
		padding: 10px 0;
	}
		div.blog-post div.tags a { color: #393939; }

	div.navigation {
		margin-bottom: 20px;
	}
		div.navigation .alignleft {
			display: inline;
			float: left;
			width: 48%;
		}
		div.navigation .alignright {
			display: inline;
			float: right;
			text-align: right;
			width: 48%;
		}



/**
* -------------------------
* @section Comments on a blog post.
* -------------------------
*/
#respond {

}
	#respond input.text {
		border: 1px solid #d9d9d9;
	}
	#respond textarea {
		border: 1px solid #d9d9d9;
		height: 130px;
		width: 477px;	
	}
	
	#respond input.text:focus,
	#respond textarea:focus {
		border-color: #aaa;	
	}



/**
* -------------------------
* @section Footer
* -------------------------
*/

#footer {
	clear: both;
	position: relative;
	width: 100%;
}



/**
* -------------------------
* @section Data tables
* -------------------------
*/

table.data {
	border: 1px solid #8398ad;
	margin: 20px 0;
	width: 100%;
}
	table.data tr { vertical-align: top; }
	table.data tr th {
		font-weight: bold;
		padding: 4px 6px;
		text-align: center;
	}
	table.data tr.caption th {
		background-color: #acb9bf;
		border: 1px solid #8398ad;
		color: #fff;
		font-size: 14px;
	}
	table.data td {
		border: 1px solid #8398ad;
		padding: 4px 6px;
	}



/**
* -------------------------
* @section Latest blog posts sidebar feature.
* -------------------------
*/
#blog-updates h3 {
	background-image: url(../_images/negotiations_blog.gif) !important;
	height: 40px;
	padding: 0 !important;
	width: 233px !important;
}

#sidebar #blog-updates ul {
	list-style-type: none;	
	margin-left: 10px;
}
	#sidebar #blog-updates ul li {
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 10px;
		padding: 0 0 10px 10px;		
	}
	#sidebar #blog-updates ul li.last { border-bottom: 0; }
	
	#sidebar #blog-updates a.headline {
		display: block;
		font-weight: bold;
		text-decoration: none;	
	}
	#sidebar #blog-updates a.headline:hover { text-decoration: underline; }
	
	#sidebar #blog-updates span.date {
		color: #a9a9a9;
		font-size: 12px;
	}
		
	#sidebar #blog-updates p {
		font-size: 12px;
		line-height: 16px;
		margin: 10px 0 0 0;	
	}



/**
* -------------------------
* @section Tag cloud sidebar feature.
* -------------------------
*/
.tagcloud {
	margin: 10px 5px 20px 15px;
	text-align: center;
}
	.tagcloud a {
		text-decoration: none !important;	
	}



/**
* -------------------------
* @section Miscellaneous
* -------------------------
*/

/**
* @subsection Skip over navigation
*/
#skipper {
	position: absolute;
	top: -5000px;
	text-indent: -9999px;
}

/**
* @subsection Graphical headers
*/
.bg {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -5000px;
}

/**
* @subsection Float "clearfix"
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */