/*
Theme Name: PeliculasID - Theme
Theme URI: http://www.peliculasid.com
Description: Diseñado para mi amis nuwanda
Version: 1.0
Author: JuniorDario
Author URI: http://www.peliculasid.com
*/

body {
background-image: url(imagenes/fondo.png);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.menu-down{
background:url(menu-down.png);
background-repeat:no-repeat;
width:180px;
height:18px;
}

.espacio{
border:4px solid #FF0000;
visibility:hidden;
}

/* menu vertical */


.menu{
margin:0;
padding:0;
width:180px;
list-style:none;
background:rgb(255,255,255);
}
.menu li{padding:0;
margin:0 0 0px 0;
height:23px;
display:block;
}
.menu li a{text-align:left;
height:23px; padding:0px 5px;
font:11px Verdana; color:#454545;
display:block;
background:url('menu.png') 0px 0px no-repeat;
text-decoration:none;
}
.menu li a:hover{
background:url('menu.png') 0px -23px no-repeat;
color:#ff7e00;
}
.menu li a.active, .menu li a.active:hover{
background:url('menu.png') 0px -46px no-repeat;
color:rgb(255,255,255);
text-align:center;
}
.menu li a span{
line-height:23px;
}



/* menu vertical */

.header{
margin-left:auto;
margin-right:auto;
width:990px;
height:54px;
}


a:link, a:visited {
color:#5C5C5C;
text-decoration:none;
}


a:hover {
color:#fd8f00;
text-decoration:none;
}

/*PNG PONER RUTA COMPLETA */

/*PNG LOGO TRANSPARENCIA */
.logo{
background-image:url(imagenes/logo.png)!important;
background-image:none;
filter:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://peliculasid.com/wp-content/themes/PeliculasID-Theme/imagenes/logo.png');
width:267px;
height:164px;
}
/*PNG LOGO TRANSPARENCIA */

h1{
color:#ff7e00;
font-family:Verdana;
font-size:14px;
font-weight:bold;
margin-left:5px;
}


/* BUSCADOR */

.fondo-buscador{
background-image: url(imagenes/fondo-buscador.png);
background-repeat:no-repeat;
float:left;
width:190px;
height:27px;
*height:30px;
padding-left:180px;
padding-top:13px;
*padding-top:10px;
}

/* FORMULARIO */
form{
margin:auto;

}
.formulariobuscador{
background:none;
border:none;
font-family:Arial;
color:#333333;
font-size:11px
}
select{
color:#999999;
}

/* BUSCADOR */

/* MENU */

#cssmenu {
margin: 0; /* all lists */
padding: 0;
background: url(imagenes/mainnav-sep.gif) no-repeat left;
font-family:Arial;
font-size:12px;
}

#cssmenu ul {
margin: 0; /* all lists */
padding: 0;
}

#cssmenu li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: none;
background: url(imagenes/mainnav-sep.gif) no-repeat right;
cursor: pointer;
}

#cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 15.9em;
}

#cssmenu li ul ul {
margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}

#cssmenu ul a {
width: 14.8em;
w\idth: 10.8em;
}

#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul,
#cssmenu li.sfhover ul ul, #cssmenu li.havechildsfhover ul ul, #cssmenu li.havechild-activesfhover ul ul, #cssmenu li.activesfhover ul ul,
#cssmenu li.sfhover ul ul ul, #cssmenu li.havechildsfhover ul ul ul, #cssmenu li.havechild-activesfhover ul ul ul, #cssmenu li.activesfhover ul ul ul {
left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul,
#cssmenu li.sfhover ul, #cssmenu li.havechildsfhover ul, #cssmenu li.havechild-activesfhover ul, #cssmenu li.activesfhover ul,
#cssmenu li li.sfhover ul, #cssmenu li li.havesubchildsfhover ul, #cssmenu li li.havesubchild-activesfhover ul, #cssmenu li li.activesfhover ul,
#cssmenu li li li.sfhover ul, #cssmenu li li li.havesubchildsfhover ul, #cssmenu li li li.havesubchild-activesfhover ul, #cssmenu li li li.activesfhover ul {
left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cssmenu li a {
display: block;
text-decoration: none;
line-height: 40px;
padding: 0 15px 4px;
color: #AAAAAA;
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
}

