/*
Theme Name: zindi
Theme URI: http://www.fadonet.net/2008/11/08/wordpress-theme-zindi/
http://vampdiaries-spain.net/wp-admin/theme-editor.php?file=/themes/zindi/style.css&theme=zindi&a=te
Description:  A simple and fresh wordpress theme from <a href="http://www.fadonet.net" target="_blank">Fadonet.Net</a>
Version: 1.7
Author: Fado
Author URI: http://www.fadonet.net/
Tags: blue, grey, orange, 2 column, fresh, simple, widget ready, valid CSS, valid XHTML, right sidebar, ie6, ie7, firefox 2.0, opera 9.0
*/

*{border: 0;	margin: 0;	padding: 0;}
:focus {outline: 0;}

body { font-family:Arial; background:#fff url(images/VAMPIREDBG.jpg) repeat-x; }

.up  {margin-top: 0;}

/* Links */
a {text-decoration:none;
outline: none;}

/* HEADER */
#header {height:625px; margin:6px auto; width:792px;}

.header-left  {float:left;  width:290px; margin: 50px 0 0 40px;}

.header-left  p {color: #7E7E7E; font-size: 10px; font-family: Arial; text-align: justify;}

.header-right { float:right; width:200px; margin: 50px 230px 0 0;}

.header-right a img {background:#fff; padding: 3px 3px 3px 3px; border: 1px solid #B8B8B8; opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)}
.header-right a:hover img {background:#fff; padding: 3px 3px 3px 3px; border: 1px solid #9D9C9C; opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)}

.header-right p {margin:14px 0 0 30px; font-size: 19px; font-family: Arial;}
.header-right p a{font-weight:bold; margin: 5px 0 0 0; background:#E50505; text-transform:uppercase; padding:5px; color:#fff; font-size:8.5px; -moz-border-radius: 5px;}
.header-right p a:hover{font-weight:bold; margin: 5px 0 0 0; background:#F42121; text-transform:uppercase; padding:5px; color:#fff; font-size:8.5px; -moz-border-radius: 5px;}

.header-up {
background: url(images/logo-up.jpg);
margin:0;
padding:0;
}

.navenlace a {
   background-image: url(images/logo-up.jpg);
   display: block;
   width:792px;
   height:149px;
   text-indent: -5000px;
}

.navenlace a:hover {
   background-image: url(images/logo-up-over.jpg);
   width:792px;
   height:149px;
   text-indent: -5000px;
} 

.header-middle {
background: url(images/logo-middle.jpg);
width:792px;
height:173px;}

.header-bottom {
background: url(images/logo-bottom.jpg);
width:792px;
height:168px;}

/* HEADER NAVEGACION*/
#button{
	padding: 30px 0 0 130px;
}  

#button li {
	display: inline;
}  

#button li a {
	font-family: Arial; 
	font-size:11px; 
	text-decoration: none; 
	float: left; 
	padding: 10px; 
	background-color: #000; 
	color: #f5f5f5;
}

#button li a:hover { 
	background-color: #7A7A7A; 
	margin-top:-2px; 
	color: #f5f5f5;
	padding-bottom:12px;}

#button li .special a {
	font-family: Arial; 
	font-size:11px; 
	text-decoration: none; 
	float: left; 
	padding: 10px; 
	background-color: #000; 
	color: #f5f5f5;
}

#button li .special a:hover {
	background-color: #fff; 
	margin-top:-2px; 
	color: #9E0203;
	padding-bottom:12px;}

/* WRAPPER */
#wrapper {background-color:#fff;width:900px; margin:0 auto; padding:10px;line-height: 15px; }

/* CONTENIDO */
#navegacion {margin: 20px 0 0 200px}
#content {background-color:#fff;}
#side-left{float:left;  width:600px; margin-top: -210px;}
#side-right { float:right; width:270px; margin-top: -200px; text-size: 9px; color:#636363; font-family:Arial; font-size:10px;}

blockquote {  
background-color:#fff;
width:400px;
margin: 5px 5px 5px 70px;
text-align: left;
padding: 5px 20px 5px 20px;
border-top: 2px solid #F2EFEA;
border-bottom: 2px solid #F2EFEA;
color:#525252;
}

.importante {
background: #FDD1C5 url(images/importante.gif) center no-repeat;
background-position: 4% 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #FBAB95;
border-bottom: 2px solid #FBAB95;
color:#000000;
margin: 5px 5px 15px 70px;
width:400px;
}


/******** Wordpress Styles ********/
.aligncenter, div.aligncenter { display: block;margin-left: auto;margin-right: auto;}
.alignleft {  float: left; }
.alignright {  float: right }
img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}

/* Content Left */

.post{
        margin-top: 10px;
	width:100%;
}

