/* CSS Document */
/* Theme1 for White.se */
/* By Magnus Torstensson & Kristian Bengtsson */
/* FutureLab.se */

 
	/***************/
	/* Color table */
	/***************/
	
		.color_table {
	
			color:#756a8a; /* old_mellow */
			color:#857a9a; /* new_old_mellow */			
			color:#9583b7; /* mellow */			
			color:#db55cd; /* accent */
			color:#b449cb; /* softaccent */
			color:#adae9e; /* highlight */
		
			/* SelectableImage IMG_1 */
			/* SelectableImage IMG_2 */
			/* SelectableImage IMG_3 */
			/* SelectableImage IMG_4 */
			/* SelectableImage IMG_5 */
			/* SelectableImage IMG_6 */
			/* SelectableImage IMG_7 pageheader_control stripes*/
		} 


body {

	/* skinnable: */
	background:white;
	color:black;
}

body.index {

	/* skinnable: */
	background:black;
	color:white;
}

	div.wrapper {
	/* this div is used for cosmetic purposes only. */
	/* it can hold additional background-images for enhanced expressive freedom */
	}
	
	div.wrapper div.footersegment {
		margin:0;
		padding:0;
		text-align:center;

		/* skinnable: */
		background:black;
	}

/* page (index-page) */

	div.wrapper div.page {

		/* skinnable: */
		background-color:black; /* background-color needs to be defined lest IE6 screws up (occasionally forgets to render) the background images of child elements*/
/* mt_meck: */
/*		background-image:url(pix/indextop/index_testtop_920x537.jpg);*/ /* SelectableImage IMG_1 */
/*		background-position:top left; */
/*		background-repeat: no-repeat; */
		color:white;
/*		padding-top:391px;*/
	}
	
	div.wrapper div.page div.content_control {

}

/* flatpage (info-pages, permalink-pages) */

	div.wrapper div.flatpage {
		/* skinnable: */
		background:white;
		color:black;

	}


/* poppage_sheet */

	div.wrapper div.poppage_sheet {
		/* skinnable: */
		background:white;
		color:black;
	}

/* body.index div.globalnavigation */
	body.index div.wrapper div.globalnavigation {

		/* skinnable: */
		background-color:none;
		background-image:none;
		background-position:top left;
		background-repeat: no-repeat;
	}

/* body.flatpage div.globalnavigation */
	body.flatpage div.globalnavigation {

		/* skinnable: */
		background-color:black;
		background-image:none;
		background-position:top left;
		background-repeat: no-repeat;
	}

/* ul.globalhome */
	div.wrapper ul.globalhome {

		/* skinnable  */
		color:#9583b7; /* mellow */
	}

	
	div.wrapper ul.globalhome li a {
		/* skinnable  */
		background-image:url(pix/globalnavigation/nav_animation_anim2.gif); /* SelectableImage IMG_3 */
		color:#9583b7; /* mellow */
	}

	div.wrapper ul.globalhome li a span {

		/* skinnable  */
		background-image:url(pix/globalnavigation/nav_animation_anim3.gif); /* SelectableImage IMG_4 */
	}
	
	div.wrapper ul.globalhome li.selected a span {
		
		/* skinnable  */
		border-color:#9583b7; /* mellow */
		color:#9583b7; /* mellow */
	}

  	div.wrapper ul.globalhome li.crumb a {
		/* skinnable  */
		color:#9583b7; /* mellow */
	}

  	div.wrapper ul.globalhome li.crumb a:hover {
		/* skinnable  */
		color:white;
	}

  	div.wrapper ul.globalhome li.selected a span {

		/* skinnable  */
		border-color:#9583b7; /* mellow */
		color:#9583b7; /* mellow */
	}

	div.wrapper ul.globalhome li.selected a:hover span {

		/* skinnable  */
		color:#ffffff;
	}

/* ul.globalnavigation */
	div.wrapper ul.globalnavigation {

		/* skinnable  */
		color:#9583b7; /* mellow */
	}

	div.wrapper ul.globalnavigation li a,
	div.wrapper ul.globalnavigation li a:link,
	div.wrapper ul.globalnavigation li a:visited,
	div.wrapper ul.globalnavigation li a:hover,
	div.wrapper ul.globalnavigation li a:active {

		/* skinnable  */
		background-image:url(pix/globalnavigation/nav_animation_anim2.gif); /* SelectableImage IMG_3 */
		color:#9583b7; /* mellow */
	}

	div.wrapper ul.globalnavigation li a span {

		/* skinnable  */
		background-image:url(pix/globalnavigation/nav_animation_anim3.gif); /* SelectableImage IMG_4 */
	}

	div.wrapper ul.globalnavigation li a:hover {

		/* skinnable  */
		background-color:black;
		color:white;	
	}

	div.wrapper ul.globalnavigation li.mainmenulink a span {
		background-color:#756a8a;
		color:white;
	}
	div.wrapper ul.globalnavigation li.mainmenulink a:hover span {
		background-color:black;
		color:white;
	}

	div.wrapper ul.globalnavigation li.selected a,
	div.wrapper ul.globalnavigation li.selected a:link,
	div.wrapper ul.globalnavigation li.selected a:visited,
	div.wrapper ul.globalnavigation li.selected a:hover,
	div.wrapper ul.globalnavigation li.selected a:active {

		/* skinnable  */
		background:white;
		color:black;	
	}

  	div.wrapper ul.globalnavigation li.selected a span {

		/* skinnable  */
		background:white;
	}


