/*
Theme Name:Hälsingegårdar
Theme URI: http://halsingegardar.se
Description: En webbplats om Projekt Hälsingegårdar.
Author: Intellecta Corporate
Author URI: http://www.intellectacorporate.com
Template: thematic
Version: 0.9
*/

/* Global */
html{ overflow-y: auto; }
body{ background: #000; color: #f1e3bb;  }

/* Basic typography */
p, a, ul li, ol li, h1, 
h2, h3, h4, h5, h6, span{ font-size: 12px; font-family: "Trebuchet MS", arial, sans-serif; line-height: 18px; }
.puff p{ font-family: "Trebuchet MS", arial, sans-serif; font-size: 14px; line-height: 22px; margin-bottom:10px; }
h1{ color: #fff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 26px; line-height: 28px; margin-bottom:12px; }
h2{ color: #fff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 18px; line-height: 22px; margin-bottom:12px; }
h3{ color: #fff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 16px; line-height: 18px; margin-bottom:8px; }
h4{ color: #fff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 15px; line-height: 18px; margin-bottom:6px; }
h5{ color: #fff; font-family:  "Trebuchet MS", arial, sans-serif; font-size: 14px; line-height: 18px; margin-bottom:4px; }
blockquote{ display: block; border-top: 1px solid #55504d; border-bottom: 1px solid #55504d; color: #fff; padding: 20px 20px 10px 20px; font-family: georgia, arial, sans-serif; text-align: center; font-style: italic; margin: 0 0 20px 0;  }
blockquote p{ font-size: 20px !important; font-family: georgia, arial, sans-serif; line-height: 24px; padding: 0 0 15px 0; margin: 0; }
blockquote em{ font-family: georgia, arial, sans-serif; font-style: italic; }

/* Header */
#header{ background: #000; }
	#logga-och-navigation{ margin: 0 auto; position: relative; width: 920px; }
		#logga{ position: absolute; left: 0%; z-index: 50000; }
		#logga h1{ background: url(images/logga_bottom.png) bottom no-repeat; color: #fff; display: block; height: 120px; width: 110px; }
		#logga h1 a{ background: url(images/logga_halsingegardar.gif) top no-repeat; display: block; height: 107px; width: 110px; text-indent: -9000px; }
		#huvudmenyn{ margin: 0 0 0 117px; padding-top: 10px; width: 786px; zoom: 1; }
			ul.navigation{ float: left; margin: 0 0 10px; zoom: 1; }
				ul.navigation li{ border-right: 1px solid #55504d; display: inline-block; padding-right: 14px; margin-left: 14px;  }
				ul.navigation li.lastChild{ border-right: none; }
				ul.navigation li.firstChild{ margin-left: 17px; }
				ul.navigation li a,
				a.lang{ color: #f1e3bb; display: inline-block; font-family: "Trebuchet MS", arial, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase; }
				a.lang{ margin-right: 0; }
				ul.navigation li.current_page_ancestor a{ color: #fff; }
				ul.navigation li.current_page_item a{ color: #fff; }
				ul.navigation li a:hover, 
				a.lang:hover{ color: #c3b48a; }
			a.lang{ display: inline-block; float: right; }
			
/* Headerimage & slider */
#below-header-container{ margin-bottom: 15px; }
.large-height{ height: 450px; }
.small-height{ height: 160px; }
.first-image{ background: url('images/Halsinge_Start_Bild1.jpg') no-repeat top center; height: 450px; z-index: 4; }
.second-image{ background: url('images/Halsinge_Start_Bild2.jpg') no-repeat top center; height: 450px; z-index: 3; }
.third-image{ background: url('images/Halsinge_Start_Bild3.jpg') no-repeat top center; height: 450px; z-index: 2; }
.att-uppleva-bigteaser{ background: url('images/Halsinge_Attuppleva.jpg') no-repeat top center; height: 450px; z-index: 3; }
.om-halsingegardar-bigteaser{ background: url('images/Halsinge_Omhalsingegardar.jpg') no-repeat top center; height: 450px; z-index: 3; }
.bygden-bigteaser{ background: url('images/Halsinge_Bygden.jpg') no-repeat top center; height: 450px; z-index: 3; }
.omhalsinge-undersida-teaser{ background: url('images/Halsinge_Omhalsingegardar_undersida.jpg') no-repeat top center; height: 161px; z-index: 3; }
.uppleva-undersida-teaser{ background: url('images/Halsinge_Weekend.jpg') no-repeat top center; height: 161px; z-index: 3; }
.bygden-undersida-teaser{ background: url('images/Halsinge_Bygden_Skola.jpg') no-repeat top center; height: 161px; z-index: 3; }
.snickeri-undersida-teaser{ background: url('images/Snickeri_verktyg.jpg') no-repeat top center; height: 161px; z-index: 3; }
.byggnader-undersida-teaser{ background: url('images/Byggnader_forstukvistar.jpg') no-repeat top center; height: 161px; z-index: 3; }
.tapeter-undersida-teaser{ background: url('images/Tapet.jpg') no-repeat top center; height: 161px; z-index: 3; }
.maleri-undersida-teaser{ background: url('images/Maleri.jpg') no-repeat top center; height: 161px; z-index: 3; }
.historia-undersida-teaser{ background: url('images/Travagg.jpg') no-repeat top center; height: 161px; z-index: 3; }
.fallback-teaser{ background: url('images/Byggnader_forstukvistar.jpg') no-repeat top center; height: 161px; z-index: 3; }
	#banner-container{ margin: 0 auto; width: 920px; }
		#banner-puff{ background: url('images/black-transparent.png'); float: left; margin-left: -55px; width: 449px; position: absolute; top: 235px; left: 50%; padding: 20px 24px 20px 24px; z-index: 500; }
		#banner-puff{ -webkit-border-radius: 10px; -moz-border-radius: 10px; }
			#banner-puff p.cufon{ color: #fff; font-size: 18px; line-height: 22px; }
		.banner-content{ float: left; width: 368px; }
		.puff{ background: #000; }
			img.banner-symbol{ float:left; padding: 7px 0 0 20px; zoom: 1; }

/* Breadcrumbs */
.breadcrumb{ color: #fff !important; font-size: 11px; margin: 0 auto; width: 920px; }
	.breadcrumb a{ color: #f1e3bb; font-size: 11px; text-decoration: none; }
	.breadcrumb a:hover{ color: #c3b48a; }
			
/* Content */
#main{ width:920px; margin: 0 auto; }
	#container{ margin: 0; width:920px; }
	#content { margin:0 330px 0 211px; overflow:hidden;}
		#content.no-secondary{ margin:0 0 0 211px; }
		#content p{ font-size: 13px; }
		#content ul li{ margin-bottom: 6px; }
	#main a{ color: #b3c8e6; font-family: "Trebuchet MS", arial, sans-serif; font-size: 12px; text-decoration: none; }
	#main a:hover{ color: #839cbf; }
	#main .puff a,
	.puff a,
	#below-header a{ background: url(images/pointer.png) no-repeat left 10%; color: #f1e3bb; display: inline-block; font-family: "Trebuchet MS", arial, sans-serif; font-size: 13px; margin-top: 3px; padding: 0 0 4px 25px; text-transform: uppercase; text-decoration: none; }
	#main .puff a:hover,
	.puff a:hover,
	#below-header a:hover{ color: #c3b48a; }
	#content blockquote strong{ font-size:14px; font-weight:normal; font-style: normal; line-height: 18px; }
	#banner-puff p{ color: #fff !important; }
	
	

/* Start */
#puff-container{ padding: 0 21px; }
	#puff-container .puff{ display: block; float: left; }
	#puff-container div.puff.first{ padding: 0 19px 0 0; width: 254px; }
	#puff-container div.puff.second{ border-left:1px solid #7a726e; border-right:1px solid #7a726e; padding: 0 40px 0 30px; width: 240px; }
	#puff-container div.puff.third{ padding: 0 0 0 32px; width: 241px; }
	.startsidan p.cufon{ display: none; }
	
	
/* Weekends */
.weekend, .paketerbjudande{ background: #fff; float: left; padding: 17px; width: 306px; margin: 0 0 24px 0; overflow: hidden; }
	.attached-image{ float: left; width: 124px; }
		.attached-image img{ margin-bottom: 0; }
	.weekend-content{ float: left; margin-left: 15px; width: 167px; }
	.weekend.odd, .paketerbjudande.odd{ margin-right: 23px; }
	#content .weekend p, #content .paketerbjudande p{ color: #000; font-size: 12px; margin-bottom: 0px; }
	.weekend h2, .paketerbjudande h2{ margin-bottom: 0; }
	#main .weekend h2, #main .paketerbjudande h2{ display: inline-block; font-size: 18px; font-family: "Trebuchet MS", arial, sans-serif; color: #000 !important; font-weight: bold; margin: 0; }
	#main .weekend a, #main .paketerbjudande a{ display: inline-block; color: #5482ab; margin-top: 3px; }
	#main .weekend a:hover, #main .paketerbjudande a:hover{ color: #22394d; }
	.paketerbjudande{ min-height: 135px; }
	
	
/* Rundtur */
#banner-puff.interaktiv-rundtur{ left:50px; top:200px; width: 300px; z-index: 2; }
#interaktivbild-container{ background: url('images/rundtur/Halsinge_Rundtur1.jpg') no-repeat top center; margin: 0 auto; height: 661px; }
#interaktivbild-container02{ background: url('images/rundtur/Halsinge_Rundtur2.jpg') no-repeat top center; margin: 0 auto; height: 661px; }
#interaktivbild-container03{ background: url('images/rundtur/Halsinge_Rundtur3.jpg') no-repeat top center; margin: 0 auto; height: 661px; }
	#interaktivbild-container .fixed-width, 
	#interaktivbild-container02 .fixed-width, 
	#interaktivbild-container03 .fixed-width{ width: 920px; margin: 0 auto; position: relative; }
	
		.more{ position: absolute; padding: 5px; overflow: hidden; }
		.more a img:hover{ opacity: .8; }
			#symbol-1{ top: 80px; left: 255px; }
			#symbol-2{ top: 183px; left: 628px; }
			#symbol-3{ top: 404px; left: 523px; }
			#symbol-4{ top: 407px; left: 859px; }
			#interior-1{ top: 75px; left: 550px; }
			#interior-2{ top: 30px; left: 349px; }
			#interior-3{ top: 287px; left: 500px; }
			#interior-4{ top: 504px; left: 775px; }
			#interior-5{ top: 277px; left: 809px; }
			#symboler-1{ top:150px; left:380px; }
			#symboler-2{ top: 304px; left: 525px; }
			#symboler-3{ top: 553px; left: 697px; }
			#symboler-4{ top: 152px; left: 743px; }
			#symboler-5{ top: 440px; left: 775px; }
			
			/* General Info Box */
			#infobox{ display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; position:absolute; top:-150px; left: 50%; width:400px; padding: 20px; z-index:20; margin:0 0 -100px -150px; background: url('images/black-transparent.png'); overflow: hidden; }
			#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#fff; text-decoration:none; }
			#infobox h2, #infobox h3{ color: #f1e3bb; font-size: 32px; }
			#infobox a:hover{ text-decoration:underline; }
			#infobox p{ color: #f1e3bb; }
			span.close a{ background: url('images/close_button.png') no-repeat; display: block; height: 20px; width: 20px; text-indent: -9000px; position:absolute; right:5px; top:5px;}
			#fade_bg{ position:absolute; z-index:15; width:100%; height:830px; background:url('images/fade.png'); display:none; }

			/* Rundtur - navigation */
			.puff ul.rundtur-nav li a{ display: inline-block; background: none; padding: 0; }
			.puff ul.rundtur-nav{ border-top: 1px solid #8d8d8d; padding: 10px 0 5px 23px; margin: 0; }
			.puff ul.rundtur-nav li{ display: inline-block; margin-left: 5px; list-style: none; }
			.puff ul.rundtur-nav li a{ display: inline-block; border: 5px solid #F1E3BB; height: 47px; opacity: .75; }
			.puff ul.rundtur-nav li a:hover,
			.puff ul.rundtur-nav li.current-rundtur a{ border: 5px solid #fff; opacity: 1; }

/* Page content */
.mapp-poweredby{ display: none; }
ul.dlm_download_list li{ list-style: none; display: inline; padding: 5px; }
ul.dlm_download_list{ margin:0; }

/* Sidebar */
#primary { float:left; margin:0 0 0 -920px; width:182px; }
#secondary { float:left; margin:0 0 0 -281px; width:281px; }
	#primary h3, #secondary h3{ color: #fff; font-size: 13px; margin-bottom: 5px; }
	#primary p, #secondary p{ font-size: 12px; margin-bottom: 5px; }
	.aside ul ul { list-style:disc outside none; margin:0;}
	ul.sidebar-nav{ border-top: 1px solid #333333; overflow: hidden; }
		ul.sidebar-nav li{ list-style: none; border-bottom: 1px solid #333333; }
		ul.sidebar-nav li a{ display: inline-block; padding: 5px 0; }
		ul.sidebar-nav li.current_page_item a{ color: #fff !important; }
		ul.sidebar-nav li ul{ border-top: 1px solid #333333;  }
		ul.sidebar-nav li ul li ul li a{ padding-left: 15px; }
		ul.sidebar-nav li ul li a{ display: inline-block; margin-left: 15px; }
		ul.sidebar-nav li.current_page_item ul li a{ color: #B3C8E6 !important; }
		ul.sidebar-nav li.current_page_item ul li a:hover{ color: #839cbf !important; }
	.infoblock{ background: #391f10; border: 1px solid #502a15; padding: 10px 8px; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
		.infoblock img{ margin-bottom: 10px; }
		.infoblock a{ margin-top: 5px; }
	
/* Footer */
#footer{ background: #000; border-top:1px solid #55504d; margin:40px auto 20px auto; padding:10px 0; width:920px; }
	#footer p{ color: #726c68; font-size: 12px; margin-bottom: 0; }
	#footer a{ color: #726c68; }
	.press{ border-right: 1px solid #55504d; float: left; padding-right: 14px; width: 152px; }
	.kontakt{ border-right: 1px solid #55504d; float: left; padding: 0 16px 0 14px; width: 418px; }
	.eu-info{ background: url(images/eu.jpg) no-repeat left 15%; float: left; margin-left: 16px; padding-left: 46px; width: 235px; }
	.copyright{ float: right; }
	#siteinfo { clear:both; width:920px;}

/* Extras */
.clear{ clear: both; }