html                            { background-color: #333333; }
body                            { width: 950px; margin: 0 auto; 
                                  font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; }

header, nav, footer, section, 
aside, article, figure          { display: block; }

/* links */
a                               { color: inherit; text-decoration: none; }
a:hover                         { text-decoration: underline; }

img                             { border: none; }

p                               { margin: 0 0 18px; }

/* lists */
ul, ol, dd                      { /*margin: 0 18px 18px 18px; padding: 0;*/ list-style: none; font-size: 11px; }
dt                              { font-weight: bold; }
dd                              { margin-bottom: 18px; margin-left: 40px; text-align: justify; }
dt+dt                           { margin-top: 18px; }


h1+ol				{ float: left; margin-right: 0px !important; padding: 0 10px 0 0; 
                                  background-color: inherit; }
h1+ol, h1+ol ol 		{ padding-left: 0; counter-reset: toc h2 h3; }
h1+ol li:before	 		{ counter-increment: toc; content: counters(toc, ".") ". "; }
h1+ol~h2[id]			{ clear: left; }
h1+ol a				{ text-decoration: none; }

/* header */

body>header h1                  { position: absolute; width: 263px; height: 49px; margin: 18px 0 18px 40px; z-index:1;
                                  text-indent: -1000px; background: url("/images/ramonsoares-logo.png") no-repeat; }
body>header h1 a                { display: block; width: 263px; height: 49px;
                                  background: url("/images/ramonsoares-logo.png") no-repeat -263px -49px; }
/* header - links */
body>header>ul                  { float: right; margin: 18px 0 40px 10px; padding: 0;
                                  list-style: square inside; color: #e6e6e6; }
body>header>ul li               { float: left; margin-left: 15px; font-size: 12px; }
body>header a, body>nav~nav a	  { color: #e6e6e6; }

/* menu */
header+nav                      { position: fixed; height: 100%; width: 130px; margin-left: -1600px;
                                  padding: 82px 70px 0 1600px; border-right: 3px solid #fff;
                                  background-color: #e6e6e6; }
header+nav ol                   { color: #333333; margin: 0 18px 18px 18px !important; padding: 0; }
header+nav li                   { text-align: right; }
header+nav li:after             { content: " \00b7" " " attr(value); display: inline-block;
                                  width: 2.3em; margin-left: 3px; text-align: left; }
header+nav li:hover:after       { content: " \00b7" " \25B6"; }
header+nav a                    { color: #740; }
header+nav a:hover              { color: #333333; }


/* content */
body>nav~*                      { position: relative; clear: both; width: 710px; left: 120px; }

/* section */
section                         { margin: 0 0 5px; background-color: #fcfcfc; position: relative;
                                  font: 200 12px/18px "Verdana", sans-serif; border: 1px solid #888885;
                                  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15); -moz-box-shadow: 0 0 15px rgba(0,0,0,.15); }
section>*                       { margin: 0 29px 18px 29px; }
section>h1,
section>h2                      { padding: 23px 100px 0 69px; margin: 1px 1px 29px 1px;
                                  font: 100 27px/36px Georgia, serif; color: #3b3d3f ; text-align: left;
                                  background: url("/images/h1-bg.png") repeat-x; }
section>h2                      { padding: 10px 0 0 15px; margin: 1px 1px 9px 1px; font-size: 17px; line-height: 26px; } 

section>h1+ol                   { float: none; }
section>h1+ol a                 { color: inherit; }