/* pageheader */

	div.wrapper div.pageheader_control h1 {
	/*skinnable: TODO */
	background-image:url(pix/headerstripes/headerstripes2_848x100.png); /* SelectableImage IMG_7 */
}

/* FOOTER */

	div.wrapper div.footer_segment div.module_920 {
		/* skinnable: */
		background-color:none;
		background-image:url(pix/footer/logotestbot.jpg); /* SelectableImage IMG_5 */
		background-position:top right;
		background-repeat: no-repeat;
	}

	body.index div.wrapper div.footer_segment div.module_920 {
		border-top:1px solid white;
		border-color:#9583b7;
	}


/* footer_control */

	div.wrapper div.footernav_control {
	
		/* skinnable: */
		background-color:none;
		background-image:url(pix/indexcols/testcolbg.gif); /* SelectableImage IMG_2 */
		background-position:0 0;
		background-position:0 50%;
		background-repeat: repeat;
		color:#9583b7; /* mellow */
	}
	
	div.wrapper div.footernav_control h1 {

	/* skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.footernav_control a {
	/* skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.footernav_control li.selected a,
	div.wrapper div.footernav_control li a.selected {
	/* skinnable: */
	color:#db55cd; /* accent */
	border-color:#db55cd; /* accent */
}
	

	div.wrapper div.footernav_control a:hover,
	div.wrapper div.footernav_control li.selected a:hover,
	div.wrapper div.footernav_control li a.selected:hover {
		color:#db55cd; /* accent */
		border-color:#db55cd; /* accent */
	}

/* IMAGES */

	div.wrapper div.content_control div.firstpage_images {
	/* skinnable: */
	background-color:#000000;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
}
	
	div.wrapper div.content_control div.experience_images {
	/* skinnable: */
	background-color:#ffffff;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
}

/* FLAT EXPERIENCE */

	div.wrapper div.content_control h2 {
	/* skinnable: */
	color:#000000;

}
	
	div.wrapper div.content_control div.exp_project,
div.wrapper div.content_control div.exp_people,
div.wrapper div.content_control div.exp_numbers {

	/* skinnable: */
	background:#ffffff;
	color:#9583b7; /* mellow */
	color:#000000;
}
	
	div.wrapper div.content_control div.exp_project a,
div.wrapper div.content_control div.exp_people a,
div.wrapper div.content_control div.exp_numbers a {
	/* skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.content_control div.exp_project a:hover,
div.wrapper div.content_control div.exp_people a:hover,
div.wrapper div.content_control div.exp_numbers a:hover {
	/* skinnable: */
	color:#db55cd; /* accent */
	border-bottom-color:#db55cd; /* accent */
}
	
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control {
	/* skinnable: */
	background-color:#000000;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
}
	
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control  div.flatpage_menu_control_inner {
	/* skinnable: */
	background-color:transparent;
	background-image:url(pix/indexcols/testcolbg.gif); /* SelectableImage IMG_2 */
	background-position:0 0;
	background-repeat:repeat;
}
	
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control  div.flatpage_menu_control_inner a {
	/* skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control  div.flatpage_menu_control_inner a.selected {
	/* skinnable: */
	color:#db55cd; /* accent */
	border-bottom-color:#db55cd; /* accent */
}
	
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control  div.flatpage_menu_control_inner a:hover,
	div.wrapper div.flatpage div.content_control div.flatpage_menu_control  div.flatpage_menu_control_inner a.selected:hover {
	/* skinnable: */
	color:#db55cd; /* accent */
	border-bottom-color:#db55cd; /* accent */
}


