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

@import url("shared.css");

/* @end */










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

body,
body #body-wrapper { background-color: #2e353d; }

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

#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: #2e353d; }
a:hover { color: #606a75; }

/* @end */

/* @end */










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



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

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

/* @end */

/* @end */










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



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

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

body.boxed #body-wrapper { 
  box-shadow: 0 0 35px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .7);
  *border: 1px solid #2e353d; /* IE fix */
}

/* @end */



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

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

/* @end */



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

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

/* @end */

/* @end */










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



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

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

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


/* Navigation */

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


/* Dropdown Menu */

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

#header ul.nav li ul li a {
  background-color: #2e353d;
  border-color: #6c7580;
}

#header ul.nav li ul li a:hover {
  background: #414b57;
}

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

/* @end */



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

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

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

/* @end */



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

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

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

#footer a { color: #b6babf; }

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

#footer .button       { background: #4b535c; }
#footer .button:hover { background: #606a75; }

/* @end */



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

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

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

/* @end */

/* @end */