﻿/*Theme Name: Tema Base Antigo 05
Theme URI: http://www.true-luv.com/
Description: 2 colunas com menu vertical e sidebar do lado direito
Version: 0.5
Author: Tamara 
Author URI: http://www.true-luv.com*/


/* BODY */
body {font-size: 11px; 
color: #FFFFFF; 
font-family: verdana, tahoma, sans-serif;
text-align: justify;
margin:5px 0 5px 0;
background: url('images/back.jpg');
}


/* IMAGEM DO TOPO */
 #header {
width: 800px;
height: 103px;
}
       

/* LINHA DO LAYOUT */
#page {
width: 800px;
background-image: url('images/linha.png');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

/* FOOTER */
#footer {
background-image: url('images/footer.png');
background-position: bottom;
width: 800px;
height: 50px;
clear: both;
}

#footer p {
color: #FFFFFF;
font-size: 10px;
font-family: tahoma;
padding:8px 0 8px 0;
margin:0 20px 0 20px;
text-align: center;
border-top:5px solid #B1919E;
}


/* PERFIL */
#sidebar {
width: 240px;
color: #FFFFFF;
font-family: verdana, tahoma, arial;
font-size: 10px;
text-align: justify;
margin: 60px 20px 50px 0px;
padding: 0 3px 0 20px;
float: left;}

/****** twitter ******/
#twitter_div ul
       {margin: 0;
        padding: 0;
        list-style-type: none;}

#twitter_div ul li
       {margin-bottom: 4px;
        border-bottom: 1px dashed #F8F500;
       background-color: transparent;}

#twitter_div ul li a
       {font-size: 10px;
        color: #18B0BA;}

/* FLICKR */

#flickr {margin: 0px;}

#flickr a img {
        background: url ('images/back.jpg');
        border: 1px solid #BCE015;
        padding: 5px;
        margin-right: 15px; /** distancia entre a extremidade da esquerda **/
        margin-bottom: 15px; /** distancia entre a extremidade de baixo **/
        }

#flickr a:hover img {
        background: #444444;
        border: 1px solid #F8F500;
        padding: 5px;
        margin-right: 15px; /** distancia entre a extremidade da esquerda **/
        margin-bottom: 15px; /** distancia entre a extremidade de baixo **/
        }

/* POSTS E PÁGINAS */
#content {
color:#FFFFFF;
margin: 70px 0 0 0;
line-height:15px;
text-align:justify;
width: 500px;
padding: 10px 3px 0 8px;
float: left;
}
#content span.data, #content span.categoria{
display: block;
color: #BCE015;
font-size:10px;
text-align: left;
font-family : verdana, helvetica, sans-serif;
text-transform: capitalize;
padding: 0 0 0 2px;
}
/* PREV E NEXT */
.anterior{
float:left;
background-color: #FAC6DC;
padding:1px 5px 1px 5px;
margin:0px 1px 0px 1px;
}
.proximo{
float:right;
background-color: #FAC6DC;
padding:1px 5px 1px 5px;
margin:0px 1px 0px 1px;
}


/* MENU */
#menu {
width: 100%;
padding: 0;
margin: 0;
font-size: 10px;
font-family : Verdana, Arial, sans-serif;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
border-bottom: 1px solid #fdbad6;
margin: 1px;
}
#menu li a {
display: block;
padding: 4px 4px 4px 0.4em;
text-transform: uppercase;
text-indent: 5px;
letter-spacing: 2px;
color: #fdbad6;
background-color: #FFF1F9;
text-decoration: none;
border-left: 5px solid #FFDAE6;
}
#menu li a:hover {
color: #c0c0c0;
background-color: #F8F8F8;
border-left: 5px solid #cccccc;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu  li { float: left; height: 1%; }
* html ul#menu  li a { height: 1%; }
/* End */


