/*
	(c)2012 - visuallizard.com
	
	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/

.container {
/*
	Set site width only here and use this class to centre the content in browser window.
	Default width is 960px and can be changed in skeleton.css to maintain resposivnes.
	
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
*/
}
.print-header { display: none; }
/* Header */
	#header {
		clear: both;
		position: relative;
		height: 210px;
		margin: 0;
		padding: 0;
		background: #003b59;
	}
		#header h1 {
			display: block;
			position: relative;
			float: right;
			width: 60%;
			font-weight: 700;
			text-align: right;
			background: url("/img/logo-llo.png") no-repeat 70px 94px;
		}
		#header h1 .logo {
			display: block;
			padding: 110px 0 0 0;
			text-decoration: none;
			cursor: pointer;
			color: #fff;
		}
		#header h1 span {
			display: block;
			position: relative;
			font-size: 16px;
			font-weight: 400;
			line-height: 18px;
			text-transform: uppercase;
			color: #0070b0;
		}
		
		#header .container {
			display: block;
			position: relative;
			height: 210px;
			background: url("/img/bg-header.png") no-repeat -30px 0;
			background-size: 400px;
		}
		
		/* Language toggle */
		#header .lang { }


/* 	Navigations */
	#nav {
		display: block;
		position: relative;
		width: 100%;
		margin: 0;
		border-top: 5px solid #003b59;
		border-bottom: 5px solid #003b59;
		clear: both;
		background: #00243d;
	}
		#nav a.mn-toggle { display: none; }
		#nav ul {
			clear: both;
			float: left;
			width: 78%;
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 13px;
		}
			#nav ul li {
				display: block;
				position: relative;
				float: left;
				padding: 0 2% 0 0;
				margin: 0;
			}
/*
			.logged-in #nav ul li#nav_li_item_143,
			.logged-in #nav ul li#nav_li_item_145 { display: none; }
*/
				#nav ul li a {
					display: block;
					position: relative;
					padding: 5px 0;
					margin: 0;
					text-align: left;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 1px;
					color: #e4e4e4;
				}
				#nav ul li a:hover,
				#nav ul li.at a { color: #fff; }
		
		/* member navigation */
		#nav ul.member_nav_1 {
			display: block;
			position: relative;
			clear: none;
			float: right;
			width: 20%;
			padding: 0;
			margin: 0;
		}
			#nav ul.member_nav_1 li {
				display: block;
				position: relative;
				float: left;
				padding: 0 0 0 8%;
				margin: 0;
			}
				#nav ul.member_nav_1 li a {
					text-align: center;
					padding: 2px 10px;
					margin: 3px 0;
					font-weight: 600;
					background: #e4e4e4;
					color: #00243d;
				}
				
				
		/* 	Drop-downs */
		#nav ul.nav_1 > li > ul {
		  position: absolute;
		  top: 100%;
		  left: 0;
		  z-index: 1000;
		  float: left;
		  display: none;
		  width: 200px;
		  padding: 4px 0;
		  margin: 0;
		  list-style: none;
		  background-color: #fff;
		  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		}
		#nav ul.nav_1 > li:hover > ul { display: block; }
			#nav ul.nav_1 > li >  ul li { display: block; width: 100%; }
			#nav ul.nav_1 > li >  ul a {
				text-transform: none;
				clear: both;
				color: #555;
				display: block;
				font-weight: normal;
				line-height: 18px;
				padding: 3px 15px;
				text-shadow: none;
			}
			
			#nav ul.nav_1 li    ul li a:hover,
			#nav ul.nav_1 li.at ul li a:hover,
			#nav ul.nav_1 li.at ul li.at a { color: #000; text-shadow: none; }

.member-nav {
	display:block;
	position:relative;
	overflow: hidden;
	background: rgb(238,238,254);
	padding: 1em;
}

.member-nav .user {
	float: left;
}
.member-nav .subscription {
	float: right;
}

/* 	Columns and Sections	*/
	#main {
		display: block;
		position: relative;
		float: left;
		width: 67%;
		padding: 0;
		margin: 3% 0;
	}
		#main #introduction {
			display: block;
			position: relative;
			float: left;
			box-sizing: border-box;
			width: 100%;
			padding: 2em 2%;
			margin: 0 0 2% 0;
			background: url("/img/bg-introduction.png") repeat-y right top;
		}
		#main .column {
			display: block;
			position: relative;
			width: 45%;
			min-height: 150px;
			padding: 3% 2%;
			margin: 0;
		}
		#main .column.left { float: left; background: #71a5b7; }
		#main .column.right { float: right; background: #bfbfbf; }
	#sidebar {
		display: block;
		position: relative;
		float: right;
		width: 30%;
		min-height: 500px;
		padding: 0 0 0 1%;
		margin: 3% 0;
		border-left: 1px solid #999;
	}
		#sidebar #tip {
			margin: 15px 0;
		}
		#sidebar .ads {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			padding: 15px 0;
			margin: 15px 0;
			border-top: 1px dotted #ccc;
		}
			#sidebar .ads img {
				width: 100%;
				height: auto;
			}

/* Footer	 */
	#footer {
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		min-height: 250px;
		padding: 10px 0;
		margin: 3em 0 0 0;
		border-top: 1px solid #ddd;
		background: #002d4f;
	}
		#footer div.column {
			display: block;
			position: relative;
			float: left;
			width: 44%;
			padding: 0;
			margin: 0;
		}
		#footer div.column:nth-of-type(2n) { float: right; width: 54%; }


/* Content layout (appearence) */
.content-display {  }
	.content-display:after { clear: both; }
	.content-display .content-block { width: 45%; float: left; margin: 0 2.5% 0 0; }
	/* 	single */
	.content-display.type-0 {  }
	/* 	double */
	.content-display.type-1 .content-block {  }
	/* double, wide-top */
	.content-display.type-2 .content-block:nth-child(3n+1) { width: 100%; clear: both; float: none; margin: 0; }
	/* double, wide-bottom */
	.content-display.type-3 .content-block:nth-child(3n+3) { width: 100%; clear: both; float: none; margin: 0; }
	/* triple */
	.content-display.type-4 .content-block { width: 30%; margin-right: 3%; float: left; }

/* Hide content that requires JavaScript unless JavaScript is running. */
body .requires-js { display: none !important; }

body.js .no-js { display:none !important; }

/* Hide print only content */
.print-only { display: none !important; }