/* blueprint overrides */
body { margin: 0; background: #101010 url(../img/background.png); }
body, p, h1, h2, h3, h4, h5, h6 { color: #e0e0e0; }
.box { background: transparent !important; }

a, a:link, a:visited { color: white; }
a:hover { color: #1a9507; text-decoration: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

.fullwidth { width: 100%; }
.player, .details { height: 280px; /* plus video control bar height; correct height-border adjustment below */ margin-bottom: 10px; }
.thing { background: transparent url(../img/plate-metal.png) no-repeat; margin-bottom: 48px; }
.span-9 .thing { background: transparent url(../img/plate-metal-narrow.png) no-repeat; }
.thing .box { padding: 10px 90px 12px 15px; height: 140px; /* 162px height */ }
.thing p.quote { padding: 10px 20px; font-style: italic; font-size: 1.2em; color: white; }
.thing strong { color: white; font-size: 1.2em; line-height: 1.2em;}
.thing p { font-size: 1.2em; margin:0; }
.thing p { color: black; }
.thing h2, .thing h3, .thing p { margin:0; padding:0; line-height: 1em; }
.access-bar { margin-bottom: 48px; }
.player { background: transparent url(../img/plate-hollow.png) no-repeat; }
.player .box { padding: 16px 15px; margin: 0; text-align: center; height: 250px; }
.player img { margin: 0; }

.details { background: transparent url(../img/plate-carbon.png) no-repeat; }
.details .box { padding: 10px 15px; margin:0; height: 250px; }
.details .date { float: right; line-height: 2em; font-size: 1.6em; }
.details h2, .details p { margin-bottom: 0.4em; }
.details p { height: 84px; overflow: hidden; }
.details .metadata { height: 22px; }
.metadata .tags { float: right; height: auto; }
.metadata { font-size: 1.2em; }

.rate-box strong { float: left; } /* ratings wrapper, strong is label */

.thumbnail-strip { border: 4px solid #2e2e2e; background-color: #101010; margin-top: 1em; padding: 5px; }
.thumbnail-strip ul { margin:0; padding:0; list-style-type: none; width: 100%; height: 70px; overflow: hidden; text-align: center; }
.thumbnail-strip li { margin:0; padding:0; display: inline; }
.thumbnail-strip li a img { margin:0; padding:0; height: 68px; width: 92px; border: 1px solid white; }
.thumbnail-strip li a:hover img { border: 1px solid #1a9507; }

.access-bar { background: transparent url(../img/plate-carbon-wide.png) no-repeat; font-size: 1.2em;}
.access-bar .box { padding: 12px 16px; margin: 0; height: 68px; }

.punch { background: transparent url(../img/punch.gif) no-repeat scroll 0px -3px; padding-left: 15px; height: 68px; }
.instaccess { display: block; float: right; text-indent: -999em; width: 403px; height: 67px; background: transparent url(../img/instant-access.png) no-repeat; }
.moreupdates { display: block; float: left; text-indent: -999em; width: 403px; height: 67px; background: transparent url(../img/more-updates.png) no-repeat; }
.debug { background-color: orange; }

/* header */
#header { margin-bottom: 20px; padding-top: 10px; height: 110px; background: transparent url(../img/header-background.gif); border-bottom: 1px solid black; }
#header h1 { margin:0; margin-left: -10px; padding:0; text-indent: -999em; }
#header h1 a { display: block; width: 352px; height: 84px; background: transparent url(../img/bdsmbang.png) no-repeat; }

#header ul.nav { list-style: none; margin:0; padding: 0; clear: both; float: right; margin-top: -13px; }
#header .nav li { display: block; clear: none; float: left; padding: 4px; }

#header .nav .members a { display: block; width: 111px; margin: 0; height: 33px; background: url(../img/menu-members.png) no-repeat; text-indent: -999em;}
#header .nav .signup a { display: block; width: 101px; margin: 0; height: 33px; background: url(../img/menu-signup.png) no-repeat; text-indent: -999em; }

/* footer */
#footer { margin-top: 20px; padding-top: 10px; min-height: 300px; background: transparent url(../img/backdrop-pattern.gif); border-top: 1px solid black; }
#footer .container { text-align: center; }
#footer .nav ul { list-style: none; }
#footer .nav li { display: inline; padding: 4px; }

p.quote {
  width: 400px;
  background: url(../img/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}
p.quote:first-letter {
  background: url(../img/open-quote.gif) no-repeat left top;
  padding-top: 10px;
  padding-left: 30px;
}

/* nats overrides */
.join_table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; width: 400px; border: thin solid #FFFFFF; padding: 5px; margin: 0px; }
.join_name { font-weight: bold; text-align: right; border: none; }
.join_value { text-align: left; border: none; }
.join_error { color: #EE0000; }
.join_header { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_footer { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_input { }
.join_select { }
.join_button { }


/* specific ie6 hacks: replacing pngs with transparent gifs */
* html .thing { background-image: url(../img/plate-metal.gif); }
* html .span-9 .thing { background-image: url(../img/plate-metal-narrow.gif); }
* html .player { background-image: url(../img/plate-hollow.gif); }
* html .details { background-image: url(../img/plate-carbon.gif); }
* html .access-bar { background-image: url(../img/plate-carbon-wide.gif); }
* html .instaccess { background-image: url(../img/instant-access.gif); }
* html .moreupdates { background-image: url(../img/more-updates.gif); }
* html #header h1 a { background-image: url(../img/bdsmbang.gif); }
* html #header .nav .members a { background-image: url(../img/menu-members.gif); }
* html #header .nav .signup a { background-image: url(../img/menu-signup.gif); }