/* @override 
	http://alucinogena.com/wp-content/themes/Alucinogena2/style.css
*/

/* ----------------------------------------
Theme Name: Alucinogena
Description: filas adapatables
Version: 0.1
Author: Osvaldo Uribe	
Author URI: http://osvaldouribe.com
---------------------------------------- */
body{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	background: #a19ea2;
        position:relative;
}

/* @group cabecera #a19ea2; */

#en_vivo{ width:640px; height:385px; float:left; padding: 5px; background:#fff; margin:0 10px 10px 0; }
#tag{ width:275px; float:left; background:#fff; margin:0 10px 10px 0; }

#head{
	clear: both;
	height: 40px;
	width: 99%;
	background-color: #fff;
	padding: 6px;
	margin-bottom: 10px;
        overflow:hidden;
        min-width:960px;
}

#head #marca h1 {
	margin: 0 10px 0 0;
}
#head #marca h1 a{
	display: block;
	text-indent:-900%;
	outline: none;
}
#head #marca h1 span{
	display: none;
}
#head #marca .alucinogena{
	background: url(img/alucinogena.gif) no-repeat;
	height: 40px;
	width: 243px;
}
#marca{
	width: 245px;
	height: 40px;
	float: left;
}

.pkn{ width:125px; height:40px; background: transparent url(img/pkn.jpg) no-repeat; margin:0 15px 0 0; padding:0; float:right; overflow:hidden; text-indent:-900%;}

.chile{ width: 59px; height:40px; background: transparent url(img/chile.jpg) no-repeat left bottom; margin:0; padding:0; float:right; overflow:hidden; text-indent:-900%; display:none}

.proyectacolor{ width: 36px; height:40px; background: transparent url(img/proyectacolor.jpg) no-repeat left bottom; margin:0 10px 0 0; padding:0; float:right; overflow:hidden; text-indent:-900%; display:none}

#searchform {
	float: left;
	width: 240px;
	padding-top: 9px;
	padding-left: 50px;
        display:none;
}

#searchsubmit {
	font-family: "Courier New", Courier, mono;
}

input#s {
	border: none;
	width: 190px;
	height: 23px;
	background: url(img/bgfind.gif) no-repeat;
}

#menu{
}

#menu li {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}

#categories form select {
	background-color: #c9c9ca;
	color: #000;
	border-color: #a29fa4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu span {
	display: none;
}
#menu a {
	display: block;
	text-indent: -900%;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .star {
	width: 91px;
	height: 13px;
	background: url(img/inicio.gif) no-repeat;
}
#menu .autores{
	width: 43px;
	height: 13px;
	background: url(img/autores.gif) no-repeat;	
}
#menu .rss{
	width: 23px;
	height: 13px;
	background: url(img/rss.gif) no-repeat;	
}

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

/* @end */

/* @group post */

#items {
	width: 97%;
    min-width:700px;
}

.grafica{
	float: left;
	margin: 0 8px 8px 0;
	height: 210px;
	width: auto;
	border: 5px solid #fff;
    display:block;
    background: #fff;
}
.interior .imagen{
	margin: 0;
	width: 100%;
	height: 210px;
	overflow: hidden;	
	clear: both;
}
.imagen, .imagen p{
	float: left;
	margin: 0;
	height: 210px;
	overflow: hidden;
}

.imagen{ background:#fff; }

.interior .info{
	width: 300px;
	background: #fff;
	overflow: hidden;
	float: left;
}

.interior .info ul {
	color: #58595B;
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 20px;
}



.grafica .info{
	float: left;
	width: 175px;
	height: 210px;
	background: #fff;
	overflow: hidden;
}
.info .entry_author_image img{
	width: 30px;
	height: 30px;
	overflow: hidden;
    border:none;	
}
.single .info .entry_author_image img{
	width: 48px;
	height: 48px;
	background-color: #fff;
}
.single .info .entry_author_image{
	float: left;
	width: 48px;
	height: 52px;
	background-color: #fff;
}

.info .entry_author_image {
	float: right;
	width: 30px;
	height: 30px;
	background-color: #313133;
}

.info p a {
	color: #ff008e;
	text-decoration: none;
}

.info p strong {
	font-weight: normal;
}
.info p a:hover{
	text-decoration: none;
        background:#000;
        color:#fff;
       
}
/* @end */

/* @group interior_post */

.single {
	padding-left: 40px;
}

#nav_post ul{
	list-style: none;
	padding: 0;
	position: fixed;
	margin: 0;
	top: 70px;
	left: 15px;
}