.post-top{
	background:#fff url(images/post-top_bg.gif) no-repeat;
	width:100%;
	float:left;
}

.post-top2{
	background:url(images/post-top2_bg.gif) no-repeat bottom;
	width:100%;
	padding-bottom:12px;
	float:left;
}

.post-date{
	float:left;
	font-size:8.5px;
	font-family: Arial;
	text-transform: uppercase;
	width:44px;
	padding-bottom:13px;
	color:#fff;
	padding-top:12px;
	text-align:center;
	margin-left: 16px;
}

.post-date p{
	padding-top:3px;
	font-size:24px;
	line-height:25px;
        color:#000;
}

.post-title{
	float:right;
        margin: 10px 10px 0 0;
	width:522px;
}

.post-title h2{
	font-size:17px;
	color:#392c26;
        font-family: Georgia;
	font-weight:none;
	background:url(images/post-title_h2.gif) no-repeat left bottom;
	padding:20px 0 3px 0;
	margin-right:40px;
}

.post-title h2 a{
	color:#392c26;
        border-bottom: none;
}

.post-title h3{
	font-weight:normal;
	color:#5D5D5D;
	font-size:10px;
	padding:1px 1px 0 0;
}

img.post-title h3 {
	padding: 4px;
}

.post-title h3 a, .post-title h3 span{
	color:#000;
	font-weight:bold
}

.entry{
	color:#636363;
	font-family:Arial;
	font-size:10px;
	padding:10px 10px 10px 10px;
	background:#F8F8F8;
}

.entry li {
margin: -1px 0 0 5px;
padding-left: 15px;
list-style-type: none;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .3em;}

.entry a {color:#DC2527; text-decoration:none; font-weight: bold; font-family: georgia; font-size: 9px;}

.entry a:hover {color:#000; text-decoration:none;  font-family: georgia;}

.entry a img, .entry a img:visited {
background-color: #DADADA;
padding: 4px;
margin: 3px;
border: #958F8F solid 1px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}

.entry a img:hover {
background-color: #ECECEC;
padding: 4px;
margin: 3px;
border: #453939 solid 1px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}

.postmetadata{
	background:url(images/postmetadata_bg.gif);
	width:550;
	height:50px;
	color:#222222;
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.postmetadata .alignleft a{
	color:#DC2527;
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.postmetadata .alignleft a:hover{
	text-decoration:none;
}

.postmetadata .alignright a{
	color:#f8f8f8;
        width: 80px;
	font-size:8.5px;
	font-family: Arial;
	text-transform: uppercase;
	background: #000;
	font-weight:bold;
        padding: 5px;
	-moz-border-radius: 5px;
}

.postmetadata .alignright a:hover{
	color:#f5f5f5;
	font-size:8.5px;
        width: 80px;
	font-family: Arial;
	text-transform: uppercase;
	background: #505050;
	font-weight:bold;
        padding: 5px;
	-moz-border-radius: 5px;
}

.postmetadata .alignright a span{
	font-weight:bold;
}

.postmetadata .alignleft{
        width: 400px;
	margin: 5px 0px 5px 10px;
}

.postmetadata .alignright{
	margin: 15px 10px 5px 0px;
}

/* Sidebar Right */

.sidebar {
	color: #525252;
	font-size: 11px;
	font-family: Arial;
	margin: 0px 5px 0px 5px;
}

.sidebar a {color:#DC2527; font-weight:bold; text-decoration:none;}

.sidebar a:hover {color:#000; font-weight:bold; text-decoration:none; }

#sidebar-up {
	background-image: url(images/sidebar-up.jpg);
display:block;
	width:270px;
	height:55px;
}

#sidebar-up-cw {
	background-image: url(images/sidebar-up-cw.jpg);
display:block;
	width:270px;
	height:55px;
}

#sidebar-middle {
	background-image: url(images/sidebar-middle.jpg);
	width:270px;
	height:100%;
}

#sidebar-bottom {
	background-image: url(images/sidebar-bottom.jpg);
	width:270px;
display:block;
	height:110px;
}



/* Comments > WordPress 2.6 */

#postcomment {
	margin: 10px 0 0 20px;	
	color:#65694A; font:11px Georgia, serif;
}

.commentcontent {
	margin-top: 20px;	
        font-size:11px;
        font-family: Arial;
        color: #565656; 
}

.text {
	padding:4px;
	width:149px; height:16px;
	border:1px solid #e4e4d5;
	color:#555; font:12px/1em Georgia, serif; background:#fff url(images/form_bg.jpg);
}

#commentlist {
	margin:0; padding:0;
	color:#555; font:11px/1.2em Georgia, serif;
}

#commentlist p {
	margin:2px 10px 0px 10px;
	color:#333; font:11px Arial;
        background: #F6F6F6;
        padding: 0px 5px 5px 20px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.commentlist a {
	padding:0 0 2px 0;
	background:url(images/content-a_bg.gif) repeat-x bottom left;
	color:#000; text-decoration:none;
}

.commentlist a:hover {
	background:url(images/content-a_bg.gif) repeat-x bottom right;
}

#commentlist li {
	margin:0 0 0px 0; padding:10px 0 0 0;
	list-style:none;
	background:white;
}

#commentlist .cita {
	height:100%;
	margin-top: -6px;
	display:block;
        padding: 10px 10px 10px 100px;
	-moz-border-radius: 10px 10px 10px 10px;
	color:#737373; font:9px Arial;
}

