/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
.mob { display:none; }

body {background:#f8f8f9;}
#container {position:relative;width:51.2em;height:100%;margin:0 auto;padding:0;overflow:visible;max-width:none;}
#main {width:76%;height:100%;margin:0 0 0 12.2em;background:#fff;}
#main .body {padding:0 0 6em 2.5em;background:#fff;height:auto;}
#main .body, #menu .body {padding-top:3em;}
#menu {position:absolute;top:6em;left:0;width:24%;}
#menu li a, #menu li span {display:block;width:100%;padding:0.3em 1em;}
#top {position:absolute;width:100%;height:3em;top:0;left:0;vertical-align:middle;z-index:1000;overflow:hidden;}
#top h1 {position:relative;font-weight:bold;font-size:100%;width:51.2em;margin:0 auto;background:red;overflow:visible;}
#top span {position:absolute;width:4000em;font-size:130%;line-height:2.1em;}
#top .l {right:76%;background:#fff;color:#036;text-align:right;padding-right:1.92em;}
#top .r {left:24%;background:#036;color:#fff;padding-left:1.92em;}
#top a {text-decoration:none;}
#top a:focus .l,#top a:focus .r{text-decoration:underline;}
p, ul, td, th {font-family:Georgia, serif;}
div h1, div h2, div h3, #menu li {font-family:Arial, sans-serif;}
em {font-style:italic;}
div p {font-size:1em;}
div h1 {font-size:1.5em;}
div h2 {font-size:1.1em;font-weight:bold;padding-top:0.842em;padding-bottom:0.159em;padding-bottom:3px;}
div h3 {font-weight:bold;color:#036;margin-top:1em;}
a:visited, a.anc, a.anc:hover {color:#036;}
a, a:hover {color:#04a;}
a:focus {color:#04a;background:#ffd;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
img {border:none;}
ul#menulevel1 {margin:0;padding:0;}
#menulevel1 li {list-style-type:none;}
.body ul {padding:0;list-style-position:outside;}
.body div.indent {margin-left:1em;}
.warn {background-color:#b00;color:#ff0;}
p {width:34em;}
:target {color:#04a;}
:target:before {content:'→ ';}
td {padding:0 0.2em;}
td.column1 {padding-left:2em;text-align:right;}
ul, ol {margin-bottom:1em;}
img {margin:1em 0;}
#menu li {font-size:110%;margin-bottom:0.5em;overflow:hidden;}
#menu span.active {color:#036;font-weight:bold;background:#fff;}
#menu a {background:transparent;}
#menu a:hover {background:#fff;}

/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {
/* TODO
#top h1 {width:100%;}
#container {position:relative;width:auto;height:100%;margin:0 auto;padding:0;overflow:visible;max-width:none;}
p {width:auto;max-width:34em;}
*/
/*
#container { width: 30em; }
*/	

}