/*
	Theme Name: blau
	Theme URI: http://www.blau-niteclub.de/
	Description: 2011 theme for blau niteclub
	Author: denis&ich GmbH
	Version: 1.0
	Tags: blau, denisundich
 */

/* 
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*:focus {
	outline: 0 none;
}

/*
	blau styles
*/
.separator {
	width: 390px;
	height: 1px;
}

.clear {
	clear: both;
}

a, a:hover {
	text-decoration: none;
	
	-moz-transition-duration: .33s;
	-moz-transition-property: color;
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
	transition-duration: .33s;
	transition-property: color;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 130%;
}

h1 {
	font-size: 28px;
	font-family: "Quattrocento", Helvetica, Arial, sans-serif;
	height: 46px;
	line-height: 46px;
	width: 390px;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}

h2 {
	font-size: 28px;
	font-family: "Quattrocento", Helvetica, Arial, sans-serif;
	height: 46px;
	line-height: 46px;
	width: 304px;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}

h3, h4 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
}

	#wrapper {
		position: absolute;
		top: 40px;
		left: 50%;
		width: 866px;
		margin-left: -433px;
	}
	
		#header {
			width: 866px;
			height: 185px;
			margin-bottom: 15px;
			padding-top: 29px;
		}
		
			#header #logo {
				width: 188px;
				width: 188px;
				position: absolute;
				top: 16px;
				left: 51px;
			}
		
			#header #inner {
				margin-left: 40px;
				height: 154px;
				width: 786px;
			}
			
				#nav-main {
					font-family: "Quattrocento", Helvetica, Arial, sans-serif;
					width: 265px;
					margin-left: 490px;
					margin-top: 32px;
					font-size: 20px;
					letter-spacing: 1px;
				}
					#nav-main ul {
						height: 89px;
						width: 113px;
						list-style-type: none;
					}
					
					#nav-main ul li {
						display: block;
						height: 29px;
						line-height: 29px;
						margin-left: 1px;
					}
					
					.active-img {
						width: 14px;
						height: 29px;
						position: relative;
						left: -20px;
						float: left;
						margin-right: -14px;
					}
				
					#nav-main ul#left {
						float: left;
						margin-right: 35px;
					}
					
					#nav-main ul#right {
						float: right;
					}
			
		#content {
			width: 866px;
			margin-bottom: 15px;
		}
		
			#content #inner {
				width: 790px;
				padding: 38px;
			}
			
				#index-left {
					float: left;
					width: 390px;
				}
				
					#termine {
						height: 270px;
					}
				
					.termin {
						height: 47px;
						width: 390px;
						-moz-transition-duration: .33s;
						-moz-transition-property: background-color;
						-o-transition-duration: .33s;
						-o-transition-property: background-color;
						-webkit-transition-duration: .33s;
						-webkit-transition-property: background-color;
						transition-duration: .33s;
						transition-property: background-color;
					}
						.termin .date {
							float: left;
							width: 60px;
							font-family: "Quattrocento", Helvetica, Arial, sans-serif;
							margin-top: 10px;
						}
							
							.date .daymonth {
								font-size: 18px;
								letter-spacing: 1px;
							}
						
						.termin .info {
							float: right;
							width: 320px;
							text-transform: uppercase;
							margin-top: 10px;
						}
						
							.info .title {
								font-size: 15px;
								margin-bottom: 2px;
							}
							
						#termin-wrapper .more {
							font-size: 9px;
							text-align: right;
							font-family: "Quattrocento", Helvetica, Arial, sans-serif;
							margin-top: 10px;
						}
						
					#galerie-vorschau {
						margin-top: 70px;
					}
					
						.index-albums {
						}
						
							.index-albums a, .index-albums a:hover {
								display: block;
							}
						
							.index-albums .album {
								float: left;
								width: 89px;
								height: 89px;
								margin-right:10px;
							}
							
							.index-albums .album:last-child {
								margin-right: 0;
							}
							
							.album .thumb {
								width: 85px;
								height: 85px;
								padding: 3px;
								
								-moz-transition-duration: .33s;
								-moz-transition-property: background-color;
								-o-transition-duration: .33s;
								-o-transition-property: background-color;
								-webkit-transition-duration: .33s;
								-webkit-transition-property: background-color;
								transition-duration: .33s;
								transition-property: background-color;
							}
							
							.album .desc {
								margin-top: 5px;
								width: 89px;
								line-height: 130%;
								text-transform: uppercase;
							}
							
							.desc .snd {
								width: 89px;
								overflow:hidden;
								white-space:nowrap;
								text-overflow: ellipsis;
							}
							
							#galerie-vorschau .more {
								font-size: 9px;
								text-align: right;
								font-family: "Quattrocento", Helvetica, Arial, sans-serif;
								margin-top: 40px;
							}
							
					/* galerie.php */
					
					.all-albums {
					}
					
					.album-row {
						margin-bottom: 30px;
					}
					
						.row-left {
							width: 395px;
							float: left;
						}
						
							.row-left .thumb {
								width: 85px;
								height: 85px;
								padding: 3px;
								float: left;
								
								-moz-transition-duration: .33s;
								-moz-transition-property: background-color;
								-o-transition-duration: .33s;
								-o-transition-property: background-color;
								-webkit-transition-duration: .33s;
								-webkit-transition-property: background-color;
								transition-duration: .33s;
								transition-property: background-color;
							}
							
							.row-left .info {
								padding-top: 54px;
								float: right;
								width: 286px;
								line-height: 130%;
								text-transform: uppercase;
							}
						
						.row-right {
							width: 395px;
							float: right;
						}
						
							.row-right .thumb {
								width: 85px;
								height: 85px;
								padding: 3px;
								float: left;
								
								-moz-transition-duration: .33s;
								-moz-transition-property: background-color;
								-o-transition-duration: .33s;
								-o-transition-property: background-color;
								-webkit-transition-duration: .33s;
								-webkit-transition-property: background-color;
								transition-duration: .33s;
								transition-property: background-color;
							}
							
							.row-right .info {
								padding-top: 54px;
								float: right;
								width: 286px;
								line-height: 130%;
								text-transform: uppercase;
							}
					
					/* --- */
					
					/* category-residents */
					#residents {
					}
					
						.resident-row {
							margin-bottom: 20px;
						}
						
							.resident-item {
								float: left;
								width: 263px;
							}
							
							.resident-item:last-child {
								float: left;
								width: 263px;
							}
							
							.resident-item .thumb {
								width: 85px;
								height: 85px;
								padding: 3px;
								float: left;
							}
							
							.resident-item .info {
								padding-top: 64px;
								float: right;
								width: 164px;
								line-height: 130%;
								text-transform: uppercase;
							}
					/* --- */
					
					/* category-history */
					#history {
					}
					
						.history-row {
							margin-bottom: 20px;
						}
						
							.history-item {
								float: left;
								width: 263px;
							}
							
							.history-item:last-child {
								float: left;
								width: 263px;
							}
							
							.history-item .thumb {
								width: 85px;
								height: 85px;
								padding: 3px;
								float: left;
							}
							
							.history-item .info {
								padding-top: 64px;
								float: right;
								width: 164px;
								line-height: 130%;
								text-transform: uppercase;
							}
					/* --- */
					
					#form-wrapper {
						margin-top: 20px;
					}
					
					.kontakt-item {
						margin-bottom: 10px;
					}
					
					.kontakt-label {
						text-transform: uppercase;
					}
					
					.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
						border: none;
						width: 390px;
						font-size: 12px;
						line-height: 12px;
						
						-moz-transition-duration: .33s;
						-moz-transition-property: border-color;
						-o-transition-duration: .33s;
						-o-transition-property: border-color;
						-webkit-transition-duration: .33s;
						-webkit-transition-property: border-color;
						transition-duration: .33s;
						transition-property: border-color;
					}
					
					span.wpcf7-form-control-wrap textarea {
						width: 388px;
					}
					
					input.wpcf7-submit {
						width: 394px;
						font-size: 12px;
						line-height: 10px;
						height: 18px;
						padding: 2px;
						
						-moz-transition-duration: .33s;
						-moz-transition-property: background-color,color;
						-o-transition-duration: .33s;
						-o-transition-property: background-color,color;
						-webkit-transition-duration: .33s;
						-webkit-transition-property: background-color,color;
						transition-duration: .33s;
						transition-property: background-color,color;
					}
					
					span.wpcf7-not-valid-tip-no-ajax {
						display: block;
						padding: 2px 0;
					}
					
					div.wpcf7-response-output {
						margin: 0;
						padding: 4px;
						width: 382px;
					}
					
					div.wpcf7 img.ajax-loader {
						margin-left: 0;
						display: none;
					}
					
					#page {
						width: 430px;
					}
				
				#index-right {
					float: right;
					width: 304px;
				}
				
					#highlight {
						width: 304px;
						height: 270px;
						overflow: hidden;
					}
					
					#regulars {
						margin-top: 70px;
					}
					
					#termin-img {
						width: 284px;
						padding: 10px;
						border-radius: 10px;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
					}
					
						#termin-img img {
							width: 284px;
						}
						
						#termin-link {
							width: 284px;
							padding: 10px;
							overflow:hidden;
							white-space:nowrap;
							text-overflow: ellipsis;
						}
					
				#page-left {
					float: left;
					width: 430px;
				}
				
					#page-left p {
						margin-bottom: 10px;
					}
				
				#page-right {
					float: right;
					width: 320px;
				}
				
					.location-image {
						width: 300px;
						padding: 10px;
						border-radius: 10px;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						margin-bottom: 10px;
						text-align: center;
					}
			
		#footer {
			width: 866px;
			height: 47px;
			margin-bottom: 40px;
			line-height: 47px;
		}
		
			#footer #inner {
				padding: 0 38px;
				text-transform: uppercase;
			}
			
			#footer #inner #left {
				width: 554px;
				float: left;
			}
			
			#footer #inner #right {
				margin-top: 12px;
				width: 236px;
				float: right;
			}	

.gallery-row .gallery-thumb {
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
	width: 89px;
	height: 89px;
}

.gallery-row .gallery-thumb:last-child {
	margin-right: 0;
}

.gallery-row .gallery-thumb img {
	padding: 3px;
	width: 85px;
	height: 85px;
	
	-moz-transition-duration: .33s;
	-moz-transition-property: background-color;
	-o-transition-duration: .33s;
	-o-transition-property: background-color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: background-color;
	transition-duration: .33s;
	transition-property: background-color;
}