#cssmenu li a:hover,
#cssmenu li a:active,
#cssmenu li a:focus {
color: #FFFFFF;
}

#cssmenu li:hover,
#cssmenu li.sfhover,
#cssmenu li.havechildsfhover,
#cssmenu li.havechild-activesfhover {
background: url(imagenes/mainnav-hover.gif) no-repeat center bottom;
color: #FFFFFF;
}

#cssmenu li a.active,
#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
background: url(imagenes/mainnav-active.gif) no-repeat center bottom;
color: #FFFFFF;
}

/* 2nd level and above */
#cssmenu li ul {
border: 2px solid #555555;
border-bottom-width: 1px;
background: url(imagenes/trans-bg.png);
}

#cssmenu li ul li {
border-bottom: 1px solid #555555;
border-right: none;
background: none;
}

#cssmenu li ul a {
border-right: none;
margin: 0;
padding: 7px 10px;
line-height: normal;
height: auto;
background: none;
color: #FFFFFF;
font-weight: normal;
font-size: 92%;
}

#cssmenu li.havesubchild,
#cssmenu li.havesubchild-active {
background: url(imagenes/arrow3.png) no-repeat 94% 50%;
}

#cssmenu li ul a:hover,
#cssmenu li ul a:active,
#cssmenu li ul a:focus,
#cssmenu ul li:hover,
#cssmenu ul li.sfhover,
#cssmenu ul li.havesubchildsfhover,
#cssmenu ul li.havesubchild-activesfhover,
#cssmenu ul ul li:hover,
#cssmenu ul ul li.sfhover,
#cssmenu ul ul li.havesubchildsfhover,
#cssmenu ul ul li.havesubchild-activesfhover {
background: #00B0DB;
color: #FFFFFF;
}

#cssmenu ul li a.active {
background: none !important;
color: #00B0DB;
font-weight: bold;
}

#cssmenu ul li a.active:hover,
#cssmenu ul li a.active:active,
#cssmenu ul li a.active:focus {
color: #FFFFFF;
}
/* MENU */





/* menu vertical */

/* ads */

.ads160x600{
width:160px;
height:600px;
}

.ads468x60{
width:468px;
height:60px;
margin-left:auto;
margin-right:auto;
}

.ads728x90{
width:728px;
height:90px;
}

.ads336x280{
width:344px;
height:288px;
background:#f1f1f1;
float:left;
position:relative;
padding-top:5px;
padding-left:5px;
margin-bottom:5px;
margin-left:24px;
*margin-left:16px;
}

/* ads */





/* item */
.item {
width:190px;
height:318px;
overflow:hidden;
float:left;
margin:0px 5px 0px 6px;
position:relative;
}

.item .background {
width:190px;
height:313px;
background:url(imagenes/item_background.png) no-repeat top left;
position:absolute;
top:0px;
left:0px;
}

.item img {
width:166px;
height:250px;
border:1px solid #333333;
position:absolute;
top:48px;
left:11px;
}
.item img a:hover {

border:1px solid #FF0000;

}

.item .content {
position:relative;
text-align:center;
overflow:hidden;
top:11px;
*top:20px;
}


.content h1{
color: #FFF;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
.content h2{
color: #FFF;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}

.item .comments-link {
position:absolute;
width:80px;
height:30px;
left:100px;
top:287px;
overflow:hidden;
color:red;
text-align:center;
}

.item .content h2 {
color: #FFF;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}

.item .content p {
margin:0px;
padding:0px;
}

.item a:link, .item a:visited {
color:#3c3c3c;
text-decoration:none;
}

.item a:hover {
color:#6f6f6f;
text-decoration:none;
}
/* item */




/* comentarios */

#comments-number {
float:right;
width:20px;
}

#comments_wrapper input{
background:#FFFFFF;
color:#666666;
}

#comments_wrapper h3 {
font-size:12px;
font-weight:normal;
color:#000000;
}

#comments {
width:435px;
padding:12px 0 0;
}

#comments h3,h3#respond {
margin-bottom:7px;
}

