/*
	Generell Textfärg: #777
	Länkar: #89BF00
	Hover länkar: #E2FC8C
	ORANGE : #ff6200
	blå: 3B95FF
*/

/* -- RESET ------------------------------------------------------------------------ */

	h1, h2
	{
		padding: 0; margin: 0;
	}
	
	img { 
		border: none;
		-ms-interpolation-mode: bicubic;
	}
	
/* =========== */
/* ! GENERAL   */
/* =========== */

	body {
		font-size: 12px;
		color: #777;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 18px;
		margin: 0 0 0 0px;
		padding: 0;
	}
	
	input {
		font-family: Helvetica, Arial, sans-serif;	
		font-size: 12px;		
	}
	
	a:link {
		color: #89BF00;
		text-decoration: none;
	}
	
	a:visited {
		color: #89BF00;
		text-decoration: none;
	}

	a:hover {
		color: #89BF00 !important; /*ff6200*/
		background-color: #E2FC8C;
	}
	
	a:active {
		color: #3B95FF;
	}	
	
	a.more-link {
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(images/arrow_m.png); 
		padding-left: 10px;
	}
	
	h1 {
		position: fixed;
		top:15px;
		left: 40px;
		z-index: 11;
	}
	h1 a:hover {background:none; }
	
	h2 {
		font-size: 24px;/* 24 */
		line-height: 30px;/* 30 */
		font-weight: normal;
		color: #000;
	}
	
	h3 {
		color: #000;
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}
	
	blockquote {
		border-left: 2px solid #ccc;
		padding-left: 5px;		
	}
	
	.largetext,
	.ingress {
		font-size: 16px;
		line-height: 22px;
	}
	
	.border {
		border: 1px solid #ccc;
	}
	
	.none {
		display: none;
	}
	
	.clear {
		clear: both;
	}
	
	/* WP-Modifiers */
	
	img.alignright,
	object.alignright {
		float: right;
		margin: 0 0 0 20px;
	}
	
	a:hover#fancy_left {background: none;}
	a:hover#fancy_right {background: none;}	
	
	
/* ============================= */
/* ! MAIN NAVIGATION & CONTACT   */
/* ============================= */

	ul#navigation {
		position: fixed;
		top:110px;
		left: 0px;
		width: 130px;
		margin: 0; /* 100px 0px 0 30px; */
		padding: 0 0 0 40px;	
		z-index: 10;
		list-style: none;
	}
		
	ul#navigation li {
		font-size: 16px;
		margin: 0;
		padding: 0;
		line-height: 24px;
		font-weight: normal;
	}
	
	ul#navigation ul {
		margin: 5px 0 5px 10px;
		padding: 0;
		list-style:none;
		display: none; /* init state */
	}
	
	ul#navigation ul li {
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		padding: 0;	
	}
	
	ul#navigation ul li.current_page_item a { /*background: #E2FC8C;*/ color:#3B95FF; }	
	
	#contactbox {
		position: fixed;
		bottom: 20px;
		left: 30px;
		width: 130px;
	}
	#contactbox p {	margin: 0; }
	#contactbox p a { color: #777; }	
	
/* ===================== */
/* ! BLOG (ON INSIDAN)   */
/* ===================== */

	ul#blog {
		width: 410px;
		margin: 110px 0 0px 190px;
		padding: 0;
		float: left;
		position: relative;
		z-index: 10;
		list-style: none;	
	}
	
	
	ul#blog > li {
		margin: 0 0 0px 0;	
		padding: 20px 0px 15px 0px;
		border-bottom: 2px solid #eee;
	}
	ul#blog > li:first-child { padding-top:0; }
	
	
	ul#blog > li > img {
	 	margin: 0 0 0em 0; 
		border: 1px dotted #eee;
		padding: 3px;
		margin-left: -3px
	}
	
	ul#blog li h2 {
