/*
Theme Name: Stiff
Version: 2.0
Author: Roberto Labate
Author Email: roberto@stiff.com.br
Author URI: http://www.stiff.com.br/

This theme was designed and built by Roberto Labate
whose blog you will find at http://www.stiff.com.br

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

html, body { height: 100%; margin: 0; padding: 0; border: none; }

body { margin: 0px; padding: 0px; background-color: #fff; font-size: 12px; font-family: Georgia, serif; }

img  { border: none; }
form { margin: 0px; padding: 0px; }
table{ border-spacing: 0px; }

a       { color: #4d4d4d; text-decoration: none; }
a:hover { color: #4d4d4d; text-decoration: underline; }

#wrap    { width: 100%; min-height: 100%; margin: 0 auto; padding: 0px; position: relative; }
/* ie6 hack */
* html #wrap { height: 100%; }

.wrap_home   { background: url('../../../img/themed/stiff_1/verdao.jpg') center 96px repeat-x; }
.wrap_inside { background: url('../../../img/themed/stiff_1/verdao_interna.jpg') center 96px repeat-x; }

/* cabeçalho */
#header         { width: 100%; height: 56px; padding: 20px 0px; background: url('../../../img/themed/stiff_1/bg.jpg');  }
#header_content { width: 930px; height: 56px; margin: 0px auto; }

#header_logo    { width: 200px; height: 56px; float: left; }
#header_menu    { width: 730px; height: 56px; float: left; text-align: right; }
#header_menu li { padding: 0px 10px; font-size: 22px; color: #666; display: inline; }
#header_menu li img { vertical-align: top; }
#header_menu li a   { color: #666; text-decoration: none; }
#header_menu li a:hover { color: #666; text-decoration: none; }

/* menu */
#menu       { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; float: right; }
#menu li    { margin: 0px; padding: 0px 5px; border: 0px; background-image: url('../../../img/themed/stiff_1/menu.gif'); background-repeat: no-repeat; float: left; display: inline; }
#menu li a  { height: 25px; display: block; overflow: hidden; }
#menu li a span { display: none; }

.menu_home           { width: 74px; background-position: 0px 0px; }
.menu_home_active,
.menu_home:hover     { width: 74px; background-position: 0px -25px; }

.menu_job            { width: 122px; background-position: -94px 0px; }
.menu_job_active,
.menu_job:hover      { width: 122px; background-position: -94px -25px; }

.menu_partner        { width: 110px; background-position: -396px 0px; }
.menu_partner_active,
.menu_partner:hover  { width: 110px; background-position: -396px -25px; }

.menu_stiff          { width: 140px; background-position: -236px 0px; }
.menu_stiff_active,
.menu_stiff:hover    { width: 140px; background-position: -236px -25px; }

.menu_contact        { width: 104px; background-position: -526px 0px; }
.menu_contact_active,
.menu_contact:hover  { width: 104px; background-position: -526px -25px; }

/* content */
#content       { width: 100%; margin: 0px; padding-bottom: 90px; clear: both; }

/* destaque verde */
#banner_home   { width: 947px; height: 353px; margin: 0 auto 20px auto; padding-top: 24px; padding-left: 20px; clear: both; }
#banner_inside { width: 930px; height: 114px; margin: 0 auto 20px auto; padding-top: 49px; clear: both; }

#stiffman_1    { width: 233px; height: 471px; margin: -68px 0px 0px 700px; background: url('../../../img/themed/stiff_1/stiffman_sobre.png') no-repeat; position: absolute; z-index: 300; }
#stiffman_2    { width: 197px; height: 181px; margin: -68px 0px 0px 700px; background: url('../../../img/themed/stiff_1/stiffman_trabalhos.png') no-repeat; position: absolute; z-index: 300; }
#stiffman_3    { width: 419px; height: 156px; margin: -44px 0px 0px 500px; background: url('../../../img/themed/stiff_1/destaque_trabalhos.png') no-repeat; position: absolute; z-index: 300; }

/* área de conteúdo */
#content_div   { width: 930px; margin: 0 auto; padding-bottom: 30px; color: #4d4d4d; font-size: 16px; line-height: 20px; display: table; clear: both; }

/* footer */
#footer     { width: 100%; height: 50px; margin: 0px; padding-top: 40px; background: url('../../../img/themed/stiff_1/bg_footer.gif') repeat-x; clear: both; position: absolute; bottom: 0; }
#footer div { width: 930px; margin: 0 auto; color: #646464; font-size: 15px; }
#footer span{ float: right; font-size: 22px; }