/*
Theme Name: Ana Lee
Description: Tema desenvolvido para Ana Lee - www.analee.com.br
Version: 1.0
Author: Inventive House
Author URI: http://www.inventivehouse.com.br
*/


/* Begin Typography & Colors */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img { margin: 0px; padding: 0px; border: 0px;}

* { margin:0; padding:0; }

/* Removes dotted line when focus */
:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }



body {top repeat-x; margin: 0; padding: 0; color:#3f3f3f;}

a {
text-decoration: none;
color: #c46067;}

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


#wrapper {background-image: url(images/bg-fundo.jpg); width: 1000px; margin: 0 auto;}

#container {
   width: 900px;
   margin: auto;
   background-color: #fff;
}

p {
   font: 14px trebuchet;
   margin: 5px 0 5px 0;
}


/*********** LEFT *************/

#left {
   width: 610px;
   margin: 0 0 30px 75px;
   float: left;
}

#left h1 {
   font: 25px Arial, Helvetica, sans-serif;
   padding: 10px 0 10px 0;
   color: #c46067;
}

#left h2 {
   font: 18px Arial, Helvetica, sans-serif;
   padding: 10px 0 0 5px;
   color: #282828;
}

#left  span {
   color: #c46067;
   font-size: 18px;
}


#topo-left {}



/**************** RIGHT ************/

#right {
   width: 280px;
   float: left;
}

#right h3 {
   font: 18px Arial, Helvetica, sans-serif;
   margin: 0 0 0 20px;
   padding-bottom: 15px;
   color: #282828;
}

.discos {
   margin: 0 0 0 20px;
}






/************ DESTAQUE *************/

#destaque {
   width: 580px;
   background-color: #f5e5e6;
   padding:15px;
}

#destaque h2 {
   font: 25px Arial, Helvetica, sans-serif;
   padding: 10px 0 10px 0;
   color: #c46067;
}

#destaque p {
   font: 17px Arial, Helvetica, sans-serif;
   color: #282828;
   text-align:justify;
   letter-spacing: normal;
   margin: 0px;
}

#destaque img {margin: 5px;}

#destaque a {
   padding: 15px 0 0 0;
   float: left;
}



/************** POST *************/

#post-left h2 {
   font: 25px Arial, Helvetica, sans-serif;
   padding: 10px 0 10px 0;
   color: #c46067;
}

#post-left {width: 610px; font: 9pt Arial, Helvetica, sans-serif;}

#post-left p {margin: 10px 0 10px 0; text-align:justify; font: 9pt Arial, Helvetica, sans-serif;}

.entry p {margin: 10px 0 10px 0; font: 9pt Arial, Helvetica, sans-serif; line-height:18px;}

.linhas {
   width: 610px;
   float: left;
}

#post-left a {
text-decoration: none;
color: #c46067;}

#post-left a:hover {
text-decoration: none;
color: #999999;}


/************** POST HOME *************/

#post-left-home h2 {
   font: 20px Arial, Helvetica, sans-serif;
   padding: 10px 0 0px 0;
   color: #c46067;
}

#post-left-home {width: 610px;}

#post-left-home p {margin: 10px 0 10px 0; text-align:justify;}

#post-left-home img {margin: 5px;}

.linhas {width: 610px; float: left;}

#post-left-home a {
text-decoration: none;
color: #c46067;}

#post-left-home a:hover {
text-decoration: none;
color: #999999;}


/********** BOX ****************/

.box {
   width: 280px; height:100%;
   margin-top: 10px;
   text-align: center;
}
.box img {clear:both;}
.box a {text-decoration:none;}
.box a:hover {text-decoration:none;}



/********** SEARCH ****************/

#search {
   width: 280px; height:100%;
   margin-top: 10px;
   text-align: center;
}

/*************** MENU *************/

#menu {
   width: 250px;
   margin: 20px 0 0 20px;
}

#menu ul {
   font: 16px Arial, Helvetica, sans-serif;
   list-style: none;
}

#menu li {
   border-bottom: 1px dotted #CCC;
}

#menu li a {
  text-decoration: none;
  color: #282828;
  width: 250px;
  padding: 3px 0 3px 0;
  display: block;
}

#menu li a:hover {
  background-color: #f5e5e6;
}



/************ RODAPÉ **************/

#rodape { 
   background-repeat:repeat-x;
   background-image: url(images/rodape.jpg); 
   width: 1000px;
   height: 61px;
   text-align: center;
   clear: both; 
}

#rodape address {
   padding: 20px;
   font: 14px "trebuchet";
   color: #282828;
}



/************ BLOGROLL **************/

#blogroll {
   width: 550px;
   margin: 20px 0 0 10px;
}

#blogroll ul {
   font: 16px Arial, Helvetica, sans-serif;
   list-style: none;
}

#blogroll li {
   border-bottom: 0px dotted #CCC;
   font: 9pt Arial, Helvetica, sans-serif;   
   margin: 3px 0 3px 0;
}

#blogroll li a {
  text-decoration: none;
  color: #c46067;
  width: 550px;
  display: block;
}

#blogroll li a:hover {
  color: #999999;
}


/* MAIN PROPERTIES */

#main {
float: left;
margin-top: 51px;
padding-right: 10px;
line-height: 16px;
text-align: left;
width: 450px;
font: 10pt verdana, arial, helvetica, sans-serif;
color: #6F6F6F;}

h3 {
margin: 3px 0;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 10px;
color: #464033;}

a.link {
margin-top: 20px;
text-decoration: none;
color: #464033;}

a.link:hover {
text-decoration: none;
color: #464033;}

.reply {
clear: both;
margin-top: 20px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #464033;}

blockquote {
padding-left: 7px;
padding-right: 5px;
font-size: 8pt;
border: 1px solid #580000;
color: #8D8D8D;}

.clear {
clear: both;}

.date {
display: block;
margin: 0;
padding: 5px 0 0 0; 
color: #979797;}

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
font-weight: bold;
text-decoration: none;
font-size: 12px;}

.entries a:hover {
text-decoration: none;}

.left {
float: left;}

.right {
float: right;}


/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 18px;
padding-right: 7px;
margin-bottom: 20px;
color: #4C8398;}

.com a {
background: url(images/comment.jpg) left no-repeat;
padding-left: 18px;
padding-bottom: 1px;
text-decoration: none;
color: #353535;}

.com a:hover {
text-decoration: underline;
color: #999999;}

.edit {
float: left;
background: url(images/edit.gif) left no-repeat;
padding-left: 17px;}

.edit a {
padding: 0;
background: none;}

.author {
padding: 7px 0 0 10px;
font: bold 10pt verdana, arial, helvetica, sans-serif;
color: #333333;}

.author a {
color: #333333;}

.alt {
border: 1px solid #E5E5E5;}

.comment {
padding: 0 10px;}

.userinfo {
padding: 0 10px 10px 0;
text-align: right;}



/* INPUT PROPERTIES */

#search {
margin-top: 26px;
margin-bottom: 30px;}

.searchform {
background-color: #ffffff;
border: 1px solid #A9A9A9;
padding-left: 6px;
color: #6F6F6F;}

.field {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.comments {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.button {
background-color: #333333;
border: 1px solid #580000;
color: #ffffff;}

* html .button {
height: 20px;}





/* Captions & aligment */

.aligncenter,

div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
}

/* End captions & aligment */