/* site-wide styles */

* { margin: 0; padding: 0; }

html {
 background: #000 url(../images/shared/bg.jpg) no-repeat center top;
 color: #c6b9aa;
}

body {
 width: 750px;
 margin: 0 auto;
 
 font: 14px Georgia, "Times New Roman", Times, serif;
}

hr { display: none; }

br { clear: both; }

h1 {
 width: 152px;
 height: 0;
 overflow: hidden;
 padding-top: 33px;
 margin: 12px 0 0 68px;
 float: left;
 display: inline; /* stupid, stupid ie */
}

h1 a {
 width: 152px;
 height: 0;
 overflow: hidden;
 padding-top: 33px;
 background: transparent url(../images/shared/title.gif) no-repeat left top;
 margin: 0;
 float: none;
}

a {
 color: #fff;
 text-decoration: none;
}

a:hover { color: #a89e77; }

strong {
 font-weight: 700;
 color: #fff;
}

em {
 font-style: italic;
 color: #ececdc;
}

#navigation {
 list-style-type: none;
 float: right;
 margin: 22px 73px 10px 0;
 display: inline; /* stupid, stupid ie */
}

#navigation li {
 display: inline;
 padding-left: 15px;
}

#navigation a {
 font-size: 16px;
 font-variant: small-caps;
}

#trailer {
 clear: both;
 height: 390px;
 position: relative;
}

#trailer p {
 float: right;
 margin: 330px 30px 0 0;
 color: #fff;
 font-size: 10px;
 text-transform: lowercase;
 background: transparent url(../images/shared/flashicon.gif) no-repeat left top;
 font-style: italic;
 display: inline; /* stupid, stupid ie */
}

#trailerlink {
 display: block;
 font-size: 16px;
 font-variant: small-caps;
 text-transform: none;
 border-bottom: 1px solid #fff;
 padding-bottom: 3px;
 margin: 0 0 4px 30px;
 text-align: right;
 word-spacing: 4px;
 font-style: normal;
}

#content {
 margin: 0 30px;
}

h2 {
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 text-transform: uppercase;
 border-bottom: 1px solid #9b9b9b;
 padding-bottom: 3px;
}

h3 {
 font-size: 16px;
 font-weight: normal;
}

h4 {
 color: #fff;
}

.title, .copy {
 width: 344px;
 margin: 25px 0 35px 0;
}

.title {
 float: left;
 clear: both;
}

.copy {
 float: right;
}

#footer {
 clear: both;
 margin: 0 30px;
}

#footer ul {
 border-top: 1px solid #9b9b9b;
 list-style-type: none;
 padding-bottom: 100px;
}

#footer li {
 display: inline;
 margin-right: 10px;
 font-variant: small-caps;
}

/* home specific styles */

#gsaa {
 margin-top: 30px;
 border: 1px solid #9b9b9b;
 width: 280px;
 padding: 10px 10px 0 10px;
 background: #1f1f1f;
}

#gsaa p {
 margin-bottom: 10px;
}

/* artists specific styles */

#mattbio { background: transparent url(../images/artists/realgirl.jpg) no-repeat -40px 75px; }
#jonbio { background: transparent url(../images/artists/wallgirl.jpg) no-repeat 0 75px; }
dt { color: #fff; }
dd { margin-bottom: 15px; }

/* events specific styles */

#festivals { background: transparent url(../images/events/bartender.jpg) no-repeat -45px 0; }
#festivals p, #press p { margin: 5px 0; }
#festivals .copy div, #press .copy div { margin-bottom: 25px; }

/* stills specific styles */

#still {
 margin: 10px 0;
 float: left;
 width: 585px;
}

#still img {
 border: 1px solid #9b9b9b;
}

#still p {
 margin-top: 10px;
}

#thumbnails {
 width: 92px;
 float: right;
 margin: 10px 0;
}

#thumbnails img {
 display: block;
 border: 1px solid #9b9b9b;
 padding: 2px;
 margin: 0 0 3px 0;
}

#thumbnails a:hover img { border: 1px solid #a89e77; }

/* links specific styles */

#links ul { list-style-type: none; }
#links li { margin-bottom: 3px; }

/* form specific styles */

#contactform { background: transparent url(../images/contact/masklady.jpg) no-repeat left bottom; }
#dvdrequestform { background: transparent url(../images/contact/creep.jpg) no-repeat left bottom; }

.note {
 font-style: italic;
 font-size: 11px;
 margin: 10px 0;
}

form p {
 margin: 0 0 10px 0;
}

label {
 display: block;
 margin-bottom: 3px;
 font-weight: 700;
}

input, select, textarea {
 font: 11px Georgia, Times, "Times New Roman", serif;
 width: 326px;
 background: #000 !important;
 color: #ececdc !important;
 border: 1px solid #9b9b9b;
 margin-left: 10px;
 padding: 2px;
}

.incomplete {
 border: 1px solid #ffa;
}

label.incomplete {
 border: 0;
 color: #ffa;
}

.warning {
 border: 1px dashed #ffa;
 width: 300px;
 padding: 5px;
 text-align: center;
 background: #220;
 color: #fff;
 margin: 20px 0;
}

.warning strong {
 color: #ffa;
}

.error {
 border: 1px dashed #d00;
 padding: 5px;
 background: #200;
 color: #fff;
 text-align: center;
}

.send input {
 width: 100px;
 border: 3px double #9b9b9b;
 font-size: 12px;
 font-weight: 700;
 padding: 1px;
}

.send {
 text-align: right;
}