/* 		font-size: 24px; */
/* 		line-height: 30px; */
		font-weight: normal;
	}
	ul#blog li h2 a { color: #000; }
	
	ul#blog ul.postmeta {list-style: none; margin: 0 0 0px 0; padding: 0; overflow: visible; height: 30px;}
	ul#blog ul.postmeta li {
		float: left;
		margin: 0 10px 0 0;
		font-size: 11px;
		background: #eee;
		padding: 0 10px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		position: relative;	
	}
	ul#blog ul.postmeta li,	ul#blog ul.postmeta li a { color:#999;}
/* 	ul#blog ul.postmeta li img { vertical-align: text-bottom; margin: 0 5px 0 0; } */
	ul#blog ul.postmeta li > span {
		display: block;
		position: absolute;
		top: -7px;
		left: 9px;
		background: #eee url(images/commentarrow.gif) no-repeat;
		width: 7px;
		height: 7px;
	}
/* 	ul#blog ul.postmeta li.tweet_this {	background: none; padding: 0; } */
/* 	ul#blog ul.postmeta li.tweet_this img { vertical-align: middle; } */
	ul#blog ul.postmeta li.share_this {	background: none; padding: 0; margin-top: 7px; } */
	
	ul#blog li.paging {border: none; overflow: visible;}
	ul#blog li.paging ul {list-style: none; margin: 0 0 30px 0; padding: 0; }
	ul#blog li.paging ul li:first-child {float:right;} /* äldre */
	ul#blog li.paging ul li:first-child a {
		background-image: url(images/arrow_m.png); 
	}	
	ul#blog li.paging ul li {float:left;} /* nyare */
	ul#blog li.paging ul li a {
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(images/arrow_m_left.png); 
		padding-left: 10px;
	}	
	
	
	ul#blog li ul {list-style: disc;} /* för att få fyllda bullets i inläggens listor */
	
	
	form#commentform textarea {
		width: 410px;
	}
	
/* =========================== */
/* ! UPPSNAPPAT (ON INSIDAN)   */
/* =========================== */

	
	#uppsnappat {
		float: left;
		width: 100%;
		margin: 110px 0 60px -600px;
		position: relative;
	}
	
	#uppsnappat ul {
		margin: 0 0 0 640px; 
		padding: 0;
		list-style: none;
		position: relative;
	}
	
	#uppsnappat ul li {
		margin: 0 5px 5px 0;
		padding: 5px;
/* 		border: 1px solid #c7c5bb; */
		width: 140px;
		background: #89BF00; /*#d9d7cb;*//* #e9f2fe; */ /* 65bffd */
		font-size: 11px;
		line-height: 15px;
		color: #000;
		overflow: hidden;
/* 		-moz-border-radius:3px; */
/* 		-webkit-border-radius:3px;	 */
	}
	
	#uppsnappat ul li:first-child {
		background: #000 url(images/blackbgr.png); /* #e9f2fe; ff6200 */ 
		color:#fff;
/*
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-topleft: : 20px;
		-webkit-border-top-left-radius: 20px;
*/

	}
	#uppsnappat ul li:first-child h3 {
		font-size: 24px; margin: 0px 0 10px 0; font-weight: normal; line-height: 34px;
		color: #fff;
	}
	
	
	#uppsnappat h3 {font-size: 13px; margin: 15px 0 10px 0; font-weight: bold; line-height: 15px;}
	#uppsnappat img {margin: 0 0 0 0;}
	
	#uppsnappat a {color:#000; border-bottom: 1px dotted #000;}	
	#uppsnappat a:hover {background: none !important; color: #000 !important; border-bottom: 1px solid #000;}
	
	#uppsnappat #final_block {
		visibility:hidden;
	}

