@import url('undohtml.css');

body	{
		font-family: "trebuchet MS", helvetica, verdana;
		background: #333;
		font-size: 13px;
		}
		
#wrapper {
	width: 910px;
	margin: 0 auto 50px auto;
	background: #333;/*#F9F9F9;*/
	border-right: solid 2px #222;
	}
	
#header {
	background: #3399FF;
	color: #FFF;
	height: 40px;
	padding: 5px 12px 0px 12px;
	z-index: 5;
	}

#brand {
	float: left;
	}
	
#menu {
	float: left;
	background-color: #3399FF;
	color: #FFF;
	border-top: dashed 1px;
	border-color: #EEE;
	padding: 10px 0 0 0;
	width: 160px;
	border-bottom: solid 2px #222;
	}	
	
#menu li {
	padding-left: 0.6em;
	}
	
li.level1 > a {
	font-weight: bold;
	}

.here > a {
	font-style: italic;
	}
	
#menu_48 {
	background: #194C7F;
	padding: 0.2em 0;
	padding: 0.2em 0;
	}
	
#menu_51 {
	background: #3F5F7F;
	padding: 0.2em 0;
	padding: 0.2em 0;
	}
	
#menu li.active ul{
		border-right: none;
		}

#menu li.active {
		border-right: solid 0.4em #EEE;
		}
	
#content {	
	width: 750px;
	float: right;
	}
	
#main {
	/* width: 560px;
	float: left; */
	background: #EEE;
	padding: 20px 20px 0px 40px;
	}
	
#logo {
	/*float: right;
	text-align: right;*/
	color: #FFF;
	font-family: tahoma, geneva, verdana;
	font-size: x-large;
	font-weight: bold;
	}

.post {
	float: left;
	width: 480px;
	}

#sideContent {
	float: right;
	width: 170px;
	border-left: solid 2px #FAFAFA;
	margin-left: -15px;
	padding-left: 15px;
	z-index:1;
	margin-top: -20px;
	padding-top: 20px;
	}

#sideContent .thumbscontainer {
	width: 100%;
	}
	
#sideContent .picturecontainer {
	margin: 0.5em;
	}
	
.textbox {
	float: right;
	}	

.clear {
	clear: both;
	}
	


/* ========= TYPOGRAFI =============*/

#main ul{
	list-style-type: none;
	}
	
#main ol li {
	list-style-type: decimal;
	}
	
#menu a {
	color: #99BBFF;
	}
#menu a:link {
	color: #FFF;
	}
#menu a:visited {
	color: #FFF;
	}  /* visited link */
#menu a:hover {
	color: #99BBFF;
	}  /* mouse over link */
#menu a:active {
	color:#FFF;
	}  /* selected link */
	



a {
	color: #33BBFF;
	}
a:link {
	color: #AAA;
	}
a:visited {
	color: #33BBFF;
	}  /* visited link */
a:hover {
	color: #55BBFF;
	}  /* mouse over link */
a:active {
	color:#33BBFF;
	position: relative;
	top: 2px;
	}  /* selected link */
	
p {
	font-size: small;
	}

.post p {
	margin-bottom: 0.8em;
	}

#main .post ul {
	list-style: square inside;
	}
	
	
h1 {
	font-family: tahoma, geneva, verdana;
	font-size: x-large;
	float: left;
	}
	
h2 {
	font-family: tahoma, geneva, verdana;
	font-size: xx-large;
	margin-bottom: 0.2em;
	color: #333;
	margin-left: -0.5em;
	}
	
h3 {
	/*font-family: 'arial black', gadget, sans-serif;*/
	font-family: georgia, serif;
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -0.2em;
	}
	
a h3 {
	color: #999 !important;
	}
	
a h4 {
	color: #000 !important;
	}

#sideContent h4 {
	margin-top: 1em;
	}


/*====== Blog Ditto! ========*/
.ditto_off {
	color: #AAA;
	}		
	
.ditto_info {
	background: #DDD;
	padding: 3px;
	margin-bottom: 0.5em;
	}
	
		
.ditto_info strong{	
	font-weight: normal;
	font-style: italic;
	}

.ditto_summaryPost {
	margin-bottom: 1.3em;
	padding-bottom: 0em;
	}
	
.ditto_tags {
	text-align: right;
	font-size: x-small;
		}
		
.ditto_introtext {
	background: #E9E9E9;
	margin: -20px -15px 13px -15px;
	padding: 1px 10px 7px 15px;
	border-bottom: solid 2px #CCC;
	border-left: solid 1px #EEE;
	}		
		
.ditto_introtext p {
	font-style: italic;
	font-family: serif;
	}

.ditto_date {
	font-style: italic;
		}


/*
.thumbs li {
	width: 110px;
	}*/
	
/* ================ Förstasidan ===================*/
#main.overview {
	padding-top: 0;
	padding-left: 0;
   }
   
#main.overview #sideContent {
	margin-top: 0;
	}

   
#introMain {
	width: 540px;
	float: left;
	}
	
#splashGalleries {
	width: 100%;
	background: #E9E9E9;
	}
	
#splashPortfolio {
	margin: 0.4em;
	float: left;
	width: 245px;
	}
	
#flipIntroSlide {
	margin-bottom: 12px;
	}
	
#splashLatest {
	margin-right: 1em;
	float: right;
	width: 270px;
	}	

#sideContent .ditto_summaryPost {	
	border-top: solid 2px #999;
	padding: 0;
	margin: 0;
	}

#myGalleryintroSlide {
	border-left: solid 2px #444;
	border-top: solid 2px #444;
	border-right: solid 2px #AAA;
	border-bottom: solid 2px #AAA;
	}
	
/* ============= FOOTER ===================*/
#footer {
	clear: both;
	padding: 5px;
	background: #EEE;
	width: 740px;
	margin-right: 0;
	margin-left: auto;
	border-top: dashed 2px #DDD;
	border-bottom: solid 2px #222;
	}

#footer li {
	float: left;
	padding: 0 0.5em;
	border-right: solid 2px #999;
	}

#footer li.last {
	border: none;
	}

/* =================== KOMMENTARER ================*/
#commentsAnchor {
	margin-top: 1em;
	}

#commentsAnchor h2 {
		font-family: georgia, serif;
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -0.2em;
	}

/* ============ SEARCH ================= */
#search {
	float: right;
	}

#search-txt {
	display: none;
	}

fieldset {
	border: none;
	}

.ajaxSearch_highlight {
	color: #996666;
	}