html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
html,body {margin: 0; padding: 0; width: 100%; font-family: Arial, Tahoma; font-size: 10pt; color: #ffffff; }
body { background: #000000 url("../../images/layout/background.png") fixed center center repeat; }
a:link,a:visited {color: #a56e35; text-decoration: none;}
a:hover,a:active {color: #a56e35; text-decoration: underline;}

.center { margin: 0 auto; width: 950px;  }

#header { float: left; width: 100%; background: #000000 url("../../images/layout/barra-color.png") bottom center repeat-x; }
#header p { float: left; width:310px; height:55px; padding:5px 0 0 100px; margin:0 0 3px 0; background: url("../../images/layout/twitter.gif") left center no-repeat; font-weight: bold; font-size: 0.85em; line-height: 1.4em; }
#header p a {color: #00a1eb; }
#header p a.fixo {color: #a56e35; }
#header ul { float: right; font-size: 1em; margin: 10px 0 0 0; list-style: none; }
#header ul li { float: left; }
#header ul li a { color: #ffffff; text-decoration: none; padding: 5px 12px; display: block; text-align: center; font-weight: bold; letter-spacing: 0.1em; }
#header ul li a.active { color: #000000; background: #ffffff; }
#header h1 { width:310px; padding:5px 0 0 100px; }

#content { float:left; width:100%; margin:0; }
#content #version { float: right; font-size: 0.8em; margin: 7px 0; }
#content #version a, #content #version a:hover { text-decoration: none; }
#content #version img { vertical-align: middle; margin: 0 0 0 5px; }

#content #backAbout {  float:left; width: 910px; padding:15px 20px 10px 20px; margin: 0 0 30px 0; border: 1px dashed #50355f; background: url(../../images/layout/back_black.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/layout/back_black.png,sizingMethod='scale');}
#content #backAbout p { padding: 0 0 7px 0; line-height: 1.5em;}
#content #backAbout h1 { padding: 0 0 10px 0; }
#content #backAbout h1 a{ font-family: Georgia, Arial; font-size: 2.6em; font-style: italic; font-weight:normal; letter-spacing: -0.04em; }
#content #backAbout .description { float:left; width:580px; color: #a49f89; font-size: 1.1em; filter:alpha(opacity=90); }
#content #backAbout .full { float:left; width:910px; color: #a49f89; font-size: 1.1em; filter:alpha(opacity=90); }
#content #backAbout .message { float:left; width: 300px; margin:0 0 0 30px; }

#content #backAbout .more { float: left; width: 300px;  margin:0 0 0 30px; color: #a49f89; }
#content #backAbout .more h2 { font-family: Georgia, Arial; font-size: 2em; font-style: italic; font-weight:normal; letter-spacing: -0.04em; }
#content #backAbout .more ul { margin:10px 0 0 0; padding:0; list-style:none; line-height: 1.2em; }
#content #backAbout .more ul li { float: left; width: 250px; margin: 0 0 5px 0;  }
#content #backAbout .more ul li.love { background: url("../../images/layout/icon/ico_love.png") left center no-repeat; height: 41px; padding: 9px 0 0 60px; }
#content #backAbout .more ul li.dog { background: url("../../images/layout/icon/ico_dog.png") left center no-repeat; height: 41px; padding: 9px 0 0 60px; }
#content #backAbout .more ul li.gremio { background: url("../../images/layout/icon/ico_gremio.png") left center no-repeat; height: 41px; padding: 9px 0 0 60px; }
#content #backAbout .more ul li.music { background: url("../../images/layout/icon/ico_music.png") left center no-repeat; height: 41px; padding: 9px 0 0 60px; }

#content #folio { float: left; width: 100%; }
#content #folio img { border: 1px solid #ffffff; }
#content #folio h3 { font-size: 1.8em; }
#content #folio h4 { font-size: 1.1em; font-weight: normal; padding: 5px 0 15px 0; }
#content #folio p { font-size: 0.9em; font-weight:  normal; padding: 15px 0 0 0; color: #a9a0a1; }
#content #folio .left { float:left; padding:15px; margin: 0 15px 30px 0; border: 1px dotted #452f55; background: url(../../images/layout/back_white.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/layout/back_white.png,sizingMethod='scale');  }
#content #folio .right { float:left; padding:15px; margin: 0 0 30px 15px; border: 1px dotted #452f55; background: url(../../images/layout/back_white.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/layout/back_white.png,sizingMethod='scale');  }

#content ul.listContact { list-style: none; font-size: 1.1em; font-weight: bold; text-align: right; width: 300px }
#content ul.listContact a { color: #ffffff; }
#content ul.listContact li { padding: 2px 0; }
#content ul.listContact li img { vertical-align: middle; margin: 0 0 0 5px;}

#frmcontato input, #frmcontato textarea { padding: 3px; font-weight: bold; margin:0 0 10px 0; border: 0;}
#frmcontato input { padding: 5px 10px; }
.ok {padding: 10px 0 10px 50px; border: 2px solid #006600; background: #CCFFCC url(../../images/layout/ico_contato_ok.png) no-repeat left top; color: #006600; font-weight: bold; margin: 10px 0;}
.erro {padding: 10px 0 10px 50px; border: 2px solid #CC0000; background: #FFD5D5 url(../../images/layout/ico_contato_erro.png) no-repeat left top; color: #CC0000; font-weight: bold; margin:10px 0;}

#footer { float: left; width: 100%; background: #000000 url("../../images/layout/barra-color.png") top center repeat-x; font-size:0.85em; padding:15px 0; }
#footer ul { list-style:none; padding:0; margin:0;  }
#footer ul li { padding:3px 0; }
#footer ul li h5 { font-size:1.3em; padding:0 0 5px 0; }
#footer ul.flickr { float:left; width:180px; }
#footer ul.flickr li { padding:0; float: left; }
#footer ul.flickr li h5{ padding:3px 0 10px 0; }
#footer ul.flickr li img { margin:3px 6px 3px 0;  }
#footer ul.friends { float:left; width:190px; }
#footer ul.artists { float:left; width:220px; }
#footer ul.tracks { float:left; width:190px; }
#footer ul.listening { float:left; width:170px; }