@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700|VT323|Crushed);
/* reset */
@import url('reset.css');
/* nav */
@import url('nav.css');
/* geral */
@import url('geral.css');

#texto {width: 75%; float: right; border-left: 10px solid #000;}
.courier {font-family: "Courier New", Courier, monospace;}

/* TEXTO */
p {background: #FF0; color: #000; padding: 5px 30px 5px 30px; line-height: 1.5em;}
ul li {padding: 5px 15px;} ul li:hover {background: #000; color: #fc0;}
body {font-family:'Comfortaa', monospace; letter-spacing: 1px; background: url(../images/rafael.jpg);}
h1, h2, h3, h4, h5, h6 {font-size: 4em;}
h1 {font-family: 'VT323', monospace; padding: 0.25em;}
h2 {font-family: 'VT323', monospace; color: #F03; background: #300; padding: 0 0 0 15px;}
#foto {position: absolute; top: 0px; left: 0px; height: 100%; width: 532px; background: url(../images/rafael.jpg);}
#ola {width: 900px;}

h2.officio {color: #3CF; background: #609;} h2.internet {color: #3F0; background: #111;}

/* Fotografias */
#fotografias {background: url(../images/cha/pagebg.png); height: auto;}
#fotografias img {margin: 25px 15px; width: 150px; height: 100px;}
#fotografias span span {position: absolute; bottom: 0; right: 0; width: 800px; height: 532px; display:none; border: 1px dashed #9F0;}
#fotografias span:hover span {display: block;}
span.lagoa {background-image: url(../images/about/sjc-0003.jpg);}
span.joaodebarro {background-image: url(../images/about/sjc-0104.jpg);}
span.hangar {background-image: url(../images/about/sjc-0110.jpg);}
span.capivara {background-image: url(../images/about/sjc-0127.jpg);}
span.torres {background-image: url(../images/about/sjc-0177.jpg);}

/* Skills */
ul.skills li {background: #609; color: #3F9;  border-bottom: 1px dashed #3CF;}
ul.skills li.alt1 {background: #90C; color: #fff;}

/* ME Gusta */
.admirador {background: #030; color: #6F6;}
ul.megusta li {background: #FC0; color: #000; }
ul.megusta li.alt2 {background: #F30; color: #fff; }

/* Sports */
.vivo {background: #F06; color: #fff;}
ul.sports li {background: #306; color: #3F3;}
ul.sports li span {background: #ff0; color: #000; font-family: "Courier New", Courier, monospace; padding: 3px 5px;}
ul.sports li.courier, h1 {background: #000; color: #fafafa;}

/* dedosinfo */
.dedosinfo {color: #CF3; background: #306;} .dedosinfo span {font: padding: 1px; color: #FFF; background: #111;}


/* SPANS */
.idade {background: #003; color: #6FC;  text-transform: uppercase; padding: 3px;}
.sjc { background: #06F; color: #fff;}
p.oficio span, p.estoria span {font-family: "Courier New", Courier, monospace; padding: 2px; background: #000; color: #ff0;}
p.estoria {background: #309; color: #9FC;}
p.georgia {font:Georgia, "Times New Roman", Times, serif !important; background: #222; color: #0F0;}
p.georgia span { font: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; }
p.quadronegro {background: #111; color: #fafafa;} span.yellowduck {background: #fc0; padding: 1px; color: #000;}
p.esclarecimentos {background: #111; color: #FC0;}
p.atual {background: #003; color: #fefefe; padding-bottom: 50px;} p.atual span {background: #0FC; color: #000;}