/**
 *
 * Ö r e b r o g a l a n
 * http://www.orebrogalan.se/
 *
 * © Copyright SOUL Design Richard Kennett AB, 2010. All rights reserved.
 *
 * ----------------------------------------------------------------------
 *
 * CONTENTS
 *
 * HEADER, logo/menu
 * MAIN
 * 	CONTENT
 *		CONTENT GRID 3 column
 * FOOTER
 *
 * ----------------------------------------------------------------------
 * 
 * COLOR PALETTE
 *
 * #000000	-	Black
 * #ffffff	-	White
 * #777468	-	Medium gray
 * #5a5a5a	-	Dark gray
 *
 * ----------------------------------------------------------------------
 *
 */


/**
 * Import the reset.css to reset all settings
 */
	@import url('reset.css');


/**
 * Links
 */
	a:link 		{ color: #ff9966; text-decoration: none; }
	a:visited 	{ color: #ff9966; }
	a:hover 	{ color: #5a5a5a; text-decoration: none; }
	a:active 	{ color: #ff9966; }
	
	/* anchor image for every link in paragraph */
	p a { color: #950b0b; text-decoration: none; background: url('images/anchor.png') no-repeat center right; padding: 0 15px 0 0; }
	p a.nospan {
		padding: 0;
	}


/**
 * General settings (formatting etc)
 */
	h1 {
		font: normal 1.6em/1.3em 'AvenirMedium', arial;
		color: black;
		padding:0;
		margin: 0 0 6px 0;
	}
	
	h2 {
		font: normal 1em/1em 'AvenirMedium', arial;
		color: black;
		margin: 1.5em 0 0 0;
		padding:0;
	}
	
	h3 {
		font: bold 0.81em/1em 'AvenirMedium', Arial;
		color: black;
		margin: 0 0 6px 0;
		padding:0;
	}
	
	h4 {
		font: italic 0.81em/1em 'AvenirMedium', Arial;
		color: black;
		margin: 0 0 6px 0;
		padding:0;
	}
	
	p.ingress {
		font: normal 1.06em/1.75em Arial;
		color: #000;
		margin: 0 0 30px 0;
		padding:0;
	}
	
	p { 
		font: normal 0.81em/1.5em 'AvenirMedium', arial;
		color: black;
		margin:0 0 20px 0;
		padding:0;
	}
	table.om-galan {
		margin: 0 17px;
	}
	table.om-galan td {
		font: normal 0.81em/1.5em 'AvenirMedium', arial;
		color: black;
	}
	blockquote {
		display: block;
		margin-left: 20px;
		border-left: solid 5px #ddd;
		padding-left: 10px;
		font-family: Georgia;
		font-size: 12px;
		font-style: italic;
		color: #777;
		margin-bottom: 20px;
		line-height: 1.6em;
	}
	
	div.divider {
		border-bottom: 1px solid #eee;
		line-height: 10px;
		margin-bottom: 20px;
		padding-top: 20px;
		width: 100%;
		clear: both;
		font-size: 8px;
		position: relative;
		text-align: right;
	}
	
	textarea { resize: none; }
	

/**
 * Font-faces
 */
	@font-face {
		font-family: 'Neutra';
		src: url('neutratext-demi-webfont.eot');
		src: local('☺'), url('fonts/neutratext-demi-webfont.woff') format('woff'), url('fonts/neutratext-demi-webfont.ttf') format('truetype'), url('fonts/neutratext-demi-webfont.svg#webfontCU879XTI') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'AvenirMedium';
		src: url('fonts/avenir_lt_65_medium-webfont.eot');
		src: local('☺'), url('fonts/avenir_lt_65_medium-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'AvenirLight';
		src: url('fonts/avenir_lt_35_light-webfont.eot');
		src: local('☺'), url('fonts/avenir_lt_35_light-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}


/**
 * Layout
 */
	body {
		background: black;
	}
	
	
	/* Wrapper */
	#wrapper {
		padding: 20px 60px;
		margin: 0 auto;
		width: 900px; 
		background: #840800 url('images/bg.jpg') no-repeat center top;
		position: relative;	
	}
	
	
	/* Logos */
	#logo {
		width: 100%;
		height: 100%;
		text-align: center;
		text-indent: -9999px;
		position: relative;
	}
	
		#logo h1 a {
			background: transparent url('images/orebrogalan_logo.png') no-repeat;
			display: block;
			width: 218px;
			height: 63px;
			margin: 0 auto;
		}
	
		#logo h2 a {
			background: transparent url('images/orebrokommun.png') no-repeat;
			display: block;
			width: 42px;
			height: 66px;
			margin: 0 auto;
			position: absolute;
			right: 0;
			top: 0;
		}
		
		
	/* Container */	
	#container {
		border: 3px solid white;
		background: #E1E1E1;
		overflow: hidden;
		min-height: 600px;
		margin: 10px 0 0 0;
		position: relative;
	}
	

	/* Header */
	#header {
		height: 37px;
		text-align: center;
	}
	
	
	/* Navigation */
	#nav { 
		background: transparent url('images/buttons/buttonBG.jpg') repeat-x;
		overflow: hidden;
	}

		ul#menu {
			list-style-type: none;
			margin: 0;
			padding: 10px;
			height: 20px;
		}
		
		ul#menu li { 
			display: inline;
			font: normal 13px/1.5em 'AvenirMedium', arial;
			text-transform: uppercase;
			color: white;
			margin: 0;
			padding: 0;
			margin: 0 11px 0 0;
		}
		
		ul#menu li a { 
			color: white;
			margin: 0;
			text-decoration: none;
		}
			
		ul#menu li a:hover { 
			color: #ff9966;
			text-decoration: none;
		}
		
		ul#menu li a.current-page-item {
			color: #ff9966;
		}
	
	
	/* Panorama */
	#panorama {  
		width: 894px;
		height: 300px; 
		overflow: hidden;
	}
		#panorama img { 		
			width: 894px;
			height: 300px;
		}
	
	
	/* Page */
	#page {
		overflow: hidden;
		padding: 44px 70px;
		width: 760px;
		clear: both;
	}
	
		/* Primary Settings */
		#page #primary {
			width: 463px;
			float: left;
		}
		
		#page #primary h1 {
			margin: 20px 0 5px 0;
		}
		
		/* Each Post Item */
		#page .post-item {
			background: #fafafa url(images/postBG.jpg) repeat-x; 
			border: 1px solid white;
			border-right: 1px solid #dfdfdf;
			border-bottom: 1px solid #dfdfdf;
			margin-bottom: 28px;
			padding: 5px;
			position: relative;
			/*
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			*/	
		}
		
		#page a.readMore {
			float: right;
			padding: 0 10px 10px 0;
			font: normal .75em/1.5em 'AvenirMedium', arial;
			text-decoration: none;
		}
		
		
		/* Custom Padding for Post Item */
		.post-item h1, 
		.post-item h2, 
		.post-item h3, 
		.post-item h4, 
		.post-item p, 
		.post-item span {
			padding: 0 15px;
		}
		
		/* Post Image */
		.post-image {
			width: 450px;
		}
		
		.post-item h1 { margin: 26px 0 0 0; }
		.post-item ul { font: normal 0.81em/1.5em 'AvenirMedium', arial; padding:10px 35px; margin:0; list-style: disc; }
		.post-item li { margin:5px 0; padding:0;}	
		
		/* Secondary Settings */
		#page #secondary, #page #third, #page #fourth {
			width: 260px;
			float: right;
		}
		
		#page #secondary, #page #third, #page #fourth {
			background: #fafafa url(images/postBG.jpg) repeat-x;
			border: 1px solid white;
			border-right: 1px solid #dfdfdf;
			border-bottom: 1px solid #dfdfdf;
			padding: 5px; 
			margin-bottom: 28px;
			overflow: hidden;
			font-size: 16px;
			/*
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			*/
		}
		
		#page #secondary .box, #page #third .box, #page #fourth .box {
			margin: 0;
		}
		#page #secondary .box a, #page #third .box a, #page #fourth .box a {
			text-decoration: none;
			display: block;
			font: normal .75em/1.5em 'AvenirMedium', arial;
			color: #5a5a5a;
		}
		
		#page #secondary .box a:hover { color: #ff9966; }
		#page #secondary .box a.readMore { color: #ff9966; }
		#page #secondary .box a.readMore:hover { color: #5a5a5a; }
		#page #third .box a:hover { color: #ff9966; }
		#page #third .box a.readMore { color: #ff9966; }
		#page #third .box a.readMore:hover { color: #5a5a5a; }
		#page #fourth .box a:hover { color: #ff9966; }
		#page #fourth .box a.readMore { color: #ff9966; }
		#page #fourth .box a.readMore:hover { color: #5a5a5a; }

		#page #secondary .active h2,#page #third .active h2, #page #fourth .active h2
		#page #secondary .active a, #page #third .active a, #page #fourth .active a {
			color: #ff9966;
		}
		#page #secondary .active a:hover,
		#page #third .active a:hover,
		#page #fourth .active a:hover {
			color: #ff9966;
			text-decoration: none;
		}
		
		#page #secondary .box h3, #page #third .box h3, #page #fourth .box h3 {
			font: normal .88em/1.4em 'AvenirMedium', arial;
			padding: 0 5px;
		}
		
		#page #secondary .box h2, #page #third .box h2, #page #fourth .box h2 { margin: 0; }
		
		#page #secondary .box img, #page #third .box img, #page #fourth .box img {
			width: 260px;
		}
		
		#page #secondary #sidebar, #page #third #sidebar, #page #fourth #sidebar { padding: 18px; }
	
		/* Toggle */
		#page .toggle { margin: 0 auto 26px auto; width: 80%; }
		#page .sponsored { text-align: center; width: 485px; margin: 0 auto 20px auto; border: 1px solid #dbdbdb !important; padding: 2px; }
		#page .sponsored h2 { margin: 0 0 10px 0; }
		#page .toggle img.sponsor { padding: 0 15px; margin: 5px 0 15px 0; }
		
		#page .toggle h1 { font-size: 1.2em; font-weight: normal; }
		#page .toggle h3 {line-height:1;}
		#page .toggle h3 {padding: 5px; cursor:pointer; background: #CEE7FF; display:block; text-decoration:none; margin:0; margin-top:10px;}  
		#page .toggle h3 a {color: #000; text-decoration:none; }
		#page .toggle h3:hover { background: #ff9966 url("images/state.gif") no-repeat 100% 2px; }
		
		#page .toggle ul { font: normal 0.81em/1.5em 'AvenirMedium', arial; padding:10px 35px; margin:0; list-style: disc; }
		#page .toggle li { margin:5px 0; padding:0;}
		
		#page .toggle div { padding: 20px; background: white; border: 1px dotted #dbdbdb; border-top: none; }
		
		#page .toggle .active {background-color: #ff9966; background-position: 100% -21px; }
		#page .toggle .active:hover { background-position: 100% -21px;  }
		
		/* Winners */
		#page .winner {
			margin: 0 15px;
		}
		#page .winner .info
		{
			padding-left: 220px;
		}
		
		#page .winner h2 {
			margin: 0;
			padding-bottom: 15px;
		}
		#page .winner .image { float: left; }
		#page .winner .image img { width: 190px; }
		
		#page .winner .image h4 {
			font-size: 10px;
			clear: both;
			margin: 0;
			padding: 0;
		}
	
	/* Slider */
	#slider-wrapper {
	    width:450px;
	    height:300px;
	    overflow: hidden;
	    margin:0 auto;
	    padding-top:0px;
	    margin-top:0px;
	}
