body{
	background-color : #F1FdF6;
	font : 12px/1.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 0;
	color : #101f17;
}
h1 {
	width : 90%;
	font : bold 3em Helvetica, sans-serif;
	color : #F3F7F8;
	text-align : center;
	margin : 0px;	
	position : absolute;
	top : 10px;
	left : 5%;
	z-index : 1;
}
h2 {
	font : bold 1.5em Helvetica, sans-serif;
	width : 90%;
	color : #F3F7F8;
	text-align : center;
	margin : 0px;	
	position : absolute;
	top : 70px;
	left : 5%;
}

h3 {
	font-size : 1em;
	font-weight : bold;
	margin : 0;
	padding-top : 3em;
	padding-bottom : 3px;
	border-bottom : 1px solid #9ca389;
}
h4 {
	margin : 0;
	font-weight : bold;
	font-size : 1.5em;
	padding-top : 2.5em;
}
a {
	font-weight : bold;
	color : #A96031;
	text-decoration : none;
}
a:hover {
	font-weight : bold;
	color : #b97051;
	text-decoration : underline;
}


ul {
	list-style-type: disc;
	list-style-position: inside;
        margin: 2.5em;
        padding: 2.5em;
	}

#menu ul {
  margin:0;
  padding:0;
  list-style:none inside;
  }

#menu li {
  line-height:95%;
 font-size:x-small;
  }

#content {
	background-color : #F3F7E8;
	border : 3px solid #CcD3B9;
	width : 90%;
	padding : 0px 10px 0px 10px;
	position : absolute;
	left : 5%;
	top : 144px;
}

#text {
	margin-left : 180px;
        margin-right : 120px;
}
#smenu {
  text-align: center;
}
.postbody{
	margin-top : 1em;
}
.postinfo {
	font-size : 0.8em;
	margin-top : 0.5em;
	margin-bottom : 2em;
	color : #9ca389;
}
#menu {
	width : 135px;
	margin : 0;
	padding : 0;
	border : 1px solid #b97051;
	background-color : #FdDcAd;
	position : absolute;
	left : 6%;
	top : 122px;
	z-index : 2;
}
#menuheader{
	height : 24px;
	padding-left : 10px;
	padding-right : 10px;
	background-image : url(lp_orangestripe.gif);
	font-weight : bold;
}
#menuitems {
	padding : 10px 3px 10px 3px;
}
#menuitems p{
	margin : 0;
}
#subheader {
	width : 90%;
	height : 25px;
	padding : 0px 10px 0px 10px;
	background-image : url(lp_greenstripe.gif);
	border-left : 3px solid #9ca389;
	border-right : 3px solid #9ca389;
	border-top : 1px solid #9ca389;
	border-bottom : 1px solid #9ca389;
	position : absolute;
	left : 5%;
	top : 120px;
	z-index : 1;
}
#header {
	width : 90%;
	height : 100px;
	padding : 0px 10px 0px 10px;
	background-image : url(PaisajeMarciano.jpg);
	background-repeat : no-repeat;
	border : 3px solid #9ca389;
	position : absolute;
	left : 5%;
	top : 0px;
}

#ads {
	width : 120px;
	margin : 0;
	padding : 0;
	border : 1px solid #b97051;
	background-color : #cdbc9d;
	position : absolute;
	right : 3%;
	top : 122px;
	z-index : 3;
}

/*Box with the form elements*/
div.blogkbox
    {
    width: 300px;
    background-color: #f2f2f2;
    border: 1px dashed #999999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}
/*Box around the comments*/
div.blogkcomments
    {
    width: 300px; 
    border: 1px dashed #999999; 
    font-size:11px;
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    }

/*Box around the last comments*/    
.blogkcommentsrecent
    {
    border: 1px dashed #999999;
    font-size:11px;
    margin-left:20px;
    margin-bottom: 2px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    text-align:left;
    background:#f2f2f2;
    }




span.blogkommlinks
   {
   /*empty for special link effect*/
   }



/*
 now handling tableless forms
 you don't have to edit from here 
 this goes back to an article at
 http://www.alistapart.com/articles/practicalcss/ 
 describing a code concept by eric meyer.

*/
    
div.blogkrow
	{
  	clear: both;
  	padding-left: 5px;
    padding-right: 5px;
    font-size:10px;
  	text-align:left;
	}

div.blogkrow span.blogkLeftClmn
    {
    padding-top: 5px;
    float: left;
    width: 30%;
    text-align: right;
    }

div.blogkrow span.blogkRightClmn
   {
   padding-top: 5px;
   float: right;
   width: 60%;
   text-align: left;
   }