html, body { height: 100%; }

#root { min-height: 100%; margin-bottom: -75px; }
#root #root_footer { height: 75px; }

#footer { clear: both; position: relative; height: 75px; }

img.center { display: block; margin-left: auto; margin-right: auto; }

img.left { float: left; margin-right: 15px; }

img.right { float: right; margin-left: 15px; }

ul.url { list-style-image: url('/img/url.png'); margin: 20px; }

.artists { float: left; display: inline; position: relative; width: 600px; }
.artists .artistlinks { float: left; display: inline; position: relative; width: 200px; }
.artists .artistlinks ul.linkbox { list-style: none; background: #ebebeb; padding: 15px; margin: 0px; }
.artists .artistlinks ul.linkbox li { margin: 0px; margin-bottom: 10px; }
.artists .artistlinks ul.linkbox li a { text-decoration: none; }
.artists .artistlinks ul.linkbox li a:hover { text-decoration: underline; }
.artists .artistbios { float: left; display: inline; position: relative; width: 380px; margin: 0px; margin-left: 20px; }
.artists .artistbios .artist { margin-bottom: 50px; }
.artists .artistbios .artist p { margin: 0; }
.artists .artistbios .artist p.artistname { text-transform: uppercase; font-weight: bold; margin: 0px; font-size: 14px; }
.artists .artistbios .artist p.artistloc { font-weight: bold; margin: 0px; margin-bottom: 10px; }
.artists .artistbios .artist p.artistwork { font-weight: bold; margin: 0px; margin-top: 10px; }

body { background: #ebebeb; color: #333; }

dl.faq { margin-bottom: 50px; }
dl.faq dt { font-size: 18px; margin-bottom: 5px; }
dl.faq dd { margin-left: 50px; margin-bottom: 20px; }

a, a:visited { color: #333; outline: none; }

.panel-wrapper .title { display: none; }
.panel-wrapper h2 { color: #669c41; font-size: 18px; font-weight: 200; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.panel-wrapper h2 span.equals { color: #999; text-transform: lowercase; }
.panel-wrapper p { color: #555; }
.panel-wrapper p.lead { font-style: italic; font-size: 16px; font-weight: 100; color: #111; letter-spacing: 1px; margin-bottom: 30px; }

.event p { margin: 0px; }
.event p.name { font-size: 13px; text-transform: uppercase; }
.event .labels { float: left; width: 50px; }
.event .labels p { color: #999; }

#splash { margin: 15px auto; width: 960px; height: 220px; }
#splash #logo { width: 348px; height: 220px; background-image: url('/img/headerlogo.png'); float: left; }
#splash #slideshow { z-index: -1; float: left; }
#splash #slideshownav { position: relative; margin-left: -120px; margin-top: 190px; float: left; }
#splash #slideshownav a { margin: 0px 3px; padding: 0px 4px; border: 1px solid #ccc; text-decoration: none; color: white; font-size: 11px; }
#splash #slideshownav a:hover { background: #ebebeb; color: #333; }
#splash #slideshownav a.activeSlide { background: #ebebeb; color: #333; }

#shadow { background-image: url('/img/shadow.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 25px; width: 960px; padding: 0px; margin: 0px auto; clear: both; }

#shadow1 { background-image: url('/img/box1shadow.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 25px; width: 960px; padding: 0px; margin: 0px auto; clear: both; }

#shadow2 { background-image: url('/img/box2shadow.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 25px; width: 960px; padding: 0px; margin: 0px auto; clear: both; }

#shadow3 { background-image: url('/img/box3shadow.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 25px; width: 960px; padding: 0px; margin: 0px auto; clear: both; }

#shadow4 { background-image: url('/img/box4shadow.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 25px; width: 960px; padding: 0px; margin: 0px auto; clear: both; }

ul.gallery { list-style: none; }
ul.gallery li { list-style: none; display: block; float: left; width: 70px; height: 70px; overflow: hidden; margin: 0 15px 15px 0; border: 1px solid #BDC7D8; }

.subbar { width: 300px; float: left; position: relative; display: inline; margin-right: 10px; }

.subbarsmall { width: 200px; float: left; position: relative; display: inline; margin-right: 10px; }

p.big { font-size: 14px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; }

ul.pad { margin-bottom: 20px; }

#sidebar { margin-top: 44px; margin-left: 15px; }
#sidebar p.title { font-size: 14px; margin-top: 20px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; }
#sidebar input#search { width: 100px; border: 1px solid #BDC7D8; background: white url('/img/glass.png') no-repeat scroll 3px 5px; font-size: 12px; padding: 4px 20px; }
#sidebar ul { list-style: none; }
#sidebar ul li { margin-left: 10px; margin-bottom: 10px; line-height: 1.4em; }

ul#navigation { width: 960px; margin: 0px auto; list-style: none; }
ul#navigation li { color: #eee; width: 240px; height: 80px; float: left; display: inline; position: relative; margin: 0; padding: 0; cursor: pointer; }
ul#navigation li a { margin-left: 100px; color: #eee; text-decoration: none; font-size: 22px; letter-spacing: 1px; }
ul#navigation li p { margin-left: 100px; line-height: 1.3em; }
ul#navigation li#learn { background-image: url('/img/box1.png'); }
ul#navigation li#visit { background-image: url('/img/box2.png'); }
ul#navigation li#create { background-image: url('/img/box3.png'); }
ul#navigation li#support { background-image: url('/img/box4.png'); }

#footer { color: #b1a79c; background: #2d2516; }
#footer p { margin: 0px; line-height: 15px; font-size: 11px; }
#footer p.title { font-weight: bold; letter-spacing: 1px; margin-top: 10px; }
#footer #footerimg { background-image: url('/img/footer_logo.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 70px; padding: 0px; }
#footer #footerimg p { margin-top: 50px; margin-left: 30px; }

#maincontent { width: 720px; margin: 0; }