ol.commentslist {
list-style:none;
margin:5px 0 12px;
padding-left:0px;
}

.commentslist li {
background:#0D0D0D url(imagenes/lgrey_diag.gif) repeat top left;
border:1px solid #6B6B6B;
margin-bottom:7px;
padding:7px 0;
width:555px;
}

.commentslist li a {
font-weight:700;
}

.commentslist li.alt {
background:#FFFFFF;
width:555px;
}

.commentslist li:hover {
border-color:#888;
}

.commentslist .comment_text {
margin:0 7px;
line-height:1.4em;
overflow:hidden;
}

.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote {
margin:1em 0;
}

.comment_text ul,.comment_text ol,.comment_text blockquote {
margin:0 1em;
}

p.author_meta {
font-weight:700;
text-transform:uppercase;
margin:0 0 0 7px;
}

p.post_meta {
font-size:11px;
text-transform:uppercase;
text-align:right;
margin:0 7px 0 0;
}

.commentslist li.author {
background:#333;
color:#CCC;
}

.commentslist li.author a {
color:#DDD;
}

.commentslist li.author a:hover {
color:#FFF;
}

#comments_closed {
background:#333;
color:#ccc;
padding:7px 0;
margin-top:12px;
line-height:1.5em;
}

p.nocomments {
margin:0 12px 0 7px;
}

p.nocomments a {
color:#ddd;
font-weight:700;
text-decoration:underline;
}

p.nocomments a:hover {
color:#FFF;
}

ol.pingslist {
margin:1.5em 2em;
font-size:12px;
}

.pingslist li {
color:#7F7F7F;
margin:0 0 7px;
}

.pingslist li a {
font-weight:700;
}

#commentform p {
margin:1em 0;
}

#commentform p a {
font-weight:700;
}

#author,#email,#url,#comment {
font:1.1em arial,helvetica,verdana,sans-serif;
border:1px solid #d7d8d8;
padding:2px;
}

#comment {
width:350px;
overflow:auto;
background-color:#FFFFFF;
color:#5C5C5C;
}

#commentform p small {
font-size:10px;
color:#5C5C5C;
}

.commentslist code {
background:transparent;
}

span.navback{
width:75px;
height:17px;
display:block;
float:right;
background:url(imagenes/atras.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:75px;
height:17px;
display:block;
float:right;
background:url(imagenes/adelante.gif) top right no-repeat;
cursor:pointer;
}

.imageOver {
background:url(imagenes/zoom.gif) no-repeat 50% 50%;
filter:alpha(opacity=70);
-moz-opacity:0.10;
-khtml-opacity:0.10;
opacity:0.70;
}


#navi {
width:795px;
text-align:right;
margin:10px 0px 10px 0px;
float:left;
}

#navipages h2{
display:none;
}

.wp-pagenavi .extend, .dotdot{
display:none;
}


.wp-pagenavi a{
background:url(imagenes/page_num.gif) no-repeat;
width:37px;
height:30px;
display:block;
text-align:center;
float:left;
margin:0 5px;
padding-top:6px;
text-decoration:none;
color:#333;
border:0px;
}

.wp-pagenavi a:hover{
background:url(imagenes/page_num_hover.gif) no-repeat;
color:#FFF;
border:0px;
}

.wp-pagenavi .current{
background:url(imagenes/page_num.gif) no-repeat 0 100%;
width:37px;
height:42px;
display:block;
float:left;
text-align:center;
margin:0 5px;
padding-top:6px;
font-weight:bold;
color:#FFF;
}

.wp-pagenavi{
height:1%;
overflow:hidden;
padding:10px 0;
clear:both;
}

.pages{
float:left;
background:url(imagenes/backbutton.gif) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
display:block;
color:#333;
margin:0 5px;
padding-top:6px;
}

.wp-caption {
border: 1px solid #a8e5ff;
text-align: center;
background-color: #effaff;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}









.footer {
color:#000000;
font-family:'verdana';
font-size:10px;
text-align:center;
padding-bottom:10px;
padding-top:5px;
border-top:1px dashed #000000;
width:995px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
.footer a {
color:#000000;
text-decoration:none;
}
.footer a:hover {
color:#ff7e00;
text-decoration:none;
}