/*
Theme Name: mittSverige
Theme URI: http://www.sermoconsulting.se/
Description: Theme for Color Line
Version: 1.0
Author: Sermo Consulting
Author URI: http://www.sermoconsulting.se/
Tags: 

/* Reset CSS
--------------------------------------------- */

@import 'css/comments.css';

td, th, blockquote, p, textarea, input, fieldset, form, pre, h6, h5, h4, h3, h2, h1, ul, ul li, dd, dt, dl, div, body {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img, fieldset, acronym, abbr {
	border:0
}
var, th, strong, em, dfn, code, cite, caption, address {
	font-style:normal
}
var, th, strong, em, dfn, code, cite, caption, address, h6, h5, h4, h3, h2, h1 {
	font-weight:normal
}
ul {
	list-style:none
}
th, caption {
	text-align:left
}
h6, h5, h4, h3, h2, h1 {
}
q:after, q:before {
	content:''
}


/* General Elements
--------------------------------------------- */

body, html {
	font-family: Verdana, Arial, Georgia, Verdana, sans-serif;
	font-size: 0.87em;
	background: #fff url(images/body.png) repeat-x;
	color: #000;
	margin:0;
	padding:0 0 0 0;
}

p, .postmeta{
	line-height: 1.5em;
	float: left;
}
a {
	color: #ff971c;
	text-decoration: none;
}
a:hover {
	color: #bb6500;
	text-decoration: none;
}
strong {
	font-weight:  bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix {
	clear:both;
}
#page, .wrapper {
	width:900px;
	margin: 0 auto;
}

#content ul
{
	float: left;
	width: 584px;
	margin: 0px 0px 12px 5px;
}

	#content ul li
	{
		float: left;
		width: 464px;
		display: block;
		line-height: 1.5em;
		margin: 0px 0px 3px 0px;
		padding: 0px 0px 0px 15px;
		background: url(images/list-bullet.gif) no-repeat 0 0.6em;
	}

#content ol
{
	float: left;
	width: 560px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 12px 4px;
}

	#content ol li
	{
		display:list-item;
		width: 476px;
		line-height: 1.5em;
		margin: 0px 0px 3px 0px;
	}

/* Header
--------------------------------------------- */

#header {
	height: 148px;
	background: url(images/header-mittsverige.jpg) repeat-x top center;
}
#header a.mittsverige {
	display: block;
	float: left;
	width: 303px;
	height: 65px;
	background: url(images/logo-mittsverige.jpg) no-repeat 0 0;
	text-indent: -9000px;
	position: relative;
	top: 65px;
}
#header a.colorline {
	display: block;
	float: right;
	width: 113px;
	height: 80px;
	background: url(images/logo-colorline.jpg) no-repeat 0 0;
	text-indent: -9000px;
	position: relative;
	top: 37px;
	left: 0px;
}
/* Navigation
--------------------------------------------- */

#navigation {
	width: 900px;
	float: left;
	position: relative;
}
#nav {
	height: 59px;
	font-family: Arial, Georgia, Verdana;
	z-index: 3;
	position: relative;
	margin: 0px 0px 25px 0px;
}
#nav li {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
#nav a {
	float: left;
	color: #034ea2;
	display: block;
	height: 59px;
	line-height: 48px;
	padding: 0px 15px 0px 15px;
	z-index: 3;
}
#nav a:hover {
	color: #61abf7;
}
#nav li.current-cat a, #nav li.current-cat-parent a {
	position: relative;
	z-index: 3;
	height: 59px;
	color: #034ea2;
	line-height: 48px;
	padding: 0px 15px 0px 15px;
	background: url(images/nav-hover.png) repeat-x top left;
	text-align: center;
}

	* html #nav li.current-cat a {
		background: url(images/nav-hover.gif) repeat-x top left;
	}


/* Subnavigation
--------------------------------------------- */