/* ================= */
/* ! CONTACT/ABOUT   */
/* ================= */

	#aboutinfo {
		width: 410px; /*510*/
		margin: 110px 0 0 190px;
		padding: 0 0 60px 0;
		float: left;
		position: relative;
		z-index: 10;
		list-style: none;
	}
	
	#aboutinfo > h2:first-child {
		padding: 0px 0 0px 0;
		margin: 0 0 10px 0;

	}
	
	#aboutinfo>img {
		margin: 0 0 1em 0;
		width: 410px;
	}
	
	#aboutinfo h2+p{
		font-size: 16px;
	}
	
	#aboutinfo ul {
/*
		background-position: left top;
		background-repeat: no-repeat;
*/
		margin: 2em 0 0 0em;
		padding: 2em 0 0 3em;
		list-style: square;
		background: url(images/divider.gif) no-repeat left top;
	}
	#aboutinfo ul li {
		margin: 0 0 1em 0;
	}

	#aboutinfo .profile_rssfeed {
		margin: 2em 0 0 0em;
		padding: 2em 0 0 0;
		list-style: square;
		background: url(images/divider.gif) no-repeat left top;	
	}
	
	#aboutinfo .profile_rssfeed ul {
		background: none;
		margin: 0;
		padding-top: 0;
		
	}		
	
	
	#profiles {
/* 		float: left; */
		width: 100%;
		max-width: 1400px;
		margin: 110px 0 0px -0px; /* -600 */
		position: absolute; 
		top:0;
		left: 0;
	}
	
	#profiles ul {
		margin: 0 0 0 640px; 
		list-style: none;
		padding: 0;
		position: relative;
		overflow: auto;
	}
	
	#profiles ul li {
		float: left;
		margin: 0 10px 20px 0px;
		padding: 0px;
		width: 100px;
		background: #fff;/* #e9f2fe; */
		font-size: 11px;
		line-height: 15px;
		white-space: nowrap;
/*
		-moz-border-radius:3px;
		-webkit-border-radius:3px;			
*/
	}
	
	#profiles ul li img {
		width: 100px;
		height: 100px;
		padding: 0px;
	}
	
	#profiles ul li a {/* color:#000; */ display: block; }
/* 	#profiles ul li a:hover {background: none !important; color: #000 !important; }	 */
		

/* ===================== */
/* ! SHOWCASE OVERVIEW   */
/* ===================== */

	.page_showcasegallery {
		background: black;
	}

	.page_showcasegallery h2, .page_showcasegallery h3, .page_showcasegallery p {
		color:#666;
	}

	#showcasegallery {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 110px 0 60px 0;
		position: relative;
		overflow: auto;
	}	
	
	#showcasegallery h2 {
		margin: 0 0 10px 190px;
		font-size: 16px;
		line-height: 24px;
		font-weight: normal;
	}
	
	#showcasegallery ul { margin: 0 0 0 190px; padding: 0; position: relative; list-style: none;}
	
	#showcasegallery ul li {
		float: left;
		width: 285px;
		margin: 0px 5px 5px 0;
		padding: 5px 5px 10px 5px;
		background: #000; /* #D9D7CB; */
	}
	
	#showcasegallery ul li img { display: block;}
	#showcasegallery ul li h3 {margin: 10px 0 0 0; color: #aaa;}	
	#showcasegallery ul li p { margin: 0 0 0px 0; font-size: 11px; color: #666; line-height: 15px;}

	
	#showcasegallery>ul>li>div a {
		display: none;
	}	
	#showcasegallery ul li div a:first-child {display: inline;}

	#showcasegallery .showcasetags ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#showcasegallery .showcasetags ul li {
		width: auto;
		margin: 7px 5px 0 0;
		padding: 0 0 0 14px;
		background: transparent;
		font-size:  11px;
		height: 18px;
		position: relative;
	}
	
	#showcasegallery .showcasetags ul li span {
		display: block;
		height: 18px;
		width: 14px;
		background: url(images/tag.png) 0 0;
		position: absolute;
		top: 0;
		left: 0;
	}	
	
	#showcasegallery .showcasetags ul li a {
		display: block;
		background: url(images/tag.png) right 0;
		height: 18px;
		padding: 0 5px 0 0;
		color: #666;
		
	}
	
