/*
	(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.
*/
body {
	padding: 0;
}


.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;
*/
}

/* Header */
	#header {
		clear: both;
		position: relative;
		margin: 0;
		padding: 0;
	}
		#header .container {
			display: block;
			position: relative;
			width: 960px;
			padding: 0;
			background: none;
		}
			#header .container #header-bk {
				display: block;
				position: relative;
				z-index: 10;
				width: 920px;
				height: 80px;
				padding: 20px 20px 0 20px;
				background: url("../../img/header-bk.png") no-repeat center bottom;
			}
			
		}
		#header h1 { margin: 0; display: block; float: left; }
		#header h1 .logo {
			display: block;
			background: url("../../img/logo.png") no-repeat 0 0;
		 	text-indent: -99999em; 
			text-decoration: none;
			cursor: pointer;
			width: 324px;
			margin-bottom: 20px;
		}
		header a:hover,
		header a:focus {
			color: #aaa;
		}
		
		
		/* Language toggle */
		header .lang { }


/* 	Navigations */
	nav {
		display: block;
		position: relative;
		z-index: 5;
		width: 960px;
		float: left;
		padding: 15px 0 0 0;
		margin: -15px 0 0 0;
		clear: both;
		background: #4b849a url("../../img/nav-bk.png") repeat-y 0 0;
	}
		nav ul {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 920px;
			margin: 0 20px;
			padding: 0;
			list-style: none;
		}
			nav ul li {
				display: block;
				position: relative;
				float: left;
				padding: 0;
				margin: 0;
			}
				nav ul li a {
					display: block;
					position: relative;
					padding: 7px 13px;
					color: #fff;
					text-transform: uppercase;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
					text-align: center;
				}
				nav ul li a:hover,
				nav ul li.at a {
					color: #ccc;
				}
				
				/* Main Nav specific */
				nav ul.nav_1 {
					
				}
				
		/* 	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: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-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;
				float: none;
				width: 100%;
			}
			nav ul.nav_1 li ul a {
				text-transform: none;
				clear: both;
				color: #fff;
				display: block;
				font-weight: normal;
				line-height: 18px;
				padding: 3px 15px;
				text-align: left;
			}
			
			nav ul.nav_1 li    ul a:hover,
			nav ul.nav_1 li.at ul a:hover,
			nav ul.nav_1 li.at ul .at a {
				color: #917a43;
			}
			nav ul.nav_1 li:hover ul ul {
				display: block;
				position: relative;
			}
				nav ul.nav_1 li ul li ul li {
					display: block;
					float: none;
					width: 100%;
				}
				nav ul.nav_1 li ul li ul li a,
				nav ul.nav_1 li.at ul li.at ul li a {
					text-transform: none;
					clear: both;
					color: #fff;
					display: block;
					font-weight: normal;
					line-height: 16px;
					padding: 3px 15px 3px 30px;
					text-align: left;
				}
				
				nav ul.nav_1 li.at ul li ul li a:hover,
				nav ul.nav_1 li.at ul li.at ul li a:hover,
				nav ul.nav_1 li.at ul li.at ul li.at a {
					color: #917a43;
				}
			
		
		
		
/* 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	*/
	.container.internal,
	.container.events,
	.container.home,
	.container.directory {
		display: block;
		position: relative;
		width: 960px;
		min-height: 400px;
		padding: 0;
		margin: 0 auto;
		background: #f2eada url("../../img/tile-bk.jpg") repeat center top;
	}
	.container #audience {
		display: block;
		position: relative;
		clear: both;
		width: 960px;
		height: 165px;
		padding: 0;
		margin: 15px 0 0 0;
		background: url("../../img/content-bk.png") no-repeat center bottom;
	}
	#main {
		display: block;
		position: relative;
		float: left;
		width: 520px;
		padding: 20px;
	}
	.container.events #main,
	.container.directory #main,
	body.view .container.internal #main  {
		width: 920px;
		padding: 20px;
	}
	#sidebar {
		display: block;
		position: relative;
		float: right;
		width: 352px;
		padding: 0 14px;
		margin: 20px 20px 0 0;
	}
	.container.home #sidebar {
		width: 332px;
		background: #e3dbc1;
	}
	
	.container.directory #main #directory-list {
		display: block;
		position: relative;
		float: left;
		width: 520px;
		padding: 0;
		margin: 15px 20px 0 0;
	}		
	.container.directory #main #directory-filter {
		display: block;
		position: relative;
		float: right;
		width: 320px;
		padding: 0;
		margin: 15px 20px 0 0;
	}
	.container #ad-set {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 920px;
		min-height: 100px;
		padding: 0 20px;
	}

/* Footer	 */
	#footer-block {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#footer {
		display: block;
		position: relative;
		clear: both;
		width: 960px;
		min-height: 250px;
		padding: 0;
		margin: 0 auto;
		background: url("../../img/footer-bk.png") repeat-x 0 0;
	}



/* 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; }