@import url('/stylesheets/forum.css');
@import url('/stylesheets/beta.css');

body { font-family: sans-serif; font-size: 96%; padding: 10px 20px; background: gray; max-width: 720px; margin: 10px auto; }

h1 { color: #333; letter-spacing: .12em; font-size: 175%; margin-top: 10px; }
#notice, #error, #errorExplanation, .fieldWithErrors, .promo { width: 75%; font-size: 110%; border: 1px solid #777; padding: 1em 2em; color: #0071BC; background-color: #ddd; text-align: center; line-height: 1.4; margin: 10px auto 20px auto; }
#notice { background-color: #dfd; color: #494; border: 1px solid #696; }
.promo strong { font-weight: bold; color: #fbb03b; font-size: 120%; }
.promo strong u { text-decoration: none; border-bottom: 1px solid #f00; }
#error, #errorExplanation, .fieldWithErrors { background-color: #fdd; color: #944; border: 1px solid #966; text-align: left; }
#error, #errorExplanation { font-size: 100%; }
#error, #errorExplanation h2 { font-size: 115%; margin-top: 0; }
.fieldWithErrors { margin: 0 0 20px 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }

#hdr { background-color: #555; color: #ddd; padding: 10px 40px 0 20px; border: 1px solid #333; border-bottom: none; }
#hdr:after { content: '.'; display: block; clear: both; visibility: none; overflow: hidden; height: 0; font-size: 0; }
#hdr a:link, #hdr a:visited, #hdr a:hover, #hdr a:active { color: #888; font-size: 100%; text-decoration: none; }
#hdr a:hover, #hdr a:active, #hdr a:focus { color: #aaa; text-decoration: none; }
#logo { display: block; float: left; width: 209px; height: 76px; padding: 0; background-color: #555; margin: 0 0 10px 10px; } 
#logo:link, #logo:visited, #logo:hover, #logo:active { border: none; }
#logo img { display: block; border: none; padding: 0; margin: 0; }
#hnav { display: block; float: right; color: #888; }
#mnav { background-color: #444; clear: both; margin: 10px -40px 0 -20px; padding: 0 0 0 20px; border-top: 1px solid #333; }
#mnav:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0; }
#mnav li { display: block; float: left; padding: 0; margin: 0; border-left: 1px solid #595959;}
#mnav li:first-child { border-left: none; }
#mnav a:link, #mnav a:visited, #mnav a:hover, #mnav a:active { display: block; padding: 7px 0px 5px 0px; margin: 0 15px; font-size: 90%; text-decoration: none; color: #b4b4b4; border-bottom: 2px solid #444; }
#mnav a:hover, #mnav a:active, #mnav a:focus { color: #f0f5f9; border-bottom: 2px solid #f0f5f9; }
#mnav li.active a:link, #mnav li.active a:visited, #mnav li.active a:hover, #mnav li.active a:active { color: #fbb03b; border-bottom: 2px solid #f00; }

#txt { background-color: #efefef; padding: 10px 40px; border: 1px solid #333; border-bottom: none; }
#txt a:link, #txt a:visited, #txt a:hover, #txt a:active, #txt a:focus { color: #00599a; text-decoration: none; }
#txt a:hover { color: #0071bc; text-decoration: underline; }

#ftr { background-color: #ccc; border: 1px solid #333; padding: 10px 40px; }
#ftr a:link, #ftr a:visited, #ftr a:hover, #ftr a:active { color: #444; font-size: 96%; text-decoration: none; }
#ftr a:hover { color: #222; }
#legal { margin-top: 10px; text-align: center; display: block; vertical-align: bottom; color: #444; }
#legal a:link, #legal a:visited, #legal a:hover, #legal a:visited { color: #444; text-decoration: none; }
#legal a:hover { color: #222; }

table#users { width: 100%; }
table#users th { font-size: 95%; }
table#users td { font-size: 90%; }