/*
Theme Name: Infernex
Theme URI: http://infernex.net
Description: First version of theme for Infernex
Version: 1.0
Status: publish
Author: Angel Ruiz (aka SirKeldon)
Author URI: http://infernex.net
Tags: black, fixed width, underground
*/

HTML,BODY {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0 auto 0 auto;
	background-position: fixed;
	background-image: url('img/grungebackred2.jpg');
	font-family: "Verdana", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	text-align: justify;
}

UL {
color: #202020;
line-height: 24px;
}

A { text-decoration: none }

#CONTAINER1 {
	width: 90%;
	display: table;
	padding: 0.4em 0.4em 80px 0.4em;
	margin: 2em auto 0 auto;
	background-color: #FFF;
background-image: url('img/background_footer6.png');
background-repeat: repeat-x;
background-position: bottom right;
}

#FOOTER {
background-color: #000000;
padding: 1em;
margin: 0 auto 0 auto;
width: 89%;
display: block;
height: 25px;
color: #C0C0C0;
line-height: 20px;
text-align: right;
padding-top: 1.5em;
}

#FOOTER a {
	padding-bottom: 0.2em;
	text-decoration: none;
	color: #A0A0A0; 
	border-bottom: 1px dotted #000;
}

#FOOTER a:hover { color: #FFF; border-bottom: 1px dotted #FFF; }

#CONTAINER2 {
	width: 100%;
	display: block;
	background-color: #FFF;
}

#CABECERA {
	width: 100%;
	display: block;
	height: 145px;
	background-color: #000;
	margin: auto auto 0.3em auto;
}

#CABECERA span.cabecera1 {
	width: 410px;
	height: 145px;
	float: left;
	background-image: url('img/cabecera1.jpg');
}

#CABECERA span.cabecera2 {
	width: 461px;
	height: 145px;
	float: right;
	background-image: url('img/cabecera2.jpg');
}

#MENU {
	width: 100%;
	height: 58px;
	background-image: url('img/background_menu.png');
}

#menubar_left
{
	float: left;
	display: block;
	position: relative;
	width: 60%;
	height: 20px;
	margin: 19px auto 0 0.5em;
}	

#menubar_left a
{
	display: block;
	float: left;
	position: relative;
	height: 20px;
	margin-left: 1.7em;
	text-decoration: none;
	background-position: center top;
}

#menubar_left a:hover
{
	background-position: center bottom;
}

#menubar_left a.inicio { width: 71px; background-image: url('img/icono_inicio.png'); }
#menubar_left a.archivos { width: 94px; background-image: url('img/icono_archivos.png'); }
#menubar_left a.acercade  { width: 122px; background-image: url('img/icono_acercade.png');}
#menubar_left a.contacto { width: 97px; background-image: url('img/icono_contacto.png'); }

#menubar_right { 
	float: right;
	display: block;
	position: relative;
	width: 30%;
	height: 20px;
	text-align: right;
	margin: 19px 1.5em 0 auto;
}

#menubar_right input {
	width: 100px;
	height: 14px;
	background-color: #FFF;
	border: 1px dotted #B0B0B0;
	font-size: 10px;
}

#menubar_right a.button {
	width: 50px;
	height: 6px;
	color: #FFF;
	margin-left: 3px;
	padding: 3px;
	font-size: 10px;
}

#COLUMN_POST {
	float: left;
	display: block;
	position: relative;
	width: 53%;
	margin: 0 auto 0 auto;
	padding-right: 0.5em;
	background-color: #FFF;
}

#COLUMN_POST div.page {
	line-height: 22px;
	font-size: 11px;
	width: 91%;
	color: #202020;
	margin-right: auto;
	margin-left: auto;
}

#COLUMN_POST h1 {
	width: 92%;
	font-size: 18px;
	padding: 0;
	margin: 0.2em auto 0.5em auto;
	padding-left: 0.3em;
	font-weight: bold;
	color: #993333; 
	/* color: #6B2E2E;  */
}

#COLUMN_POST div.section {
	display: block;
	position: relative;
	width: 92%;
	max-height: 39px;
	font-size: 42px;
	font-weight: bold;
	color: #C0C0C0;
 	text-align: right;
	margin: 0.35em auto 0.65em auto;
	border-bottom: 1px dotted #C0C0C0;
        overflow: hidden;
}

#COLUMN_POST a.h1 {
	color: #993333; 
	border-bottom: 1px solid #FFF;
	padding-bottom: 0.1em;
}

#COLUMN_POST a.h1:hover {
	border-bottom: 1px dotted #993333;
}

#COLUMN_POST div
{
	text-align: justify;
}

#COLUMN_POST div.post1
{
	line-height: 18px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-position: 98% 98%;
	background-image: url('img/background_post2.png');
	background-repeat: no-repeat;
	padding: 0 1.7em 0.5em 1em;
}

#COLUMN_POST div.post2 {
	width: 95%;
	color: #202020;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em 1.5em 1.5em 1.7em;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('img/background_post1.png');
}

