/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/*

Theme Name: Situation Sthlm
Theme URI: http://www.situationsthlm.se/
Description: Custom theme from Situation Sthlm Blogg.
Version: 1.0
Author: Oktavilla Design AB
Author URI: http://www.oktavilla.se/
Tags: custom header, fixed width, two columns, widgets

*/


/* STRUCTURE */
HTML, BODY { background: #f2f2f2; }

BODY {
	color: #222;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: georgia;
}

#page {
	background: #f2f2f2;
	padding:0 0 0 60px;
	width: 840px;
}

#header {
	overflow: hidden;
	_height: 1%;
	margin-left: -60px;
}

#content {
	float: left;
	margin: 50px 0 20px 0;
	width: 500px;
}

#sidebar {
	float: left;
	margin: -50px 0 0 60px;
	width: 270px;
}


/* HEADER */
#logo {
	display: block;
	height: 165px;
	width: 600px;
	_height: 1%;
}
H1.hidden {
	position: absolute;
	top: -9999px;
}


/* CONTENT */
#content H2 {
	border-bottom: solid 1px #ccc;
	font-size: 3.2em;
	line-height: 1.1;
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
}
#content.archive H2 {
	margin: 0 0 20px 0;
	font-size: 2.2em;
	border: 0;
}
#content.archive H3 {
	border-bottom: solid 1px #ccc;
	font-size: 3.2em;
	line-height: 1.1;
	margin: 0 0 0 0;
	padding: 0 0 6px 0;	
}
#content h2 A,
#content H3 A {
	color: #3E3E3E;
}
#content h2 A:hover,
#content h3 A:hover {
	color: #F95900;
	text-decoration: none;
}
#content H2 .tag {
	color: #25A9ED;
	text-transform: capitalize;
}

#content .post {
	margin:0 0 40px 0;
	overflow:hidden;
	_height:1%;
}

#content .post .date {
	color: #999;
	display: block;
	font-size: 1.1em;
	letter-spacing: 0.091em;
	margin: 0 0 10px;
	text-transform: uppercase;
	border-top: solid 1px white;
	padding-top: 5px;
}
#content .post .date .number {
	font-size:1.1818em;
}
#content .post .entry {
	margin-bottom: 13px;
	overflow:hidden;
	_height:1%;
}
#content .post .entry P {
	font-size: 1.4em;
	line-height:1.4;
	margin:0 0 .7em 0;
}
#content .post .entry A {
	color:#f95900;
}
#content .post .entry A:hover {
	color:#25a9ed;
}

#content .post .image {
	margin: 0 0 12px 0;
}

#content .post .image .caption {
	font-size: 1.1em;
	line-height: 1.4;
	margin: 3px 0;
}

#content .postmetadata {
	background: #391f00 url(images/postmetadata_backbg.gif) repeat-x top left;
	color:#fff;
	float:right;
	font-size: 1.1em;
	padding: 7px 5px 7px 35px;
	text-transform:uppercase;
}

#content .postmetadata .tags A {
	font-size: 1.0909em;
}

#content .entry .postmetadata UL  {
	padding: 0;
}

#content .entry .postmetadata UL LI {
	list-style-type: none;
	padding-left: 26px;
}

#content .byline {
	letter-spacing: 0.091em;
	margin: 0 5px 0 0;
	text-align: right;
}

#content .byline .number {
	font-size:1.1818em;
}

#content .byline A {
	color: #f95900;
	margin-left: 11px;
}
#content .byline A:hover {
	color:#25a9ed;
}

#content .tags {
	float:right;
	margin: 0;
	overflow:hidden;
	_height:1%;
}

#content .tags LI {
	background: #f95900 url('images/tags-list.gif') no-repeat center left;
	float: left;
	margin: 7px 5px 0 0;
	padding: 0 3px 0 15px;
	text-transform: capitalize;
	white-space: nowrap;
}
#content .tags LI:hover {
	background-color: #25a9ed;
}

#content .tags A {
	color:#fff;
}
#content .tags A:hover {
	text-decoration: none;
}

/* SIDEBAR */


/* BASE */
A {
	color: #F95900;
	text-decoration: none;
}
A:hover {
	/*text-decoration: underline;*/
}


/* AUTHORS WITH IMAGES */
#author-list {
	float:left;
	width: 250px;
}

#author-list LI {
	background: url(images/bg_author_orange.gif) repeat-y bottom left;
	color :#fff;
	float: left;
	margin: 0 0 20px 0;
	width: 125px;
	padding-bottom: 25px;
}
#author-list LI:hover {
	background: url(images/bg_author_brown.gif) repeat-y bottom left;
}

#author-list LI.margin {
	margin: 0 20px 15px 0;
}

#author-list LI A {
	color: #fff;
}

