/* GLOBAL */

html { }
body { font-family: Arial, Helvetica, sans-serif; background-color: rgb(20,20,20); }

p { font-size: 12px; line-height: 120%; }
a { color: white; font-weight: bold; text-decoration: none; border-bottom: white solid 1px; }
a:hover { text-decoration: none; border-bottom: solid 1px; }

h1 { font-size: 24px; font-weight: bold;line-height: 120%; font-family: "Times New Roman", times, serif; margin: 10px; text-transform: uppercase; }
h2 { font-size: 18px; line-height: 120%; margin: 20px; font-weight: bold; }
h3 { font-size: 14px; line-height: 120%; margin: 20px; }

strong { font-weight: bold; }

.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.clearboth  { clear: both; visibility: hidden; }
.clearleft { clear: left; }
.clearright { clear: right; }

.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.floatright { float: right; margin-bottom: 10px; margin-left: 10px; }

.indent { padding-left: 2em; }

.splash { float: left; border-right: 1px solid silver; }
.uppercase { text-transform: uppercase; }

/* STRUCTURE */

#wrapper { width: 790px; background-color: white; margin: 10px auto; border-top: 1px solid silver; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid silver; }

#header { background-color: rgb(200,140,0); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#header img { width: 360px; margin: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#content { }
#contentleft { margin: 20px; width: 400px; }
#contentleft a { color: rgb(58,125,218); text-decoration: none; }
#contentannc { background: url(art/hobbsbldg.jpg) bottom left no-repeat; padding-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 20px; height: 460px; }
#contentannc p { margin: 0 20px 10px 20px; }
#contentannc h1 { padding-top: 20px; margin: 20px; }
#contentannc h3 { }

a#contactus { display: block; text-align: center; padding: .7em; text-decoration: none; text-transform: uppercase; font-size: 10px; border: 1px solid rgb(58,125,218); margin: 30px 20px 20px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: rgb(58,125,218); }
a#contactus:hover { background-color: white; }

a.addthis_button { margin: 30px auto 20px auto; display: block; text-align: center; text-decoration: none; border-bottom: 0; }

#contact { margin: 20px 20px 20px 20px; padding: 5px; width: 250px; }
#contact h1 { color: white; margin-left: 0; font-weight: normal; }
#contact dt { color: white; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 1em; padding-top: 1em; }
#contact dd { color: white; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 1em; }
#contact p { color: white; font-size: 12px; }

#contentright { float: right; background: rgb(115,45,65); margin: 20px 20px 20px 0; padding-bottom: 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 330px; height: 100%; }
#contentright h1 {color: white; text-align: right; text-transform: uppercase; margin: 20px 20px 20px 20px; }

.artistlist { list-style-type: none; color: white; text-align: right; margin: 0 20px 20px 20px; font-size: 13px; }
.artistlist li { font-weight: bold; text-transform: uppercase; line-height: 150%; margin-bottom: .1em; }

#contentmap { padding-bottom: 20px; background: rgb(200,140,0); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#contentmap img { margin: 0 20px 20px 20px; }
#contentmap h3 { color: white; padding-top: 20px; }
#googlemap { margin: 20px 20px 5px 20px; }
a#googlelink { color: white; margin: 5px 20px 20px 20px; font-size: 10px; text-transform: uppercase; text-decoration: none; }

#footer { color: gray; padding-top: 10px; padding-left: 20px; margin-bottom: 20px;}
#footer a { color: white;}
#footer p { color: white; font-size: 9px; line-height: 1.4em; text-align: center;}
#navbar { }