/* @group Imports
============================================================ */

@import url("shared.css");

/* @end */










/* @group Generic
============================================================ */

body,
body #body-wrapper { background-color: black; }

#header ul.nav li a,
#footer, #footer .button { color: #bbb; }

#header ul.nav li a:hover,
#header ul.nav li a.active,
#header ul.nav li ul li a,
#topbar,
#footer a:hover,
#footer h2, #footer h3, #footer h4, #footer h5,
#footerbar a:hover {
  color: white;
}

/* @end */










/* @group Content Elements
============================================================ */



/* @group Links
------------------------------------------------------------ */

a       { color: black; }
a:hover { color: #666; }

/* @end */

/* @end */










/* @group Custom Elements
============================================================ */



/* @group Preview Showcase
------------------------------------------------------------ */

#preview #showcase .rounded-corners-top {
  background-image: url(../../images/layout/default/black/preview_round-corners_top.png);
}

/* @end */

/* @end */










/* @group Layout Options
============================================================ */



/* @group Boxed
------------------------------------------------------------ */

body.boxed { background-color: #444 !important; }

body.boxed #body-wrapper { 
  box-shadow: 0 0 35px black;
  -moz-box-shadow: 0 0 35px black;
  -webkit-box-shadow: 0 0 35px black;
  *border: 1px solid #666; /* IE fix */
}

/* @end */



/* @group Preview
------------------------------------------------------------ */

body.preview #main { 
  background-image: url(../../images/layout/default/black/head.png); 
}

/* @end */

/* @end */










/* @group Layout Structure
============================================================ */



/* @group Header
------------------------------------------------------------ */

#header {
  background: url(../../images/layout/default/black/head.png) repeat-x;
}

#header #logo h1 a {
  background-image: url(../../images/layout/default/black/logo.png);
}


/* Navigation */

#header ul.nav li {
  background-image: url(../../images/layout/default/black/nav_bg.png);
}


/* Dropdown Menu */

#header ul.nav li ul {
  background-image: url(../../images/layout/default/black/nav_dropdown_arrow.gif);
}

#header ul.nav li ul li a {
  background-color: #333;
  border-color: #777;
}

#header ul.nav li ul li a:hover {
  background-color: #3b3b3b;
}

#header ul.nav li ul li:last-child a,
#header ul.nav li ul li ul li:last-child a {
  border-bottom-color: #5E5E5E;
}

/* @end */



/* @group Topbar
------------------------------------------------------------ */

#topbar {
  background: #474747 url(../../images/layout/default/black/topbar_bg.png) repeat-x;
}

#topbar strong { text-shadow: 1px 1px 1px black; }

/* @end */



/* @group Footer
------------------------------------------------------------ */

#footer {
	background-image: url(../../images/layout/default/black/footer_bg.png);
}

#footer .hr,
#footer .box h4,
#footer .nav ul li a {
  background-image: url(../../images/layout/default/black/footer_line.gif);
}

#footer a { color: #808080; }

#footer .nav ul li {
  background-image: url(../../images/layout/default/black/footer_list-arrow.gif);
}

#footer .button       { background: #333; }
#footer .button:hover { background: #444; }

/* @end */



/* @group Footerbar
------------------------------------------------------------ */

#footerbar,
#footerbar a { color: #999; }

#footerbar,
body.footerbar-inline #footerbar .wrapper {
  background-image: url(../../images/layout/default/black/footer_line.gif);
}

/* @end */

/* @end */