/* =================== */
/* ! GENERAL SIDEBAR   */
/* =================== */

	#sidebar {
		float: left;
		width: 100%;
		margin: 110px 0 60px -600px;
		position: relative;
	}
	
	#sidebar h3 {
		line-height: 20px;
	}
	
	#sidebar > ul {
		margin: 0 0 0 640px; 
		padding: 0;
		list-style: none;
		position: relative;
	}
	
	#sidebar ul li {
		margin: 0 0 20px 0;
		padding: 0;
		width: 130px;
		font-size: 11px;
		line-height: 15px;
	}
	
	#sidebar > ul ul {
		margin: 1em 0;
		padding: 0;
		list-style: none;
	}
	#sidebar > ul ul li {
		margin: 0px 0 0 0;
	}
	
/* ======= */
/* ! PAGE  */
/* ======= */

	#page {
		float: left;
		width: 800px;
		margin: 110px 0px 0px 190px;
		padding: 0 0 60px 0;
		position: relative;
	}
	
	#page img.alignright,
	#page object.alignright	{
		margin: 0px -240px 20px 20px;
	}
	
	#page p, 
	#page ul 
	 {
/* 		width: 560px; */
		margin: 0 240px 1em 0;
	
	}
	
	#page h2 {
		border-bottom: 2px #eee solid;
		padding: 0 0 18px 0;
		margin: 0 0 18px 0;
	}
	
	#page p.ingress {
/*
		font-size: 16px;
		line-height: 24px;
		margin: 1em 0 0em 0;
		padding: 0 0 10px;
		width: 800px;
		border-top: 2px #eee solid;
*/
	}
	
	#page blockquote {
		float: right;
		margin: 0 0 0 20px;
		padding: 0;
		border: none;
	}

	#page blockquote p, #showcasepost blockquote h3 {
		width: 200px;
		margin: 0;
	}
	#page blockquote p {
		font-size: 16px;
	}

	#page blockquote p.cite {
		font-size: 12px;
		margin: 1em 0 0 0;
		padding: 1em 0 0 0;
		background: url(images/divider.gif) no-repeat left top;
	}	
	

/* =========== */
/* ! TWITTER   */
/* =========== */


	#twitlist {
		position: absolute;
		top:25px;
		left: 635px;
	}
	#twitlist > img:first-child {
/* 		border: 1px solid #ccc; */
		padding: 5px;
/* 		background: #eee; */
	
	}
	
	#twitlist div {
		width: 325px;
	
		position: absolute;
		top: 0px;
		left: 61px;
	}
	
	#twitlist div p {
		padding: 5px 10px 5px 20px;
		min-height: 44px;
		border: 1px solid #ccc;
		margin: 0;
		color: #000;
		font-size: 11px;
		line-height: 15px;	
	}
	#twitlist div p	em {
		color: #777;
		white-space: nowrap;
	}
	
	#twitlist div img {
		height: 100%;
		position: absolute;
		top:-0px;
		left: -0px;
	}

/* ============== */
/* ! STARTSIDAN   */
/* ============== */


	#large_feature {
		width: 1200px;
		height: 600px;		
		margin: 0;
		padding: 0;
		position: absolute;
		top:0px;
		left: 190px;
		z-index: 0;
		background: url(images/startbgr.jpg);
		display: none;
	}
	
	#large_feature p {
		font-size: 20px;
		line-height: 30px;
		margin: 30px 15px;
