/*
	(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: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#shortcut-message { display: none; }

/* Header */
	.marge #header { margin-top: 0; }
	#header {
		clear: both;
		position: relative;
		min-height: 205px;
		margin: 40px 0 0 0;
		padding: 0;
	}
		#header h1 { margin: 0; display: block; float: left; }
		#header h1 .logo {
			display: block;
			width: 200px;
			min-height: 205px;
			padding: 10px 0 0 0;
			text-decoration: none;
			cursor: pointer;
		}
		header a:hover,
		header a:focus {
			color: #aaa;
		}
			#header h1 .logo img {
				width: 200px;
				height: 195px;
			}
		
		
		/* Language toggle */
		header .lang { }
	#mn_open { display: none; }
		
		
		
/* Login form */
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}
	
	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 20px 0 0;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin: 0 0 .5em 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}


/* 	Columns and Sections	*/
	#sidebar {
		display: block;
		position: relative;
		float: left;
		width: 200px;
		padding: 10px 0;
		margin: 0;
	}
	#main {
		display: block;
		position: relative;
		float: right;
		width: 790px;
		padding: 10px 0;
		margin: 0 0 15px 0;
	}
		#main #features {
			display: block;
			position: relative;
			float: left;
			width: 790px;
			height: 125px;
			padding: 0;
			margin: 0 10px 10px 0;
			background: none;
			overflow: hidden;
		}
		#main #home-news {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 790px;
			padding: 0px;
			margin: 0 10px 10px 0;
			overflow: hidden;
		}

/* Footer	 */
	footer {
		clear: both;
		position: relative;
		min-height: 250px;
		padding: 10px 0;
		margin: 0;
		background: #d2dee6;
		color: #6990ae;
		color: #000;
	}
		footer #foot-left {
			display: block;
			position: relative;
			float: left;
			width: 200px;
			padding: 0;
			margin: 0;
		}
		footer #foot-centre {
			display: block;
			position: relative;
			float: left;
			width: 600px;
			padding: 0;
			margin: 0;
		}
		footer #foot-right {
			display: block;
			position: relative;
			float: right;
			width: 200px;
			padding: 0;
			margin: 0;
		}
		footer .copyright {
			
		}
		footer #contact-info {
			display: block;
			position: relative;
			width: 580px;
			padding: 0;
			margin: 5px auto;
			text-align: center;
		}



/* 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.no-js .requires-js, body.js .hidden-js { display: none !important; }

/* Font sizes */
body.font-plus { font-size:18px; line-height:24px; }
body.font-normal { font-size:14px; line-height:20px; }
body.font-minus { font-size:10px; line-height:16px; }