/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,800italic,400italic);*/

html, body {
	margin:0; padding:0;
}

body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	background:#555 url('../images/background-info.png') top right repeat-y;
	color:#fff;
}

a {
	text-decoration:none;
	color:#eee;
}

a.hover {
	color:#fff;
}

img {
	border:0px;
}

select, input, textarea {
	color:#000;
}

/***
 * Layout
 ***/

#heading {
	position:fixed;
	top:0px; left:0px;
	width:100%; height:135px;
	background:#333;
}

#heading > div.logo {
	height:60px;
}
#heading > div.logo > a {}
#heading > div.logo > a > img {
	position:absolute;
	top:10px;
	left:20px;
	box-shadow: 00px 2px 10px #222;
}

#heading > div.logo > a > h1 {
	margin: 40px 0 0 140px;
	color: #999;
	font-weight:normal;

}

#heading > div.logo > a > h1 span {
	color: #cc9900;
}

#heading > div.menu {
	min-height:35px;
	border: 1px #999 solid;
	border-width: 1px 0;
	background:#777;
	box-shadow: 00px 3px 5px #333;
}

#heading > div.menu > nav {
	margin: 0 0 0 140px;
}

#heading > div.showMenu {}
#heading > div.showMenu > img {}

#heading > div.menu > nav > ul {
	list-style:none;
	margin:0; padding:0;
}

#heading > div.menu > nav > ul.nav {}
#heading > div.menu > nav > ul.menu {}

#heading > div.menu > nav > ul > li {
	float:left;
	/*margin: 0 20px 0 0;*/
	padding: 0 10px;
	height:35px;
	line-height:35px;
	border: 1px #777 solid;
	border-top:0; border-bottom:0;
	cursor:pointer;
}

#heading > div.menu > nav > ul > li.current,
#heading > div.menu > nav > ul > li.active {
	border-color:#999;
	background:#666;
}

#heading > div.menu > nav > ul > li > a {
	line-height:35px;
	font-weight:400;
	color:#fff;
}

#heading > div.menu > nav > ul > li.item-136 {
	position:relative;
	top: -5px;
	background: #cc9900 /*#ff2200*/;
	height:45px;
	line-height:45px;

	box-shadow: 3px 0px 7px #555,
				-3px 0px 7px #555,
				0px 6px 10px #333;
}

#heading > div.menu > nav > ul > li.item-136 a {
	font-weight:bold;
	color: #eee;
}

#heading > div.menu > nav > ul > li.item-148,
#heading > div.menu > nav > ul > li.item-149,
#heading > div.menu > nav > ul > li.item-150,
#heading > div.menu > nav > ul > li.item-151 {
	display:none;
}

#heading > div.menu-user {
	position:absolute;
	top:0px;
	right:0px;
	width:320px;
	min-height:35px;
}

#heading > div.menu-user > ul {
	list-style:none;
	margin:0; padding:0;
}

#heading > div.menu-user > ul > li {
	float:right;
	margin: 0 20px 0 0;
	height:35px;
	line-height:35px;
}

#heading > div.menu-user > ul > li > a {
	line-height:35px;
	color:#fff;
}

#heading > div.menu-user > ul > li.current > a,
#heading > div.menu-user > ul > li.active > a {
	font-weight:400;
}

#content {
	margin: 155px 0 0 20px;
	min-height:300px;
	color:#fff;
}

#content > div.info {
	float:right;
	width:210px;
	padding: 0 0 0 20px;
	height:100%;
}

#content > div.head {}
#content > div.body {
	margin: 0 240px 0 0;
}

#content > div.foot {}
#content > div.foot > div.copyright {
	margin: 20px 0 20px;
	font-size:10pt;
	color:#ccc;

}

#footing {
	min-height:200px;
	background: #333;

}
#footing > div {}
#footing > div.copyright {}

/***
 * Content Formatting
 ***/

#content h1, #content h2, #content h3, #content h4,
#content h1 > a, #content h2 > a, #content h3 > a, #content h4 > a {
	color: #cc9900;
	font-weight:normal;
}

#content h1 { font-size: 32pt; }
#content h2 { font-size: 26pt; }
#content h3 { font-size: 20pt; }
#content h4 { font-size: 14pt; }

#content p {
	font-size:14pt;
	line-height:16pt;
}

