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

@import url("shared.css");

/* @end */










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

body,
body #body-wrapper { background-color: #3b0000; }

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

#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: #660000; }
a:hover { color: #bb4949; }

/* @end */

/* @end */










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



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

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

/* @end */

/* @end */










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



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

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

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

/* @end */



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

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

/* @end */



/* @group Minimal Layout
------------------------------------------------------------ */

body.minimal #topbar { border-top: 1px solid #730000; }

/* @end */

/* @end */










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



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

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

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


/* Navigation */

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


/* Dropdown Menu */

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

#header ul.nav li ul li a {
  background-color: #660000;
  border-color: #a82323;
}

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

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

/* @end */



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

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

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

/* @end */



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

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

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

#footer a { color: #ba9e9e; }

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

#footer .button       { background: #590000; }
#footer .button:hover { background: #730000; }

/* @end */



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

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

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

/* @end */

/* @end */