/* tag definitions */
body { background-color: white; margin: 0; padding: 0; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 0.74em; }
p { margin: 0; padding: 0; }
p.small { font-size: 80%; }

a { color: #E3144D; text-decoration: none; }
a:hover { color: white; text-decoration: none; }
h1 { font-size: 100%; font-weight: bold; }
h2 { font-size: 100%; font-weight: bold; }
h3 { font-size: 100%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 100%; font-weight: bold; }

/* wrappers */
#outer-wrapper { background-color: black; clear: none; }
#inner-wrapper { background-color: black; min-height: 600px; background-repeat: no-repeat; background-position: left bottom; }
.outer-wrapper { width: 100%; }
.inner-wrapper { width: 867px; padding: 0; margin: 0 30px 0 60px; }
#navigation-box { width: 867px; height: 164px; background-image: url(img/nav/bg.gif); background-repeat: no-repeat; background-position: 72px 2px; padding: 2px 0 0 0; margin-bottom: 18px; }
#navigation-box div { background-repeat: no-repeat; background-position: left top; }
#navigation-box div a { cursor: pointer; }
#navigation-sub-box { float: right; }
#content-box { width: 691px; margin-left: 176px; padding: 0 0 20px 0; background-repeat: repeat-x; display: table; }
#header-box { margin: 35px 0 0 0; padding-left: 185px; float: left; }
#header-box img { margin-bottom: 35px; }
.edito-box { margin: 37px 0 0 35px; padding-bottom: 35px; color: black; width: 480px; float: left; font-family: "Courier New", Courier, mono; font-size: 95%; }
.edito-box span { color: black; }
.edito-box dl { margin: 0; padding: 0; width: 100%; }
.edito-box dt { margin: 0; padding: 0; float: left; clear: left; }
.edito-box dd { margin: 0; padding: 0 0 0 91px; }

/* sidebar */
.sidebar { width: 160px; float: left; clear: none; padding: 8px 0 0 0; }
.sidebar h1 { padding: 0 10px 10px 10px; margin: 0; }
.sidebar h2 { padding: 0 10px 10px 10px; margin: 0; }
.sidebar h3 { padding: 5px 10px 5px 10px; margin: 0 0 3px 0; background-image: url(img/dotline.gif); background-repeat: repeat-x; background-position: bottom left; }
.sidebar p { margin: 0 10px 10px 10px; }
.sidebar dl { margin: 0 10px 10px 10px; padding: 0; }
.sidebar dt { padding: 0; margin: 0; }
.sidebar dd { margin: 0 0 0 0; padding: 0; }

/* content */
.project-wrap { padding-top: 1px; background-image: url(img/dotline.gif); background-repeat: repeat-x; background-position: top left; }
.content { width: 531px; float: right; clear: none; margin: 0; padding: 8px 0 0 0; }
.content-wrapper-1 { float: left; display: table; width: 100%; background-image: url(img/dotline.gif); background-repeat: repeat-x; background-position: left top; padding: 1px 0 0 0; margin: 0; }
.content-wrapper-2 { float: left; display: table; width: 100%; }
.content h2 { padding: 0 0 10px 0; margin: 0 10px; width: 511px; }
.content p { display: table; padding: 0 0 10px 0; margin: 0 10px; width: 511px; }
.content img.left { float: left; margin: 2px 10px 10px 0; padding: 0; }
.content img.right { float: right; margin: 2px 0 10px 10px; padding: 0; }
.content img.fullsize { float: right; margin: 2px 0 10px 0; padding: 0; }
.content dl { margin: 0 10px 0 10px; padding: 0; }
.content dt { padding: 0; margin: 0; }
.content dd { margin: 0 0 10px 0; padding: 0; }
.content dl.audio dt { float: left; clear: left; padding: 0 5px 0 0; width: 20px; height: 20px; }
.content dl.audio dd { float: left; clear: none; padding: 0 5px 0 0; }

/* gigs */
ul, li { padding: 0; margin: 0; list-type: none; list-style: none; }
li { margin: 8px 8px 0 8px; }
.gig1 { float: left; clear: none; width: 70px; }
.gig2 { float: left; clear: none; width: 160px; }
.gig3 { float: left; clear: none; width: 180px; }
.gig4 { float: left; clear: none; }
li h2 { margin: 0; padding: 0; }
li p { margin: 0; padding: 0 0 8px 0; }

/* gallery */
.gallery-wrapper { width: 218px; height: 10px; float: left; margin: 5px; padding: 5px 0 10px 0; display: table; }
.gallery-wrapper[class] { width: 210px; height: 10px; float: left; margin: 10px 10px 2px 10px; padding: 0; display: table; }
.gallery-wrapper img { float: left; margin: 2px 10px 10px 0; padding: 0; border: 1px solid white; }
.gallery-wrapper h2 { margin: 0; padding: 0; }
/* gallery popup */
#gallery-wait { position: absolute; top: 15px; left: 139px; z-index: 100; }
#gallery-choice { float: left; width: 122px; height: 626px; overflow: auto; background-color: white; }
#gallery-choice div { padding-bottom: 10px; }
#gallery-choice img { margin: 10px 10px 0 10px; cursor: pointer; }
#gallery-main { float: right; clear: none; width: 618px; margin-top: 10px; }
#gallery-img { float: left; clear: none; border: 1px solid white; margin: 0; padding: 0; margin-bottom: 4px; }
#gallery-caption-bottom { font-size: 90%; margin-left: 4px; }
#gallery-caption-right { font-size: 90%; float: right; }
