/* Elements */

body {
	color: #222;
	font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

h1, h2, h3 {
	font-family: Calibri, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}
h1 {
	text-shadow: 1px 1px 2px #999;
}
	h1 small {
		display: inline-block;
		border: 1px solid #555;
		padding: 0 3px;
		font: bold 10px "Lucida Grande";
		margin-left: 20px;
		margin-top: -20px;
	}
a {
	color: #3b5998;
}
	h1 a, h2 a, h3 a, .large a {
		text-decoration: none;
		border-bottom: 1px dotted #3b5998;
		font-weight: bold;
	}

h3.border {
	border-bottom: 1px dotted #ccc;
	padding: 5px 3px;
}

/* IDs */

#header {
	background: #545454 url(images/header_bg.png) repeat-x top center;
	height: 67px;
	border-bottom: 1px solid #aaa;
}

	#logo {
	display: block;
	background: url(images/logo.png) no-repeat;
	width: 215px;
	height: 82px;
	margin-left: -3px;
	position: absolute;
	}

		#logo img {
			visibility: hidden;
		}
		
		#logo:hover img {
			visibility: visible;
		}
	
	#header ul {
	margin: 0;
	}

	#header li {
		list-style: none;
		float: right;
	}
	
		#nav li a {
			text-decoration: none;
			color: #eee;
			display: inline-block;
			font-size: 14px;
			font-weight: bold;			
			padding: 0 10px;
			line-height: 67px;
		}
		
		#nav li a:hover {
			color: #fff;
			text-shadow: 1px 1px 0px #111;
		}
		
		#nav li.current_page_item a, #nav li.current_page_ancestor a {
			color: #000;
			font-weight: bold;
			background: #d4d7d9 url(images/nav_bg.png) repeat-x top;
			padding-bottom: 25px;
			line-height: 31px;
			z-index: 999;
			margin-top: 18px;
			position: relative;
			-moz-border-radius-topleft: 6px;
			-webkit-border-top-left-radius: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-right-radius: 6px;
		}
		
			#nav.nosub li.current_page_item a {
				padding-bottom: 18px;
			}
		
		#nav li.current_page_item a:hover, #nav li.current_page_ancestor a:hover {
			text-shadow: none;
		}
		
	#subnav {
	clear: right;
	position: absolute;
	width: 950px;
	top: 68px;
	font-size: 13px;
	}
	
/*	.logged-in #subnav {
		top: 96px;
	}*/
	
		#subnav ul {
			background: #d4d7d9 url(images/subnav_bg.png) repeat-x top;
			border: 1px solid rgba(0,0,0,.2);
			border-top: none;
			width: auto;
			min-width: 260px;
			float: right;
			padding: 6px 10px 5px 10px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
		}
		
			#subnav li {
				
			}
			
				#subnav a {
					display: inline-block;
					text-decoration: none;
					padding: 1px 20px;
					color: #000;
				}
				
					#subnav a:hover {
						background: #c4c7c8;
						-moz-border-radius: 15px;
						-webkit-border-radius: 15px;
					}
					
					#subnav li.current_page_item a, #subnav li.current_page_ancestor a {
						background: #6d6f70;
						font-weight: bold;
						-moz-border-radius: 15px;
						-webkit-border-radius: 15px;
						color: #fff;
					}

#feature {
	background: #5b009c url(images/feature_bg.png) repeat-x center center;
	color: #fff;
}
	#feature .container {
		padding: 30px 0px;
	}

	#feature h1, #feature h2, #feature h3 {
		color: #fff;
		text-shadow: 1px 1px 2px #333;
	}
	
	#feature h4 {
		color: #fff;
	}

#content {
	margin: 30px auto;
	min-height: 400px;
}

	#content h1 {
		font-size: 30px;
	}
	
	#content ul {
		list-style: square;
		padding-left: 16px;
	}
	
	dfn {
		color: green;
		margin-bottom: 18px;
		text-decoration: none;
		font-style: none;
	}
	
	.gallery-item {
		text-align: left!important;
	}
	
		.gallery-item img {
			border: 1px solid #ccc!important;
		}

#footer {
	background: #d4d7d9;
	padding-bottom: 150px;
}

	#footer .container {
		padding-top: 30px;
		font-size: 11px;
		color: #555;
	}
	
	#footer ul {
	display: inline;
	padding: 0;
	margin: 0;
	}
	
	#footer .page_item {
		list-style: none;
		padding: 0 7px 0 0;
		margin: 0 5px 0 0;
		border-right: 1px solid #aaa;
		display: inline-block;
	}
	
	#footer a {
		text-decoration: none;
	}

/* Classes */

