/******
XHTMl/CSS by PedroMenezes.com =D
******/

/****** reset stuff ******/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/****** basic stuff ******/
body{background:#E6E6E6;font:62.5% arial;text-align:center}

#shadow{background:url(../img/shadow.jpg) repeat-y;margin:0 auto;width:1020px}

#site{background:#F2F2F2;margin:0 auto;text-align:left;width:1002px}

a,a:visited{color:#F06}

ul{list-style-type:none}

/****** header stuff ******/
#header{height:252px;background:#FFF}
h1{background:#fff url(../img/logo.gif) no-repeat 0 90px;height:125px;margin-left:20px;padding-top:90px;text-indent:-9999px;width:638px}
#menu{background:#F2F2F2;float:right;margin:10px 120px 0 0;padding:10px;padding-top:5px}
#menu a,#menu a:visited{color:#F06;font-size:1.4em;text-decoration:none}

/****** email stuff ******/
#email{background: #fff;color:#f06;font-size:1.4em;height:20px;margin:10px 0 -20px 10px;padding:5px 1px 1px 10px;width:970px}

/****** work stuff ******/		
#works{list-style-type:none;margin:10px;}
#works li{background:#FFF;margin-top:30px;text-align:center;width:980px}
#works li img{margin:10px 0 10px 0}
#works li .workfooter{background:#F2F2F2;width:100%;}
#works li .workfooter .caption{background:#FFF;font-size:1.2em;padding:0 10px 5px 0;width:970px}
#works li .workfooter .caption p{color:#F06;margin-left:15px;text-align:left}

/****** footer stuff ******/
#footer{background:#fff;height:330px}
#caniphoto{float:left;height:313px;margin-left:10px;padding-top:10px;width:156px}
#about{color:#F06;float:left;padding:145px 10px 0 10px;width:481px}
#about .bigtext{font-size:2.67em;line-height:1.2em;letter-spacing:.03em}
#about .smalltext{font-size:1.17em;line-height:1.75em;letter-spacing:.04em}
#about .smalltext .lessAttention{color:#aaa}

#socialmedia{}
#socialmedia div{float:left}
#socialmedia div a{background:#fff url(../img/socialmedia.gif) no-repeat top left;text-indent:-9999px}
#socialmedia .cozinha{height:45px;width:39px} 
#socialmedia .cozinha a{background-position: 0 -30px} 
#socialmedia .cozinha a:hover{background-position: 0 -105px} 
#socialmedia .lastfm{height:21px;width:69px} 
#socialmedia .lastfm a{background-position: 0 -180px} 
#socialmedia .lastfm a:hover{background-position: 0 -231px} 
#socialmedia .mail{height:40px;width:55px} 
#socialmedia .mail a{background-position: 0 -282px} 
#socialmedia .mail a:hover{background-position: 0 -352px} 
#socialmedia .orkut{height:24px;width:69px} 
#socialmedia .orkut a{background-position: 0 -422px} 
#socialmedia .orkut a:hover{background-position: 0 -476px} 
#socialmedia .twitter{height:43px;width:70px} 
#socialmedia .twitter a{background-position: 0 -530px} 
#socialmedia .twitter a:hover{background-position: 0 -603px} 

#contact{background:#fff url(../img/gradient.jpg);color:#fff;float:right;height:310px;padding:10px;width:300px;}
#contact .bigtext{font-size:4em;margin-bottom:4px}
#contact .smalltext{font-size:1.5em}
#contact input,#contact textarea{background:#fff;font-family:arial;border:1px solid #fff;color:#F06;padding:1px}
#contact input{font-size:1.4em;height:22px;width:209px}
#contact label{font-size:1.7em;margin-left:3px}
#contact input,#contact label{margin-bottom:3px}
#contact textarea{font-size:1.3em;height:145px;margin-top:4px;width:293px}
#contact #sendMail{background:#fff;color:#f06;margin-left:233px;margin-top:5px;height:26px;width:64px}