/*Theme Name: DESIGNS
Theme URI: http://www.madlyluv.com/designs/
Description: Tema de apresentação
Version: 1.0
Author: Ana Flávia Cador
Author URI: http://www.madlyluv.com/blog/


/*** BODY ***/

P, a, body, td, tr, div {
	font-style: normal;
	font-weight: normal;
	color: #777;
	font-family: Tahoma;
	font-size:11px;
	line-height: 14px;
	background-color:transparent;}


body {
background: #FFF url('http://i45.tinypic.com/6tl3dy.png') repeat-x;
font-family: Tahoma;
font-size:11px;
text-align: justify;
color: #777;
margin-top: 0px;
margin-bottom: 0px;}

::-moz-selection {
color: #777;
background: #F0F0F0;}

::selection {
color: #777;
background: #F0F0F0;}
       

/*** LINHA ***/
#page {
width: 690px;
margin-left: auto;
margin-right: auto;
height: 100%;}


/*** TOPO ***/
 #header {
background: url('http://i46.tinypic.com/dh5s3l.png') no-repeat top center;
width: 690px;
height: 145px;}

#menu {
border:none;
font-size: 18px;
text-align: justify;
margin-top: -134px;
padding: 0 10px 0 10px;
float: right;}

#menu li {
list-style: none; 
margin: 0px;
display: inline;
float: right;
}

#menu li a {
padding: 50px 16px 26px 16px; 
margin: 0px;
font-size: 18px;
border-left: 1px solid #E4E4E4;
background: none;
text-decoration: none;
float: right;
}

#menu li a:link {
color: #8cb5cf;
font-size: 18px;
padding: 50px 16px 26px 16px;  
border-left: 1px solid #E4E4E4;
float: right;
}


#menu li a:hover {
font-size: 18px;
background: none;
padding: 50px 16px 26px 16px;
border-left: 1px solid #E4E4E4;
float: right;
}



/*** APRESENTAÇÃO ***/
#apresentacao {
width: 100%;
color: #777;
margin: -10px 0 0 0;
text-align: justify;}

#apresentacao .div1
	{width: 31%;
	margin: 2px 5px 2px 5px;
	padding: 2px;
	float: left;
	text-align: justify;}

h1 {
font-size: 12px;
font-weight: bold;
color:#8cb5cf;
line-height: 16px;
background: #F0F0F0;
text-decoration: none;
text-indent: 5px;
text-align: left;
margin: 8px 0 6px 0;}


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

#twitter_div ul li
	{background-color: transparent;
	margin: 2px;}

#twitter_div ul li:hover
	{background-color: #f0f5f8;
	margin: 2px;}

#twitter_div ul li a
	{background: none;}


a.navegue:link, a.navegue:active, a.navegue:visited 
	{display : block;
	color : #777;
	text-indent : 5px;
	vertical-align : middle;
	text-decoration : none;
	line-height : 16px;
	margin-bottom : 1px;
	background : #f1f5f8 url('http://i48.tinypic.com/23vm3vk.gif') no-repeat left;
	padding: 2px 0 2px 8px;}

a.navegue:hover 
	{display : block;
	color : #8cb5cf;
	text-decoration : none;
	vertical-align : middle;
	background: #F5F5F5 url('http://i48.tinypic.com/23vm3vk.gif') no-repeat left;
	padding: 2px 0 2px 8px;} 
	


/*** CONTEUDO ***/
#conteudo {
width: 97%;
text-align: justify;
color: #777;
margin: 5px;
float: left;}


/*** FOOTER ***/

#footer {
        /* imagem rodapé do layout */
        background: #FFF url('http://i45.tinypic.com/34o7uz7.png');
	background-repeat: repeat-x;
	background-position: bottom;
        width: 100%;
	height: 145px;
	clear: both;
	margin:0px;}

#footer p {letter-spacing: 1px;
	padding: 3px 0 0 0;
	text-transform: uppercase;}