#content hr {
	margin: 20px 0 40px;
	border:0;
	border-top:1px #999 solid;
}

#content div > span.chapter {
	display:block;
	float:left;
	width:125px;
	margin:0; padding:0;
}

#content div.review a.person {
	font-weight:600;
}
#content div.review p.quote {
	font-style:italic;
}


/***
 * Modules
 ***/

div.info h3 {
	font-size:16pt !important;
}

div.info > ul.category-module {
	list-style:none;
	padding:0; margin:0;
}
div.info > ul.category-module > li {
	margin:0 0 15px 0;
	padding:0;
}

/***
 * Joomla Classes
 ***/

.pull-left {
	display:block;
	float:left;
	margin: 0 20px 20px 0;
	border: 1px #333 solid;
}

/***
 * System
 ***/



/*
#system-message-container {
	border: 1px #999 solid;
	background: #666;
	padding: 0 20px 10px;
}*/

#system-message div.alert.alert-message a.close {
	display:none;
}

/***
 * Form Elements
 ***/


@media screen and (max-width:900px) {
	#heading > div.logo > a > img {
		height:80px;
	}

	#heading > div.logo > a > h1 {
		margin-left:120px;
	}

	#heading > div.menu > nav {
		margin-left:20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 540px) {

	#heading > div.logo > a > h1 {
		margin-top:18px;
		line-height:32px;
		font-size:18pt;
	}
}

@media screen and (min-width: 320px) and (max-width: 780px) {
	#heading {
		position:absolute;
		margin:0;
		height:100px;

	}

	#heading > div.menu {
		background:transparent;
		border-color:transparent;
		height:1px;
		box-shadow: none;
	}

	div.showMenu {
		display:block;
		position:absolute;
		top:100px; left:0px;
		padding:0px;
		z-index:9992;
		cursor:pointer;
		background:#777;
		border: 1px #999 solid;
		border-width: 1px 1px 1px 0;

		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		box-shadow: 3px 0px 5px #333;
	}

	#heading > div.showMenu.open {
		left:200px;
	}

	#heading > div.showMenu > img {
		width:30px;
	}

	#heading > div.menu > nav {
		position:fixed;
		top:0px; bottom: 0px;
		left:-220px;
		width:200px;
		padding: 0; margin:0;
		overflow:scroll;
		z-index:9990;
		background:#777;
		list-style:none;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		box-shadow: 3px 0px 5px #333;
	}

	#heading > div.menu > nav.open {
		left:0px;

		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	#heading > div.menu > nav > ul {
		list-style:none;
		margin:0; padding:0;
	}

	#heading > div.menu > nav > ul.nav {}
	#heading > div.menu > nav > ul.menu {}

	#heading > div.menu > nav > ul > li {
		float:none;
		display:block;
		/*margin: 0 20px 0 0;*/
		padding: 0 10px;
		height:35px;
		line-height:35px;
		border: 1px #777 solid;
		border-left:0; border-right:0;
	}

	#heading > div.menu > nav > ul > li.current,
	#heading > div.menu > nav > ul > li.active {
		border-color:#999;
		background:#666;
	}

	#heading > div.menu > nav > ul > li.item-136 {
		position:relative;
		top:0;
		background: #ff2200;
		height:35px;
		line-height:35px;
		box-shadow: 0px -6px 7px #555,
					0px 6px 7px #555;
	}


	#heading > div.menu > nav > ul > li.item-148,
	#heading > div.menu > nav > ul > li.item-149,
	#heading > div.menu > nav > ul > li.item-150,
	#heading > div.menu > nav > ul > li.item-151 {
		display:block;
	}

	#heading > div.menu.open {
		left:0px;
	}

	#heading > div.menu-user {
		display:none;
	}

	#content {
		margin-top: 140px;
	}

}
@media screen and (min-width: 781px) {
	#heading > div.showMenu {
		display:none;
	}
}

@media screen and (min-width: 320px) and (max-width:767px) {
	body {
		background:#555;
	}

	#content .info {
		display:none;
	}

	#content > div.body {
		margin-right: 20px;
	}

	.pull-left {
		display:block;
		float:none;
		margin: 0 auto 20px;
		border: 1px #333 solid;
		width:100%;
		min-width:200px;
	}
}