/* =Elements & Modules
----------------------------------------------- */
html {
    min-height: 100%;
    overflow-y: scroll;
}
body#page {
	font-family: Arial,sans-serif;
	background-color: #313337;
}

p{font-family: Arial,sans-serif;}
a {
  color: #DD322D;
  text-decoration: none;
}
a:hover {
  color: #790101;
  text-decoration: none;
}
h1{
	color: #45484C;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 20px;
}

/* article {padding: 10px;} */

#block-main{
	background: url("../images/texture/main.png") repeat scroll 0 0 transparent;
}
#block-bg {
    background: url("../images/thermi_bg.png") no-repeat scroll 100% 0 transparent;
}
#content{margin-bottom: 40px;}
#content, .style-box { 
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12); 
	background: url("../images/content.png") repeat scroll 0 0 transparent;
}

#content-main{padding: 25px;}

.text-right{text-align: right;}
.text-left{text-align: left;}

.item-page h2 {
	border-bottom: 1px solid #ccc;
    margin: 0 0 18px 0;
    padding-bottom: 5px;
}

#mod-login{float: right; padding-top: 30px;display: block;}
#system {padding: 20px;}
#system p{margin: 15px 0 0;}

#sidebar .module{padding: 20px;}
.module-title{ border-bottom: 1px dashed #ccc; margin: 0 0 20px 0; padding-bottom: 5px;}


/* =Header
----------------------------------------------- */

#branding {
	margin:0;
	padding: 0;	
	position: relative;
	z-index: 9999;
	overflow: visible;
}

h1#site-title, div#site-title {
    margin: 10px 0;
    padding: 0;
}


#branding .fill {
	background-color: #790101;
	color: #fff;
	-webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
	   -moz-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
			box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
}

/* =MainMenu
----------------------------------------------- */
#mainmenu .navbar {
	margin: 20px 0;
}
#mainmenu .navbar-inner {
	padding: 8px 10px 4px;
	background: url(../images/mod_box.png) 0 0 repeat;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
	filter: none;
}
#mainmenu .navbar .brand {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #790101;
	font-weight: 700;
	font-size: 22px;
}
#mainmenu .navbar .brand p{
	font-family: 'Open Sans Condensed', sans-serif;
	color: #790101;
	font-weight: 700;
	font-size: 22px;
	display:inline;
}
#mainmenu  .navbar .nav > li > a {
	color: #790101;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	font-size: 13px;
	font-weight: bold;
	padding: 7px 10px 9px;
}
#mainmenu  .navbar .nav .active > a, .navbar .nav .active > a:hover {
	background-color: #790101;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#mainmenu  .navbar .nav > li > a:hover {
	background-color: #790101;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* =HeaderMenu
----------------------------------------------- */

	.appsmenu-wrapper .navbar{margin-bottom: 0;}
	
	#appsmenu {
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	}
	
	#appsmenu .nav {
	background-color: #dd322d;
	}

	
	#appsmenu .nav > li > a {
		padding: 10px 12px 11px;
		color: #fff;
		text-shadow: none;	
	}
	
	#appsmenu .divider-vertical {
		height: 40px;
		width: 1px;
		margin: 0;
		overflow: hidden;
		background-color: #ddd;
		border-right: 1px solid #eee;
	}

	#appsmenu .nav .active > a, .navbar .nav .active > a:hover {
		color: #ffffff;
		background-color: #313337;
		border-radius: none;
	}
	
	#appsmenu .nav > li > a:hover {
		background-color: #313337;
		border-radius: 0px;
	}

	#appsmenu .nav > li {
		border-right: 1px solid #EEEEEE;
	}
	#appsmenu .nav > li:last-child {
		border-right: medium none;
	}
	#appsmenu .nav > li > a {
		color: #FFFFFF;
		padding: 10px 12px 11px;
	}
	#appsmenu .nav > li > a:hover {
		background-color: #313337;
		border-radius: 0 0 0 0;
	}
	#appsmenu .nav .active > a, .navbar .nav .active > a:hover {
		background-color: #313337;
		color: #FFFFFF;
	}

/* =Footer
----------------------------------------------- */
#beta {
	background-color: #dd322d;
	color: #fff;
	padding: 10px 0 0;
	text-align: center;
}

#credits {
	background-color: #313337;
	color: #999;
	padding: 10px 0 0;
	text-align: center;
}

#credits a, #credits a:visited { color: #ccc; }
#credits a:hover { color: #fff; }

/* =Bootstrap override
----------------------------------------------- */
.btn-group { font-size: 13px; }



/* =Media Queries
----------------------------------------------- */
@media (max-width: 768px){
	h1#site-title, div#site-title {
		text-align: center;
	}
	#mod-login {
		float: none;
		padding: 8px 0;
		text-align: center;
	}
	
	.navbar .nav > li {
		display: inline-block;
		float: none;	
		width: 100%;
	}
	

	.navbar .nav.pull-right {float: none; width: 100%;}		
}

@media(max-width: 480px) {


	.navbar .nav > li {
		display: inline-block;
		float: none;	
	}
	
	.navbar .nav.pull-right {float: none; width: 100%;}	
	
}