/* @override 
	http://hauskogler.cnolle.net/wp-content/themes/hauskogler/style.css
	http://astrid.webfactional.com/wp-content/themes/hauskogler/style.css
*/

/*
Theme Name: Winter
Theme URI: http://wordpress.org/
Description: Website for haus-kogler.at
Version: 1.0
Author: Christian Nolle
Author URI: http://cnolle.net
*/

@import url(reset.css);

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "HelveticaNeue-Light",helvetica,'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #E0E0DE;
	color: #333;
}

.cl {
	clear: left;
}

.page-id-10 #content h2 {
	display:none;
}

.page-id-3 #content h3 {
	color: #666;
	font-weight:normal;
}


#frame {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align:left;
}
	
	h1#logo {
		padding: 3em 0 5em 1em;
	}
	
	h1#logo a {
		display: block;
		background:url(assets/kogler-name.gif) no-repeat top left;
		float: left;
		width: 214px;
		height: 31px;
		text-indent:-3000px;
	}
	
	#header ul#nav {
		clear: left;
		margin: 1em 2em;
	}
	
	#header ul#nav li {
		font: italic 1.3em georgia, sans-serif;
		display:inline;
		margin-right:1em
	}
	
		#header ul#nav li a {
			color: #00AEEF;
			text-decoration:none;
		}
		
		#header ul#nav li a:hover,
		#header ul#nav li.current_page_item a,
		#header ul#nav li.current_page_parent a {
			color: #923B3A;
		}
		
		#control {
			float: right;
			width: 200px;
			margin: 2em 2em 2em 2em;
		}	

		ul#seasons {
			margin: 10px 0;
			float: right;
		}

		ul#seasons li {
			display:inline;
			text-transform:uppercase;
		}
		
		ul#seasons li a {
			margin: 0 0 0 5px;
			font-size: 11px;
			color: #923B3A;
			background:none;
			text-decoration:none;
		}

		ul#seasons li a.active {
			color: #666;
		}
		
		p#footer {
			margin: 1em 2em 1em 2em;
			border-top: 1px solid #E0E0DE;
			padding: 1em 0;
			font-size:1.1em;
			text-align:center;
		}
		
			p#footer a {
				color: #00AEEF;
			}
		
		ul#qtranslate-chooser {
			font-size: 1.2em;
			text-align:right;
		}
		
			ul#qtranslate-chooser li {
				display: inline;
				text-transform:uppercase;
				font-size: 0.9em;
				margin-left: 0.5em;
			}	
			
			ul#qtranslate-chooser li a {
				color: #666;
				text-decoration:none;
			}
			
			ul#qtranslate-chooser li a:hover,		
			ul#qtranslate-chooser li.active a {
				color: #00AEEF;
			}

			
		ul#themeswitcher {
			text-transform:uppercase;
			text-align:right;
			margin: 0 0 1em 0;
		}			
				ul#themeswitcher li {
					font-size: 1.2em;
					margin-left: 0.5em;
					display: inline;
				}	
					
		
/* Homepage */

body.home #imageframe {
	padding: 2em 0;
	height: 600px;
}

	#textholder {
	}

	#fronttext {
		padding: 1em;
		margin: 0 auto;
		text-align:center;
		width: 460px;
		height: 580px;
		background:url(assets/front-bg.png) repeat;
	}
	
	#housepicture {
		width: 300px;
		height: 200px;
		margin: 10px auto;
		background-color: #ccc;
	}
	
#content h2 sup {
	font-size: 10px;
	vertical-align: super;
}
	
/* Content */

#content {
	padding: 2em;
	clear: left;
	background-position:bottom left;
	background-repeat:no-repeat
}

	h1,h2,h3,h4 {
		font-weight:normal;
	}

	#content a {
		color: #00AEEF;
		text-decoration:none;	
	}

	#content a:hover {
		color: #923B3A;
	}

	#content h2 {
		text-transform:uppercase;
		font-size: 1.3em;
		margin-bottom: 0.5em;
		color: #923B3A;
	}
	
	#content h3 {
		text-transform:uppercase;
		font-size: 1.3em;
		margin: 1em 0;
		font-weight:bold;
		color: #00AEEF;
	}

	#content h3 a {
		color: #666;
	}

	#content ul {
		margin: 0 0 20px 18px;
		list-style:disc;
	}

	#content p,
	#content li {
		font-size: 1.3em;
		color: #222;
		margin: 0 0 0.8em 0;
		line-height:1.4em
	}
	
	#content blockquote {
		background:url(assets/start-quote.gif) no-repeat top left;
		margin: 0 10px;
		padding: 0 20px;
	}
	
		#content blockquote p {
			color: #00AEEF;
			text-transform:uppercase;
		}

	#content li {
		margin-bottom: 0.3em;
	}

	.column {
		width: 440px;
		float: left;
	}
	
	.column.left {
		margin-right:4em;
	}


	hr {
		margin: 20px 0;
		border: none;
		border-bottom: 1px solid #00AEEF;
	}

#map {
	width: 100%;
	height: 450px;
}

/* Contact form */

input,textarea {
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 4px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
	width: 400px;
}

input.submit {
	background:#00AEEF;
	color: #fff;
	width: auto;
	padding: 5px;
}

	input.submit:hover {
		border: 0;
		background:#923B3A;
	}
	
#content form p {
	position:relative;
	margin: 0;
	padding: 0;
}	

	form label {
		margin: 0;
		padding: 0;
		position:absolute;
		top: 23px;
		left: 8px;
		z-index:5;
	}

/* Slideshow */

#galleryarea {
	float: left;
	width: 750px;
}

#gallerynav {
	width: 150px;
	float:left;
}

	#gallerynav ul li.current_page_item a{
		color: #923B3A;
	}

#content ul.gallery {
	margin: 0;
	padding: 0;
}

	#content ul.gallery li {
		list-style:none;
		width: 700px;
		height: 525px;
		background:#ccc;
		position:relative;
		display:block;
	}
	
	#content ul.gallery li span {
		position:absolute;
		bottom: 10px;
		right:10px;
		z-index:5;
		font-size: 12px;
		padding: 2px;
		opacity:0.6;
		background:#000;
		color: #fff;
		display:none;
	}

	#content ul.gallery li:hover span {
		display: block;	
	}

.page-id-18 #content {
	position:relative;
	height: 500px;
}	
	
	.page-id-18 #content img {
		position:absolute;
		top: 0;
		right:0	
	}

#picnav {
	margin: 1em 0;
}

	#picnav a {
		font-size: 1.2em;
		padding: 0.3em;
		margin-right:0.5em;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius:3px;
	}
	
	#picnav a.activeSlide {
		background:#923B3A;
		color: #fff;
	}

.leftfloater {
	float:left;
}
	
/* Apartment images */

ul#apartmentimages {
	list-style:none;
	margin: 0;
	padding: 0;
}

	ul#apartmentimages li {
		position:relative;
		margin: 0 0 20px 0;
	}

	ul#apartmentimages li span {
		letter-spacing:0.07em;
		position:absolute;
		bottom: 10px;
		font-size:11px;
		left: 5px;
		padding: 2px;
		opacity:0.8;
		background:#000;
		color: #fff;
		display:none;
		
	}
	
	ul#apartmentimages li:hover span {
		display:block;
	}