/*------------------------------------------------------------------
[Reset Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	19/09/09
Assigned to:	Bruno Bertolini
Primary use:	Reset
-------------------------------------------------------------------*/

/* RESET HTML5 */
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{background:transparent;border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* Micox CSS mini-lib 1.0 - 22/02/2008 - elmicox.blogspot.com */

/* padronizando propriedades pros navegadores ficarem parecidos e corrigindo alguns bugs */
* { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; line-height: 1.1em; vertical-align: baseline }
p { margin-bottom: 0.5em; }
hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block;}  /* os hr tem uma altura extra misteriosa no IE */
a, img { border: none; }
img { vertical-align: middle;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset n�o � block em todos */
ul, ol { margin-left: 1.5em; list-style-position: outside; }
li { vertical-align: top; line-height: 1.2em;}  /* IE: posi��o vertical do marcador no IE  e espa�o extra fantasma em lis*/
li a { zoom: 1; line-height: 1.2em; }  /* complemento do anterior */
input[type=hidden]{ display: none !important; visibility: hidden !important;} /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
/*table { border-collapse: separate; border-spacing: 0; }*/
caption, th, thead, tfoot { text-align: center; font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after { content: ��; }
blockquote, q { quotes: "" ""; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* FF 1999 */ white-space: -pre-wrap; /* OP 4-6 */ white-space: -o-pre-wrap; /* OP 7 */  word-wrap: break-word; /* IE 5.5+ */ }
a {text-decoration: none;}
ul {list-style: none; margin:0; padding:0;}
h1 { font-size: 180%; font-weight: normal; margin: 0 0 10px 0;}
h2 { font-size: 150%; font-weight: normal; margin: 0 0 10px 0;}
h3 { font-size: 130%; font-weight: normal; margin: 0 0 10px 0;}
h4 { font-size: 120%; font-weight: normal; margin: 0 0 10px 0;}
h5 { font-size: 110%; font-weight: normal; margin: 0 0 10px 0;}
h6 { font-size: 100%; font-weight: bold; margin: 0 0 10px 0;}

/*
Correção do bug float
---------------*/
.after:after { clear: both;content: ".";display: block;height: 0;overflow:hidden;visibility: hidden;width: 0; }
/* Facilib CSS mii-framwork - 06/07/2009 - brunobertolini.com */

/********************	NÃO ALTERAR NESSA PARTE   *****************************/
/*                  Deixa o rodape sempre no fim ;D
------------------------------------------------------------------------------*/
html { height:100%; }
body { background: #FFF;height: 100%;margin: 0;padding: 0;text-align: center; }
#all { height:auto !important;/* Para browsera modernos */height:100%; /* Para o IE6 */margin: 0 auto;min-height:100%; /* Para browsera modernos */position:relative;text-align: left; }
#main:after { clear: both;content: ".";display: block;height: 0;overflow:hidden;visibility: hidden; }
footer { bottom:0 !important;clear: both; width: 100%; position: absolute; }
/***********************    NÃO ALTERAR NESSA PARTE	***********************/

/* Import fonts */
@font-face { font-family: Harabara; src: url(../font/Harabara.ttf); }
@font-face { font-family: Abode; src: url(../font/abode.ttf); }

/*------------------------------------------------------------------
[Layout Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	10/06/10
Assigned to:	Bruno Bertolini
Primary use:	Layout
-------------------------------------------------------------------*/

body {
    font-family: Arial, sans-serif;
    color: #999;
}

    section#all {
        background: url(../img/layout/body-bg.gif) center top;
        width: 12112px;
    }

    section#all.grid {
        background: url(../img/layout/body-bg-grid.gif) fixed center top;
    }

        header {
            border-top: 5px solid #9c0;
            height: 80px;
            position: fixed;
            width: 100%;
            min-width: 852px;
        }
            header.about {
                border-top-color: #F90;
            }

            header.projects {
                border-top-color: #F36;
            }

            header.contact {
                border-top-color: #09F;
            }

            header.checklist {
                border-top-color: #999;
            }

            header nav {
                float: right;
                font-family: Abode, Harabara, Arial, sans-serif;
                font-size: 1.1em;
                margin-top: 16px;
                margin-right: 83px;
                text-transform: lowercase;
            }

                header nav li {
                    float: left;
                    text-align: right;
                    width: 108px;
                }

                    header nav li a[rel=home] {
                        color: #9C0;
                    }
            
                    header nav li a[rel=about] {
                        color: #F90;
                    }

                    header nav li a[rel=projects] {
                        color: #F36;
                    }

                    header nav li a[rel=contact] {
                        color: #09F;
                    }

        section#main {
            margin: 0 auto;
            padding: 0 0 50px;
            width: 12112px;
        }

            section#main section.page {
                float: left;
                margin-right: 1000px;
                padding-top: 83px;
                text-align: right;
                width: 900px;
            }

        footer {
            background: #333;
            height: 10px;
            padding: 15px 0;
            position: fixed;
            text-align: right;
            min-width: 852px;
            width: 100%;
        }

            footer ul {
                margin: 0 83px 0 0;
            }

                footer li {
                    font-size: 0.6em;
                    display: inline-block;
                    text-transform: uppercase;
                    width: 108px;
                }

                    footer li a {
                        color: #999;
                    }

                    footer li a.hide {
                        display: none;
                    }

                    footer li a[rel=grid] {
                        background: url(../img/icon/showgrid.gif) no-repeat left;
                        padding-left: 13px;
                    }
