/* all site elements */

body
{
background-color: #C0C0C0;
border: thin solid #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0% 10% 2% 10%;
padding: 0%;
}

form {
 border: 1px solid #666699;
 padding: 5px;
}

input {
 background-color: #666699;
}

li
{
padding-bottom: 1%;
}

select {
 background-color: #666699;
 color: #ffffff;
}

td
{
width: auto;
}

textarea {
 background-color: #666699;
 color: #ffffff;
}

/*
a:link
{
color: #000099;
background: #FFFFFF;
}
*/

/*
a:visited
{
color: #800080;
background: #FFFFFF;
}
*/

/* 
a:active
{
color: #FF0000; 
background: #FFFFFF;
}
*/

/* 
a:hover
{
text-decoration: none;
color: #0000FF;
background: #FFFF00;
}
*/

/* site header elements */

.header 
{
background-color: navy;
margin: 0%;
padding: 1%;
}

.header a
{
background-color: navy;
color: #FFFFFF;
font-size: 200%;
font-weight: bold;
text-align: left;
text-decoration: none;
}

/* site search */

.search
{
background-color: #008080;
border: none;
color: #FFFFFF;
display: block;
font-size: 60%;
margin: 0;
padding: 0;
text-align: right;
width: 100%;
}

.search a
{
background-color: #008080;
border: none;
color: #FFFFFF;
margin: 0;
padding: 0;
}


/* site navbar elements */

.navbar
{
background-color: #ff8c00;
border-bottom: thin solid #000099;
color: #FFFFFF;
font-size: 100%;
margin: 0%;
padding: 1% 0% 1% 0%;
text-align: center;
width: 100%;
}

.navbar a
{
background-color: #ff8c00;
color: #FFFFFF;
display: inline;
font-weight: bold;
margin: 0%;
padding: 0% 1% 0% 1%;
}

.navbar a:active
{
background-color: #000099;
color: #FFFFFF; 
display: inline;
text-decoration: none;
}

.navbar a:hover
{
background-color: aqua;
color: #0000FF;
display: inline;
text-decoration: none;
}


/* site main page content elements */

.main
{
background-color: #FFFFFF;
color: #000000;
margin: 0%;
padding: 1%;
text-align: left;
}

/* table formatting for shows page - to be deleted */

td.shows
{
border-bottom: dashed;
padding-top: 1%;
padding-right: 8%;
padding-bottom: 1%;
}

td.datetime
{
border-bottom: dashed;
padding-top: 1%;
padding-right: 4%;
padding-bottom: 1%;
}

td.venues
{
border-bottom: dashed;
padding-top: 1%;
padding-right: 4%;
padding-bottom: 1%;
}

td.details
{
border-bottom: dashed;
padding-top: 1%;
padding-right: 1%;
padding-bottom: 1%;
}

/* site footer elements */

.footer
{
background-color: navy;
border-top: thin solid #000099;
color: #FFFFFF;
clear: both;
font-style: italic;
font-size: 75%;
padding: 1%;
text-align: right;
}

.footer a
{
color: #FFFFFF;
}