#nav_post ul li {
	background-color: #fff;	
	font: 13px "Courier New", Courier, mono;
}
#nav_post ul li a{
	text-decoration: none;
	color: #000;
	padding: 8px 12px;
	margin-bottom: 6px;
        height:15px;
}


dl.gallery-item {
	width: 160px;
	margin: 0 0 5px 0;
}

a img.attachment-thumbnail {
	border: none;
}


.interior{
	float: left;
	width: 300px;
	border: 5px solid #fff;
	margin-right: 10px;
	margin-bottom: 10px;
}

#related p.acciones {
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	padding: 10px;
	background-color: #e1e7ec;
	width: 350px;
	color: #3d3e3f;
}
#related p.acciones a{
	color: #1a1a1b;
	text-decoration: none;
}
#comentarios {
	width: 300px;
	float: left;
	background-color: #fff;
	border: 5px solid #fff;
	margin-right: 10px;
	margin-bottom: 8px;
}

#comentarios p {
	margin: 5px 0;
	padding:0;
}

#title_comment{ width:100%; height:10px; display:block;}

#comentarios h4, #related h4, h2.bg {
	margin: 10px 0;
	color: #ff008e;	
}

#comentarios h4{ width:230px; height:20px; float:left;}

.share{ width:50px; float:right; font-size:10px; margin: 12px 0 0 0;}

.share_twitter{
width: 16px;
height: 16px;
display: block;
background: transparent url(img/twitter.png) no-repeat;
overflow:hidden;
margin:8px 0 0 0;
text-indent: -9999px;
float: left;
margin: 0 2px;
}

.share_facebook{
width: 16px;
height: 16px;
display: block;
background: transparent url(img/facebook.png) no-repeat;
overflow:hidden;
margin:8px 0 0 0;
text-indent: -9999px;
float: left;
margin: 0 2px;
}

#related {
	float: left;
	width: 500px;
}


#related ul.st-related-posts li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: auto;
}

#related ul.st-related-posts li a img {
border:none;
	width: auto;
	height: 110px;
	border: 5px solid #fff;
}

#related ul.st-related-posts {
	padding: 0;
	margin: 0;
	width: auto;
}

#commentform, .pagina {
}

#commentform p {
	color: #3d3e3f;
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
	margin: 5px 0;
}

input#email, input#url, input#author {
	border: none;
	width: 190px;
	height: 23px;
	background: url(img/bgfind.gif) no-repeat;
}

textarea#comment {
	background-color: #c9c9ca;
	width: 290px;
	border: none;
}

#comentario ol li.alt, #comentarios ol li {
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	color: #3d3e3f;
	margin-bottom: 15px;
}

ol li small {
	font-size: 10px;
	float: left;
	color: #58595B;	
}
.pagina p, p a{
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	color: ##5a5a5a;
}
#comentarios ol {
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 300px;	
}

#comentarios cite a, #comentarios cite {
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
	color: #ff008e;
    margin: 6px 0;
	text-decoration: none;
}

#commentform p a, .pagina p a{
	color: #222223;
	text-decoration: none;
}
.pagina p a:hover, p a:hover{
	text-decoration: underline;
}



/* @end */

#nav {
	clear: both;
	width: 100%;
	margin: 15px 0 30px 0;
}
#nav p{
	height: 8px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	clear: both;
}

#nav p a {
	color: #fff;
	text-decoration: none;
	background-color: #000;
	padding: 7px 10px;
	font-weight: bold;
}