.button, .multilink {
	background: url(images/button_bg.png) repeat-x top center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.button.facebook {
		border-color: #0b5998;
		background-color: #3b5998;
	}

	.button.vznet, .multilink.vznet {
		border-color: #cf2525;
		background-color: #cf2525;
	}

	.button.facebook, .button.vznet {
		color: #fff;
		padding: 10px 20px;
	}
	.button.facebook:hover {
		border-color: #0b5998;
	}
	
	a.button.job, a.button.office, a.button.wooga {
		font-size: 120%;
		padding: 10px 30px;
		color: #fff;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
		-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
		box-shadow: 0px 2px 3px rgba(0,0,0,.5);
		text-shadow: 0px 1px 1px rgba(0,0,0,.5);
		float: none;
		display: inline-block;
	}
	a.button.wooga {
		border-color: #166600;
		background-color: #2bcc00;
	}
	a.button.wooga:hover, a.button.wooga:focus {
		border-color: #166600;
		background-color: #32e500;
	}
	a.button.office {
		border-color: #4585b3;
		background-color: #4585b3;
	}
	a.button.job {
		background-color: #7c26ba;
		border-color: #3c0066;
	}
	a.button.job:hover, a.button.job:focus {
		background-color: #8d2ad4;
	}

img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.alignright {
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 0 auto;
}

.box {
	background: #ebeef0;
	border-top: 2px solid #ccc;
}

	.box.vznet {
		border-color: #cf2525;
		background: #ebeef0 url(images/vznet_bg.png) no-repeat right center;
	}
	
	.box.vznet h4 {
		background: url(images/de.png) no-repeat center right;
	}

	.box.working {
		background: #ebeef0 url(/wp-content/uploads/working-1.jpg) no-repeat top center;
		padding-top: 130px;
		border-color: #666;
	}
	
	.box.peggy {
		background: #ebeef0 url(images/peggy.jpg) no-repeat top center;
		padding-right: 150px;
		border-color: #666;
	}
	
	.box.jobs {
		background: url(images/post-it-monster.png) no-repeat 30px 0px;
		border-top: none;
		padding: 120px 50px 30px 60px;
	}
	
		.box.jobs h4 {
			text-indent: -10000px;
		}
		
		.box.jobs li strong {
			color: #8c7944;
		}
		
		p.blocklink {
			text-align: right;

		}
		
		p.blocklink a {
			padding: 7px 12px;
			display: inline-block;
			width: auto;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
			color: #FFF;
			background: #111 url(images/button_bg.png) repeat-x top center;
			border: 1px solid #000;
			-moz-border-radius: 3px;
			-webkit-border-radius: 4px;
			margin-bottom: 30px;
			margin-right: 30px;
		}

	 	p.blocklink a:hover {
			background-color:#6299c5;
		  	border:1px solid #6299c5;
		}
	
.colborder {
	border-right: 1px solid #ddd!important;
}

	.large {
		line-height: 1.8em;
	}

li.de {	list-style: url(images/de.png); margin-left: 10px; }
li.fr {	list-style: url(images/fr.png); margin-left: 10px; }
li.tr {	list-style: url(images/tr.png); margin-left: 10px; }
li.it {	list-style: url(images/it.png); margin-left: 10px; }
li.es {	list-style: url(images/es.png); margin-left: 10px; }
li.en {	list-style: url(images/us.png); margin-left: 10px; }

#faq {
	padding-left: 0;
}

#faq li {
	list-style: none;
	padding-left: 7px;
}

#faq ul li {
	list-style: square;
	padding-left: 16px;
}

#faq h4 {
	background: #D4D7D9 url(images/plus.png) no-repeat 10px center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 10px 6px 36px;
	margin-left: -7px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

#faq h4:hover {
	color: #3b5998;
	text-decoration: underline;
	background-color: #dee1e3;
}

	#faq h4.open {
		background-image: url(images/minus.png);
	}
	
/* VZnet Navigation */

.multilink {
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	cursor: pointer;
	margin: 9px 6px 9px 0;
	position: absolute;
}

	.multilink ul, .multilink li {
		margin: 0;
		padding: 0!important;
		list-style: none;
		background-color: #F7F7F7;
	}
	
	.multilink label {
		display: block;
		padding: 10px 20px;
		line-height: 130%;
		color: #fff;
	}
	
	.multilink a {
		display: block;
		padding: 5px 20px;	
		text-decoration: none;
	} 
	
	.multilink p {
		padding: 0;
		margin: 0;
	}
	
	.multilink a:hover {
		background: #3b5998 url(images/button_bg.png) repeat-x bottom center;
		color: #fff;
	}
	
		a.meinvz {
			color: #FF781E;
			font-weight: bold;
		}
		
		a.studivz {
			color: #EE0000;
			font-weight: bold;
		}
		
		a.schuelervz {
			color: #DC1E64;
			font-weight: bold;
		}

.overlay {
background: #000;
height: 80px;
margin-top: -80px;
padding: 0 10px;
opacity: .8;
}

	.overlay img {
	margin: 0;
	padding: 0;
	}
	
	.overlay h2, .overlay p, .overlay a {
		color: #fff;
		margin-bottom: 0;
		border-bottom: none;
		text-decoration: none!important;
		border-bottom: 0px;
	}
	
/* Twitter Integration */

h2 a.twitterwidget-rss {
	display: none;
}

h2 a.twitterwidget-title {
	border-bottom: none;
	color: #000;
}

.twitter li, .official-releases li {
	margin-bottom: 10px;
}

.twitter .time-meta a {
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}

.twitter .from-meta {
	white-space: nowrap;
}

.twitter .from-meta, .official-releases {
	font-size: 80%;
	color: #666;
}

.official-releases a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

input.text, textarea.text, select.text {
	color: #222;
	font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 100%;
}
textarea.text {
	line-height: 120%;
}

#wpstats {
	visibility: hidden;
}

/* Gravity Forms */

ul.gform_fields {
	padding: 0!important;
}
li.text input, li.text textarea, li.text select {
	padding:5px;
	font: normal 13px/18px "Lucida Grande", Arial, sans-serif;
}
label.gfield_label {
	padding:8px 0;
	font: normal 13px/18px "Lucida Grande", Arial, sans-serif;
	text-align: right;
}
li.text span label {
	letter-spacing: 0px!important;
	margin: -3px 0 8px 1px!important;
}
.validation_message {
	font-family: "Lucida Grande", Arial, sans-serif!important;
}
.gfield_description {
	padding-top: 0px!important;
	padding-bottom: 16px!important;
}
.gforms_confirmation_message {
	background: #E6EFC2!important; 
	border-color: #C6D880!important; 
}
.gfield_error textarea {
	width: 340px!important;
}