#commentlist .cita img{
border:none;
}

#commentlist img {
margin:-2px 0 0 -75px;
display: block;
float: left;
border: #000 solid 1px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}

#commentlist a img {
opacity: 0.4; 
-moz-opacity:0.4; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30)
}

#commentlist a:hover img {
opacity: 1; 
-moz-opacity:1; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100) 
border: #958F8F solid 1px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}



#commentform label, .allowed {
        font-size:11px;
	color:#65694A; 
}



#comment {
        font-size:11x;
	padding:4px;
	width:520px; height:128px;
	border:1px solid #e4e4d5;
	color:#555; background:#fff url(images/form_bg.jpg) 0px -50px;
}

#submit {
	margin-top:10px;
	width:143px; height:53px;
	cursor:pointer;
	border:none;
	background:#a32c28 url(images/content-nextprev_bg.jpg) no-repeat;
	color:#fff; font:11px/1em Georgia, serif; text-align:center;
}



/* SECCIONES */
.pagecontent{
	color:#636363;
	font-family:Arial;
	font-size:10px;
	padding:10px 10px 10px 10px;
	background:#f6f6f6;
}
.pagecontent img {
padding: 4px;
border.radius: 10px;  
-moz-border-radius:10px;  
-webkit-border-radius:10px;  
}

.pagecontent a {color:#DC2527; text-decoration:none; font-weight: bold; font-family: georgia; font-size: 9px;}
.pagecontent a:hover {color:#000; text-decoration:none;  font-family: georgia;}

.pagecontent p{
	padding-bottom:15px;
	color:#636363;
	font-family:Arial;
	font-size:10px;
}

.page {
background:url(images/pagebottom.jpg) no-repeat;
background-position: bottom;
        padding-bottom: 92px;
	width:100%;
}

.page-top{
	background:url(images/pagetitlebg.jpg) no-repeat;
        height:71px;
	width:100%;
	padding-bottom:12px;
	float:left;
}

.page-top2{
	background:url(images/pagetitlebg.jpg) no-repeat;
        height:71px;
	width:100%;
	padding-bottom:12px;
	float:left;
}

.page-title{
	float:left;
	width:522px;
}

.page-title h2{
	font-size:23px;
	color:#606060;
        font-family: Garamond;
	font-weight:none;
	background:none;
	padding: 30px 0 10px 100px;

}

/* TABLAS SECCIONES */

table {
margin: -5px 0 10px 20px;
}

.secciontablas1{
width: 300px;
height: 40px;
color: #373737;
background: #fff;
padding: 3px 3px 3px 3px;
}

.secciontablas1 a{
font-family: Georgia;
font-size: 12px;
color: #E30A0F;
border-bottom: #000 1px dashed;
margin-bottom: 4px;
}

.secciontablas1 a:hover{
font-family: Georgia;
font-size: 12px;
color: #850609;
border-bottom: #5A5A5A 1px dashed;
margin-bottom: 4px;
}


.secciontablas2 {
padding-left: 10px;
}



.secciontablas2 a{
	color:#f8f8f8;
        width: 100px;
	font-size:8.5px;
	font-family: Arial;
	text-transform: uppercase;
	background: #000;
	font-weight:bold;
        padding: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.secciontablas2 a:hover{
	color:#f5f5f5;
	font-size:8.5px;
        width: 100px;
	font-family: Arial;
	text-transform: uppercase;
	background: #505050;
	font-weight:bold;
        padding: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

/* FUENTES */
.wmsg {color: #3F3F3F;font-family: Arial;text-transform: uppercase;text-size: 8.5px; font-weight: bold; padding: 0px 0px 5px 50px;}

h1 {font-size:16px; font-family: georgia;}
h2 {font-size:14px; font-family: georgia;}
h3 {font-size: 12px}
h4 {font-size: 11px; font-weight: bold; color:#000; text-transform: uppercase; font-family: georgia;}
h5 {font-size: 9px; font-weight: bold; color:#fff; text-transform: uppercase; font-family: georgia; background:#000; padding:4px; display:block;}

.f1 {
	color: #D50F0F;
	font-family: georgia;
	text-size: 16px;
	text-aling:center;
	font-weight: bold;
}

.f2 {
	color:#2A2A2A;
	font-size:8.5px;
        width: 100px;
	font-family: Arial;
	text-transform: uppercase;
	background: #fff;
	font-weight:bold;
        margin:10px auto 0 auto;
        padding: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.f4 { 
font-family: georgia; 
font-size:12px; 
color:#000000; 
text-transform: uppercase; 
border-left: 3px solid #E51212; 
padding-left:3px;
}
.f3 { font-family: georgia; 
font-size:9px; 
color:#C51414; 
text-transform:uppercase; 
margin:0 auto 0 auto;
}

strong{
color:#000;
}
em {
color:#9C0000;
}
u{
color:#000;
}

/* Footer */
#footer {
background:#F4F4F4;
border-top: 1px solid #474747; 
width:100%; 
height:190px;
}
#footerin {
background-color:#F4F4F4;
width:900px; 
margin:0px auto; 
padding:0px 0 0 100px;
line-height: 13px;
} 
#footer .footer-left{
height:190px;
float:left; 
margin-top:2px;
width:450px; 
font-size:10px; 
color:#646464;
}
#footer a, #footer a:hover {
color:#000;
font-weight: bold;
}
#footer .footer-left a img {
opacity: 0.4; 
-moz-opacity:0.4; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)
}
#footer .footer-left a:hover img {
opacity: 1; 
-moz-opacity:1; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)
}
#footer .footer-right{
float: right; 
margin-top:2px; 
width:430px; 
border-left: 1px dotted #212121; 
padding-left:10px;
}

