/* reset
------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr {1px solid; margin:0px;padding:0px;}
ul, li {list-style-type: none;}


/* general
------------------------------ */
body
{
	font: 11px verdana, sans-serif; 
	color: #808080;
	background:#ededed url('img/bg.png') repeat-x;
}

#container {
	width: 940px;
	margin: 0 auto;
	overflow: none;
	position:relative;
	top:-10px;
}

a 
{
	text-decoration:none;
	color: #5A96F0;
}

a:hover
{
	text-decoration:none;
	color: #000;
}

#shadow 
{
	background: url('img/shadow.png') no-repeat; 
	width:570px; 
	height:40px; 
	float:left; 
	position:relative; 
	margin-top:15px;
}


/* typography
------------------------------ */
h1,h2,h3,h4{font-family: "helvetica neue", arial, sans-serif; font-weight:bold; line-height:110%;}
h4{font-size:16px;}
h5{font-size:11px;}
h6{font-size: 9px;}


/* colours
------------------------------ */
.white{color: #fff;}
.black{color: #000;}
.blue{color: #5A96F0;}
.grey60{color: #808080;}
.grey30{color: #bbb;}


/* nav
------------------------------ */
#nav 
{
	width:370px;
	float:left;
}

.logo 
{
	background: url('img/logo.png') no-repeat; 
	height:240px; 
	width:280px;
	margin-top:50px;
}

.menu 
{
	margin-top:30px; 
	margin-left:20px;
	font: 16px/150% "helvetica neue", arial, sans-serif; 
	font-weight:bold; 
}

.menu a {color:#000;}
.menu a:hover {color:#5A96F0;}

.blog
{
	margin-top:5px; 
	margin-left:20px;
}

.blog a
{
	font-weight:normal;
	width:300px;
}

.blog li 
{
	padding:7px 0;
	border-bottom:#ddd 1px solid; 
	width:280px;
}

#nav h4 
{
	background: url('img/arrow.png') 0px 3px no-repeat;
	padding-left:20px;
	margin-left:20px; 
	margin-top:50px;
}

#nav h5 
{
	margin-left:20px; 
	margin-top:50px;
}


/* content
------------------------------ */
#right
{
	float:left;
	width:570px;
}

#content 
{
	width:570px;
	background:white; 
	padding-bottom:10px;
	float:left;
}

#content p 
{
	font: 14px/145% "helvetica neue", arial, sans-serif; 
	margin-left:30px; 
	margin-bottom:30px;
	width:410px;
	margin-bottom:20px;
}

#content h4 
{
	margin-left:30px;
}

#content h6
{
	float:right;
	margin:5px 30px 5px 0;
	color:#bbb;
	font-size:9px;
}

.email {margin-bottom:20px;}

.img
{ 
	width:540px;
	height:350px;
	margin-top:30px;
	margin-left:30px;
}

.img_hem  { background: url('img/img_hem.jpg') no-repeat; }
.img_programmet  { background: url('img/img_programmet.jpg') no-repeat; }
.img_deltagare  { background: url('img/img_deltagare.jpg') no-repeat; }
.img_kistaloppet { background: url('img/img_kistaloppet.png') no-repeat; }
.img_partners  { background: url('img/img_partners.jpg') no-repeat; }
.img_press  { background: url('img/img_press.jpg') no-repeat; }
.img_kontakt  { background: url('img/img_kontakt.jpg') no-repeat; }

.h
{ 
	width:540px;
	height:53px;
	margin:25px 30px 15px;
}

.h_hem { background: url('img/h_hem.png') no-repeat;}
.h_programmet { background: url('img/h_programmet.png') no-repeat;}
.h_deltagare { background: url('img/h_deltagare.png') no-repeat;}
.h_kistaloppet { background: url('img/h_kistaloppet.png') no-repeat;}
.h_partners { background: url('img/h_partners.png') no-repeat;}
.h_press { background: url('img/h_press.png') no-repeat;}
.h_kontakt { background: url('img/h_kontakt.png') no-repeat;}