#header2 {
float: right;
width: 36%;
}
img {
border: 0px none;
}
#contenedor {
padding: 0 1.5em;
}
#header h1 {
width: 103px;
height: 83px;
margin: 0;
padding: 10px 20px 10px 20px;
}
#header h1 img {
display: block;
width: 103px;
height: 83px;
}
div#content {
float: left;
width: 62%;
border-top: 1px solid #CCC;
padding: 15px 0px 30px 0px;
}
div#content h3 {
margin: 0;
font: 18pt Georgia, Arial, sans-serif;
color: #666;
}
div.post {
padding-left: 45px;
}
.css {
background: url('images/icon_css.gif') no-repeat;
}
.text {
background: url('images/icon_text.gif') no-repeat;
}
.JavaScript {
background: url('images/icon_js.gif') no-repeat;
}
.PHP {
background: url('images/icon_php.gif') no-repeat;
}
.ASP {
background: url('images/icon_asp.gif') no-repeat;
}
.VB {
background: url('images/icon_vb.gif') no-repeat;
}
.AS {
background: url('images/icon_as.gif') no-repeat;
}
div.post h2 {
font: bold 1em/1.6em Arial, sans-serif;
margin: 0 !important;
}
div.post p {
font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
color: #666;
}
div.post span.posted {
font: .6em Geneva, Arial, sans-serif;
color: #777;
}
div#content a:hover {
color: #666;
}
.dat {
border-bottom: medium none;
font: .6em Geneva, Arial, sans-serif;
}
div.post .dat a.clink {
padding-left: 16px;
background: url('images/comment-icon.gif') no-repeat 0 1px;
}
div.post .dat a.plink {
color: #666 !important;
padding-left: 16px;
padding-right: 10px;
background: url('images/perm-icon.gif') no-repeat;
}
div.post a.clink:hover, a.plink:hover {
color: #666;
}
div#content2 {
float: right;
width: 35%;
border-top: 3px solid #CCC;
padding: 15px 0 0 0;
}
dl {
margin: 10px 20px;
padding: 0;
}
#color-list dt {
font-weight: normal;
}
#color-list dt a {
float: right;
display: block;
margin: 0 0 0 6px;
padding: 2px;
background: #fff;
border: 1px solid #ccc;
}
#color-list dt a:hover, #color-list dt.active a {
border: 3px solid #ccc;
padding: 0;
}
#content2 ul {
font: .7em Geneva, Arial, sans-serif;
margin: 0px;
padding: 0px;
}
#meni {
padding-bottom: 15px;
}
#meni a {
white-space: nowrap;
}
#meni a:hover {
color: #fff;
}
#meni ul {
}
#meni li {
list-style: none;
background: #EEE;
padding: 0;
}
#meni li a {
display: block;
width: 100%;
border-top: 1px solid #F6F6F6;
border-bottom: 1px solid #E2E2E2;
text-indent: 10px;
line-height: 26px;
background: #EEE;
color: #666;
text-decoration: none;
}
.idnum {
margin-top: 15px;
border-top: 1px solid #ccc;
overflow: hidden;
}
.idnum h4 {
top: -10px;
margin: 0;
position: relative;
font: bold 36pt/0.8em arial;
text-align: right;
color: #ccc;
}
div#content2 .separator {
border-top: 1px solid #ccc;
padding-top: 10px;
}
div#content2 .separator a {
font: 12px "Trebuchet MS", Arial, sans-serif;
text-decoration: underline;
color: #36C;
}
div#content2 .separator a:hover {
color: #666;
}
div#content2 .separator li {
font: .8em Geneva, Arial, sans-serif;
color: #666;
padding-top: 5px;
list-style: none;
}
div#content2 .separator ul {
margin-bottom: 10px;
}
code {
margin: 0;
padding: 0;
font: .8em Geneva, Arial, sans-serif !important;
color: #666;
}
#contenedor #commentform {
padding-left: 45px;
}
#contenedor #commentform label {
font: 1em "Trebuchet MS", Arial, sans-serif;
color: #666;
text-transform: uppercase;
width: 7em;
padding: 5px;
margin: 5px 5px 1px 0;
}
#contenedor #commentform input, #contenedor #commentform textarea {
font: 1em "Trebuchet MS", Arial, sans-serif;
font-weight: normal;
color: #666;
width: 70%;
padding: 5px;
margin: 5px 5px 1px 0;
border: 1px inset #bbb;
}
#contenedor #commentform input:focus, #contenedor #commentform textarea:focus {
background-color: #EEE;	
}
#contenedor #commentform p {
margin: 5px 0;
}
#comentarios {
padding-left: 45px;
}
#comentarios .datos {
background: url('images/comentario.png') no-repeat 0px 4px;;
padding-left: 20px;
}
#comentarios .coment {
background: #F4F4F4;
padding: 10px;
margin-bottom: 5px;
font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
color: #666;
}
#categorias ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
display: inline;
float: left;
}
#categorias ul li {
width: 70px;
display: block;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
position: relative;
float: left;
}
#categorias ul li a {
color: #666;
width: 70px;
display: block;
background: #F4F4F4;
text-decoration: none;
font: .7em/1.8em "Trebuchet MS", Arial, sans-serif;
}