/***** GENERAL *****/
body
{
	margin:0;
	padding:0;
	color:#000;
	font-family:Geneva, Verdana, Arial, san-serif;
	font-size:11px;
	line-height:18px;
}

p
{
	margin:0;
	padding:0;
}


h2.navabout a,
h3.cheltenham44 a
{
	color:#f54f4f;
}

h2.navabout a:hover,
h3.cheltenham44 a:hover
{
	color:#48c8f8;
}

/***** LOGO *****/
div.logo
{
	position:absolute;
	top:28px;
	left:37px;
	width:143px;
	height:109px;
	margin:0;
	padding:0;
}

/***** TOP NAVIGATION *****/
div.topnav
{
	position:absolute;
	top:28px;
	left:252px;
	width:648px;
	height:109px;
	background: url(../img/topnav.bg.gif) bottom left repeat-x;
}

div.topnav div.whatwedo
{
	position:relative;
	float:left;
	top:16px;
	left:1px;
	width:100%;
}

div.topnav div.nav
{
	float:left;
	position:relative;
	display:block;
	top:55px;
	left:0px;
	width:100%;
}

div.topnav div.nav img
{
	border:none;
}

div.topnav div.nav a
{
	height:18px;
	display:block;
	float:left;
	margin-right:15px;
	background: url(../img/projekt.gif) top left no-repeat;
}

div.topnav div.nav a.projekt {width:68px; background: url(../img/projekt.gif) top left no-repeat;}
div.topnav div.nav a.evenemang {width:91px; background: url(../img/evenemang.gif) top left no-repeat;}
div.topnav div.nav a.omoss {width:63px; background: url(../img/omoss.gif) top left no-repeat;}

div.topnav div.nav a:hover,
div.topnav div.nav a.selected
{
	background-position: 0px -18px;
}


/***** FLASH REPLACEMENT HEADERS *****/

h1,
h2,
h3,
h4
{
	padding:0;
	margin:0;
	font-weight:normal;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

h1
{
	float:left;
	display:block;
	white-space:nowrap;
}

h1.mercury65
{
	font-size:65px;
	line-height: 1em;
	height: auto;
	letter-spacing: -2px;
}
h1.mercury65_inactive
{
	font-size:65px;
	line-height: 1em;
	height: auto;
	letter-spacing: -2px;
}

h1.chernobyl50
{
	font-size:64px;
	line-height: 1em;
	height: auto;
	letter-spacing: -9px;
}

h1.chernobyl50_inactive
{
	font-size:64px;
	line-height: 1em;
	height: auto;
	letter-spacing: -9px;
}

h1.cheltenham65
{
	font-size:60px;
	line-height: 1em;
	height: auto;
	letter-spacing: 2px;
}

/* H3 PROJEKT */
h3.mercury19 /* Small */
{
	font-size: 16px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -2px;
}

h3.mercury26 /* Medium */
{
	font-size: 24px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -6px;
}

h3.mercury38 /* Large */
{
	font-size:36px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -8px;
}

/* H3 EVENEMANG */
h3.chernobyl35 /* Small */
{
	font-size: 30px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -2px;
}

h3.chernobyl60 /* Medium */
{
	font-size: 54px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -8px;
}

h3.chernobyl122 /* Large */
{
	font-size:108px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -8px;
}

/* H3 EVENEMANG */
h3.cheltenham25  /* Small */
{
	font-size: 18px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -2px;
}

h3.cheltenham30  /* Medium */
{
	font-size: 20px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: -4px;
}

h3.cheltenham44 /* Large */
{
	font-size: 44px;
	line-height: 1em;
	height: auto;
	margin-top: 0;
	margin-bottom: 2px;
}


h4.mercury18
{
	font-size:18px;
}

h4.mercury20
{
	font-size:20px;
	height:20px;
	color:#f54f4f;
}

/* test */
h2.header
{
	font-size:22px;
	height:22px;
	margin-bottom:5px;
}


/***** CONTENT AREAS :: CONTENT, PROJECTS, EVENTS *****/
div.index,
div.content,
div.projects,
div.events
{
	float:left;
	position:absolute;
	top:162px;
	left:40px;
	width:95%;
	height:auto;
}

/* Content */
div.index
{
	/*background: transparent url(../img/no1.gif) top left no-repeat;*/
}

div.index div
{
	float:left;
	height:135px;
	padding-top:10px;
	margin-right:40px;
	border-bottom:1px solid #d9d9d9;
}

div.index div.issues
{
	float: left;
	width:215px;
	height: 81px;
	padding:0;
	margin-right:0;
	border-bottom:none;
}

div.index div.issues a
{
	width:170px;
	height: 89px;
	margin:0;
	padding:0;
	display:block;
	background-position: top left;
	background-repeat: no-repeat;
}

div.index div.issues a:hover
{
	background-position: 0px -89px;
}
div.index div.archived
{
	width:140px;
	height: 79px;
}

div.index div.archived a
{
	width:140px;
	height: 79px;
}


div.index div.small
{
	width:220px;
}

div.index div.medium
{
	width:388px;
}

div.index div.large
{
	width:600px;
}

/* Projetcs & Events */
div.content div img
{
/*	margin: 12px 0 25px 20px;
	padding:0;*/
	float:left;
	width:74px;
	height:48px;
	display: block;
}

p.info
{
	float:left;
	display:block;
	width:290px;
	height:74px;
	line-height: 16px;
	padding: 11px 5px 0 0;
	vertical-align:middle;
}

p.mmm
{
	color:#f56161;
}

div.content div a
{
	float: left;
	display: block;
	width:74px;
	height:48px;
	margin: 10px 0 27px 6px;
	padding:0;
	background-position: 0 0;
	overflow/**/: hidden;
}

div.content div a.foton {background:url(../img/pict_foton.gif);}
div.content div a.lankar {background:url(../img/pict_lankar.gif);}
div.content div a.massa {background:url(../img/pict_massa.gif);}
div.content div a.merinfo {background:url(../img/pict_merinfo.gif);}
div.content div a.nyhet {background:url(../img/pict_nyhet.gif);}
div.content div a.partners {background:url(../img/pict_partners.gif);}
div.content div a.pressmeddelande {background:url(../img/pict_pressmeddelande.gif);}
div.content div a.program {background:url(../img/pict_program.gif);}
div.content div a.skrivut {background:url(../img/pict_skrivut.gif);}
div.content div a.workshop {background:url(../img/pict_workshop.gif);}


div.content div a:hover { background-position: 0 0; }
div.content div a:hover { background-position: 0 48px; }

/* * * * * * * FRONT PAGE IMAGE MAGIC * * * * * * */

    div.index div.small img,
    div.index div.medium img,
    div.index div.large img
    {
        float:left;
        margin-right:1em;
        margin-bottom:2em;
    } 
	

/* Projetcs & Events */
div.projects div img,
div.events div img
{
	margin: 10px 0 25px 20px;
	padding:0;
	float:left;
}

/* * * * * * * FRONT PAGE IMAGE MAGIC * * * * * * */

p.projectinfo,
p.eventinfo
{
	float:left;
	padding-right:20px;
	height:80px;
	width:290px;
	display:block;
	vertical-align:middle;
}

p.mmm
{
	color:#f56161;
}