/*Theme Name: TL in Colors
Theme URI: http://www.thislovebug.net/
Description: Uma no mais Profissional
Version: 17.0
Author: Biia Lourenço 
Author URI: http://www.thislovebug.net/

/* BODY */
html, body {
height: 100%;
color: #909090; 
background: #fff url('images/back.png') repeat-x;
font-family : Century Gothic;
font-size: 11px; 
margin:0px;
text-align: justify;
}  
 
/* TOPO DO LAYOUT */
#header {
background: url('images/header.png') no-repeat top left;
height: 80px;
width: 800px;
}

/* LINHA DO LAYOUT */
#page {
background: url('images/linha.png');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
width: 800px;
}


/* SIDEBAR */
#sidebar {
font-size: 10px;
font-family : Century Gothic;
line-height:14px;
width: 250px;
margin-top: -30px;
margin-left: -3px;
float: left;
}

/* POSTS E PÁGINAS */
#content {
color:#909090;
line-height:15px;
text-align:justify;
width: 550px;
margin-top: 5px;
margin-right: -10px;
float: right;
}
#content span.data, #content span.categoria{
display: block;
color: #c0c0c0;
font-size:10px;
text-align: left;
font-family : Century Gothic;
text-transform: capitalize;
padding: 0 0 0 2px;
}

/* MENU */ 
#menu {
list-style: none;
float: left;
height: 35px;
width: 465px;
padding-left:30px;
margin-top: -39px;
}
#menu ul {
padding: 0px;
margin: 0px;
float: left;
width: 100%;
text-transform: uppercase;
list-style:none;
font-weight: bold;
height: 35px;
line-height: 35px;
vertical-align:middle;
}
#menu ul li {
display: block;
float: left;
margin: 2px;
width: auto;
text-align: center;
border:0px;
}
#menu ul li a {
display: block;
width: 65px;
text-align: center;
font-size: 11px;
font-family : Century Gothic;
text-decoration: none;
color: #dadada;
border:0px;
vertical-align:middle;
}
#menu ul li a:hover, #menu li.current a {
color: #fff;
background: url('images/menuhover.png');
text-decoration: none; 
border:0px;
}

/***************** MENU PÁGINAS *****************/
.menu {display : block;
	font-size : 10px;
    font-family : Century Gothic;
	letter-spacing : 0;
	border-bottom : 1px dotted #fc85d1;
	background-repeat : no-repeat;
	text-indent : 5px;
	vertical-align : middle;
	text-decoration : none;
	line-height : 14px;
	margin-bottom : 1px;
	background : url('images/q1.png') no-repeat left;
	padding-left : 10px}
	
	
.menu:hover {display : block;
	font-size : 10px;
    font-family : Century Gothic;
	letter-spacing : 0;
	border-bottom : 1px dotted #d9a5fd;
	background-repeat : no-repeat;
	text-indent : 5px;
	vertical-align : middle;
	text-decoration : none;
	line-height : 14px;
	margin-bottom : 1px;
	background : url('images/q2.png') no-repeat left;
	padding-left : 10px}



/* LINKS */
a {cursor: help; text-decoration: none;} 
a:link {cursor: help; color: #faaa00; text-decoration: none; }
a:visited {cursor: help; color: #faaa00;text-decoration: none; }
a:active {cursor: help; color: #faaa00;text-decoration: none; }
a:hover {cursor: help; color: #c0c0c0; text-decoration: none; }

/****************** T�TULO E SUBT�TULOS DOS POSTS *******************/

#navlink {display: block;
color: #777;
padding: 4px;
letter-spacing : 1px;
vertical-align:middle;
text-decoration: none;
text-align:left;
font-size: 10px;
font-family : Century Gothic;
border-bottom: 1px dotted #4db1e5;
margin-bottom: 2px;}
	
#navlink a {color: #b5bd4d;
text-decoration:none; 
font-size: 10px;
font-family : Century Gothic;
position:relative;
border: 0px;}

#navlink a:hover {color:#b2cdea;  
text-decoration:none; 
font-size: 10px;
font-family : Century Gothic;
position:relative;
border: 0px;}

.data {
display: block;
color: #d9a5fd;
font-size: 10px;
font-family : Century Gothic;
text-align: left;
vertical-align: middle;
border-bottom: 1px dotted #d9a5fd;
background: url('images/b2.png') no-repeat left;
padding-left: 12px; padding-right:2px; padding-top:2px; padding-bottom:2px
}
.categoria {
display: block;
color: #fc85d1;
font-size: 10px;
font-family : Century Gothic;
text-align: left;
text-transform: capitalize;
vertical-align: middle;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: 1px dotted #fc85d1;
background: url('images/b1.png') no-repeat left;
padding-left: 12px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

/****************** T�TULO E SUBT�TULO DAS P�GINAS E ARQUIVOS *******************/

#navlinkpage {display: block;
color: #777;
padding: 4px;
letter-spacing : 1px;
vertical-align:middle;
text-decoration: none;
text-align:left;
font-size: 10px;
font-family : Century Gothic;
border-bottom: 2px dotted #4db1e5;
margin-bottom: 2px;}
	
#navlinkpage a {color: #b5bd4d;
text-decoration:none; 
font-size: 10px;
font-family : Century Gothic;
position:relative;
border: 0px;}

