/*  
GERSON'S PORTFOLIO
VERSION: 1.0
AUTHOR: Gerson Goulart | gerson.goulart@gmail.com
*/

/* GENERAL TAGS */
* {margin:0;padding:0;border:0;text-decoration:none;font-family:Verdana, Helvetica, sans-serif;font-size:11px;color:#333;}
body {background:#413F38;}
dt {display:none;}
dd {margin:10px;}

h1 {font-weight:normal;font-size:30px;}
h2 {margin:25px 0 3px;letter-spacing:3px;font-size:14px;text-transform:uppercase;clear:both;}
h3, label {font-weight:normal;font-size:12px;}
p {margin:5px 0 10px;}
label {display:block;margin:3px 0 10px;float:left;}
input, select, textarea {padding:3px;border-width:1px;border-style:solid;border-color:#ccc;}
.button, .button:focus {background:url(fade-butt.png);border:3px double #999;border-left-color:#ccc;border-top-color:#ccc;color:#333;padding:0.25em 0.50em;}
* htm .button, * html .button:focus {padding:0.25em;} /* Hack IE6 */
.button:active {background:#f4f4f4;border:3px double #ccc;border-left-color:#999;border-top-color:#999;}

/* PAGE STRUCTURE */
#page {width:774px;margin:10px auto;background-color:#fff;border:2px solid #000;}

#header {background-color:#413F38;margin:35px 30px 0;}
#header img {float:left;margin:20px 50px 15px;}
#header h1 {padding-top:35px;color:#fff;}
#header ul {list-style:none;padding-bottom:50px;}
#header ul li {height:10px;float:left;padding:0 11px 0;margin-top:5px;border-right:1px solid #fff;}
#header ul li.first {padding-left:1px;}
#header ul li.last {border:0;}
#header ul li.flags {margin-left:-10px;}
#header ul li a {margin-top:-3px;display:block;float:left;font-size:11px;color:#fff;}
#header ul li a img {margin:0 6px 0 0;border:1px solid #464646;}
#header .contactinfo {display:none;}

#main {width:544px;margin:5px 30px 0 0;float:right;border-top-width:36px;border-style:solid;}
* html #main {margin:5px 15px 0 0;}
#main a {text-decoration:underline;}

#nav {width:165px;margin:5px 0 0 30px;float:left;border-top-width:36px;border-style:solid;}
* html #nav {margin:5px 0 0 15px;}

#footer {clear:both;margin:0 30px 40px;}


/* COLOR THEMES */
/* Flag select */
#pt-br #header ul li a#pt-br-flag img,
#us-en #header ul li a#us-en-flag img,
#es-es #header ul li a#es-es-flag img {border:1px solid #9F9F9F;}

/* Content Colors */
#pt-br #main {border-color:#ffcc33!important;}
#pt-br #nav {border-color:#006600!important;}
#pt-br h2, #pt-br #main a {color:#006600!important;}
#pt-br h3, #pt-br label {color:#CC9900!important;}

#us-en #main {border-color:#da2029!important;}
#us-en #nav {border-color:#2da2bf!important;}
#us-en h2, #us-en #main a {color:#2da2bf!important;}
#us-en h3, #us-en label {color:#da2029!important;}

#es-es #main {border-color:#ffcc33!important;}
#es-es #nav {border-color:#da2029!important;}
#es-es h2, #es-es #main a {color:#da2029!important;}
#es-es h3, #es-es label {color:#CC9900!important;}

/* Portfolio Especific */
.portfolio a {display:block;margin:15px 15px 15px 0;float:left;}

/* Contact Especific */
#realname, #email, #subject, #message {width:450px;}
#message {margin-bottom:5px;}


@media print
{

#page {width:774px;margin:0 auto;border:0;}
#header {margin:0 30px 0;}
#header h1 {padding-top:0;}
#header ul {display:none;}
#header .contactinfo {display:block;}

}