/*Theme Name: Star
Theme URI: http://bombandohorrores.wordpress.com
Description: 2 colunas com menu horizontal, sidebar do lado esquerdo e suporte a widgets
Version: 1
Author: JeskChan 
Author URI: http://bombandohorrores.wordpress.com*/

/* --------- BASIC ----------- */

html, body {color: #333333; 
                background:#ededed url('images/e-glam-background.jpg');
                font-family :Lucida Sans Unicode, arial, helvetica, sans-serif;
                font-size: 12px; 
                margin:0px;
                padding: 0px;
                height: 100%;
                line-height:0px;
                text-align: justify; }  
 
img {border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;}

/* Links
-------------------------------------------------*/
a {cursor: hand; text-decoration: none;} 
a:link {cursor: hand; color: #DA70D6; text-decoration: none; }
a:visited {cursor: hand; color: #DA70D6;text-decoration: none; }
a:active {cursor: hand; color: #DA70D6;text-decoration: none; }
a:hover {cursor: hand; color: #D8BFD8; text-decoration: none; }

/* b, i, em, strong
-------------------------------------------------*/
em{text-decoration : none;}
b{color: #BA55D3; text-decoration : none;}
strong{color:#c0c0c0; text-decoration : none;}
i{color: #BA55D3; text-decoration : none; }
ol, ul, li {margin:0; padding:0; list-style-type:none; }


/*-----------------------------------------------------------------------------------------------

 ///////////////////////////////     IMAGENS DO LAYOUT   ////////////////////////////////////////
 
------------------------------------------------------------------------------------------------*/

/* Topo (header)
-------------------------------------------------*/
#header {background-image: url('images/e-glam-header.jpg');
              height: 500px;
              width: 1024px; }


/* Linha que repete
-------------------------------------------------*/
#page {background-image: url('images/e-glam-linha.jpg');
           width: 1000px;  }

* html #page {height: 90%; /* hack para IE6 que trata height como min-height */}

/*Footer
-------------------------------------------------*/
#footer {background:#fff url('images/e-glam-footer.jpg');
             background-repeat: repeat-x;
             clear: both;
             margin:0px;
             height: 91px;
             width: 100%; }

#footer p {color: #BA55D3;
               text-align: center;
               font-size: 10px;
               font-family : Lucida Sans Unicode, Tahoma, Helvetica, sans-serif;
               text-transform: uppercase;
               padding: 20px 0 0px 0;
               margin:0px;  }

#footer p a{font-weight: bold;
                 color: #BA55D3;  }

#footer p a:hover{color: #DDA0DD;}



/*Footer
-------------------------------------------------*/
#footlink {text-align:center;
              clear: both;
              line-height:18px;  }

#footlink a {padding:0 4px 0 4px; margin:0 1px 0 1px;}

#footlink a:link, #footlink a:visited, #footlink a:active {
               color:#9f9f9f;
               font-size : 8pt;
               background-color: #f8f8f8;
               border: 0px;  }

#footlink a:hover {color:#9f9f9f;
                         font-size : 8pt;
                         background-color: #e1e1e1;
                         border: 0px;  }



/* Imagens Randomicas
-------------------------------------------------*/
#img {
line-height:14px;
width: 300px;
margin-left: 100px;
margin-left: 10px;
margin-top: 25px;
padding:0 0 0 10px;
float: left;
}



/* Área do Menu
-------------------------------------------------*/
#menus {
line-height:14px;
width: 300px;
margin-right: 100px;
margin-top: 90px;
padding:0 0 0 10px;
float: right;
}


/* Menu e configurações
-------------------------------------------------*/

#menu {
list-style: none;
float: right;
height: 25px;
width: 350px;
padding: 5px;
margin-top: 140px;
margin-right: -70px;
}
#menu ul {
padding: 0px;
margin: 0px;
float: left;
width: 100%;
list-style:none;
font-weight: bold;
height: 18px;
line-height: 18px;
vertical-align:middle;
}
#menu ul li {
display: block;
float: left;
margin: 1px;
width: auto;
text-align: center;
border:0px;
}
#menu ul li a {
display: block;
width: 61px;
text-align: center;
font-size: 11px;
font-family : Helvetica, sans-serif, Lucida Sans Unicode, Tahoma;
text-decoration: none;
color: #f926ab;
background-color: #ffffff;
border:0px solid #ff6666;
vertical-align:middle;
-moz-border-radius: 5px 0px 5px 0px;

}
#menu ul li a:hover, #menu li.current a {
color: #ffffff;
background-color: #f926ab;
text-decoration: none;
border:0px solid #fe9a9a;
}





/* Sidebar
-------------------------------------------------*/
#sidebar {font-size: 12px;
              font-family : Lucida Sans Unicode, helvetica, sans-serif;
              line-height:14px;
              width: 200px;
              margin: -180px 0 0 0;
              padding:0 0 0 80px;
              float: left;  }

#sidebar ul li {display: block;
                    background: url('images/bullet.gif') left no-repeat;
                    border-bottom:1px solid #e1e1e1; 
                    margin:2px 0 2px 2px;
                    padding: 2px 4px 2px 12px;
                    vertical-align:middle;
                    height:1%; /* IE WIN */ }

#sidebar ul li:hover {background-color: #f8f8f8;  }