#author-list LI.author-1 {
	background-position: -60px bottom;
}
#author-list LI.author-2 {
	background-position: -160px bottom;
}
#author-list LI.author-3 {
	background-position: -90px bottom;
}
#author-list LI.author-4 {
	background-position: -120px bottom;
}
#author-list LI.author-5 {
	background-position: -80px bottom;
}
#author-list LI IMG {
	display: block;
	/*	
	margin: 0 0 -83px 0;
	*/
	margin: 0;
}
#author-list .name {
	display: block;
	padding: 88px 5px 0 6px;
	font-size: 1.4em;
	line-height: 1.4;
}

#author-list .description {
	margin: 0 5px 10px;
}


/* Begin Structure */


.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 5px;
}

.narrowcolumn .entry p {
	margin:10px 0;
}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 0 40px 0;
	width: 830px;
	clear: both;
	border-top: 1px solid #ccc;
}

#footer P {
	border-top: solid 1px white;
	color: #999;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 0.091em;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
}

#footer P A {
	color: #f95900;
}


#footer P A:hover {
	color:#25a9ed;
}
	
#footer P SPAN {
	color:#3e3e3e;
}
/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

img.alignleft,
img.aligncenter,
img.centered,
img.alignright {
	clear: both;
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

/*
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
*/
/* End Images */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

#sidebar #searchsubmit {
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}
/* End Form Elements */



/* Begin Comments*/
#comments { 
	margin:0 0 20px 0;
}
#comments H3 {
	font-size:2.2em;
	margin:0 0 10px;
}
.alt {
	margin: 0;
	padding: 10px;
}

#comments .commentlist {
	margin:0 0 40px;
	padding: 0;
}

#comments .commentlist li {
	background: #fff url(images/comments_backbg.gif) repeat-y top right;
	list-style: none;
	margin: 15px 0;
	overflow: hidden;
	_height:1%;
	padding: 0 30px 10px 10px;
	font-size: 1.4em;
}

#comments .commentlist p {
	line-height: 1.4;
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.comment-meta {
	font-size: 0.7857em;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 0.091em;
}
.comment-meta A {
	color: #999;
	white-space:nowrap;
}
.comment-meta .number {
	font-size:1.1818em;
}
.comment-meta A.url {
	color:#f95900;
}
.comment-meta A.url:hover {
	color:#25a9ed;
}
#comments FORM DIV {
	margin: 0;
}

#commentform input {
	width: 170px;
	padding: 6px;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
	font-size: 1.4em;
	background: #f2f2f2;
}
#commentform LABEL {
	font-size: 1.4em;
}
#commentform textarea {
	width: 486px;
	padding: 6px;
	border: 1px solid #ccc;
	font-size: 1.4em;
	background: #f2f2f2;
}
#commentform INPUT:hover,
#commentform textarea:hover,
#commentform INPUT:focus,
#commentform textarea:focus {
	background: white;
}

#commentform .submit {
	margin: 10px 0 0 0;
	float: right;
}

#commentform .submit INPUT {
	margin:0;
}

#commentform .submit INPUT:hover,
#commentform .submit INPUT:focus {
	cursor: pointer;
	background: #25A9ED;
	color: white;
}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar form {
	margin: 0;
}

#sidebar H2 {
	font-size:2.2em;
	margin:0 0 5px;
	text-transform:uppercase;
}

#sidebar .widget {
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
	margin: 0 0 25px;
	font-size: 1.2em;
	overflow: hidden;
	_height: 1%;
}

#sidebar .archive #archive,
#sidebar .widget #tags,
#sidebar .widget #links {
	text-indent: -999px;
	display: block;
	margin: 0 0 10px 0;
}

#sidebar .archive #archive {
	width: 177px;
	height: 15px;
	background: url(images/tidigare.gif) top left no-repeat;
	margin-left:10px;
}
#sidebar .widget #tags {
	width: 100px;
	height: 15px;
	background: url(images/etiketter.gif) top left no-repeat;
}
#sidebar .widget #links {
	width: 80px;
	height: 19px;
	background: url(images/lankar.gif) top left no-repeat;
}

#sidebar .tags LI {
	background:#F95900 url(images/tags-list-bg.gif) no-repeat scroll center left;
	margin: 0 5px 5px 0;
	padding: 0 5px 0 15px;
	text-transform: capitalize;
	float: left;
}

#sidebar .archive {
	border-left: 1px solid #ccc;
	margin: 0 0 25px;
	font-size: 1.3em;
	line-height:1.3;
	overflow: hidden;
	_height: 1%;
}

#sidebar .archive .year .months .active ul A:visited {
	color:#973493;
}

#sidebar .archive UL {
	clear:left;
	overflow:hidden;
	_height:1%;
}

#sidebar .archive LI {
	overflow:hidden;
	_height:1%;
}

#sidebar .archive A SPAN.count,
#sidebar .archive .active .months .month A SPAN.count,
#sidebar .archive .active .months .active A:hover SPAN.count {
	color:#999;
}