#navlinkpage a:hover {color:#b2cdea;  
text-decoration:none; 
font-size: 10px;
font-family : Century Gothic;
position:relative;
border: 0px;}



/* CLASSES */
b	{color: #fc75ab; text-decoration: none;}
b:hover	{color: #f7a3d9; text-decoration: none;}

em  	{color: #bd9bd9;  text-decoration: none;}

u  	{color: #95c4e2; text-decoration: underline; 	padding-bottom: 1px;
  	border-bottom: 1px dotted #bd9bd9;}

ul	{color: #95c4e2;	margin-top: 3px;}

strong 	{color: #b4d241; text-decoration: none;}
strong:hover {color: #88a41b; text-decoration: none;}

/* TITULO DA SIDEBAR */
h1 {
color:#95c4e2;
font-family : Century Gothic; 
font-size: 12px;
font-weight: bold;
text-indent: 3px;
text-align: right;
border-bottom: 1px dotted #c0c0c0;
background : url('images/q2.png') no-repeat left;
margin: 15px 0 7px 0;
padding: 0 0 2px 0;
}
/* SUBTITULO DAS PAGINAS */
h2 {
display: block; 
background: none; 
color: #ffffff;
font-size:14px;
font-family : Century Gothic;
text-transform: lowercase;
padding: 10px 0 0px 2px;
margin:0px;
clear: both; 
}

/* SUBTITULO DAS PAGINAS2 */
h3 {
color:#909090;
font-family : Century Gothic; 
font-size: 14px;
font-weight: bold;
text-indent: 3px;
text-align: left;
border-bottom: 1px dotted #c0c0c0;
margin: 15px 0 7px 0;
padding: 0 0 2px 0;
}

/* 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;
}

/* TEXTAREA, INPUTS E FORMULÁRIOS */
form, fieldset {
margin: 0;
padding: 0;
border: 0px;
}

input, textarea, select, button {
font-size:11px;
color:#909090;
border: 1px 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;
}

/***************** COMENTARIOS *****************/
.comments{
border: 0px;
background-color: #f8f8f8;
padding: 4px;
margin-left: 10px;
margin-right: 10px;
border: 1px solid #e1e1e1;}


.commentname
{font-size: 10px;
font-family : Century Gothic;
font-weight: none;
letter-spacing: 1px ;
text-align: left;
padding-right: 4px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 6px;
border-bottom: 1px dashed #68a824;}

.commentinfo
{font-size: 10px;
font-family : Century Gothic;
font-weight: none;
letter-spacing: 1px ;
text-align: right;
padding: 1px;
border-top: 2px dashed #f8bcd5;}

.commentcontent
{padding:4px; text-align:justify;
color: #68a824;
background: #f2f7fb url('images/back4.png'); }

.comment-plug-ml
{background: #eef5fa;
padding: 1px;
margin: 2px;
margin-bottom: 6px;}


/***************** BORDA NAS IMAGENS *****************/
img {border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;}

.borderimage{
border:1px dotted #ffffff; background:#a799ca url('images/back2.png'); padding:7px; margin:7px; }

.borderimage:hover  {
background-image : url('images/back1.png');
border : 1px dotted #ffffff;
} 

.borderimagebranca{
border:1px solid #e1e1e1; background:#ffffff; padding:5px; margin:5px; }

.gravatar{
border:1px solid #bf8ff0; background:#f5f6e9 url('images/back3.png'); padding:5px; margin-right: 5px;
margin-bottom: 5px;
float:left}

/* BLOCKQUOTE */
blockquote {
text-align: justify;
color:#c0c0c0;
background: url('images/block.png') repeat-y top left; 
padding:0 5px 0 28px; 
margin: 0 5px 0 5px;
border: 1px solid #e1e1e1;
}

/****************** TWITTER *******************/

#twitter_div ul
	{margin: 0px;
	padding: 0px;
	list-style-type: none;}

#twitter_div ul li 
	{margin-bottom: 2px;
	margin-top: 2px;
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
	background-repeat: no-repeat;
	color: #c0c0c0;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	font-size: 10px;
    font-family : verdana;}

#twitter_div ul li a 
	{color: #d6d5d5;}

/* FOOTLINK */
#footlink {
text-align:center;
clear: both;
line-height:18px;
}
#footlink a {padding:0 4px 0 4px; margin:0 1px 0 1px;
color:#9f9f9f;
font-size : 8pt;
background-color: #f8f8f8;
border: 1px solid #e1e1e1;
}
#footlink a:link, #footlink a:visited, #footlink a:active {
color:#9f9f9f;
font-size : 8pt;
background-color: #f8f8f8;
border: 1px solid #e1e1e1;
}
#footlink a:hover {
color:#9f9f9f;
font-size : 8pt;
background-color: #e1e1e1;
border: 1px solid #909090;
}

/***************** 2 COLUNAS *****************/

.menuesquerda {float:left; width:49%; text-align: left;}
.menudireita {float:right; width:49%; text-align: left;}
.espaco {padding: 1px; margin:1px;}


/***************** HOVER IMAGEM TUTORIAL *****************/

.go {display:block;width:189px;height:93px; background-color:transparent; background-image:url("http://i158.photobucket.com/albums/t94/bia-chan05/Tutos/tlb1.png"); background-repeat:no-repeat; background-position:top left; }

.go:hover {display:block;width:189px;height:93px; background-color:transparent; background-image:url("http://i158.photobucket.com/albums/t94/bia-chan05/Tutos/tlb2.png"); background-repeat:no-repeat; background-position:bottom left;} 

/***************** FLICKR *****************/
#flickr {padding: 0px;
	border: 0px;}

#flickr a img {
	background: #ffffff url('images/back2.png');
         border-bottom:1px dotted #fcd55e;
         border-right:1px dotted #fcd55e;
	padding: 4px; 
	margin-right: 5px;
         margin-top: 5px;
	-moz-border-radius: 2px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80; margin-left:2px; margin-bottom:2px}

#flickr a:hover img {
	background: #ffffff url('images/back1.png');
	border-bottom:1px dotted #4db1e5;
          border-right:1px dotted #4db1e5;
	padding: 4px; 
	margin-right: 5px;
         margin-top: 5px;
	-moz-border-radius: 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0; margin-left:2px; margin-bottom:2px}


/***************** ASK ME *****************/

#footlinkask {
border-top:3px solid #f8bcd5;
line-height:22px;
font-size:9px;
width: 100%;
text-align:center;
padding-top:2px;
padding-bottom:3px;
margin-bottom:3px;
margin-top: 2px;
}

#footlinkask span.footlinkcurrent{
border:1px solid #f8bcd5; background:#ffffff; margin:1px 2px; color:#41c5f6; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px}

#footlinkask span.footlinktotal {
border:1px solid #f8bcd5; background:#ffffff; margin:1px 2px; color:#fc9dc5; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px}

#footlinkask a {
border:1px solid #f8bcd5; background:#ffffff; margin:1px 2px; color:#fc9dc5; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px}

#footlinkask a:link, #footlink a:visited, #footlink a:active {
border:1px solid #f8bcd5; background:#ffffff; margin:1px 2px; color:#fc9dc5; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px}

#footlinkask a:hover {
border:1px solid #f8bcd5; background:#ffffff; margin:1px 2px; color:#f8bcd5; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px
}

fieldset.askme {
border: 0px solid #e1e1e1;
padding: 5px;
background: #ffffff; }

.ask-total {
border:1px solid #e1e1e1; font-family : Century Gothic;
font-size:10px;
color:#c0c0c0;
font-weight: normal;
font-style:normal;
margin-left:8px;
margin-right:8px;
margin-top:10px;
margin-bottom:3px;
padding-right:1px; padding-top:3px; padding-bottom:0px; padding-left:1px;
background: #d9d9d9;
}


.ask-itens {background: #f8f8f8;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 3px}

.ask-title {display: block;
border-bottom: 1px dotted #f8bcd5;
background: #ffffff no-repeat left;
font-color: #e1e1e1;
font-size: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 12px;
padding-right: 2px;
margin-bottom: 2px;
margin-top: 4px;
margin-left: 2px;
clear: both}

.ask-data {text-align: right;
color: #fa3588;}


/* RODAPÉ DO LAYOUT */
#footer {
background: url('images/footer.png');
background-repeat: repeat-x;
clear: both;
margin:0px;
height: 150px;
width: 100%;
}

#footer p {
color: #fff;
text-align: center;
font-size: 10px;
font-family : Century Gothic;
text-transform: uppercase;
padding:12px 0 2px 0;
margin:0;
}
#footer p a{
font-weight: bold;
color: #c0c0c0;
}
#footer p a:hover{
color: #fff;
}
#footer #status-end {
width: 250px;
color: #c0c0c0;
padding-top: -2px;
padding-right: 10px;
border-right: 0px solid #AA80B8;
text-align: center;
float: right;
text-align: left;
}

#status-end ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#status-end li {
margin: 0px;
padding: 0px;
list-style: none;
}

#status-end ul li ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#status-end ul.social {
background: none;
margin: 0px;
padding: 0px;
}
#statuscor{display: block;
color: #c0c0c0;
padding: 4px;
letter-spacing : 1px;
vertical-align:middle;
text-decoration: none;
text-align:left;
font-size: 11px;
font-family : Century Gothic;
}

#footer #cat-end{
width: 330px;
margin: 0px;
padding: 0px;
padding-left: 30px;
text-align: left;
float: left;
}

#footer #cat-end img {
background-color: transparent;
margin: 0px 0px 3px 0px;
padding: 3px;
}

#footer #flickr-end {
width: 600px;
margin: 0px;
padding: 0px;
padding-left: 40px;
text-align: left;
float: right;
}