/* 		color: #fff; */
	}

	ul#feature {
		margin: 0;		
		padding: 0;
		list-style: none;
		bottom:20px;
		left: 620px;
		position: absolute;
	}
	
	ul#feature li {
		width: 190px;
		float: left;
		margin: 0;
	}
	ul#feature li:first-child {
		margin-right: 20px;
	}
	
	ul#feature li p {
		margin: 0 0 10px 0;
	}
	
	ul#feature li p:first-child {margin: 0;}
	
	ul#feature li img {
		margin: 0 0 15px 0;
		padding: 0;
		vertical-align: bottom;
	}
	
	ul#feature li h2 {
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 5px 0;
		font-weight: normal;
	} 	
	
	ul#startpagenews {
		position: absolute;
		bottom: 20px;
		left: 190px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul#startpagenews li {
		width: 380px;
		padding: 0;
		margin: 10px 0 0 0;
	} 	

	ul#startpagenews li h3 {
		margin: 0 0 0px 0;
		font-size: 16px;
		line-height: 25px;
		font-weight: normal;
	}
	ul#startpagenews li h3 a { color: #000; }
	
	ul#startpagenews li p {	
		margin: 0;
	}

/* ================ */
/* ! Meta Contact   */
/* ================ */

	#metacontact {
		float:left;
		clear: both;
		background: black;
		width:100%;
/* 		overflow: auto; */
		position: relative;
	}

	#metacontact #about {
		float: left;
		padding: 30px 0 30px 30px;
		width: 570px; /*410+160*/
	}
	
	#metacontact #about h2 {
		color: white;
		font-size: 16px;		
		line-height: 24px;
		display: inline;
		font-weight: bold;
	}
	
	#metacontact p {
		font-size: 16px;		
		line-height: 24px;
		margin: 1em 0 0 0;
		display: inline;
	}
	
	#metacontact #newsletter {
		float: left;
		width:140px;
		padding: 30px 0 30px 40px;
	}

	#metacontact #newsletter h2 {
		color: white;
		font-size: 16px;		
		line-height: 24px;
		margin: 0;
		font-weight: bold;
	}	
	
	#metacontact #newsletter p {
		margin: 0;
		font-size: 11px;
		line-height: 15px;
	}
	
	#metacontact #newsletter input.formfield {
		width: 140px;
/* 		background-color: #777777;  */
	}
	
			
/* ============== */
/* ! Flickrfeed   */
/* ============== */

	#flickrfeed {
		position: absolute;
		right: 30px;
		top: -20px;
	}
	
	#flickrfeed>span {
		display: block;
		position: absolute;
		top:0;
		right:-30px;
		background: url(images/flickrimagecorner.png);
		width: 30px;
		height: 60px;
	}
	
	#flickrfeed img {
		width: 140px;
		display: block;
	}
	
	#flickrfeed img.flickrloader {
		width: 24px !important;
		height: 24px;
		
	}
	
	#flickrfeed p { 
		margin: 0;
		padding: 4px 5px;
		font-size: 10px;
		background: rgba(0,0,0,0.7);
		position: absolute;
		left: 0;
		bottom: 0;
		width: 130px;
		overflow: hidden;
		white-space: nowrap;
		line-height: 10px;
/* 		width: 110px; */
	}
	
	#flickrfeed p a {
		color: #005aff;
	}
	#flickrfeed p a:hover { background: none; color: #005aff!important; }
	#flickrfeed p a span {
		color: #ff0066 !important;
	}
	
/* ========= */
/* ! Blurb   */
/* ========= */

.blurb {
	display: none;
	left:-9999px;
}

body.home .blurb {
	display: block;
	position: fixed;
	top:260px;
	left: 40px;
	width: 110px;
	padding: 20px 10px 10px 10px;
	height: 30px;
	background: url(images/blurb.jpg);
	z-index: 11;
}



.blurb p {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	margin: 0;
}

.blurb a,
.blurb a:link,
.blurb a:visited,
.blurb a:active,
.blurb a:hover,
.blurb a:focus
 {
	color: #999 !important;
	background: none;
}
	
/* ================ */
/* ! IE 6 MESSAGE   */
/* ================ */
	
	#ie6message {
		position: absolute;
		background: black;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	#ie6message h2 {
		font-size: 16px;
		color: #fff;
		margin: 0 30px;
	}
	#ie6message p {
		margin: 0 30px 1em 30px;
	}