﻿/*
Theme Name: Karl Olsson 2010
Theme URI: http://www.wilsoncreative.se
Description: Personligt tema Karl Olsson, www.karlolsson.se
Version: 1.0
Author: Wilson Creative
Author URI: http://www.wilsoncreative.se
Tags: wilson
*/

html, body {
	width: 100%;
	height: 100%;
}
body {
	font: 12px/16px Helvetica, Arial, sans-serif;
	color: #333;
}

#outer {
	width: 100%;
	min-height:100%;
	background: #04314d url("images/bg.png") repeat-x bottom right;
}
#wrapper {
	width: 100%;
}

* html #outer {
	height: 100%;
}

a:link {
	text-decoration: underline;
	color: #408dd2;
}

a:visited {
	text-decoration: underline;
	color: #73acde;
}

a:active {
	text-decoration: underline;
	color: #73acde;
}

a:hover {
	text-decoration: underline;
	color: #73acde;
}


/*** HEADER ***/

#header {
	width: 940px;
	height: 120px;
	margin: 0 auto;
	clear: both;
}

	#header #logo {
		float: right;
	}

	#menu{
		width: 940px;
		position: absolute;
		margin: 80px 0 0 0;
	}

		#menu li{
			list-style: none;
			float: right;
			margin: 0 20px 0 0;
		}

		#menu a {
			font-size: 1.2em;
			color: #c4e1fa;
			text-decoration: none;
		}
	
		#menu a:hover, #menu li.current_page_item a {
			color: #efefef;
		}
/*** END HEADER ***/

#contentwrapper {
	width: 940px;
	margin: 0 auto 20px;
	clear: both;
}

	#right, .left {
		background: rgb(250, 255, 255); 
		background: rgba(255, 255, 255, 0.85);
	}
	
	.content{
		padding: 20px;
	}
	
	p.entryinfo {
		font-size: 0.8em;
		font-family: arial;
		margin: 0 0 15px 0;
	}
	
	p {
		margin: 0 0 15px 0;
	}
	
	h1,h2,h3 {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h1 {
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 10px 0;
	}

	h2 {
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 10px 0;
	}
	

	p img {
		padding: 0;
		max-width: 100%;
	}
	
	
ol.commentlist li {
	list-style: none;
	margin: 5px;
	color: #000;
	
	border-bottom:2px solid #fff;
}
ol.commentlist li.alt {
/*	border-top:1px solid #2a5687; 
	border-left:5px solid #2a5687;*/
}
ol.commentlist img.avatar {
	border:2px solid #efefef;
	width:32px;
	height:32px;
	background:transparent url("images/user.png");
	display:block;
	float: left;
	margin: 0 10px 10px 0;
}
cite.comment_author {
	color:#eee;
	text-transform:capitalize;
	font-style: normal;
}

small.commentmetadata,small.commentmetadata a {
	color:#ccc;
	background:#222;
	padding:3px;	
}

#commentform input[type="text"] {
	background:#043460;
	border:2px solid #fff;
	color:#efefef;
	padding:3px;
	font-family:Arial;
}
#commentform textarea {
	background:#043460;
	border:2px solid #fff;
	color:#efefef;
	padding:3px;
	font-family:Arial;
	overflow:auto;
	width:500px;
	height:350px;	
}

#commentform input[type="submit"] {
	background:#043460;
	padding:6px;
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#commentform input[type="submit"]:hover {
	background: #73acde;
}

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}
	
	#right {
		width: 220px;
		float:right;
	}

	#right ul {
		margin: 5px 0 0;
	}
	#right ul li{
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#right ul h2 {
			font-size: 1em;
			color: #408dd2;
			font-weight: bold;
			margin: 15px 0 0 0;
		}

		#right ul h2:first-child{
			margin: 0;
		}

		#right li a{
			text-decoration: none;
			color: #000;
			margin: 0 5px 0;
		}

		#right li a:before{
			color: #408dd2;
			content: '»';
			margin: 0 2px;
			font-size: 14px;
			font-weight: normal;
		}

		#right li a:hover {
			color: #408dd2;
		}

	.left {
		width: 700px;
	}
	
	
	#sponsors {
		width: 940px;
/*		background: #043460; */
/*		background: rgb(4, 52, 96);
		background: rgba(4, 52, 96, 0.85);
*/		float: left;
		clear: both;
		margin: 20px 0 0;
	}
	
	#sponsors h3 {
		font-size: 1.4em;
		color: #fff;
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	
	#sponsors img {
		width: 140px;
		height: 60px;
		margin: 10px 20px 10px 0;
	}
	
	#sponsors img.last {
		margin: 10px 0 10px 0;
	}
