body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; background: #eee; } .header-main { background: #6699ff; border-bottom: 1px solid #000099; } @media print { .header-main { display: none; } } .site-main { max-width: 960px; margin-left: auto; margin-right: auto; background: white; overflow: hidden; } @media screen and (max-width: 1000px) { .site-main { margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 750px) { .site-main { margin-left: 0; margin-right: 0; } } .page-header { max-width: 960px; position: relative; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1000px) { .page-header { margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 750px) { .page-header { margin-left: 0; margin-right: 0; } } .header-logo { display: inline-block; width: 185px; height: 54px; background: url(/images/main/logo-header.png) no-repeat center; margin: 10px; /* Text is still a little visible in IE6 */ line-height: 0; font-size: 0; text-align: center; color: #000099; } .header-logo-small { display: none; width: 85px; height: 25px; background: url(/images/main/logo-header-small.png) no-repeat center; margin: 10px; /* Text is still a little visible in IE6 */ line-height: 0; font-size: 0; text-align: center; color: #000099; } .header-logo-mobile { display: none; width: 110px; height: 25px; background: url(/images/main/logo-header-mobile.png) no-repeat center; margin: 10px 0 10px 5px; /* Text is still a little visible in IE6 */ line-height: 0; font-size: 0; text-align: center; color: #000099; } @media screen and (max-width: 750px) { .header-logo { display: none; } .header-logo-small { display: inline-block; } .header-logo-mobile { display: inline-block; } } .user-info { position: absolute; top: 10px; right: 10px; text-align: right; } .user-info a { text-decoration: none; color: inherit; } .user-info a:active, .user-info a:focus, .user-info a:hover { text-decoration: underline; } .current-user { color: #009; } .log-in-out { color: white; } @media screen and (max-width: 750px) { .hidden-on-mobile { display: none !important; } } .menu-main { display: inline-block; vertical-align: bottom; font-size: 105%; font-weight: bold; } .menu-main ul { list-style-type: none; margin: 0; padding: 0; overflow: auto; width: 100%; } .menu-main li { display: block; float: left; } @media screen and (max-width: 750px) { .menu-main { width: 100%; } .menu-main li { width: 50%; } } .menu-main a { text-decoration: none; text-align: center; display: block; padding: 0.5em 1.75em; color: white; } .menu-main a:active, .menu-main a:focus, .menu-main a:hover { background: #000099; } .menu-main li.active { background: #000099; } @media screen and (max-width: 1000px) { .menu-main a { padding: 0.5em 1em; } } .menu-secondary { width: 190px; float: left; border-right: 1px solid #bbb; margin-right: -1px; padding-right: 10px; font-size: 105%; } .menu-secondary ul { padding-left: 0.5em; padding-top: 0.3em; margin-left: 0; /* IE6 IE7 Fix (