/* EXPERIENCES, ISSUES, LIVE */
	div.wrapper div.experiences div.content_control div.item h1,
	div.wrapper div.issues div.content_control div.item h1 {
	/*	skinnable: */
	color:#adae9e; /* highlight */

}

	div.wrapper div.content_control div.item {
		/*	skinnable: */
		background-color:none;
		background-image:url(pix/indexcols/testcolbg.gif); /* SelectableImage IMG_2 */
		background-position:0 0;
		background-position:0 50%;
		background-repeat: repeat;
}

	div.wrapper div.experiences div.content_control div.item p.intro,
	div.wrapper div.issues div.content_control div.item p.intro {
	/*	skinnable: */
/*	color:#adae9e; /* highlight */

	
	}
	
	div.wrapper div.content_control div.item ul li.divider,
	div.wrapper div.content_control div.item span.divider,
	div.wrapper div.content_control div.display_item ul li.divider,
	div.wrapper div.content_control div.display_item span.divider {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.content_control div.item ul li a,
	div.wrapper div.content_control div.item p.actions a {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}
	
	div.wrapper div.content_control div.item ul li a.permalink,
	div.wrapper div.content_control div.item p.actions a.permalink {
	/*	skinnable: */
	color:#9583b7; /* mellow */
	border-color:#9583b7; /* mellow */
}
	
	div.wrapper div.content_control div.item ul li a:hover,
div.wrapper div.content_control div.item ul li a.permalink:hover {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}



/* EXPERIENCES */

	div.wrapper div.experiences div.content_control div.item h2 {
	/*	skinnable: */
	color:#adae9e; /* highlight */

}
	
	div.wrapper div.experiences div.content_control div.item p,
	div.wrapper div.experiences div.item p,
	div.wrapper div.issues div.item p,
	div.wrapper div.live div.item p  {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}

/* ISSUES */

	div.wrapper div.issues div.content_control div.item h2 {
	/*	skinnable: */
	color:#adae9e; /* highlight */

}
	
	div.wrapper div.issues div.content_control div.item p.info,
	div.wrapper div.experiences div.item p.info,
	div.wrapper div.issues div.item p.info,
	div.wrapper div.live div.item p.info {
	/*	skinnable: */
	color:#9583b7; /* mellow */
	}
	
	div.wrapper div.issues div.content_control div.item p.info span {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.issues div.content_control div.item p {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.issues div.content_control div.item p.info a {
	/*	skinnable: */
	color:#9583b7; /* mellow */
	border-color:#9583b7; /* mellow */
}
	
	div.wrapper div.issues div.content_control div.item p.info a:hover {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}

	div.wrapper div.issues div.content_control div.item p.info a.selected {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}


/* LIVE */

	div.wrapper div.live div.content_control div.item p.info a:hover {
	/*	skinnable: */
	color:#db55cd; /* accent */
	border-color:#db55cd; /* accent */
}
	
	div.wrapper div.live div.content_control div.item p.info a {
	/*	skinnable: */
	color:#9583b7; /* mellow */
	border-color:#9583b7; /* mellow */
}
	
	div.wrapper div.live div.content_control div.item dl dt {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.live div.content_control div.item dl dd {
	/*	skinnable: */
	color:#9583b7; /*mellow !*/
}
	
	div.wrapper div.live div.content_control div.item dl dd.what {
	/*	skinnable: */
	color:#adae9e; /* highlight */
}
	
	div.wrapper div.live div.content_control div.item dl dd.when,
div.wrapper div.live div.content_control div.item dl dd.where {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.live div.content_control div.item dl.info dt {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.live div.content_control div.item dl.info dd {
	/*	skinnable: */
	color:#9583b7; /* mellow */
}
	
	div.wrapper div.live div.content_control div.item dl dd a {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}
	
	div.wrapper div.live div.content_control div.item dl dd a:hover {
	/*	skinnable: */
	color:#b449cb; /* softaccent */
	border-color:#b449cb; /* softaccent */
}

div.wrapper div.content_control div.submitcomment {
	 background-image:url(pix/indexcols/testcolbg.gif); /* SelectableImage IMG_2 */
}
	
	div.wrapper div.experiences div.content_control p.intro a,
	div.wrapper div.issues div.content_control p.intro a,
	div.wrapper div.live div.content_control p.intro a {
		color:#9583b7; /* mellow */
		border-color:#9583b7;

	}

	div.wrapper div.experiences div.content_control div.item p.intro a:hover,
	div.wrapper div.issues div.content_control div.item p.intro a:hover,
	div.wrapper div.live div.content_control div.item p.intro a:hover {
		color:#db55cd; /* MAKE SKINNABLE */
		border-color:#db55cd;
	}


	div.wrapper div.experiences div.content_control div.item h2 a,
	div.wrapper div.issues div.content_control div.item h2 a,
	div.wrapper div.live div.content_control div.item h2 a,
	div.wrapper div.live div.content_control div.item dd.what a  {
		color:#adae9e; /* MAKE SKINNABLE */

	}

	div.wrapper div.experiences div.content_control div.item h2 a:hover,
	div.wrapper div.issues div.content_control div.item h2 a:hover,
	div.wrapper div.live div.content_control div.item h2 a:hover,
	div.wrapper div.live div.content_control div.item dd.what a:hover  {
		color:#b449cb; /* MAKE SKINNABLE */
	}	
	
	
	div.wrapper div.content_control div.submitcomment h2 {
		/* skinnable: */
		color:#adae9e;
	}
	
	div.wrapper div.content_control div.submitcomment textarea {
 	/* skinnable: */
	color:#9583b7; /* mellow */
	border-bottom-color:#9583b7; /* mellow */
}


	div.wrapper div.content_control div.submitcomment input {
		/* skinnable: */
		color:#9583b7; /* mellow */
		border-bottom-color:#9583b7; /* mellow */
	}
	
	div.wrapper div.content_control div.submitcomment button {
		/* skinnable: */
		color:#9583b7; /* mellow */
		border-bottom-color:#9583b7; /* mellow */
	}