#subnav {
	position: absolute;
	height: 36px;
	font-family: Arial, Georgia, Verdana;
	z-index: 2;
	margin: 0px 0px 0px 0px;
	width: 900px;
	top: 46px;
}
#subnav ul {
	width: 900px;
	float: left;
	height: 36px;
	margin: 0px 0px 0px 0px;
}
#subnav li {
	position: relative;
	float: left;
	z-index: 2;
}
#subnav a {
	position: relative;
	float: left;
	display: block;
	height: 23px;
	color: #fff;
	font-weight: bold;
	padding: 13px 15px 0px 15px;
	z-index: 2;
}
#subnav a:hover {
	color:#323232
}
#subnav li.current-cat a {
	z-index: -999;
	background: url(images/subnav-hover.png) repeat-x;
}
/* Content
--------------------------------------------- */

#content {
	width: 605px;
	float: left;
	margin: 28px 0 0 0;
}
#content .post {
	width: 589px;
}
#content a {
	color: #ff971c;
	font-weight: bold;
	border-bottom: 1px dotted #ff971c;
}
#content a:hover {
	color: #bb6500;
	font-weight: bold;
	border-bottom: 1px dotted #bb6500;
}

#content a.excerpt_image {
	border: none;
	float: left;
	margin: 0px 0px 15px 0px;
}

#content a.excerpt_image img {
	border: none;
}

#content h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 2.8em;
	color: #034ea2;
	margin: 0 0 26px 0;
}
#content .entry img {
	margin: 0 0 25px 0;
}
#content .entry p {
	color: #323232;
	margin: 0 0 15px 0;
	width: 100%;
}
#content .postmeta {
	font-size: 0.79em;
	padding: 12px;
	background: #f5fbff;
	border: 1px solid #e0eefc;
}
#content .postmeta span {
	color: #034ea2;
}
#content .category-header {
		float: left;
		width: 549px;
		padding: 22px 16px 22px 22px;
		background: #f5fbff;
		border: 1px solid #e0eefc;
		margin: 13px 0px 20px 0px;
}

#content .category-header p {
		float: left;
		width: 250px;
		margin: 0px 0px 15px 0px;
}

#content .category-header .images {
		float: right;
		margin: 0px 0px 0px 0px;
}

/* List posts
--------------------------------------------- */

#content .list-posts h1, .pagetitle {
	font-family: Arial;
	font-weight: bold;
	color: #034ea2;
	font-size: 2.6em;
	margin: 0 0 10px 0;
}
#content .list-posts .post-title h2 {
	font-family: Arial;
	font-weight: bold;
	color: #034ea2;
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 2.6em;
	float: left;
	display: inline;
}
#content .list-posts .post-title h2 a {
	color: #034ea2;
	border-bottom: 0;
}
#content .list-posts .post-title h2 a:hover {
	color: #bb6500
}
#content .list-posts .entry img {
	margin: 0 0 25px 0;
}
#content .list-posts .entry p {
	color: #323232;
	margin: 0 0 15px 0;
	width: 589px;
}
#content .list-posts .postmeta {
	padding: 12px;
	width: 563px;
	background: #f5fbff;
	border: 1px solid #e0eefc;
	margin: 0px 0px 20px 0px;
}
#content .list-posts .postmeta span {
	color: #034ea2;
}

/* Sidebar
--------------------------------------------- */

#sidebar {
	width: 276px;
	float: right;
	font-size: 0.79em;
	line-height: 1.5em;
	background: url(images/sidebar.png) repeat-y;
	min-height: 500px;
}
/* Search */

#sidebar h3
{
	float: left;
	width: 276px;
}

