html, select, input, td, th
{ font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size : 13px; }

body
{ margin : 0; padding : 0px 0px 32px 0px; background-color : #072030; border-top : 1px solid black; }

h2
{ color : #000; margin : 0; padding : 0; font-size : 14px; border-bottom: 1px solid #ccc; color: #000; letter-spacing: 1px; margin-bottom : 8px; }

h3
{ color : #000; margin : 0; padding : 0; font-size : 13px; color: #000; letter-spacing: 1px; margin-bottom : 8px; }

a
{ color : #045; font-weight : bold; }
 
a:hover
{ color : #28a; } 
 
p
{ margin : 0; padding : 0 0 16px 0; }

ul, ol
{ margin-top: 0px; }

label
{ cursor: pointer; }

#container
{ width : 1000px; margin : 0 auto 0 auto; }

#header
{ background-image : url(/img/chordbot-header.png); height : 180px; }

#menu
{ height : 41px; margin-top : -70px; font-weight : bold; }

#logo
{ top: 42px; left: 32px; border: 0; padding-top: 48px; padding-left: 36px; }

#menu ul
{ list-style: none; padding : 0px 32px; margin : 12px 0px 0px 32px; }

#menu li
{ display : inline; margin : 0 8px 0 0; padding : 0; color : #378; }

#menu a
{ margin-right : 8px; text-decoration: none; color : #fff; }

#menu a:hover
{ text-decoration : underline; }

#link-menu
{ float : left; }

#login-menu
{ float : right; }

#main
{ margin : 0px auto; width : 840px; background-color : #fff; padding : 40px 48px; border : 1px solid #000; overflow: auto; }

#footer
{ height : 24px; }

#maintenance
{ text-align : center; color : #fff; padding : 6px; font-weight: bold; background-color: #000; }

.message
{ background-color : #ffd; border : 1px solid #cca; padding : 8px 16px; margin-bottom : 20px; }