#sidebar ul li ul {list-style-type: none;
                       margin: 0;
                       padding: 0;  } 

#sidebar ul li ul li {display: block;
                         background: url('images/bullet.gif') left no-repeat;
                         margin:2px 0 2px 2px;
                         padding: 2px 4px 2px 12px;
                         vertical-align:middle;
                         height:1%; /* IE WIN */  }


/**** PERFIL ****/
.perfil {
text-align: justify;
color:#FFFFFF;
background-color: #f926ab;
padding: 5px; 
border: 0px solid #f925ab;
-moz-border-radius: 0px;
}



/* Título da Sidebar
-------------------------------------------------*/
h1 {color:#ff0687;
      font-family :  Lucida Handwriting, verdana, helvetica, sans-serif; 
      font-size: 14px;
      font-weight: bold;
      text-indent: 3px;
      text-align: left;
      text-transform: none;
      border-bottom: 0px solid #ff0687;
      margin: 15px 0 7px 0;
      padding: 0 0 2px 0; }

hr {width: 97%;
     clear: both;
     border-top: 1px dotted #e1e1e1;
     border-bottom: 0px;
     border-left: 0px;
     border-right: 0px;
     text-align:center;
     margin:5px 0 5px 0;
     height: 1px;  }


/* Área de posts e paginas
-------------------------------------------------*/
#content {color:#909090;
               line-height:15px;
               text-align:justify;
               width: 620px;
               margin: -170px 0 0 0;
               padding: 0 10px 0 35px;
               float: left;  }


#content span.data, #content span.categoria{
               display: block;
               background-color: #f4f4f4;
               color: #333333;
               font-size:10px;
               text-align: left;
               font-family : helvetica, sans-serif;
               text-transform: capitalize;
               padding: 2px;  }



/* Título dos posts e das páginas
-------------------------------------------------*/
.navlink {display: block;
            color: #ff0687; 
            font-family : Lucida Handwriting, sans-serif, tahoma;
            font-size:25px; 
            text-decoration: bold;
            text-align:left;
            text-transform: capitalize;
            height: 18px;
            line-height:18px;
            vertical-align:middle;
            padding: 4px;
            margin: 0px;
            border-bottom: 3px solid #ff0687;  }

.navlink a {cursor: help; color: #ff0687; text-decoration: none; }	

.navlink a:hover {color:#9f9f9f; text-decoration:none;}




/* Sub-Título dos posts e das páginas
-------------------------------------------------*/
h2 {display: block; 
     background: none; 
     color: #ff0687; 
     font-size:11px;
     font-family :  tahoma, verdana, helvetica, sans-serif;
     text-transform: lowercase;
     border-bottom: 1px dotted #d4d4d4;
     padding: 10px 0 0px 2px;
     margin:0px;
     clear: both; }


/* Prev e next
-------------------------------------------------*/
.anterior{float:left;
             background-color: #f8f8f8;
             padding:1px 5px 1px 5px;
             margin:0px 1px 0px 1px;  }

.proximo{float:right;
             background-color: #f8f8f8;
             padding:1px 5px 1px 5px;
             margin:0px 1px 0px 1px;  }


/* Textarea, inputs e formulários
-------------------------------------------------*/
form, fieldset {
margin: 0;
padding: 0;
border: 0px;
}

input, textarea, select, button {
font-size:12px;
color:#ff0687;
border: 3px solid #e1e1e1;
background-color: #f8f8f8;
margin: 0;
}
input#searchsubmit {
background: #f8f8f8 url('images/search.gif') left no-repeat;
background-position:2px 3px;
border: 1px solid #e1e1e1;
width: 91%;
margin: 5px 0 0 0;
padding: 1px 1px 1px 15px;
}


/* Comentários
-------------------------------------------------*/
.comments{text-align:justify;
                background-color: #f8f8f8;
                padding: 5px ;
                border: 5px solid #ff0687;
                margin: 0 0 15px 0;  }

.avatar {float: right;
            padding: 5px;
            margin:4px;
            background-color: #ffffff;  }



/* Blockquote (caixa de editar posts)
-------------------------------------------------*/
blockquote {text-align: justify;
                 color:#c0c0c0;
                 background: url('images/edit.gif') repeat-y top left; 
                 padding:0 5px 0 28px; 
                 margin: 0 5px 0 5px;
                 border: 1px solid #e1e1e1;  }



/* Calendário
-------------------------------------------------*/
#wp-calendar {width: 99%;
                     border-spacing:1px;
                     padding-bottom: 3px;
                     background: transparent;  }

#wp-calendar td a {letter-spacing:0px;
                           color: #FFC5D9;
                           font-weight: bold;  }

#wp-calendar td a:hover {color: #c0c0c0;
                                    background: none;  }

#wp-calendar td {text-align:center;
                         background-color: #fde9f1;
                         padding: 0px 5px 0px 5px;
                         letter-spacing: 0px;
                         font: normal 10px Arial;
                         color: #aaa;  }

#wp-calendar td.pad { /* Celulas vazias */ background: #f8f8f8; }
#wp-calendar td#today { /* Data Atual */ background: white; }
#wp-calendar thead { /* Dias da semana */ font: bold 10px Arial; background: #FDF8FA;}
#wp-calendar caption { /* Mês */background: #f8f8f8;padding: 0px 0 0px;font: bold 11px Arial;color: #c0c0c0;}