/* ----------------------------------------------------------------- *\
   Projeto: The Tree House
   URL: http://www.thetreehouse.net.nz
   Version: 1.0
\* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- *\
   Imports
\* ----------------------------------------------------------------- */

@import url("reset.css");

/* ----------------------------------------------------------------- *\
   Globals
\* ----------------------------------------------------------------- */

html                              { background: #f6f6f4 url(../imgs/layout/body-bg.jpg) repeat-x; }
body                              { background: transparent url(../imgs/layout/body-bg-leaves.gif) repeat-x; color: #3d372e; font: 12px/18px Tahoma, sans-serif; }

h1,h2, h3, h4, h5, h6             { color: #5d7973; font-family: Georgia; font-weight: bold; text-transform: uppercase; }
a                                 { color: #5d7973; }

input                             { border: 1px solid #5d7973; color: #595959; font: italic 14px Georgia, serif; padding: 7px 8px; }
input.button                      { border: none; padding: 0; cursor: pointer; text-indent: -9999px; }

/* ----------------------------------------------------------------- *\
   Navigation
\* ----------------------------------------------------------------- */

#lang                             { margin: 0 auto; width: 262px; }
#lang li                          { display: inline; }
#lang li a                        { display: block; float: left; font: bold 11px Georgia, serif; margin: 25px 0 0 10px; padding: 4px 8px; text-decoration: none; text-transform: uppercase; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#lang li a:hover,
#lang li a.active                 { background: #253b27; color: #f6f6f4; }
#lang li a.nomargin               { margin-left: 0; }

/* ----------------------------------------------------------------- *\
   Structure
\* ----------------------------------------------------------------- */

#wrapper                          { margin: 0 auto; width: 550px; }
#header #logo                     { background: transparent url(../imgs/layout/logo-baum.gif); height: 122px; margin: 30px auto 18px; text-indent: -9999px; width: 122px; }

#section h2                       { background-image: url(../imgs/layout/title-bg-left.gif); background-repeat: no-repeat; font-size: 28px; margin-bottom: 20px; padding: 6px 0; text-align: center; }
#section.pt h2                    { background-position: 50px 0; }
#section.en h2                    { background-position: 70px 0; }
#section.de h2                    { background-position: 30px 0; }
#section h2 .right                { background: transparent url(../imgs/layout/title-bg-right.gif) no-repeat right 0; padding: 0 45px; }

#section #intro                   { border-bottom: 1px dotted #c4bda9; margin-bottom: 20px; padding-bottom: 20px; text-align: justify; }
#section #news-form               { margin-bottom: 30px; }
#section #news-form #legend       { color: #5d7973; font: bold 14px Georgia, serif; padding-bottom: 20px; text-transform: uppercase; }
#section #news-form .fields       { display: inline; float: left; line-height: normal; }
#section #news-form input         { margin-right: 10px; width: 184px; }
#section #news-form #send         { display: block; height: 33px; margin: 0; width: 125px; }
#section #news-form #send:hover,
#section #news-form #send.hover   { background-position: 0 bottom !important; }
#section.pt #news-form #send      { background: transparent url(../imgs/buttons/btn-sign-form-pt.gif) no-repeat 0 0; }
#section.en #news-form #send      { background: transparent url(../imgs/buttons/btn-sign-form-en.gif) no-repeat 0 0; }
#section.de #news-form #send      { background: transparent url(../imgs/buttons/btn-sign-form-de.gif) no-repeat 0 0; }

#footer                           { font-size: 11px; text-align: center; }

/* ----------------------------------------------------------------- *\
   Helpers
\* ----------------------------------------------------------------- */

#flash                            { border-style: solid; border-width: 1px; cursor: pointer; font-size: 12px; margin-bottom: 20px; padding: 5px 5px 5px 30px; text-align: left; }
.flash-notice                     { background: #d4efd3 url(../imgs/icons/icon-alertgood.gif) no-repeat 5px center; border-color: #085e12; color: #085e12; }
.flash-alert                      { background: #ffceb3 url(../imgs/icons/icon-alertbad.gif) no-repeat 5px center; border-color: #873d0c; color: #873d0c; }

.att                              { color: #b5541f; display: block; font-size: 11px; font-style: italic; padding-top: 5px; }
.clearfix:after                   { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix                         { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix                         { display: block; }
/* End hide from IE Mac */