/*  

Theme Name: Garden

Theme URI: http://milo.peety-passion.com/category/themes/

Description: A simple and lightweight theme with custom icons.

Version: 3.0

Author: milo IIIIVII

Author URI: http://milo.peety-passion.com/

*/



body {background: #fff  url(images/logo91.png) top left no-repeat fixed;color: #104736;font-size: 11px;

font-family: Arial, "Times New Roman", "geneva", Tahoma, Helvetica;margin: 0;padding: 0 0 20px;
}

#wrap {background:  transparent;color: #333;font-size: 14px;font-family: Tahoma, Helvetica, arial;

margin: 0;padding: 0;}

a, a:visited{color: #104736;text-decoration: none;}

a:hover{text-decoration: none;color:#333;background:#8BCF9C;}

a img{ border:none; }

#header {background: transparent url(images/) top center no-repeat;width: 100%;height:328px;

margin: 0px auto 0px;padding: 10px 0 10px 0;text-align: left;text-transform: uppercase;position: relative;}

#header  h1, h1 a {font-family: Times, Helvetica, Sans-Serif;font-size: 20px;color: #104736;

text-decoration: none;padding: 0 10px 0 10px;margin: 0;text-transform:uppercase;display:block;}

description {display:none;}

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

#logo {list-style: none;margin: 0;position: absolute;right: 750px;top: 0px;}

#logo a{color: #665F3E;text-decoration: none;background: transparent;padding: 25px 5px;

font: bold 30px Geneva, arial;text-transform:uppercase;display: block;}


#logo1 {list-style: none;margin: 0;position: absolute;right: 752px;top: 0px;}

#logo1 a{color: #EBF2AB;text-decoration: none;background: transparent;padding: 27px 5px;

font: bold 30px Geneva, arial;text-transform:uppercase;display: block;}


#nav {list-style: none;margin: 0;position: absolute;right: 20px;top: 11px;}

#nav li {float: right;margin-left: 0;}

#nav .current_page_item a, #nav .current_page_item a:visited{color: #A03F1A;}

#nav .page_item a{color: #EBF2AB;text-decoration: none;background: transparent;padding: 150px 5px;

font: bold 14px/100% Geneva, arial;text-transform:uppercase;border-right: 1px solid #fff;

display: block;}

#nav .page_item a:hover {color: #A03F1A;background:#fff;}

#l_sidebar {float: left;background: #171717 url(images/bg21.gif) bottom left no-repeat;

width: 17%;margin: 0 20px 0 0;padding: 20px 0 20px 0;color: #fff;border-left: 5px solid #253A28;border-right: 5px solid #253A28;border-bottom: 5px solid #131E15;}

#l_sidebar ul {list-style: none;margin: 20;padding: 0 0 20px 0;}

#l_sidebar li {list-style: none;margin: 0;padding: 0;}

#l_sidebar ul li {margin: 0;padding: 5px 0 0 0;}

#l_sidebar ul li a {color: #9BDCAB;text-decoration: none;}

#l_sidebar ul li a:hover {color: #333;text-decoration: none;}

/* no background original do r_sidebar que fiz url(images/pano.gif)*/
#r_sidebar {float: left;background: #FF4B0A url(images/bg21.gif) bottom left no-repeat;
width: 17%;margin: 0 20px 0 0;padding: 20px 0 20px 0;color: #fff;border-left: 5px solid #FF7728;border-right: 5px solid #FF7728;border-bottom: 5px solid #F53500;}

#r_sidebar h3, {font: normal 140%/100% "geneva", Tahoma, Arial;color: #FDF440;
	margin: 10px 0 5px;}

