/*

Original Theme Copyright
========================

Theme Name: dark_army
Description: A dark military-style layout.
Version: 1.0
Author: sparkBB
Author URI: http://www.sparkbb.com/
Tags: fixed width, left sidebar, two columns, valid XHTML, widgets


Note
====

Scott has recoded this theme, but the design is pretty much the same and all
copyrights belong to the original author(s)!

*/

/* Set some defaults */

a
{
	color:rgb(232,232,232);
}

a:hover, a:active
{
	color:rgb(255,255,255);
}

/* Main Structure */

body
{
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#6E6E6E;
	background-image:url("background.jpg");
	background-repeat:repeat;
	background-position:center top;
	background-color:rgb(0,0,0);
	color:rgb(232,232,232);
	padding:1rem;
}

body > .su-dark-army-theme > .main-menu-x
{
	display:none;
}

body > .su-dark-army-theme 
{
	margin:0 auto;
	width:100%;
	max-width:960px;
}

body > .su-dark-army-theme > .mobile-menu
{
	background-color:rgb(38,38,38);
	border-top-left-radius:0.25em;
	border-top-right-radius:0.25em;
	padding:1rem;
}

body > .su-dark-army-theme > .mobile-menu.off
{
	display:none;
}

body > .su-dark-army-theme > .mobile-menu > .toggle-btn
{
	text-align:center;
}

body > .su-dark-army-theme > .mobile-menu > .togglable
{
	margin-top:1rem;
}

body > .su-dark-army-theme > .mobile-menu > .togglable.off
{
	display:none;
}

body > .su-dark-army-theme > .mobile-menu > .togglable ul
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0;
	padding:0;
}

body > .su-dark-army-theme > .mobile-menu > .togglable ul > li
{
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:0.25rem;
	margin-top:0.25rem;
}

body > .su-dark-army-theme > .mobile-menu > .togglable > .close-btn
{
	margin-top:1rem;
	text-align:center;
}

body > .su-dark-army-theme > .desktop-menu
{
	background-color:rgb(38,38,38);
	border-top-left-radius:0.25em;
	border-top-right-radius:0.25em;
	padding:0.5rem 0;
}

body > .su-dark-army-theme > .desktop-menu.off
{
	display:none;
}

body > .su-dark-army-theme > .desktop-menu ul
{
	display:block;
	margin:0;
	padding:0;
	background:red;
}

body > .su-dark-army-theme > .desktop-menu ul > li
{
	display:inline-block;
	padding:0;
	margin:0.5rem 1rem;
}

body > .su-dark-army-theme > .header 
{
	background-image:url("header-top.png"), url("header-bottom.png"), url("header-middle.png");
	background-repeat:repeat-x, repeat-x, repeat;
	background-position:center top, center bottom, center top;
	padding:1rem;
}

body > .su-dark-army-theme > .header > .site-title > header
{
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:0.3rem;
}

body > .su-dark-army-theme > .header > .site-slogan
{
	font-size:1.2rem;
	font-weight:bold;
	color:rgb(200,200,200);
	margin-bottom:0.3rem;
}

body > .su-dark-army-theme > .main
{
	background-color:rgb(38,38,38);
	padding:1rem;	
}

body > .su-dark-army-theme > .main > div
{
	display:flex;
	background-image:url("main-panel-background.png");
	padding:1rem;
	border:solid 1px rgb(120,120,120);
	border-radius:1em;	
}

body > .su-dark-army-theme > .main > div > .left-col 
{
	flex:1;
	min-width:0;
}

body > .su-dark-army-theme > .main > div > .spacer-col 
{
	width:1rem;
	overflow:hidden;
}

body > .su-dark-army-theme > .main > div > .spacer-col.off
{
	display:none;
}

body > .su-dark-army-theme > .main > div > .right-col
{
	width:250px;
}

body > .su-dark-army-theme > .main > div > .right-col.off
{
	display:none;
}

body > .su-dark-army-theme > .main > div > .left-col > .breadcrumb
{
	margin-bottom:1rem;
}

body > .su-dark-army-theme > .footer
{
	margin-top:1rem;
	text-align:center;
	color:#8BAAA0;
}

body > .su-dark-army-theme > .footer > .theme-switcher
{
	margin-bottom:1rem;
}