#slider {
    position:relative;
    width:450px; /* Change this to your images width */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
	#slider img {
	    position:absolute;
	    top:0px;
	    left:0px;
	    display:none;
	}
	#slider a {
	    border:0;
	    display:block;
	}
	
	/* Footer */
	#footer { position: relative; }
		#footer a { 
			font: .8em/1.2em arial;
			color: white;
		}
		
		#footer p { text-align: right; }
		#footer span { font: .8em/1.2em arial; }
			
	#footer .featured {
		background: white;
		position: relative;
		width: 676px;
		text-align: center;
		padding: 10px 0 10px 224px;
		float: left;
	}
		#footer .featured div { 
			text-align: center; 
			width: 150px; 
			float: left; 
		}
		#footer .featured a { 
			display: block; 
			color: black; 
			clear: right; 
			text-transform: uppercase; 
			font: normal .66em/1.4em 'Neutra', arial;
			text-decoration: none;
		}
		#footer .featured a img { margin: 5px 0 0 0; }
		#footer .featured img.orebrogalan { display: none; position: absolute; left: -40px; top: 15px; }

#datum {
	width: 129px;
	height: 123px;
	position: absolute;
	z-index: 1000;
	top: 210px;
	right: -50px;
}
.imgtxt {
	font-size: 10px;	
}

div.ok {
	background: #BCEFB3;
	border: 1px solid #003F09;
	padding: 0.5em 1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #4C6F45;
	width: 355px;
	margin: 13px auto 5px auto;
}
div.error {
	display: block;
	width: 355px;
	background: #fcc;
	border: 1px solid #903;
	color: #903;
	font-weight: normal;
	padding: 0.5em 1em;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 13px auto 5px auto;
	/*border: 1px solid #FF3F3F;*/
}

.sponsors {
	margin: 0 auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}
.sponsors td {
	width: 175px;
	height: 175px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
h3.sponsorHeader {
	text-align: center;
	color: #999;
	font-size: 15px;
	padding-top: 21px;
	line-height: 25px;
	font-weight: normal;
}