#COLUMN_POST div.post4
{

	line-height: 18px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-position: 98% 98%;
	background-image: url('img/background_post4.png');
	background-repeat: no-repeat;
	padding: 0 1.7em 0.5em 1em;
}


#COLUMN_POST div.post5 {
	width: 95%;
	color: #202020;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em 1.5em 1.5em 1.7em;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('img/background_post3.png');
}

#COLUMN_POST a {
	padding-bottom: 0.1em;
	text-decoration: none;
	color: #BB3333; 
}

#COLUMN_POST a:hover { border-bottom: 1px dotted #993333; }

#COLUMN_BLOG2 a[class-="tag-link"] {
	text-decoration: none;
	color: #6B2E2E;
}

#COLUMN_BLOG2 a.[tag-link]:hover { color: #993333; border-bottom: 1px dotted #993333; }

#COLUMN_POST div.post3 {
	width: 91%;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	color: #6B2E2E; 
	background-color: #F6F6F6;
	padding: 0.7em 1em 0.7em 0;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	margin: 0.5em auto 2.5em auto;
}

#COLUMN_POST div.comment {
	width: 87%;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	color: #6B2E2E; 
	background-color: #F6F6F6;
	padding: 1em;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	margin: 0 auto 0 auto;
}

#COLUMN_POST div.comment2 {
	width: 87%;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	color: #6B2E2E; 
	background-color: #FFFFFF;
	padding: 1em;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	margin: 0.5em auto 0 auto;
}

#COLUMN_POST div.next_entries {
	width: 40%;
	float: right;
	display: block;
	position: relative;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	margin-right: 1.5em;
}

#COLUMN_POST div.previous_entries {
	width: 40%;
	float: left;
	display: block;
	position: relative;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
margin-left: 1.5em;
}


#COLUMN_POST label.comment {
	width: 50%;
	float: left;
	display: block;
	padding-top: 0.2em;
	margin-bottom: 0.2em;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #6B2E2E; 
}

#COLUMN_POST input.comment[type=text] {
	width: 35%;
	height: 14px;
	float: left;
	display: block;
	position: relative;
        font-family: Verdana;
	font-size: 11px;
	text-align: left;
	color: #404040; 
	background-color: #F6F6F6;
	border: 1px dotted #C0C0C0;
	margin-left: 0.4em;
	margin-bottom: 0.4em;
}

#COLUMN_POST textarea.comment {
	width: 72%;
	height: 100px;
	font-size: 11px;
	text-align: left;
        font-family: Verdana;
	color: #404040; 
	background-color: #F6F6F6;
	border: 1px dotted #C0C0C0;
	margin-left: auto;
	margin-right: auto;
}

#COLUMN_POST a.form {
	padding: 0.2em;
	display: table;
        position: relative;
        margin-top: 0.6em;
	margin-bottom: 0.3em;
	height: 20px;
	font-size: 12px;
	text-align: center; 
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #FFFFFF;
}

#COLUMN_POST a.form:hover {
	border-bottom: 1px dotted #993333;
}

#COLUMN_BLOG1 {
	float: left;
	display: block;
	position: relative;
	width: 23%;
	background-color: #FFF;
	padding: 0 0 0 0.7em;
	line-height: 18px;
	border-left: 1px dotted #808080;
}

#COLUMN_BLOG1 h1 {
	width: 97%;
	display: block;
	position: relative;
	height: 22px;
	margin: 0.7em auto 0.5em auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top left;
}

#COLUMN_BLOG1 div {
	width: 90%;
	display: table;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}

#COLUMN_BLOG1 p {
	width: 85%;
	display: block;
	position: relative;
	font-size: 11px;
	color: #404040;
	line-height: 22px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

a.menu {
	float: left;
	display: block;
	position: relative;
	width: 90%;
	text-align: left;
	font-family: "Trebuchet MS";
	font-weight: bold;
	min-height: 20px;
	color: #6B2E2E;

	padding-top: 0.3em;
	padding-left: 1.6em;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	background-position: 5px 8px;
	background-image: url('img/link_ext.gif');
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFF;

}

a.menu:hover {
	color: #993333;
	background-color: #F0F0F0;
	border-bottom: 1px dotted #C0C0C0;
}


#COLUMN_BLOG1 a.foto {
	display: table;
	float: left;
	width: 75px; 
	height: 75px;
	position: relative;
	padding: 0.3em;
	margin: 0.12em;
	background-image: url('img/background_pic2.png');
}

#COLUMN_BLOG2 {
	display: block;
	float: left;
	position: relative;
	width: 20%;
	background-color: #FFF;
	padding: 0 0 0 0.7em;
	line-height: 18px;
	border-left: 1px dotted #808080;
}

#COLUMN_BLOG2 h1 {
        display: block;
        float: none;
	width: 97%;
	height: 22px;
	margin: 0.7em 0 0.5em 0;
	background-repeat: no-repeat;
	background-position: top left;
}

#COLUMN_BLOG2 div {
	width: 90%;
	display: table;
	position: relative;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
}

BR { clear: left; }