@import "base.css";

/* wrapper & main*/
#wrapper { display: block; margin: 20px; }

body.website a:hover { color: #666 }
body.website a:active { color: #2e2e2e }

/* MAIN */
main { display: inline-block; width: 100%; margin: 20px auto; text-align: left; }
main ul { margin-left: 1em; list-style: none }

/* NAV */
main > header nav {  display: inline-block; margin-left: 30px; margin-top: 46px; }
main > header nav li { display: inline-block; margin-right: 20px; white-space: nowrap; position: relative }

#nav { font-size: 1.2em; color: #f7ab24}
main > header nav li:hover, main > header nav li.selected { color: #cc0033 }
main > header nav li a { color: inherit }

/* DROPDOWN */
#nav li ul { display: none; min-height: 100%; padding: 7px; background: #222f3a; position: absolute; top: 19px; left: 0; z-index: 7000; }
#nav ul > li:hover ul { display: block; font-size: 0.9em; height: auto }
#nav li > ul li { display: block; width: 100%; margin: 0; padding-bottom: 5px; color: #f7ab24; }
#nav li > ul li:hover, #nav li > ul li.selected { color: #cc0033; }

/* SECTION */
main section { display: inline-block; width: 94%; padding:3%; background: #fff; }
main section section { width: 100%; padding:0; }


/* ARTICLE */
article { display: inline-block; width: 100%; margin-bottom: 20px; }
article header { display: block; }
article header h1,article header h2,article header h3  { margin-bottom: 15px; font-size: 1.1em; }

article figure { float: right; display: inline-block; }
article strong { font-weight: bold; color: #000; }

article .text { display: inline-block; }
article .text a { text-decoration: underline; }
article .text a:hover { color: #b0b0b0; }
article .text p { display: block; margin-bottom: 0.7em;line-height: 1.3em; }
article .text ul, article .text ol { display: block; margin: 20px 0 20px 25px; }
article .text ul {  list-style: disc; }
article .text table { clear: both; margin: 20px 0; border: 1px solid #cccccc; border-collapse: collapse }
article .text table td, article .text table td { padding: 2px; border: 1px solid #cccccc; }

/* DOCS */
ul.docs { margin: 20px 0; }
ul.docs li { margin-bottom: 10px; }