html, body {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   color: black;
   margin: 0; 
   padding: 0; 
   width: 100%; 
   height: 100%; 
   overflow: hidden;
}

a:link {
   color: black;
   font-weight: bold;
   text-decoration: none;
}
a:visited {
   color: #888;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #d00;
   font-weight: bold;
   text-decoration: none;
}

#main {
   position: absolute;
   left: 0px;
   right: 17%;
   margin:5px;
   margin-bottom: 0px;
   top: 0px;
   bottom: 0px;
   overflow: hidden;
   z-index: 4;
}

#main #logo {
   margin-left: 5px;
}

#header {
}

#navbar {
    position: absolute;
    left: 320px;
    top: 0px;
    margin: 5px;
    right: 10px;
    padding: 2px;
    margin-top: 15px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background: #ddd;
    font-size: 14px;
}

#navbar dt {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: center;
}

#navbar dl, 
#navbar dt, 
#navbar form {
    display: inline;
}


#menu {
   position:absolute; 
   clear:both;
   margin: 5px;
   width: 220px;
   top: 60px;
   bottom: 20px;
   overflow: auto;
}
#menu dl {
   font-size: 28px;
   font-weight: normal;
   list-style: none;
   text-align: left;
   margin-top: 5px;
   margin-bottom: 5px;
}

#menu dl dt
{
   margin-top: 10px;
   margin-bottom: 10px;
}

#menu dt a:link, #menu dt a:hover, #menu dt a:visited {
   font-weight: normal;
}
#content {
   position: absolute;
   background: white;
   clear: both;
   margin: 5px;
   padding: 0;
   padding-right: 5px;
   top: 60px;
   left: 225px;
   right: 5px;
   height: 65%;
   overflow: auto;
}

#content h1 {
   margin-top: 0;
}

/* Gigs listings */

table.giglisting {
   width: 90%;
   font-size: smaller;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
}

table.giglisting tr td
{
   padding-left: 10px;
   padding-right: 5px;
}

table.giglisting tr.gig-summary td
{
   padding-top: 10px;
}

table.giglisting td {
   vertical-align: top;
}

table.giglisting td.month {
   padding-left: 0px;
   padding-bottom: 5px;
   font-size:larger;
   font-weight: bold;
   border-bottom: 1px solid black;
}

table#gig-details td {
	padding: 2px 5px;
}

table.giglisting span.gig-artists {
	display: none;
}

div.gig-desc {
	margin-top: 10px;
}

/* Blog pages */

div.article {
	margin-bottom: 20px;
	border-bottom: 2px ridge white;
}

div.article h1 {
   font-size: 13pt;
   font-weight: bold;
}

div.article-byline {
   padding-top: 5px;
   padding-bottom: 5px;
   background: #ddd;
   border-top: thin solid black;
   font-size: smaller;
}

div.article-body {
   margin-left: 20px;
   margin-right: 20px;
   font-size: 11pt;
}

div.rsslink {
	text-align: right;
	font-size: 11pt;
}

div.rsslink img {
	border: none;
}

div#mailinfo {
   display: none;
}

/* Footer */

div.footer {
   position: absolute;
   font-size: 12px;
   clear: both;
   z-index: 4;
   bottom: 0px;
   padding: 2px;
   background: white;
   width: 100%;
   border-top: 1px solid black;
}

div.footer dl, div.footer dl dt {
   display: inline;
}

.errorMsg {
   color: #d00;
   border-style: solid;
   border-width: 2px;
   text-align: center;
   padding: 5px;
}

.smalltext {
   font-size: 12px;
   font-weight: normal;
}

.footnote {
   color: #d00;
}

ul.options-list {
   display: block;
   border-top: 1px solid black;
   background: #eee;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

ul.options-list li {
   display: inline;
   list-style: none;
   font-size: smaller;
   padding: 5px;
   margin: 0px;
}

ul.options-list li a {
   font-weight: normal;
}
ul.options-list li a:hover {
   font-weight: normal;
   text-decoration: underline;
   color: black;
}
ul.options-list li a:visited {
   font-weight: normal;
   color: black;
}

textarea, input, select, button {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   font-size: smaller;
}

/* Contact page */

#ContactSendForm label {
	margin-bottom: 5px;
}

#ContactSendForm .text input,
#ContactSendForm select,
#ContactSendForm textarea {
	width: 300px;
}


/* Forms */



form .duration-input input {
    width: 2em;
    float: left;
    /* display: inline; */
    vertical-align: top;
}