/*
Theme Name: Jonk
Theme URI: http://jonk.pirateboy.net/blog/category/bloggeriet/wordpress/wordpress-teman/jonk/
Description: WordPress theme initially made for Jonks blog
Author: Jonk
Author URI: http://jonk.pirateboy.net/
Tags: white, two-columns, fixed-width
Version: 1.29

	This theme was designed and built by Johan (Jonk) Stenstr&ouml;m ,
	whose blog you will find at http://jonk.pirateboy.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
*{outline: none;}
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%; background: #E7EEF7; font-family: Helvetica,Verdana;
}
FORM {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
SELECT {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
OPTION {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
INPUT {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
TEXTAREA {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
BODY {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
TABLE {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
TR {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #0099FF; FONT-SIZE: 11px; TEXT-DECORATION: none
}
PRE {
	FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; COLOR: #333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
BODY {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #E7EEF7; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
FORM {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
H1 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px; font-style: italic;
}
H2 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px; font-style: italic;
}
H3 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H4 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H5 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H6 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
h7 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H1 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H2 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H3 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H4 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H5 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H6 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
h7 A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H1 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H2 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H3 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H4 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H5 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H6 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
h7 A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: capitalize; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; FONT-SIZE: 24px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
H2 {
	FONT-SIZE: 19px
}
H3 {
	FONT-SIZE: 15px
}
H4 {
	FONT-SIZE: 14px
}
H5 {
	FONT-SIZE: 13px
}
H6 {
	FONT-SIZE: 12px
}
h7 {
	FONT-SIZE: 11px
}
A {
	TEXT-DECORATION: none
}
A:link {
	TEXT-DECORATION: none
	color:#191919;
}
A:active {
	TEXT-DECORATION: none
	color:#191919;
}
A:visited {
	TEXT-DECORATION: none
	color:#191919;
}
A:hover {
	COLOR: #00ADEE; TEXT-DECORATION: underline
}
#allContainer {
	TEXT-ALIGN: left; WIDTH: 1105px; HEIGHT: 100%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#header {
	WIDTH: 1105px; HEIGHT: 0px
}
#header #headerContainer {
	DISPLAY: block; HEIGHT: 0px; MARGIN-LEFT: 102px
}
#header #headerContainer #headerLogo {
	DISPLAY: none
}
#header #headerContainer #titleContent {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#header #headerContainer #titleContent H1 {
	TEXT-TRANSFORM: none; MARGIN-BOTTOM: -5px; COLOR: #000; FONT-SIZE: 20px
}
#header #headerContainer #titleContent H1 A {
	TEXT-TRANSFORM: none; MARGIN-BOTTOM: -5px; COLOR: #000; FONT-SIZE: 20px
}
#header #headerContainer #titleContent #subHeader {
	COLOR: #000
}
#menu #searchform .hidden {
	DISPLAY: none
}
#menu #menuSearch #searchform DIV {
	PADDING-RIGHT: 5px; FLOAT: right
}
#menu #menuSearch {
	FLOAT: right
}
#header #menuSearch #s {
	FILTER: alpha(opacity=70); COLOR: #000; -moz-opacity: .70; opacity: .70
}
#header #menuSearch #searchsubmit {
	
}
#menuSearch {
	PADDING-LEFT: 5px; PADDING-RIGHT: 15px; FLOAT: left; PADDING-TOP: 4px
}
#contentContainer {
	TEXT-ALIGN: left; WIDTH: 1105px; background: #E7EEF7; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#contentContainer #allContentWidth {
	WIDTH: 1105px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#contentContainer #menuUnder {
	WIDTH: 801px;  HEIGHT: 0px; MARGIN-LEFT: 102px; background: #E7EEF7;
}
#mainContent {
	WIDTH: 700px; DISPLAY: inline; FLOAT: left
}
.date {
	WIDTH: 102px; DISPLAY: inline; BACKGROUND: url(images/date.gif) no-repeat; FLOAT: left; HEIGHT: 99px; COLOR: #fff;
}
.date SPAN {
	
}
.date .dateContainer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; WIDTH: 100px; PADDING-RIGHT: 0px; PADDING-TOP: 39px
}
.noDate {
	WIDTH: 102px; DISPLAY: inline; FLOAT: left; HEIGHT: 1px; COLOR: #666
}
.post {
	WIDTH: 590px; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 33px
}
.post .postInnerPadding {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 50px; PADDING-RIGHT: 20px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.post H2 {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 22px; FONT-SIZE: 19px; OVERFLOW: hidden; TEXT-DECORATION: none
}
.post H2 A {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 22px; FONT-SIZE: 19px; OVERFLOW: hidden; TEXT-DECORATION: none; 
}
.post P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 11px; PADDING-TOP: 0px
}
.post A {
	TEXT-DECORATION: underline; 
}
.post A IMG {
	BORDER-BOTTOM: #C1C1C1 2px solid; BORDER-LEFT: #C1C1C1 2px solid; BORDER-TOP: #C1C1C1 2px solid; BORDER-RIGHT: #C1C1C1 2px solid
}
.post .postFooter {
	DISPLAY: block; CLEAR: both; PADDING-TOP: 5px
}
.image .navigation {
	MARGIN: 0px 0px 20px
}
.image .navigation .alignleft {
	FLOAT: left
}
.image .navigation .alignright {
	FLOAT: left
}
.imagelink {
	MARGIN-BOTTOM: 5px; FLOAT: left; MARGIN-RIGHT: 5px
}
.alignleft {
	MARGIN-BOTTOM: 5px; FLOAT: left; MARGIN-RIGHT: 5px
}
.alignright {
	MARGIN-BOTTOM: 5px; FLOAT: right; MARGIN-LEFT: 5px
}
.aligncenter {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.commentlist .alt {
	BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 20px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #f8f8f8; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 20px
}
H3#comments {
	MARGIN: 30px 0px
}
H3#respond {
	MARGIN: 30px 0px
}
.commentlist {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.commentlist LI {
	PADDING-BOTTOM: 5px; LIST-STYLE-TYPE: none; MARGIN: 15px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; LIST-STYLE-IMAGE: none; PADDING-TOP: 5px
}
.commentlist LI .avatar {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #fff; FLOAT: right; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 2px
}
.commentlist .fn {
	FONT-WEIGHT: bold
}
.commentlist P {
	TEXT-TRANSFORM: none; MARGIN: 10px 5px 10px 0px; FONT-WEIGHT: normal
}
.commentlist CITE {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: normal; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.commentlist CITE A {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FONT-STYLE: normal; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.commentlist LI.author .avatar {
	BORDER-BOTTOM: #669933 1px solid; BORDER-LEFT: #669933 1px solid; BORDER-TOP: #669933 1px solid; BORDER-RIGHT: #669933 1px solid
}
.nocomments {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.commentmetadata {
	MARGIN: 0px; DISPLAY: block
}
#commentform #submit {
	FLOAT: right
}
#commentform #comment {
	WIDTH: 500px
}
#idc-container-parent {
	WIDTH: 500px; FLOAT: right; MARGIN-RIGHT: 20px
}
.archive UL {
	PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.sideHeader {
	WIDTH: 240px; HEIGHT: 130px; PADDING-TOP: 20px
}
.innerSidebar {
	MARGIN-TOP: 40px; MARGIN-BOTTOM: 50px; MARGIN-LEFT: 40px
}
.blogDescription {
	FONT-STYLE: italic; MARGIN-TOP: 10px; PADDING-RIGHT: 30px; MARGIN-BOTTOM: 40px
}
#sidebar {
	MIN-HEIGHT: 600px; WIDTH: 245px; DISPLAY: inline; BACKGROUND: #E7EEF7; FLOAT: right; MARGIN-LEFT: 10px; OVERFLOW: hidden; MARGIN-RIGHT: 105px
}
#sidebar UL {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; LIST-STYLE-IMAGE: none; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#sidebar UL OL {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; LIST-STYLE-IMAGE: none; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#sidebar LI {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; LIST-STYLE-IMAGE: none; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#sidebar H2 {
	FILTER: alpha(opacity=80); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; BACKGROUND-COLOR: #dadada; PADDING-LEFT: 5px; WIDTH: 230px; PADDING-RIGHT: 5px; DISPLAY: block; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: normal; PADDING-TOP: 4px; -moz-opacity: .80; opacity: .80
}
#sidebar LI UL {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #E7EEF7; PADDING-LEFT: 5px; WIDTH: 190px; PADDING-RIGHT: 5px; DISPLAY: block; MARGIN-BOTTOM: 20px; OVERFLOW: hidden; PADDING-TOP: 5px
}
.aroundTheWebList {
	POSITION: relative; HEIGHT: auto; TOP: 5px
}
.aroundTheWeb A {
	MARGIN-LEFT: 5px
}
#sidebar .archive A {
	TEXT-TRANSFORM: capitalize
}
#sidebar .archive #archiveSelect {
	TEXT-TRANSFORM: capitalize; WIDTH: 100%
}
#sidebar #pages LI UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#sidebar .rss {
	LINE-HEIGHT: 18px; PADDING-LEFT: 18px; DISPLAY: block; BACKGROUND: url(images/rss.gif) no-repeat 0px 1px; HEIGHT: 18px
}
#sidebar .link_icon {
	LINE-HEIGHT: 19px; PADDING-LEFT: 19px; DISPLAY: block; HEIGHT: 19px
}
#sidebar .bloggy_link {
	BACKGROUND: url(images/link_icons/bloggy.gif) no-repeat 0px 1px
}
#sidebar .youtube_link {
	BACKGROUND: url(images/link_icons/youtube.gif) no-repeat 0px 1px
}
#sidebar .facebook_link {
	BACKGROUND: url(images/link_icons/facebook.gif) no-repeat 0px 1px
}
#sidebar .flickr_link {
	BACKGROUND: url(images/link_icons/flickr.gif) no-repeat 0px 1px
}
#sidebar .bambuser_link {
	BACKGROUND: url(images/link_icons/bambuser.gif) no-repeat 0px 1px
}
#sidebar .twitter_link {
	BACKGROUND: url(images/link_icons/twitter.gif) no-repeat 0px 1px
}
#sidebar .jaiku_link {
	BACKGROUND: url(images/link_icons/jaiku.gif) no-repeat 0px 1px
}
#sidebar #wp-calendar {
	TEXT-ALIGN: center; TEXT-TRANSFORM: capitalize; WIDTH: 100%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#sidebar #wp-calendar A {
	TEXT-DECORATION: underline
}
#sidebar .categories .children {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 0px; PADDING-TOP: 0px
}
#sidebar #photoAlbum {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px
}
#sidebar .bloggy_ul {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 230px; PADDING-RIGHT: 0px; DISPLAY: block; MARGIN-BOTTOM: 0px; PADDING-TOP: 5px
}
#sidebar .bloggy_ul LI {
	BACKGROUND-COLOR: #fff; MARGIN-BOTTOM: 5px
}
#sidebar .bloggy-meddelande {
	BORDER-BOTTOM: #e1e1e1 1px solid; BORDER-LEFT: #e1e1e1 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: block; BORDER-TOP: #e1e1e1 1px solid; BORDER-RIGHT: #e1e1e1 1px solid; PADDING-TOP: 2px
}
#sidebar .bloggy-link {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
#sidebar .bloggy-tid {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.clearer {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden
}
.screen-reader-text {
	DISPLAY: none
}
.navigation {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px 122px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px
}
.postInnerPadding .navigation {
	MARGIN: 0px 0px 20px
}
.navigation .alignleft {
	FLOAT: left
}
.navigation .alignright {
	PADDING-RIGHT: 20px; FLOAT: right
}
.postInnerPadding .navigation .alignright {
	PADDING-RIGHT: 0px
}
#footer {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; MARGIN: 0px 0px 0px 102px; PADDING-LEFT: 0px; WIDTH: 801px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #fff; PADDING-TOP: 0px
}
#footer A {
	COLOR: #fff; TEXT-DECORATION: underline
}
#footer #footerInnerPadding {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px
}
.screen-reader-text {
	POSITION: absolute; LEFT: -1000em
}

.headerContainer {
	BACKGROUND-IMAGE: url(images/headerBackground.jpg); POSITION: relative; WIDTH: 930px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 53px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.ulLists {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.logoImage{float: left; height: 65px; width: 385px; margin: 40px 0px 0px 0px; background: url(images/logo.png) no-repeat;}
.logoImage2 {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-LEFT: 0px; WIDTH: 240px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(images/logo2.gif) no-repeat 15px 50%; HEIGHT: 120px; 
}
.logoImage2 LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.logoImage2 LI {
	DISPLAY: block; HEIGHT: 140px; 
}
.logoImage2 A {
	DISPLAY: block; HEIGHT: 140px; MARGIN: 40px 0px 0px 0px;
}
.navigationContainer {
	POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 304px; PADDING-RIGHT: 0px; DISPLAY: inline-block; HEIGHT: 25px; TOP: 22px; RIGHT: 15px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.navigationContainer UL {
	POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; FLOAT: right; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.navigationContainer A {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ccc; PADDING-TOP: 0px
}
.navigationContainer LI {
	POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 25px; TOP: 0px; LIST-STYLE-IMAGE: none; MARGIN-RIGHT: 4px; PADDING-TOP: 0px
}
.navigationContainer LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 25px; PADDING-TOP: 0px
}
.navigationContainer A {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 25px; PADDING-TOP: 0px
}
A IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.home {
	BACKGROUND-IMAGE: url(images/home.jpg); WIDTH: 52px; HEIGHT: 25px
}
.home A:hover {
	WIDTH: 52px; BACKGROUND: url(images/home.jpg) 0px -25px; HEIGHT: 25px
}
.homeOver {
	WIDTH: 52px; BACKGROUND: url(images/home.jpg) 0px -50px; HEIGHT: 25px
}
.work {
	BACKGROUND-IMAGE: url(images/work.jpg); WIDTH: 52px; HEIGHT: 25px
}
.work A:hover {
	WIDTH: 52px; BACKGROUND: url(images/work.jpg) 0px -25px; HEIGHT: 25px
}
.workOver {
	WIDTH: 52px; BACKGROUND: url(images/work.jpg) 0px -50px; HEIGHT: 25px
}
.experience {
	BACKGROUND-IMAGE: url(images/experience.jpg); WIDTH: 83px; HEIGHT: 25px
}
.experience A:hover {
	WIDTH: 83px; BACKGROUND: url(images/experience.jpg) 0px -25px; HEIGHT: 25px
}
.experienceOver {
	WIDTH: 83px; BACKGROUND: url(images/experience.jpg) 0px -50px; HEIGHT: 25px
}
.about {
	BACKGROUND-IMAGE: url(images/about.jpg); WIDTH: 59px; HEIGHT: 25px
}
.about A:hover {
	WIDTH: 59px; BACKGROUND: url(images/about.jpg) 0px -25px; HEIGHT: 25px
}
.aboutOver {
	WIDTH: 59px; BACKGROUND: url(images/about.jpg) 0px -50px; HEIGHT: 25px
}
.contact {
	BACKGROUND-IMAGE: url(images/contact.jpg); WIDTH: 58px; HEIGHT: 25px
}
.contact A:hover {
	WIDTH: 58px; BACKGROUND: url(images/contact.jpg) 0px -25px; HEIGHT: 25px
}
.contactOver {
	WIDTH: 58px; BACKGROUND: url(images/contact.jpg) 0px -50px; HEIGHT: 25px
}
.footer {
	BACKGROUND: #000; HEIGHT: 75px; CLEAR: both
}
.footerContainer {
	WIDTH: 930px; HEIGHT: 75px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.footerTri {
	POSITION: relative; TEXT-ALIGN: center; MARGIN-TOP: 12px; WIDTH: 309px; FLOAT: left; HEIGHT: 30px; COLOR: #333
}
.footerTri1 {
	POSITION: relative; TEXT-ALIGN: left; MARGIN-TOP: 12px; WIDTH: 309px; FLOAT: left; HEIGHT: 30px
}
.footerTri3 {
	POSITION: relative; TEXT-ALIGN: right; MARGIN-TOP: 12px; WIDTH: 304px; PADDING-RIGHT: 5px; FLOAT: right; HEIGHT: 30px
}
.socialLinks {
	FLOAT: right; VISIBILITY: hidden
}

.textCopyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:4px;	
}


/*----new styles ----*/
/* header */
.header{height: 110px; width:900px; margin: 0 auto; background: url(images/headBkg.png) no-repeat top right;}
.logo{float: left; height: 65px; width: 385px; margin: 40px 0px 0px 0px;}