#lastcomments {
margin: 0 0 0 5px;
background: #E8E8E8;
width:250px;
}

#lastcomments a {
color: #F61313;
margin-top:-10px;
background:none;
text-transform: none;
float:right;
}

#lastcomments .autor {
color: #000;
margin-top:10px;
display:block;
font-weight:bold; 
background:#343434; 
text-transform:uppercase; 
padding:3px 3px 3px 3px; 
color:#fff; 
font-size:9px; 
-moz-border-radius: 5px;
}

#lastcomments li {
	font-family: Arial;
	color:#646464;
	padding:0;
	font-size:10px;
	border-bottom: #B2B2B2 1px solid;
	padding: 5px 5px 5px 5px;
	background:  url(styles/fansitesorg/bullet.png) no-repeat 1px 8px;
	overflow: hidden;
}

/* Encuesta */
.encuesta {
	color:#fff;
	font-size:8.5px;
        width: 100px;
	font-family: Arial;
	text-transform: uppercase;
	background: #F51717;
	font-weight:bold;
        padding: 2px 2px 2px 2px;
margin-bottom: 10px;
}

/* wpSpoiler */
a.spoiler_link_show,
a.spoiler_link_hide {
font-size:8.5px;
    background-repeat:      no-repeat;
    background-position:    left center;
    padding-left:           14px;
    padding-right: 6px;
}
a.spoiler_link_show {
    background-image:       url(images/add.png);
}
a.spoiler_link_hide {
    background-image:       url(images/delete.png);
}
div.spoiler_div {
    background:       #fff url(images/spoiler.jpg) no-repeat;
    border: 1px #363636 solid;
    margin-top:             10px;
    padding:                10px 95px 10px 10px;
}

/* FORMULARIOS */
#formulario {
margin: 0 auto 0 auto;
}

#input{
color:#7A7A7A;
font-size:9px;
background:#fff;
border: 1px solid #DBDBDB;
padding:5px;
-moz-border-radius: 0px 20px 0px 20px;
}

.input{
margin-bottom:20px;
background: #F4F4F4;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
color:#E40303;
width:100px;
text-transform: uppercase;
font-family: georgia;
font-size: 10px;
font-weight: bold;
}


#textarea {
color:#7A7A7A;
font-size:10px;
background:#fff;
border-top: 1px dashed #DBDBDB;
border-bottom:1px dashed #DBDBDB;
padding:5px;
min-height:130px;
-moz-border-radius: 0px 20px 0px 20px;
}


/* FILMO */
.Filmo1 {
margin-top:1px;
width:350px;
background: #F5F5F5;
padding: 3px;
color: #565656;
}

.Filmo2 {
margin-top:1px;
width:350px;
background: #ECECEC;
padding: 3px;
color: #565656;
}

.Filmo3 {
margin-top:1px;
width:350px;
background: #F5E1E1;
padding: 3px;
color: #565656;
border: 1px solid #FE9C9C;
}