/*------------------------------------------------------------------
[Home Page Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	10/06/10
Assigned to:	Bruno Bertolini
Primary use:	Home page
-------------------------------------------------------------------*/

section#main section.page#home {
    padding-top: 108px;
}

    section#home a {
        color: #9c0;
    }

    section#home h1 {
        font-family: Harabara, Arial, sans-serif;
        font-size: 3.4em;
        line-height: 72px;
        margin: 0 0 0 auto;
        width: 900px;
    }

    section#home p {
        margin: 41px 0 0 auto;
        width: 400px;
    }

    section#home ul {
        float: right;
        padding: 50px 0 0 0;
    }
        section#home li {
            float: left;
            padding: 6px 4px 0 5px;
        }

            section#home li a {
                display: block;
                height: 27px;
                text-indent: -9000px;
                text-align: left;
                width: 27px;
            }

            section#home li a[href="http://twitter.com/brunobertolini"] {
                background: url(../img/icon/twitter.png) no-repeat;
            }

            section#home li a[href="http://delicious.com/brunobertolini"] {
                background: url(../img/icon/delicious.png) no-repeat;
            }

            section#home li a[href="http://linkedin.com/in/brunobertolini"] {
                background: url(../img/icon/linkedin.png) no-repeat;
            }

/*------------------------------------------------------------------
[About Page Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	10/06/10
Assigned to:	Bruno Bertolini
Primary use:	About page
-------------------------------------------------------------------*/
    section#about a {
        color: #F90;
    }

    section#about img {
        border: 5px solid #999;
        float: left;
        height: 350px;
        margin-top: 12px;
    }

    section#about p {
        font-size: 0.9em;
        line-height: 18px;
        margin: 12px 0 18px auto;
        text-align: justify;
        width: 400px;
    }

/*------------------------------------------------------------------
[Projects Page Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	10/06/10
Assigned to:	Bruno Bertolini
Primary use:	Projects page
-------------------------------------------------------------------*/
section#projects {
    margin: 23px 0 0 0;
}

    section#projects a {
        color: #F36;
    }

    section#projects h1 {
        display: none;
    }

    section#projects article {
        height: 198px;
    }

        section#projects h2 {
            font-family: Harabara, Arial, sans-serif;
        }

        section#projects img {
            border: 1px dashed #999;
            float: right;
            height: 140px;
            margin: 0 0 0 48px;
            width: 140px;
        }

        section#projects p {
            font-size: 0.9em;

            margin: 17px 0 0 auto;
            line-height: 18px;
            width: 500px;
        }

/*------------------------------------------------------------------
[Contact Page Stylesheet]

Project:	brunobertolini.com
Version:	0.0.1
Last change:	10/06/10
Assigned to:	Bruno Bertolini
Primary use:	Contact page
-------------------------------------------------------------------*/

section#main section.page#contact {
    margin-right: 0;
}

section#contact {
    margin: 26px 0 0;
}

    section#contact a {
        color: #09F;
    }

    section#contact h1 {
        font-family: Harabara, Arial, sans-serif;
        font-size: 3.4em;
        line-height: 72px;
        margin: 0 0 0 auto;
        width: 890px;
    }

    section#contact h1.hide, section#contact h1.hide a { color: #333; }
    section#contact h1 a:hover { color: #09F; }
    section#contact h1 a[rel=external]:hover:after { content: ": @brunobertolini"; }
    section#contact h1 a[rel=mail]:hover:after { content: ": talk@brunobertolini.com"; }
    section#contact h1 a[rel=skype]:hover:after { content: ": brunobertolini"; }
    section#contact h1 a[rel=gtalk]:hover:after { content: ": brunonlab@gmail.com"; }
    section#contact h1 a[rel=msn]:hover:after { content: ": bertolini.bruno@hotmail.com"; }