/*-----------------------------------------------------------------------------
[client] Walfre Real Estate

version:   1.1
date:      10/09/08
author:    Raenk
email:     hola@raenk.com
website:   www.raenk.com
-----------------------------------------------------------------------------*/

/* NATURALIZANDO */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset, ul, p {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

table {
	border: 0;
}

ul {
	list-style-type: none;
}

/* LAYOUT PRINCIPAL */

body {
	background: #E7A052 url(images/wood.jpg) repeat top left;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 750px;
	margin: 30px auto 0 auto;
	overflow: hidden;
	background: transparent;
}

#header {
	background: transparent url(images/headersheet.png) no-repeat top left;
	width: 100%;
	height: 120px;
	clear: both;
}

#content {
	background: transparent url(images/sidesheet.png) repeat-y top left;
	width: 100%;
	clear: both;
	overflow: hidden;
}

#marquee {
	background: transparent;
	clear: both;
	margin: 50px 40px 0;
	height: 30px;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 3px;
}

#main {
	float: left;
	width: 525px;
}

	#articles {
		margin: 50px 10px 20px 40px ;
	}

#sidebar { 
	float: left;
	margin: 40px 0 0 0;
	width: 225px;
	background: transparent url(images/bgsidebar.png) no-repeat center;
	height: 300px;
}

#nav {
	padding: 0 35px 0 0;
}

h1 {
	font: normal 350%/150% Georgia, "Times New Roman", serif;
	color: #333;
	text-align: center;
	text-transform: capitalize;
	border-bottom: #999 solid 1px;
	margin: 0 20px;
}

h2.articles {
	font: normal 170%/100% Georgia, "Times New Roman", serif;
	color: #503C24;
	text-align: left;
	margin: 40px 0 0 20px;
	text-transform: capitalize;
}

h2.sidebar {
	font: normal 150%/100% Georgia, "Times New Roman", serif;
	color: #FFF;
	text-align: right;
	margin: 30px 0 0 0;
	padding: 0;
	text-transform: capitalize;
}

h3 {
	font: normal 120%/100% Georgia, "Times New Roman", serif;
	color: #503C24;
	text-align: left;
	margin: 30px 0 0 20px;
	padding: 0;
	text-transform: capitalize;
}
	

p.subtitle {
	font: normal 100%/100% Georgia, "Times New Roman", serif;
	color: #503C24;
	text-align: left;
	margin: 10px 0 0 20px;
	padding: 0;
	text-transform: capitalize;
}

p.poster {
	font: bold 70%/150% "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 10px 0 0 20px;
	padding: 0;
	text-transform: capitalize;
}

p.more {
	font: normal 80%/150% "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
	text-align: right;
	margin: 10px 20px 0 0;
	padding: 0 0 20px 0;
	text-transform: capitalize;	
	border-bottom: #666 dotted 1px;
}

p {
	font: normal 90%/150% Georgia, "Times New Roman", serif;
	color: #444;
	text-align: left;
	margin: 20px 20px 0 20px;
	padding: 0;
}

p.date {
	font: bold 90%/100% Georgia, "Times New Roman", serif;
	color: #503C24;
	text-align: left;
	margin: 8px 20px 0 0;
	padding: 0;
	float: right;
}

p.home {
	font: bold 90%/100% Georgia, "Times New Roman", serif;
	color: #503C24;
	text-align: left;
	margin: 8px 0 0 20px;
	padding: 0;
	float: left;
}

ul.nav {
	float: right;
	margin: 10px 0 0 35px;
}

li.nav {
	font: normal 80%/150% "Trebuchet MS", Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	text-transform: capitalize;
	border-bottom: #DDD dotted 1px;
	padding: 5px 0;
	width: 155px;
}

a.nav, a:visited.nav {
	color: #C7965B;
	text-decoration: none;
}

a:hover.nav {
	color: #FFF;
	text-decoration: none;
}


a, a:visited {
	color: #0066FF;
	text-decoration: none;
}

a:hover {
	color: #503C24;
	text-decoration: underline;
}

img.articles {
	margin: 20px 0 0 20px;
	border: #999 solid 1px;
	padding: 5px;
}

#footer {
	clear: both;
	margin: 20px 40px;
	overflow: hidden;
	padding: 0;
}

	#footer p.data {
		color: #503C24;
		font: bold 80%/150% Georgia, "Times New Roman";
		text-transform: capitalize;
		margin: 0;
		padding: 0;
		float: left;
	}

	#footer p.credit {
		color: #444;
		font: 90%/150% "Century Gothic";
		text-transform: none;
		margin: 0;
		padding: 0;
		float: right;
	}

	#footer a, a:active {
		color: #06F;
		text-decoration: none;
	}

	#footer a:hover {
		color: #666;
		text-decoration: none;
	}