/*** LINKS ***/
a 	{color: #8cb5cf; text-decoration: none; font-weight: normal;} /**azul**/
a:hover {background: #F0F0F0; color: #8cb5cf; text-decoration: underline; font-weight: normal;}


/*** UNDERLINE, NEGRITO E IT�LICO ***/
b	{color: #8cb5cf; text-decoration: none;} /**azul**/
i  	{color: #8cb5cf; text-decoration: none;} /**azul**/
u  	{color: #777; text-decoration: underline;}
strong 	{color: #777; text-decoration: none;}
small  	{color: #8cb5cf;} /**azul**/

big 	{font-size: 420%;
	font-style: bold;
	line-height:28px;
	float:left;
	padding-right: 2px;
	margin-top: 4px;
	color: #8cb5cf;} /**azul**/



/*** TEXTAREA,  INPUTS E FORMULÁRIOS ***/
input, textarea, select, button {
color:#777;
border: 1px solid #d7e7f2;
background: #e9f1f8;
padding: 1px;}


/*** COMENTARIOS ***/
.comment-total{
background: #ececec;
border-right: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
padding: 8px;
font-size: 10px;
border: 0px;
margin: 0px 10px 0px 10px;}

.commentname
{font-size: 10px;
font-family: Lucida Sans Unicode, Tahoma;
font-weight: none;
letter-spacing: 1px ;
text-align: left;
background: #fff;
padding: 4px;
border-left: 3px solid #8cb5cf;
color: #8cb5cf;}

.commentname a 	{color: #777; /**cinza**/
	text-decoration: none;
	font-weight: normal;}

.commentname a:hover 
	{background: #ececec; color: #777; text-decoration: underline; font-weight: normal;}

.commentcontent
{text-align:justify;}


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

/* minha borda */

.blogimage{
background: #e4e4e4; /**cinza**/
padding:6px;   
margin:5px 5px 1px 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}

.blogimage:hover{
background: #e4e4e4; /**cinza**/
padding:6px;   
margin:5px 5px 1px 5px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}

.blogimage a img {background: none; text-decoration: none;}
.blogimage a:hover img {background: none; text-decoration: none;}



/*** FLICKR ***/

#flickr {padding: 0px;
	border: 0px;
	margin: 5px 0 0 16px;}

#flickr a:hover {background: none; text-decoration: none;}

#flickr a img {
	background: #e4e4e4; /**cinza**/
	padding:6px;
	margin: 0 30px 8px 0;
	text-decoration: none;}

#flickr a:hover img {
	background: #e4e4e4; /**cinza**/
	padding:6px;
	margin: 0 30px 8px 0;
	text-decoration: none;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;}

/***************** EDITAR POSTS *****************/
blockquote {
color: #777;
background: #f0f5f8;
padding: 0 5px 0 5px;
margin: 3px 5px 3px 5px;}

.fundo {
color: #777;
background: #F0F0F0;
padding: 5px;
margin: 3px 5px 3px 5px;}

.buttom {padding: 5px;}

.buttom a {text-decoration: none; background: #F0F0F0;; font-size: 15px; font-weight: bold; padding: 5px; letter-spacing: 1px;}
.buttom a:link {text-decoration: none; background: #F0F0F0; font-size: 15px; font-weight: bold; padding: 5px; letter-spacing: 1px;}
.buttom a:hover {text-decoration: underline; background: #F0F0F0; font-size: 15px; font-weight: bold; padding: 5px; letter-spacing: 1px;}


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

#titulo {display: block;
font-family: Tahoma;
color: #777;
font-size: 20px;
text-decoration: none;
text-align: left;
text-transform: lowercase;}
	
#titulo a {display: block;
font-family: Tahoma;
color: #77A4BF;
font-size: 20px;
text-decoration: none;
text-align: left;
text-transform: lowercase;}

#titulo a:hover {display: block;
font-family: Tahoma;
color:#777;
font-size: 20px;
text-decoration: none;
background: none;
text-align: left;
text-transform: lowercase;}


.opine a {display: block;
font-family: Tahoma;
color: #777;
font-size: 10px;
text-decoration: none;}

.opine a:hover {display: block;
font-family: Tahoma;
color: #777;
font-size: 10px;
text-decoration: underline;
background: #F4F4F4;}


.data {
display: block;
color: #777;
text-align: left;
vertical-align: middle;
padding: 2px;
border-bottom: 1px solid #dfecf5;
}
.tag {
display: block;
color: #777;
text-align: left;
text-transform: capitalize;
padding: 2px;
}

/** barra que divide a lista de posts na sidebar **/
 
.barra {border-bottom: 1px solid #CCC; width: 80%; align: middle;}


/*** INFO SITE ***/


#infosite {display : block;
	color : #777;
	background-color : transparent;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	border-bottom-color : #CCC;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-right : 2px;
	padding-left : 2px;
	margin-right : 2px;}

#infosite:hover {display : block;
	background: #F4F4F4;}


/***************** LINKS DO FOOTER *****************/

#footlink {text-align:right;}

#footlink span.footlinkcurrent {
padding:0px 4px 0px 4px;
margin:1px 1px 0 1px;
background: #E0E0E0;
color:#777;
border: 1px solid #CCC;}

#footlink span.footlinktotal {
color:#777;
padding:0px 4px 0px 4px;
margin:1px 1px 0 1px;
background: #E0E0E0;
border: 1px solid #CCC;}

#footlink a {padding:0px 4px 0px 4px;
margin:1px 1px 0 1px;
text-decoration:none;}

#footlink a:link, #footlink a:visited, #footlink a:active {
color:#777;
padding:0px 4px 0px 4px;
margin:1px 1px 0 1px;
background: #E0E0E0;
border: 1px solid #CCC;}

#footlink a:hover {
color:#777;
padding:0px 4px 0px 4px;
margin:1px 1px 0 1px;
background: #EAEAEA;
border: 1px solid #CCC;}

#barrafinal{
border-bottom: 2px dashed #b3cddd;
text-align:center;
margin:0px 0px 5px 0px;}


/***************** PAGE NAVI PLUGIN *****************/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #E0E0E0;
	color:#777;
	border: 1px solid #CCC;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #E0E0E0;
	color:#777;
	border: 1px solid #CCC;	
}
.wp-pagenavi a:hover {	
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #EAEAEA;
	color:#777;
	border: 1px solid #CCC;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #e3ecf2;
	color:#8cb5cf;
	border: 1px solid #c2d7e4;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #EAEAEA;
	color:#777;
	border: 1px solid #CCC;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #E0E0E0;
	color:#777;
	border: 1px solid #CCC;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	background: #EAEAEA;
	color:#777;
	border: 1px solid #CCC;
}