/*!
 * Documenter 2.0
 * http://rxa.li/documenter
 *
 * Copyright 2013, Xaver Birsak
 * http://revaxarts.com
 *
 */

* {
	outline: none !important;
}

img {
	margin: 10px 0;
}

html, body{max-width:100%;}
body{ padding-bottom: 40px;}

#documenter_content{
	padding-top: 200px;
}
#documenter-cover{
	min-height: 600px;
}

.masthead h1{
	margin-top: 48px;
}

section h3,
section h4,
section h5,
section h6 {
	padding: 0;
	clear: both;
	line-height: 1.2em;
	margin-top: 2em;
}
section h3{ font-size:2em;}
section h4{ font-size:1.5em;}
section h5{ font-size:1.3em;}
section h6{ font-size:1.1em;}

hr.notop{
	margin-top:3px;
}
	
footer{
	padding-bottom:500px;
}
.container{
	padding-bottom:0;
	position: relative;
}
.navbar a.brand{
	display:inline-block;
	width: 30px;
	min-height: 30px;
	background: url('../images/logo_StrictThemes_30_trans.png') center no-repeat;
	margin: 10px 0;
	padding: 0;
}

.page-header{
	border:0;
}
.navbar .nav {
	margin: 9px 10px 0 40px;
	float: none;
}
.navbar .nav li a{
	border-radius:3px;
	display:block;
	white-space:nowrap;
	padding:6px 11px 7px;
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	text-decoration:none;
	margin-left: 3px;
	margin-bottom: 3px;
}
.navbar .nav li ul{
	border-radius:5px;
	display:none;
	position:absolute;
	list-style-type:none;
	min-width:100px;
	padding:3px;
	box-shadow:0 0 3px rgba(0,0,0,0.3);

}
.navbar .nav > li:hover ul{
	display:block;
}

.marketing-byline {
	list-style:none;
	margin-left: 0;
	margin-bottom: 24px;
}
.marketing-byline li{
	display:inline;
	padding:0 2px;
}
.download-info{
	clear:both;
}
section{
	margin-top:300px;
}
img{
	height:auto !important;
}
iframe{
	max-width:100% !important;
}

.clear {
	clear: both !important;
	float: none !important;
	display: block !important;
}

.hero-unit {
	background: #FFF;
}

html, body{background-color:#F2F5F8;color:#56646F;}
h1,h2,h3,h4,h5,h6{color:#56646F;}
section table{background-color:#F2F5F8;}
::-moz-selection{background:#E0735E;color:#FFFFFF;}
::selection{background:#E0735E;color:#FFFFFF;}
a.brand{background-image:url();}
a, a:hover, a:active{color:#E0735E;}
hr{border-top:1px solid #56646F;border-bottom:1px solid #56646F;}
div.navbar-inner, .navbar .nav li ul{background:#3C424F;color:#FFFFFF;}
a.btn-navbar{background:#3C424F;color:#FFFFFF;}
.navbar .nav li a{color:#FFFFFF;text-shadow:1px 1px 0px #3C424F;}
.navbar .nav li a:hover, .navbar .nav li.active a{text-shadow:none;}
div.navbar-inner ul{}
.marketing-byline{color:#56646F;}
.navbar .nav > li a{color:#FFFFFF;}
.navbar .nav > li a:hover, a.btn-navbar:hover{background:#E0735E;color:#FFFFFF;}
.navbar .nav .active > a, .navbar .nav .active > a:hover, a.btn-navbar:active{background-color:#E0735E;color:#FFFFFF;}
.navbar .nav li ul li a:hover{background:#E0735E;color:#FFFFFF;}
.navbar .nav li ul li a:active{background:#E0735E;color:#FFFFFF;}
.btn-primary {
	  background-image: -moz-linear-gradient(top, #E0735E, #E0735E);
	  background-image: -ms-linear-gradient(top, #E0735E, #E0735E);
	  background-image: -webkit-gradient(linear, 0 0, 0 E0735E%, from(#3C424F), to(#E0735E));
	  background-image: -webkit-linear-gradient(top, #E0735E, #E0735E);
	  background-image: -o-linear-gradient(top, #E0735E, #E0735E);
	  background-image: linear-gradient(top, #E0735E, #E0735E);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0735E', endColorstr='#E0735E', GradientType=0);
	  border-color: #E0735E #E0735E #bfbfbf;
	  color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #E0735E;
}
#documenter_copyright{display:block !important;visibility:visible !important;}

@media (max-width: 979px) {
	#documenter_content{
		padding-top: 0px;
	}
	.navbar .nav {
		margin: 10px 10px 0 0;
	}
	.navbar .nav > li > a{
		padding:6px 11px 7px;
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.navbar .nav li ul{
		display:none;
		box-shadow:none;
		position:static;
	}
	.navbar .nav li:hover ul{
		display:block;
	}
	.navbar .nav li ul li{
		display:block;
	}
	.navbar .nav li a{
		max-width:100%;
	}

	section{
		margin-top:80px;
	}
}
@media (max-width: 480px) {
	section{
		margin-top:30px;
	}
}