/* LINKS */
a {cursor: pointer; text-decoration: none;} 
a:link {cursor: pointer; color: #FF006C; text-decoration: none; }
a:visited {cursor: pointer; color: #F96FAA;text-decoration: none; }
a:active {cursor: pointer; color: #FF006C;text-decoration: none; }
a:hover {cursor: pointer; color: #F8F500; text-decoration: none; }


/* NEGRITO E ITA�LICO */
b {color: #BCE015; TEXT-DECORATION: none; border-bottom: 1px solid #FF006C; cursor: crosshair;}
u {color: #92C234; TEXT-DECORATION: none; border-bottom: 1px dashed #F96FAA; cursor: crosshair;}
i {color: #18B0BA; TEXT-DECORATION: none; border-bottom: 1px dashed #6CBCCD; cursor: crosshair;}
strong{color: #BCE015; cursor: crosshair;}
ul {line-height: 100%; color: #F2DB5D; font-color:#F2DB5D; margin: 0 18;}


/* TEXTAREA,  INPUTS E FORMULÁRIOS */
input, textarea, select, button {
font-size:11px;
color:#FFFFFF;
background: #FF006C;
width: 89%;
border: 0px;}

input:focus, textarea:focus, label:focus, select:focus, button:focus {
color:#FFFFFF;
background: #FF006C;
width: 50%;
border: 0px;}

input#searchsubmit {
background: #444444 url('images/search.gif') left no-repeat;
background-position:2px 3px;
border: 1px dashed #6A6768;
width: 89%;
margin: 5px 0 0 0;
padding: 1px 1px 1px 15px;
}


/* COMENTÁRIOS */
.comments{
text-align:justify;
background-color: #6A6768 ;
padding: 5px ;
border: 1px solid #e1e1e1;
margin: 0 0 15px 0;
}
.avatar {
float: right;
padding: 5px;
margin:4px;
background-color: #6CBCCD;
}

.link-comment {margin: 10px 0px 0px 0px;
	float:right;}


.link-comment a 
	{font-size: 16px;
	color: #FF006C;
	text-decoration: none}

.link-comment a:hover 
	{font-size: 16px;
	color: #F8F500;
	text-decoration: none}

.commentOfficialUser { border: 1px dashed #FFFFFF; background-color: #18B0BA }


/* BORDA NAS IMAGENS */
.aligncenter{
background-color: #F8F500;
padding: 6px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.alignleft{
float: left;
background-color: #F8F500;
padding: 6px;
margin: 1px 4px 0 0;
}
.alignright{
float: right;
background-color: #F8F500;
padding: 6px;
margin: 1px 0 0 4px;
}
.center {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
margin: 1px 4px 0 0;
}
.right {
float: right;
margin: 1px 0 0 4px;
}
img {border: 0px;}

/* OPACIDADE */

.opacidade
        {filter:alpha(opacity=82);
        -moz-opacity:0.82;
        opacity:0.82;}

.opacidade:hover
        {filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;}

/* FLICKR */
#flickr {margin: 0px;}

#flickr a img {
        background: url('images/back.jpg');
        border: 1px solid #BCE015;
        padding: 5px;
        margin-right: 15px; /** distancia entre a extremidade da esquerda **/
        margin-bottom: 15px; /** distancia entre a extremidade de baixo **/
        }

#flickr a:hover img {
        background: #444444;
        border: 1px solid #F8F500;
        padding: 5px;
        margin-right: 15px; /** distancia entre a extremidade da esquerda **/
        margin-bottom: 15px; /** distancia entre a extremidade de baixo **/
        }



/* TÍTULO DO PERFIL */
h1 {
background-color: #FF006C;
color:#FFFFFF;
line-height: 16px;
text-decoration: none;
font-family: georgia, century gothic, verdana, tahoma;
font-size: 16px;
text-indent: 5px;
text-align: left;
margin: 15px 0 7px 0;
}

/* SUBTITULOS */
h2 {
font-size:10px;
font-family: tahoma;
color: #FFFFFF;
border-bottom:1px dashed #F8F500;
padding-right: 2px;
text-transform: uppercase;
text-indent: 5px;
font-weight: bold;
}

/* TÍTULO DE PÁGINAS E POSTS */
.navlink {
display: block;
font-weight: bold;
color: #BCE015;
font-family : georgia, century gothic, verdana, tahoma, sans-serif, tahoma;
font-size: 18px; 
text-decoration: none;
text-align:left;
text-transform: capitalize;
height: 20px;
line-height:18px;
vertical-align:middle;
padding: 0 0 0 2px;
margin: 0px;
border-bottom: 1px dotted #F8F500;
}
.navlink a {cursor: help; color: #BCE015; text-decoration: none; }	
.navlink a:hover {color:#E2FBB0; text-decoration:none;}

/* BLOCKQUOTE */
blockquote {
text-align: justify;
color:#18B0BA;
background: url('images/edit.png') repeat-y top left; 
padding:0 5px 0 53px; 
margin: 0 5px 0 5px;
}

/* CALENDARIO */
#wp-calendar {
empty-cells: show;
font-size: 0.9em;
text-align: center;
font-family :verdana, tahoma, arial;
margin: 0;
width: 95%;}

/**dia dos posts e seus links**/
#wp-calendar #prev a {
font-size: 10px;
letter-spacing: 1px;
font-family: tahoma;
font-weight: bold;
text-align: left;
border: 0px;}

#wp-calendar #next a {
text-align: right;
font-size: 10px;
font-family: tahoma;
border: 0px;}

#wp-calendar a {
font-size: 10px;
font-family: tahoma;
background-color: #F8F500;
text-align: center;}

#wp-calendar a:hover  {
font-size: 10px;
font-family: tahoma;
font-weight: bold;
border: 0px;
text-align: center;}

/**resto dos dias**/
#wp-calendar td {
color: #FFFFFF;
font-size: 10px;
font-family: tahoma;
padding: 2px 0;
background: #444444;
border-top: 1px solid #444444;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;
text-align: center;}

/**mes em destaque no topo**/
#wp-calendar caption {font-size: 10px;
font-family: Verdana;
font-weight: bold;
text-align: center;
border-bottom: 1px dashed #F8F500;
letter-spacing: 2px;}

/**dias da semana**/
#wp-calendar th {color: #FFFFFF;
text-align: center;
font-family :arial;
font-size: 10px;
font-weight: bold;
background: #444444;
border-top: 1px solid #444444;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;}

/**dia de hoje**/
#wp-calendar #today {color: #FFFFFF;
font-weight: bold;
font-family :arial;
background-color: #444444;
border-top: 1px solid #444444;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;
text-align: center;}


/* LINKS DO 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:#18B0BA;
font-size : 8pt;
background-color: #F8F500;
border: 0px;
}
#footlink a:hover {
color:#18B0BA;
font-size : 8pt;
background-color: #591187;
border: 0px;
}


/* HR */
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;
}

/*TUMBLR BADGE*/

#tumblr-bagde
{margin: -5px 0 0 0;
font-size: 10px;
padding: 1px 1px 2px 1px;}

.tumblr
{list-style: none;
width: 100%;
margin-bottom: 1em;
padding: 0;}
 
.tumblr li {margin-bottom: 1em; list-style-type:none;}
.tumblr p {margin: 0; font-size: 10px;}
 
.tumblr blockquote
{margin: 2px 0 2px 4px;
padding: 2px 0 2px 6px;
background: none;
border-left: 1px dashed #FF006C;
border-bottom: none;
border-right: none;
border-top: none;
font-size: 10px;}
 
.tumblr img
{display: block;
border: 1px solid #BCE015;
max-width: 210px;  /*largura máxima para a imagem aparecer na sidebar*/
background: url('images/back.jpg');
padding: 5px;}
 
.tumblr em {display: block; margin-top: 0.2em; font-size: 10px;}
.tumblr .tumblr-post-date {display: block; font-size: 10px; margin-top: 1px;}

