/*
		ENTIRE PAGE MADE BY THOMAS FORSBERG FOR STADSKAERNAN.COM
		CONTACT: fomas.torsberg[at]gmail.com
		COPYRIGHT 2008 ALL RIGHTS RESERVED
		
		WANT TO USE MY DESIGN? CONTACT ME FIRST!
		
		
*/


/* Grundstomme */
* { margin: 0; padding: 0;}
html { 
	overflow-y: scroll; height: 100%;}
body {
	font: 62.5% Tahoma, sans-serif;
	background: #F0F0F0 url(images/body-bg.jpg) repeat-x;
	height: 100%;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.3em; padding-bottom: 3em; color: #A3A3A3; }
a { outline: none; color: #8B8B8B; }
a img { border: none; }
hr { height: 1px; color: #9a9a9a; background-color: #9a9a9a; border: 0; }

h1 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: #8B8B8B;
	padding-bottom: 4px
}

h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #8B8B8B;
	padding: 6px 0px 8px 0px;
}

h3 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #8B8B8B;
	padding-bottom: 2px;
}

h4 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #8B8B8B;
	padding: 6px 0px 8px 0px;
}

.clear-float { clear: both; }


/* Slut grundstomme */

/* Struktur */
#page-wrap {
	width: 800px;
	margin: 0 auto;
	background: url(images/content-bg.jpg) repeat-y ;
	background-position: top center;
	}	
	
		#main-content {
		padding: 40px 70px 20px 70px;
		}
			#article-area {
				width: 465px;
				float: left;
				padding-bottom: 100px;
			}
				div#article-area div#left-img {
					float:left;
					margin: 2px 20px 0px 0px;
				}
				div#article-area div#right-img {
					padding-left: 30px;
				}
				
			#sidebar {
				width: 165px;
				float: right;
				padding-bottom: 100px
				}
				#sidebar p {
					font-size: 0.9em;
					color: #CCCCCC;
				}
					#sidebar p a {
					font-size: 0.9em;
					color: #CCCCCC;
				}

					#sidebar p a:hover {
						font-size: 0.9em;
						color: #333333;
					}
					#sidebar p a:visited {
					font-size: 0.9em;
					color: #333333;
					}
	



ul#nav {


	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a{
			display: block;
			height: 58px;
			text-indent: -9999;
			float: left;
		}
		ul#nav li.spacer a {
			width: 269px;
			background: url(images/nav-spacer.jpg) bottom center no-repeat;
		}
		ul#nav li.hem a {
			width: 120px;
			background: url(images/nav-hem.jpg) bottom center no-repeat;
		}
		ul#nav li.info a {
			width: 120px;
			background: url(images/nav-info.jpg) bottom center no-repeat;
		}
		ul#nav li.media a {
			width: 120px;
			background: url(images/nav-media.jpg) bottom center no-repeat;
		}
		ul#nav li.kontakt a {
			width: 171px;
			background: url(images/nav-kontakt.jpg) bottom center no-repeat;
		}
		ul#nav li a:hover {
			background-position: top center;
		}

		

#footer {
	position: relative;
	bottom: 0px;
	height: 29px;
	background: url(images/footer.jpg) repeat-x;
	width: 100%;
}

#footer p { 
			padding-top: 10px;
			font-size: 0.8em;
			font-style: italic;
			text-align: center;}

/* A big thanks to Chris Coyier at css-tricks.com*/