body{
background: #efd5af url(../images/fondo.jpg) repeat;
font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 0;
padding: 0;
}
#contenedor{
margin: 0 auto;
width: 960px;
}
#cabeza{
background: #efd5af url(../img/header.png) no-repeat;
height: 120px;
overflow: hidden
width: 960px;
}
#cuerpo{
overflow: hidden;
width: 960px;
}
#pie{
background: #efd5af url(../img/footer.png) no-repeat;
height: 57px;
overflow: hidden;
width: 960px;
}

/* Cabeza */
#logoTop{
float: left;
height: 120px;
width: 240px;
}
#bannerTop{
float: left;
height: 120px;
width: 490px;
}
#menuTop{
float: left;
height: 120px;
width: 230px;
}
/* Menu Top */
#menuTitem {
background: url(../img/menu.gif) no-repeat 0 -99px;
width:192px;
height:99px;
margin:12px 0 0 28px;
padding:0;
}
#menuTitem span {
display: none;
}
#menuTitem li, #menuTitem a {
height:24px;
display:block;
}
#menuTitem li {
float:left;
list-style:none;
display:inline;
}
#menuTiInicio {width: 192px;}
#menuTiSobreMi {width: 192px;}
#menuTiPortafolio {width: 192px;}
#menuTiContacto {width: 192px;}

#menuTiInicio a:hover, #menuTitem li #menuTiInicio.active {
background: url(../img/menu.gif) no-repeat 0 0;
height:25px;
}
#menuTiSobreMi a:hover, #menuTitem li #menuTiSobreMi.active {
background: url(../img/menu.gif) no-repeat 0 -24px;
height:24px;
}
#menuTiPortafolio a:hover {
background: url(../img/menu.gif) no-repeat 0 -48px;
height:24px;
}
#menuTiContacto a:hover {
background: url(../img/menu.gif) no-repeat 0 -72px;
height:26px;
}

/* Cuerpo */
#colMain{
float: left;
margin-left: 0px;
overflow: hidden;
width: 600px;
}
#colRight{
float: left;
margin-left: 10px;
overflow: hidden;
width: 350px;		
}

/* Pie */

/* Encabezados */
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}
h1{
background: #fff9ec url(../images/content-sep.gif) repeat-x 0 0;
border-bottom: 1px solid #fedecd;
clear:both;font-size:1.8em;
margin:10px 0 0 0;
padding:7px 10px}
h1 a{color: #000; text-decoration: none;}
h1 a:hover{color: #000; text-decoration: underline;}
h2{font-size:1.6em; margin: 10px 0 5px 0; padding: 0 10px;}
h3{font-size:1.4em}
h4{font-size:1.3em}
h5{font-size:1.2em}

/* Párrafos */
p{margin:4px 0;padding:2px 5px 2px 10px}
p:first-child {
padding-top: 10px;
}

/* Enlaces */
a{color: #c00;text-decoration:none}
a:hover{color:#000; text-decoration: underline;}

/* Imágenes */
img.alignleft,img.alignright,img.aligncenter{
background: #fff;border: none;display:block;padding:3px
}
img.alignleft{float:left;margin:0 10px 2px 0}
img.alignright{float:right;margin:0 0 2px 10px}
img.aligncenter{margin:5px auto}
img.noborder{background:transparent;border:none;padding:0}
a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter{background:#FFF;display:block;padding:3px}
img.nb{background: none; border: none;}

/* Entradas */
.pTop{
background: url(../images/entry.png) no-repeat 0 0;
height: 6px;
margin-top: 5px;
width: 600px;
}
.pEntry{
background: url(../images/entry.png) repeat-y -600px 0;
width: 600px;
}
.pBottom{
background: url(../images/entry.png) no-repeat -1200px 0;
height: 8px;
margin-bottom: 25px;
width: 600px;
}
.post{
padding: 10px 21px 15px 15px;
}
.entry p{
}
.info{
font-size: 11px;
margin: 3px 0 0 10px;
padding: 0;
}
.iDate{
color: #9a9894;
font-weight: normal;
}
.iComments{
padding: 0 0 0 17px;
background: url(../img/ico_comments.gif) no-repeat 4px 5px;
float: right;
}
.iTags{
color: #acaeae;	
}
/* Comentarios */
#contact-area {
margin: 25px 10px 0 20px;
overflow: hidden;
width: 500px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 320px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.button {width: 110px; float: right;}
#contact-area .cArea{
margin: 0 50px 0 0;
}
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
font-size: 1.2em;
}

/* Ajustes */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}