#sidebar .archive .year A {
	color:#000;	
	clear:left;
	display:block;
	float:left;
	padding:3px 10px;
}

#sidebar .archive .months A {
	font-size:0.8462em;
	letter-spacing: 0.091em;
	text-transform:uppercase;
}

#sidebar .archive .year A:hover,
#sidebar .archive .active .months .month A:hover {
	background:#666;
	color:#fff;	
}

#sidebar .archive .active SPAN.count,
#sidebar .archive .year A:hover SPAN.count,
#sidebar .archive .months .month A:hover SPAN.count {
	color:#ccc;
}

#sidebar .archive .year .months .active UL LI {
	background:transparent url(images/archive-list-dot.gif) no-repeat 0 6px;
	margin:0 0 3px 10px;
	padding:0 0 0 12px;
}

#sidebar .archive .year .months .active UL A {
	color:#f95900;
	font-size:1em;
	letter-spacing:0;
	padding:0;
	text-transform:none;
}

#sidebar .archive .year .months .active A:hover,
#sidebar .archive .active .months A {
	background:none;
	color:#000;
}

#sidebar .archive .active .months .active {
	background:#fff url(images/comments_backbg.gif) repeat-y scroll right top;
	padding:0px 30px 0 0;
}

#sidebar .archive .year .months .active UL A:hover {
	color:#25A9ED;
}

/*
#sidebar .archive A {
	text-decoration:none;
}
#sidebar .archive A:hover {
	color:#f95900;
}

#sidebar .archive SPAN.count {
	color:#999;
}

#sidebar .archive .year {
	font-size:11px;
	margin:0 0 7px;
}

#sidebar .archive .months {
	background:#fff url(images/comments_backbg.gif) repeat-x scroll right top;
	margin:5px 0 0 0;
	padding:10px 30px 10px 10px;
}

#sidebar .archive .months A {
	font-size:11px;
	letter-spacing:0.09em;
	text-transform:uppercase;
}

#sidebar .archive .months .month {
	padding:5px 0;
}

#sidebar .archive .months UL {
	margin-left:15px;
}
#sidebar .archive .months UL LI {
	list-style-type:circle;
}

#sidebar .archive .months UL LI A {
	color:#f95900;
	letter-spacing:0;
	text-transform:none;
}
#sidebar .archive .months UL LI A:hover {
	text-decoration:underline;
}

#sidebar .archive A {
	color:#3E3E3E;
}

#sidebar .archive A.year {
	font-weight:bold;
}
*/
#sidebar .tags LI:hover {
	background-color: #25a9ed;
}

#sidebar .tags LI A {
	color:#fff;
}
#sidebar .tags LI A:hover {
	text-decoration: none;
}

#sidebar .links LI {
	margin:0 0 5px;
}

#sidebar .links A {
	color:#f95900;
}
#sidebar .links A:hover {
	color:#25a9ed;
}

#sidebar .blog-info {
    width: 250px;
	float: left;
	color: #999;
	font-style: italic;
	font-size: 1.4em;
	line-height: 1.4;
}

#sidebar .blog-info A {
	color:#f95900;
}

#sidebar .blog-info A:hover {
	color:#25a9ed;
}

#sidebar .blog-info IMG {
	margin: 10px 0 0 0;
}

#sidebar .blog-info P {
	margin-bottom:10px;
}

#sidebar .author A {
	color:#f95900;
}

#sidebar .author {
	background: url(images/bg_author_brown.gif) repeat-y bottom left;
	margin: 0 0 20px 0;
	overflow:hidden;
	_height:1%;
	padding-bottom: 25px;
}

#sidebar .author .description {
	color:#fff;
	font-size:1.4em;
	line-height:1.4;
	padding:5px 10px 10px 10px;
}

#sidebar .author .name {
	display:block;
	font-size:2.2em;
	padding:5px 10px 0;
	text-transform:capitalize;
}
#sidebar .author .name:hover {
	color:#25a9ed;
}

/* End Sidebar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

BLOCKQUOTE {
	background:#fff url(images/comments_backbg.gif) repeat-y scroll right top;
	padding:5px 30px 5px 20px;
	margin:15px 0;
	overflow:hidden;
	_height:1%;
}

BLOCKQUOTE P {
	margin:0 0 5px !important;
}

BLOCKQUOTE CITE {
	margin: 5px 0 0;
	display: block;
}

A IMG {
	border: none;
}

.navigation {
	display: block;
	font-size:1.2em;
	margin-bottom: 20px;
	overflow:hidden;
	_height:1%;
}
.navigation DIV {
	line-height:1.4;
	text-align:right;
}
/* End Various Tags & Classes*/


/* JAVASCRIPT UTILITY */
.javascript .archive .active .months {
	display:block;
}

.javascript .archive LI UL {
	display:none;
}

.javascript .archive .active .months .active UL {
	display:block;
}

.javascript .archive .active UL {
	display:none;
}