/*---------------css styles--------------------*/
	body
	{
		padding:0px;
		margin:0px;
		background-color:#F0EFDB;
		font: 80% tahoma,arial,sans-serif;
		overflow: -moz-scrollbars-vertical;
	}
	
	p {
		font-size: 90%;
		color: #473B24;
		line-height: 165%;
	}
	
	 a { 
		color: #463E29;
		text-decoration:none;
	}
	
	 a:hover { 
		color: #AD9450;
		text-decoration:underline;
	}
	
	h1
	{
		font-family: tahoma,arial,sans-serif;
		font-size: 260%;
		font-weight: normal; 
		color: #473B24;
		padding:0;
		margin:0;
	}
	
	h2
	{
		font-family: arial,tahoma,sans-serif;
		font-size: 16px;
		font-weight: bold; 
		color:#463E29;
		padding:0;
		margin:0;
	}
	small{
		font-family: arial,tahoma,sans-serif;
		font-size: 10px;
		font-weight: normal; 
		color:#999999;
		padding:0;
		margin:0;
	}
	
	h3
	{
		font-family: tahoma,arial,sans-serif;
		font-size: 210%;
		font-weight: normal; 
		color: #CBB993;
		padding:0;
		margin:0;
	}
	
	h4
	{
		font-family: tahoma,arial,sans-serif;
		font-size: 140%;
		font-weight: normal;
		color: #473B24;
	}

	.title
	{
		font-family: arial,tahoma,sans-serif;
		font-size: 16px;
		font-weight: normal; 
		color:#A89E84;
		padding:0;
		margin:0;
	}

	.line{
		border-bottom:1px dotted #AD9450;
		width:99%;
		margin-top:5px;
		margin-bottom:15px;
	}

	.postmetadata{
		font-size: 11px;
		font-weight: bold; 
		color:#827D68;
		padding:0;
		margin:0;
	}
	.archive{
		padding-top:10px;
	
	}
	.postmetadata a{
		font-size: 11px;
		font-weight: bold; 
		color:#999999;
		padding:0;
		margin:0;
	}
	.footer
	{
		font-family: tahoma,sans-serif;
		font-size: 11px;
		font-weight: bold; 
		color:#666666;
		padding:0;
		margin:0;
	}
  
	.box p { 
		font-size: 85%;
		color: #AD9450;
		line-height: 145%;
	}
	
	.box a { 
		color: #AD9450;
	}

	.box a:hover { 
		color: #AD9450;
		text-decoration:underline;
	}

	.menu {
		font-size:92%;
		height:60px;
		font-weight: bold;
	}
	.menu a{
		color:#E3DFD3;
		text-decoration:none;
	}
	.menu a:hover {
		color: #473B24;
		margin: 0px 0 0 0px;
	}
	.menu_hover {
		font-size:92%;	
		color: #473B24;
		margin: 0px 0 0 0px;
	}

	#container-page {
		background-image:url(../img/bg.jpg);
		background-repeat:repeat-x;
	}

/*
*** BUGS FOR IE6 ***
Case 1
This things we need have a be careful for IE6
	margin: 0 auto;
	min-height: 100%;
	
Is better use 
	padding-left: xx (work in both)
	them 
	margin-left:xx	(i6 add more space tham other browsers)
*/
	img{
		border-color:#AD9451;
	}
	
	#container-menu{
		margin-left:242px;
		padding-top:15px;
	}
	#container-box {
		background-color:#E3DFD3;
		padding:10px;
	}

	#logo img {
		position:absolute;
		left:18px;
		top:10px;
	}
	
	#content {
	  width: 465px;
	}

	#content-left {
	  width: 192px;
	  float:left;
	  padding-top:40px;
  	  padding-left:20px;
	}
	#content-center {
	  width: 465px;
	  margin-left:28px;
	  float:left;
	  margin-top:-20px;	  
	}
	#content-right {
	  width: 18%;
	  margin-left:30px;
	  float:left;
	  margin-top:-20px;
	}
	#content-right-wordPress {
		position:absolute;
		top:161px;
		left:705px;
		width: 225px;
		margin-left:30px;
	}

	#foot {
	text-align:left;
	}
  
  /*
    Alpha PNG support for IE
    ------------------------------
    \*/
* html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
       this.src.substr(this.src.length-4)==".png"
       ?
       (
     (!this.complete)
     ? "" :
         this.runtimeStyle.filter=
         ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
         (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
         String(this.alphaxLoaded=true).substr(0,0)+(this.src="../img/blank.gif").substr(0,0)
       )
       :
       this.runtimeStyle.filter=""
   )
     );
    }