/* navigation */
#primaryNav{width:500px; float: right; margin: 62px 0px 0px 0px; }
#primaryNav ul{list-style: none; margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px; display: inline-block; float: right;}
#primaryNav a{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#primaryNav li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
#primaryNav li, #primaryNav a{display: block; margin: 0px 5px 0px 0px; padding: 0px; text-indent: -9999px;}

#home a{width: 76px; height: 40px; background: url(images/primaryNav/home.png) 0px 0px;}
#home a:hover{width: 76px; height: 40px; background: url(images/primaryNav/home.png) 0 -40px;}
#currentlyHome a{width: 76px; height: 40px; background: url(images/primaryNav/home.png) 0px -80px;}

#portfolio a{width: 106px; height: 40px; background: url(images/primaryNav/portfolio.png) no-repeat;}
#portfolio a:hover{width: 106px; height: 40px; background: url(images/primaryNav/portfolio.png) 0px -40px no-repeat;}
#currentlyPortfolio a{width: 106px; height: 40px; background: url(images/primaryNav/portfolio.png) 0px -80px no-repeat;}

#experience a{width:106px; height: 40px; background: url(images/primaryNav/experience.png) 0px 0px;}
#experience a:hover{width: 106px; height: 40px; background: url(images/primaryNav/experience.png) 0px -40px no-repeat;}
#currentlyExperience a{width:106px; height: 40px; background: url(images/primaryNav/experience.png) 0px -80px no-repeat;}

#contact a{width: 90px; height: 40px; background: url(images/primaryNav/contact.png) 0px 0px;}
#contact a:hover{width: 90px; height: 40px; background: url(images/primaryNav/contact.png) 0px -40px;}
#currentlyContact a{width: 90px; height: 40px; background: url(images/primaryNav/contact) 0px -80px;}