.ul-flickr {list-style: none;margin:0 0 15px;padding:0;border-top: 1px solid #fff;text-align:center;}

.ul-asides {list-style: none;margin:0 0 15px;padding:0;border-top: 1px solid #fff;}

.ul-cat {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #fff;}
.ul-cat li{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #E0E0EE;
	background: url(images/cat.gif) no-repeat left center;}
.ul-cat li a, .ul-cat li a:visited{color: #fff;text-decoration: none;}
.ul-cat li a:hover{color: #7B0528;text-decoration: none;}

.ul-archives {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #fff;}
.ul-archives li{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #fff;
	background: url(images/archive.gif) no-repeat left center;}
.ul-archives li a, .ul-archives li a:visited{color: #fff;text-decoration: none;}
.ul-archives li a:hover{color: #7B0528;text-decoration: none;border-bottom: 1px solid #fff;}

.ul-blogroll {list-style: none;margin:0 0 15px;padding:0;border-top: 1px solid #fff;}
.ul-blogroll li{margin:0;padding: 2px 0 2px 20px;background: url(images/right2.gif) no-repeat left center;border-bottom: 1px solid #fff;}
.ul-blogroll li a, .ul-blogroll li a:visited{color: #fff;text-decoration: none;}
.ul-blogroll li a:hover{color: #7B0528;text-decoration: underline;}

.ul-menu {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #fff;}
.ul-menu li a:link, .ul-menu li a:visited{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #fff;
	background: url(images/menu-item.gif) no-repeat left center;color: #fff;text-decoration: none;}
.ul-menu li a:hover{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #fff;
	background: url(images/menu-hover.gif) no-repeat left center;color: #ccc;text-decoration: none;
	border-bottom: 1px solid #fff;}


#content {width: 90%;margin: -25px 0 0 10px;padding: 0 0 0 10px;float: left;}

#content p{padding: 10px 0 15px 0;margin: 0;line-height: 20px;}

#content h1, #content h1 a {color: #94B98C;font-size: 22px;font-family: Times, Verdana,arial;font-weight: normal;text-decoration: none;padding: 0;margin: 0;}

#content h1 a:hover {color: #A03F1A;text-decoration: none;}

#content h2 {color: #333;font-size: 16px;font-family: Tahoma, Verdana, Arial, arial;font-weight: bold;padding-left: 10px;margin: 0;text-transform:uppercase;

border-bottom: 1px solid #C0C0C0;}

#content h5 {background:url(images/h2.gif) center left no-repeat;color: #94B98C;font-size: 13px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-weight: bold;padding-left: 18px;margin: 0;text-transform:uppercase;

border-bottom: 1px solid #C0C0C0;}
#content h51 {background:url(images/h2.gif) center left no-repeat;color: #410303;font-size: 13px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-weight: bold;padding-left: 18px;margin: 0;text-transform:uppercase;

border-bottom: 1px solid #C0C0C0;}

#content h9 {background:url(images/li.gif) center left no-repeat;color: #000622;font-size: 15px;font-family: Tahoma, Verdana, Arial, Sans-Serif;padding-left: 18px;margin: 0;

border-bottom: 1px solid #C0C0C0;}

#content h8 {background:url(images/right3.gif) center left no-repeat;color: #000622;font-size: 12px;font-family: Tahoma, Verdana, Arial, Sans-Serif;padding-left: 18px;margin: 0;

border-bottom: 1px solid #C0C0C0;}

#right_sidebar h3, #left_sidebar h3 {font: normal 140%/100% "geneva", Tahoma, Arial;color: #FDF440;
	margin: 10px 0 5px;border-bottom: 1px solid #fff;}

#content p ol,#content p ul {margin: 0;padding: 0 0 0 20px;}

blockquote{margin: 0 0 0 25px;padding: 0 25px 0 10px;font-style: italic;color: #666;

border-left: 3px solid #A03F1A;}

#content blockquote p{margin: 0 0 20px 0;padding: 0;}

#content w1 {background:#9AD89E;color: #00115B;font-weight: bold;} /*verde*/
#content w2 {background:#F9E50A;color: #1F2378;font-weight: bold;} /*amarelo*/
#content w3 {background:#041369;color: #fff;font-weight: bold;}    /*azulao*/
#content w4 {background:#07480B;color: #CDEAB1;font-weight: bold;} /*verdao*/
#content w5 {background:#7D1B39;color: #fff;font-weight: bold;}    /*vinho*/
#content w6 {background:#FF910A;color: #FFF5C8;font-weight: bold;}    /*laranja*/
#content w7 {background:#78FFEB;color: #054E02;font-weight: bold;} /*azul piscina*/
#content w8 {background:#FF0303;color: #fff;font-weight: bold;}    /*vermelho*/
#content w9 {background:#8C91BB;color: #FFE572;font-weight: bold;} /*roxo*/
#content w10 {background:#000;color: #fff;font-weight: bold;} /*preto e branco*/

#contentmiddle {text-align:justify;float: right;width: 50%;margin: 10px 20px 0 0;padding: 20px 20px 10px 20px;}

.contentdate {background: #F0EFEF url(images/date.gif);float: left;width: 48px;height: 49px;

margin: 0;padding: 0;}
.titpost{width:100%;}
.titesq{float:left;}
.titdir{float:right;}


/*----- div contendo os posts -------*/
.entry p {text-align:justify; text-indent:30px;font: 100% Arial, "Times New Roman", "geneva", Tahoma;}
.noticia {color:#fff; margin:10px; padding: 10px; border-bottom: #ADA698 2px solid; border-top: #ADA698 2px solid; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #3B5543;}
.noticia1 {color:#1E215E; margin:10px; padding: 10px; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #C7CCDC;}
.noticia2 {color:#3A0319; margin:10px; padding: 10px; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #F0EED4;}
.noticia3 {color:#ffffff; margin:10px; padding: 10px; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #383838;}
.noticia4 {color:#ffffff; margin:10px; padding: 10px; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #3E3B83;}
.noticia5 {color:#ffffff; margin:10px; padding: 10px; border-left: #ADA698 2px solid;border-right: #ADA698 2px solid;background: #A4133A;}

.contentdate h3 {color: #010150;font-size: 10px;font-weight: normal;padding: 4px 0 0 13px;margin: 0;

text-transform: uppercase;}

.contentdate h4 {font-family: Times, Helvetica, arial;color: #282848;font-size: 18px;font-weight: bold;

padding: 3px 4px 0 3px;margin: 0;text-align: center;}

.contenttitle {float: left;width: 100%;margin: 0;padding: 0 0 0 20px;}

#contentmiddle ul {list-style: none;margin: 0;padding: 0 0 20px 0;}

#contentmiddle ul li {margin: 0;padding: 5px 0 0 0;}

#contentmiddle ul li a {color: #474B7C;text-decoration: none;}

#contentmiddle ul li a:hover {color: #474B7C;text-decoration: underline}

#content img.wp-smiley {float: none;border: none;padding: 0;margin: 0;}

#content img.wp-wink {float: none;border: none;padding: 0;margin: 0;}

.postspace {background: transparent ;width: 80%;height: 32px;margin: 0;padding: 0;}


#contenta h2 {
  margin:0 0 18px 0;
  font-family:Trebuchet MS, Georgia, verdana, arial;
  font-size:1.6em;
  font-weight:normal;
}

#contenta h3 {
  margin:0 0 18px 0;
  font-size:1em;
}

#contenta h4 {
  margin:0;
  font-size:1em;
}

#contenta.archive h2 {margin:0 0 26px 0;}

#contenta.archive h3 {
  margin:0 0 10px 0;
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:normal;
}

#contenta.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}

#contenta.archive h5 {
  margin:0;
  font-size:1em;
}


#menuzao {text-align:justify;float: left;width: 50%;}

/* Início do menu sobre o Natal  */
/*This copyright notice must be untouched at all times. */
/*The original version of this stylesheet and the associated (x)html */
/*is available at http://www.cssplay.co.uk/menuzao/art_gallery.html */
/*Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. */
/*This stylesheet and the assocaited (x)html may be modified in any  */
/*way to fit your requirements. */
/*=================================================================== */
.menuzao {height:220px; padding:100px 0 0 0; font-size:10px;}
/* remove all the bullets, borders and padding from the default list styling */
.menuzao ul {
width:110px;
padding:0;
margin:0;
list-style-type:none;
}
/* position relative so that you can position the sub levels */
.menuzao li {
position:relative;
}
/* style the links */
.menuzao a, .menuzao a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:23px;
width:109px;
color:#fff;
background:#A8C4AD;
text-indent:5px;
border-right:1px solid #A8C4AD;
border-bottom:1px solid #A8C4AD;
cursor:default;
}
/* style the link hover */
.menuzao a:hover{
color:#93F4E9; 
background:#eee;
}
.menuzao :hover a{
color:#93F4E9; 
background:#eee;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuzao ul ul {
visibility:hidden;
position:absolute;
top:0;
left:110px; 
}
/* make the second level visible when hover on first level list OR link */
.menuzao ul :hover ul{
visibility:visible;
}
.menuzao ul :hover ul a {background:#ABEC9E;}
.menuzao ul :hover ul a:hover {background:#ddd; color:#333;}
.menuzao ul :hover ul :hover > a {background:#ddd; color:#333;}
/* keep the third level hidden when you hover on first level list OR link */
.menuzao ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menuzao ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menuzao ul :hover ul :hover ul{ 
visibility:visible;
}
.menuzao ul :hover ul :hover ul a {background:#95AFE3;}
.menuzao ul :hover ul :hover ul a:hover {background:#ccc; color:#000;}

/* make the fourth level visible when you hover over third level list OR link */
.menuzao ul :hover ul :hover ul :hover ul { 
visibility:visible;
text-align:center;
}
.menuzao ul :hover ul :hover ul :hover ul li.pos1 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos2 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos3 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos4 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos5 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos6 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos7 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos8 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos9 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos10 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos11 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos12 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos13 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos14 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos15 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos16 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos17 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos18 {top:-110px;}
.menuzao ul :hover ul :hover ul :hover ul li.pos25 {top:-225px;}
.menuzao ul :hover ul :hover ul :hover ul li a {background:transparent; color:#fff; width:120px; height:170px;}
.menuzao ul :hover ul :hover ul :hover ul li a img {border:1px solid #fff; margin-top:5px;}
/*fim do menu sobre o Natal */

/* links
--------------------------------------------------*/
a {text-decoration:none;}

a img {border:none;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 18px 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 10px;
 border-left: 2px solid #999999;
color:#999999; 
font: 80% verdana;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}


/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
/*   margin:0 auto; */
}



#footer {background: url(images/bg12.gif);width: 100%;padding: 200px 0 10px 0;}

#footer1 {background: transparent);width: 80%;margin: 0;padding: 10px 0 10px 0;text-align: center;

border-bottom: 5px solid #fff;}

#searchdiv {margin: 0;padding: 0;}

#searchform {width: 120px;margin: 0;padding: 0;overflow: hidden;}

#s {width: 190px;background: #fff;color: #333;font-size: 11px;font-family: Verdana, Helvetica, Sans-Serif;

padding: 3px;margin: 8px 0 0 0;border: 2px solid #F03501;}

#commentblock {width: 90%;background: #A089BF;color: #233424;float: left;padding: 10px 20px 0 20px;

margin: 10px 0 10px 0;border: 1px solid #3E1AA0;font: 80% Arial, "Times New Roman", "geneva", Tahoma;}

ol#commentlist {padding: 5px 0 5px 0;margin: 0;list-style-type: none;}

.commentdate {font-size: 12px;padding-left: 0;color: #F7FFEE;}

#commentlist li p{margin-bottom: 8px;line-height: 20px;padding: 0;}

.commentname {color: #ccc;margin: 0;padding: 5px 5px 5px 0;}

.commentinfo{clear: both;}

.commenttext {clear: both;margin: 5px 0 20px 0;padding: 20px 10px 5px 10px;width: 450px;background: #bed1b1;font: 90% Arial, "Times New Roman", "geneva", Tahoma;}

.commenttext-admin {clear: both;margin: 5px 0px 20px 0px;padding: 20px 10px 5px 10px;width: 450px;

background: #e8e7eb;font: 90% Arial, "Times New Roman", "geneva", Tahoma;}

#commentsformheader{padding: 0;}

#commentsform{text-align: left;margin: 0;padding: 0;}

#commentsform form{text-align: left;margin: 0;}

#commentsform p{margin: 0;}

#commentsform form textarea{width: 95%;background: #E5DCF5;}

p.comments_link  img{margin: 0;padding: 0;border:none;}

.entry { clear: left; }


#contactform {margin-bottom:18px;background: #E5DCF5;}

form fieldset {border:0 solid;} /* Opera */

form p {
  padding:6px 0;
  border-bottom:1px solid;
}

form label {
  display:block;
  float:left;
  width:60px;
}

#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form textarea {
  padding:3px;
  width:400px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;background:#D0C2F5;
}

form textarea {overflow:auto;}

#contactform textarea, #contactform #bx_subject {width:100%;}

* html #commentform textarea {width:95%;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:100%;} /* IE WIN; but why? */

form .button {
  width:90px !important;
  border-bottom:1px solid;
  font-weight:bold;
}

#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}



#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 120px;}

#wp-calendar #prev a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align: center;}#wp-calendar th {font-style: normal;text-transform: capitalize;}#wp-calendar #next a {padding-right: 10px;text-align: right;}

#wp-calendar #prev a {padding-left: 10px;text-align: left;}

#wp-calendar a {display: block;}

#wp-calendar caption {text-align: center;width: 100%;}

#wp-calendar td {padding: 3px 0;text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #000; }

img.center, a img.center {display: block;margin-left: auto;margin-right: auto;padding: 3px;}

img.alignleft, a img.alignleft {float:left;margin: 4px 10px 5px 0;padding: 3px;}

img.alignright, a img.alignright {float:right;margin: 4px 10px 5px 0;padding: 3px;}