/* Para position:fixed en IE */

* html body {
  overflow:auto;
}

html>body #navegacion {
  position:fixed;
}
#todo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}
html>body #todo {
  position:static;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  overflow:visible;
}
/* finaliza Para position:fixed en IE */

body {

	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	background: transparent url('images/bg.jpg') repeat left top;	color: #ffffff;
	font-size: 75%;

}



a:link { color: #00bbf2; }
a:visited { color: #007fbf; }
/* a:link:hover { color: #ec008c; } */

img {
  border: none;
}

h2 {
	margin: 2px 2px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 110%;
}

h3 {
	margin: 2px 2px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 150%;
	color: #232020;
}

h4 {
	margin: 0px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 110%;
	color: #ffffff;
}

h6 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 110%;
	color: #ffffff;
}

p {
	color: #ffffff;
}

#degradado {
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 190px;
	background: url(degradado.gif) repeat-y;
	z-index: 3;
}

#homecanvas{
	position: absolute;
	left: 275px;
	top: 65px;
	width: 2793px;
}

#blogcanvas{
	position: absolute;
	left: 275px;
	top: 65px;
	width: 3283px;
}

#contactcanvas{
	position: absolute;
	left: 275px;
	top: 65px;
	width: 1166px;
}

#aboutcanvas{
	position: absolute;
	left: 275px;
	top: 65px;
	width: 1666px;
}


#singlepostcanvas{
	position: absolute;
	left: 275px;
	top: 65px;
	width: 980px;
}


#redir{
	position: absolute;
	left: 320px;
	top: 255px;
	width: 400px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-align: center;
}

#redir p{
	color: #f33;
}

#todo div{
float:left;
color: #000;
}

#us {
position: relative;
	top: 100px;
text-align:center;
}

#navegacion {
	width: 265px;
	height: 100%;
	position: absolute;
	padding-top: 10px;
	left: 0px;
	background: transparent url('images/leftbg.png') repeat left top;
	z-index: 2;
	height:100%;
}


#logo {
	position: relative;
	left:10px;
}

#fixed {
	position: fixed;
	left: 800px;
	margin-left: -529px;
	top: 10px;
	z-index: 100;
	width: 1140px;
	height: 50px;
}

/* for IE */
* html #fixed {
	position: absolute;
}

/* tagline and blurb */

#tagline {
	width: 218px;
	margin: -12px 0px;
	padding: 4px 2px 0px 4px;
	height: 60px;
	position: absolute;
	left: 10px;
	background: transparent url('images/taglinebg.png') no-repeat left top;
	z-index: 2;
	color: #FFFFFF;
	text-align: left;
}

#blurb {
	width: 222px;
	padding: 9px 2px 0px 4px;
	height: 88px;
	position: absolute;
	margin: 40px 0px;
	left: 10px;
	background: transparent url('images/blurbbg.png') no-repeat left top;
	z-index: 2;
	color: #FFFFFF;
}

#connect {
	width: 222px;
	padding: 0px 7px;
	height: 48px;
	position: absolute;
	margin: 135px 0px;
	left: 10px;
	z-index: 2;
	color: #232020;
}


/* panel definitions */

#rightpaneltitle {
	width: 100%;
	background-color: #ec008b;
}

#rightpanelcontent {
	padding: 3px 15px;
	position:relative;
	z-index: 1;
}

#paneltitle {
	position:relative;
	top: -20px;
	width: 100%;
	background-color: #ec008b;
}

#contactpaneltitle {
	width: 100%;
	background-color: #ec008b;
}

#singlepaneltitle {
	margin: 0px 0px 0px -15px;
	padding: 0px 0px 0px 0px;
	border-right: 15px solid;
	border-color: #ec008b;
	background-color: #ec008b;
	width: 459px;
}

#categorypaneltitle {
	position:relative;
	top: -20px;
	width: 100%;
	background-color: #ec008b;
}

#pagination {
	width: 100%;
	background: #232020;
	color: #00bbf2;
}

#meta {
	position:relative;
	top: -20px;
	width: 100%;
	background-color: #333333;
}

#singlepanelmeta {
	margin: 0px 0px 0px -15px;
	padding: 0px 0px 0px 0px;
	border-right: 15px solid;
	border-color: #333333;
	background-color: #333333;
	width: 459px;
}


#panel {
	margin: 0px 14px 0px 0px;
	padding: 0px 0px;
	float: left; 
	width: 474px;	
	height: 454px;
	background: #232020;
}

#aboutpanel {
	margin: 0px 14px 0px 0px;
	padding: 0px 0px;
	float: left; 
	width: 964px;	
	height: 454px;
	background: #232020;
}

#singlepostpanel {
	margin: 0px 14px 0px 0px;
	padding: 0px 15px 0px 15px;
	float: left; 
	width: 444px;	
	height: 100%;
	background: #232020;
}

#categorypanel {
	margin: 0px 14px 10px 0px;
	padding: 0px; 
	float: left; 
	width: 311px;	
	height: 20px;
	background: #232020;
	color: #FFFFFF;
}

#archivepanel {
	margin: 0px 14px 10px 0px;
	padding: 0px; 
	float: left; 
	width: 311px;	
	height: 222px;
	color: #FFFFFF;
}

#rightpanel {
	margin: 0px 14px 10px 0px;
	padding: 0px; 
	float: left; 
	width: 312px;	
	height: 222px;
	background: #232020;
	color: #FFFFFF;
}

#paginationspacer {
	margin: 0px 14px 10px 0px;
	padding: 0px; 
	float: left; 
	width: 150px;	
	height: 400px;
}

#contactpanelcontent {
	padding: 3px 15px;
	z-index: 1;
}

#panelcontent {
	padding: 3px 15px;
	position:relative;
	top: -20px;
	z-index: 1;
}

#singlepanelcontent {
	width: 444px;
	position: relative; /*or absolute*/
	z-index: 1;
}

#fullpostlink {
	width: 100%;
	background-color: #333333;
	position:relative;
	top:440px;
	left:0px;
	text-align: right;
}

#floatlayer {
	position: absolute;
	height:50px; 
	width:50px; 
	left:400px; 
	top:405px;
	z-index: 1;
}

.oddcomment {
	margin: 0px 0px 0px -15px;
	padding: 0px 0px 0px 15px;
	border-right: 15px solid;
	border-right-color: #383838;
	background-color: #383838;
	width: 444px;
	}

.evencomment {
	margin: 0px 0px 0px -15px;
	padding: 0px 0px 0px 15px;
	border-right: 15px solid;
	border-right-color: #232020;
	background-color: #232020;
	width: 444px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family: arial, verdana, helvetica, sans-serif;
	}
	
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	text-decoration:none;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: arial, verdana, helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}