#sidebar .search {
	background: url(images/sidebar-search.png) no-repeat;
	min-height: 100px;
	padding: 22px 22px 22px 22px;
}
#sidebar .search input {
	width: 196px;
	height: 31px;
	border: 0;
	background: url(images/searchfield.png) no-repeat;
	padding: 16px 20px 0 20px;
	color: #8b8b8d;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#sidebar .search .btn_search {
	border: none;
	text-align: center;
	display: block;
	cursor: pointer;
	margin: 0 0 18px 0; 
}
#sidebar .search a.rss-small {
	display: block;
	text-align: right;
	padding: 1px 30px 2px 0;
	color: #034ea2;
	font-weight: bold;
	background: url(images/rss-small.png) no-repeat top right;
}
/* YouTube */

#sidebar .subzane_youtube_recent_videos_widget h2 {
	background: url(images/h3-youtube.png) no-repeat 1px 1px;
	height: 35px;
	text-indent: -9000px;
}
#sidebar .subzane_youtube_recent_videos_widget .sz-videolisting {
	padding: 22px;
}
#sidebar .sz-videolisting img {
	width: 229px;
}

#sidebar .sz-videolisting p {
	width: 229px;
	float: none;
}

/* Flickr */

#sidebar h3#flickr {
	background: url(images/h3-flickr.png) no-repeat 1px 1px;
	height: 35px;
	text-indent: -9000px;
}
#sidebar .flickr {
	width: 254px;
	text-align: center;
	padding: 0px 0px 0px 20px;
	margin: 22px 0 22px 0px;
	float: left;
}
#sidebar .flickr img {
	margin: 0px 20px 20px 0px;
	border: 1px solid #96cafe;
}
/* Twitter */

#sidebar h3#twitter {
	background: url(images/h3-twitter.png) no-repeat 1px 1px;
	height: 35px;
	text-indent: -9000px;
}
#sidebar .twitter {
	padding: 22px;
	float: left;
}
#sidebar .twitter li {
	margin: 0 0 22px 0;
	font-weight: bold;
	color: #034ea2;
	line-height: 1.5em;
}
#sidebar .twitter li span.twitter-timestamp {
	color: #61abf7;
	font-weight:normal;
}
#sidebar .twitter li a {
	border-bottom: 1px dotted #ff971c;
}

/* Archives */

#sidebar h3#archive {
	background: url(images/h3-archive.png) no-repeat 1px 1px;
	height: 35px;
	text-indent: -9000px;
}
#sidebar .archive {
	padding: 22px;
	float: left;
}
#sidebar .archive ul {
	width: 229px;
	float: left;
}
#sidebar .archive ul li {
	margin: 0px 5px 10px 0px;
	font-weight: bold;
	line-height: 1.5em;
	width: 105px;
	float: left;
}

#sidebar .archive li a {
	text-transform: capitalize;
	color: #034ea2;
}

/* Stikkord */

#sidebar .widget_tag_cloud h2 {
	background: url(images/h3-stikkord.png) no-repeat 1px 1px;
	height: 35px;
	text-indent: -9000px;
}

#sidebar .widget_tag_cloud div {
	padding: 15px 22px 22px 22px;
	float: left;
	line-height: 1.7em;
}


/* Footer
--------------------------------------------- */

#footer {
	clear:both;
	height: 125px;
	background: url(images/footer.jpg) repeat-x top;
	text-align: center;
	padding: 45px 0px 0px 0px;
}
#footer p {
	color: #fff;
	width: 900px;
	float: none;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	font-size: 0.87em;
}

/* THOMAS ER KUL
-------------------------------------------- */

img {
	max-width: 590px;
	width: expression(this.width > 590 ? 590: true);

}

.informasjon p {
	width: 590px;
        background: #f4fbff;
        border: #dfeefd solid 1px;
        padding: 10px;
        margin-top: 0px;
        margin-bottom: 10px;
        clear: both;
}

.sideinfo {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
}
.alignleft {
        float:left; margin:0 -2px; padding:1px; border:0px;
}
.alignright {
        float: right;
}
img.alignright {float:right; margin:0 0 1em 1em}
a img.alignright {float:right; margin:0 0 1em 1em}