/* @group footer */

#footer{
	clear: both;
	height: 40px;
	padding-top: 5px;
}

#footer p {
	font-size: 11px;
	color: #5a5a5a;
}
#footer p a{
	text-decoration: none;
	font-weight: bold;
	color: #5a5a5a;	
}
#footer p a:hover{ color:#ff008e;}

/* @end */

/* @group info_post */

.interior .info .title{
	width: 250px;
}
.info .title{
	float: left;
	width: 127px;
}

.interior .title h3{ width:240px; }

.title h3{
	font: bold 13px/14px Arial, Helvetica, Geneva, sans-serif;
	width: 105px;
	float: left;
	margin: 0 5px 8px;
}
.title h3 a{
	color: #ff008e;
	text-decoration: none;
}
.info .title p{
	color: #8c8e92;
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	width: 110px;
	height: 13px;
	float: left;
	margin: 7px 0 0 5px;
}
.interior .info p{
	width: 300px;
	margin: 0 0 10px 0;
}

.interior .info p strong{ font-weight: bold;}

.info p{
	color: #58595B;
	font: normal 11px/13px Arial, Helvetica, Geneva, sans-serif;
	width: 165px;
	clear: both;
	margin: 0 0 0 5px;
}
.info small{
	font-size: 11px;
	float: left;
	color: #58595B;
	margin: 0 0 0 5px;
}
.info small a{
	color: #5e5e5e;
	text-decoration: none;
}
.info small a:hover{
	text-decoration: underline;
}
.tool-tip {
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background: #777;
padding:5px;
color:#fff;
}

.gravatar{
	float:left;
	margin:0 5px 0 0;
	border: 1px solid #eee;
}


.pagination {
	font-size: 12px;
	text-transform: uppercase;
	position: fixed;
	top: 70px;
	width: 40px;
	height: 100%;
	font-family: "Courier New", Courier, mono;
	left: 14px;
}

div.pagination a {
	width:30px;
    display:block;
	background:#fff;
    float:left;
	color:#000;
	text-decoration: none;
    padding: 5px 0;
    margin:0 0 4px 0;
    text-align:center;
}
div.pagination a:hover, div.pagination a:active {
	width:30px;
        display:block;
	background:#000;
        float:left;
	color:#fff;
	text-decoration: none;
        padding: 5px 0;
        margin:0 0 4px 0;
        text-align:center;
}
.pagination span.current { 
	width:30px;
    display:block;
	background: #eaeaea;
    float:left;
	color:#000;
	text-decoration: none;
    padding: 5px 0;
    margin:0 0 4px 0;
    text-align:center;
} 
div.pagination span.disabled {
	display: none;
}

#twitt{
background:#fff;
height:210px;
width:300px;
overflow:hidden;
float:left;
margin: 0 10px 0 0;
font-size: 11px;
line-height: 13px;
color: #58595b;
font-family: Arial,Helvetica,Geneva,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 13px;
font-size-adjust: none;
border:solid 5px #fff;
}

#twitt a{ color:#ff008e; text-decoration:none; }
#twitt a:hover{ color:#000; }

#twitt ul{
padding:0;
margin:0;
background:#fff;
}

#twitt li{
margin: 0 0 5px 0;
display:block;
overflow:hidden;
height:55px;
background:#fff;
}

#twitt li img, #twitt li img a{
float:left;
margin:0 5px 5px 0;
border:none;
}

.autor_twitt{ color:red; font-weight:bold;}

#alert_twitt{ background:#fff; width:290px; color:#000; padding:5px; position:absolute; top:255px; left:45px; text-align:left;}

/* @end */

.imagen a p img, .imagen a img.size-full {
	border: 0;
}

h5{ margin: 0 0 10px 0; padding:0; color:#58595b; }
.clear{ clear:both;}

#twtr-widget-1 {
	border: none;
	height: 210px;
	overflow: hidden;
}
.twtr-hd{
	display: none;
}

.twtr-tweet-text p{
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}