body { background-color: #000; color: #ccc; }

body, td, th, textarea {font-family: Verdana, Arial, sans-serif; font-size: 10pt;}

a:link { color: #f90; text-decoration: none; font-weight: bold;}    
a:visited { color: #f90; font-weight: bold;}
a:hover { color: #fc0;  font-weight: bold; }    

#frame {padding: 2px; background-color: #000; border: 3px double white;
            color: #ccc;}

#venue, #show {background-color: #000; color: #ccc; font-weight: bold; margin: 5px; }


#venue td, #show td {text-align: right; white-space: nowrap;}

.text, .longtext, .shorttext {padding: 0 0 0 3px;}
.longtext  {width: 20em;}
 .comment {width: 25em;}
.smaller {font-size: 80%;}
#buttons {text-align: center;}


#gigs th { background-color: #000; color: #f90; text-align: center;
        white-space: nowrap;}  

#gigs td {vertical-align: top; color: #ccc; }

#gigs .month {background-color: #f90; color: #000; text-align: center;
                    font-weight: bold; font-size: 110%; text-transform: uppercase;}

.even { background-color: #000;} 
.odd { background-color: #333;} 
.date {white-space: nowrap;} 
.title {}


#date {width: 110px;}
#venue {width: 250px;}
#details {}

input, textarea, select {background-color:  #ccc; color: #000;}
input:focus, textarea:focus, select:focus  {background-color:  #eee; color: #000;}

input[name="delete"] {background-color: green;}
input[name="delete"]:focus {background-color: red;}
input[type="checkbox"] {background-color: green;}
input[type="checkbox"]:focus {background-color: red;}

input.button {background-color: #5a4c52; color: #ccc; 
                    border-color: #5a4c52;}

#main_menu {font-size: 120%;}