/*
Theme Name: Trygghetsspanarna 1.0
Theme URI: 
Description: 
Version: 
Author: Sermo Consulting
Author URI: http://dintrygghet.folksam.se/
Tags: 
*/

@import 'css/comments.css';
@import 'css/sidebar.css';

/* ####################### */
/* General settings
/* ####################### */


h1, h2, h3, h4, p, ul, ul li, img, a img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

ul
{
    list-style: none;
}

	ul li
	{
		display: inline;
	}

.alignleft
{
    float: left;
    display: inline;
	margin: 0px 10px 10px 0px;
}

.alignright
{
    float: right;
    display: inline;
	margin: 0px 0px 10px 10px;
}

.page .post-edit-link
{
	float: left;
}


/* ####################### */
/* Body
/* ####################### */

body
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.75em;
	padding: 0px 0px 0px 0px;
	margin: 24px auto 0px auto;
	background: #FFFFFF url(graphics/backgrounds/bg_header.gif) no-repeat center 16px;
}


/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	display: block;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

h1
{
	font-size: 2.8em;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
	font-family: "Times New Roman", Arial, Verdana, Helvetica;
} 

	#main h2
	{
		font-size: 2.3em;
		margin: 0px 0px 3px 0px;
		font-family: "Times New Roman", Arial, Verdana, Helvetica;
	}

	#sidebar h2
	{
		float: left;
		width: 289px;
		height: 20px;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 0px 10px;
		background: #FFFFFF url(graphics/backgrounds/bg_sidebar_header.gif) no-repeat left top;
	}
	
	#main h3
	{
		font-size: 1.8em;
		font-weight: normal;
		margin: 0px 0px 3px 0px;
		font-family: "Times New Roman", Arial, Verdana, Helvetica;
	}
	
	#main h4
	{
		font-size: 1.4em;
		font-weight: normal;
		margin: 0px 0px 3px 0px;
		font-family: "Times New Roman", Arial, Verdana, Helvetica;
	}
	
	#main h3.header, #main #socialbookmarks h3, #main h3#related
	{
		float: left;
		font-size: 1.3em;
		line-height: 1.3em;
		font-weight: bold;
		font-family: Arial, Verdana, Helvetica;
	}
	
p
{
	line-height: 1.5em;
}	

	p.wp-caption-text
	{
		margin-top: 3px;
		font-size: 0.95em;
	}

#main ul
{
	float: left;
	width: 535px;
	margin: 8px 0px 7px 5px;
}

	#main ul li
	{
		float: left;
		width: 470px;
		display: block;
		line-height: 1.5em;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 15px;
		background: url(graphics/various/list_bullet.gif) no-repeat left 5px;
	}

#main ol
{
	padding: 0px 40px 0px 10px;
	margin: 10px 0px 10px 10px;
}	

	#main ol li
	{
		line-height: 1.6em;
		margin: 0px 0px 7px 5px;
	}

blockquote
{
	display: inline;
	width: 487px;
	float: left;
	color: #666666;
	font-style: italic;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 10px 53px;
	background: url(graphics/various/blockquote.gif) no-repeat left top;	
}


/* ####################### */
/* Links
/* ####################### */

a
{
	color: #f06000;
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}



/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 963px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
}

#container
{
	float: left;
	width: 942px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 11px;
	background: url(graphics/backgrounds/bg_main.gif) no-repeat center 146px;
}


/* ####################### */
/* Header
/* ####################### */

#header
{
	float: left;
	width: 941px;
	position: relative;
	background: url(graphics/backgrounds/bg_header_image.jpg) no-repeat center top;
}

	/* Minimum height for Firefox */
	#header {
	min-height: 147px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #header {
	height: 147px;
	}
	/**/
	
	#header #logo
	{
		float: left;
		position: absolute;
		display: inline;
	}
	
	#header #logo_text
	{
		float: left;
		position: absolute;
		display: inline;
		top: 74px;
		left: 0px;
		z-index: 999;
		color: #1f1f1f;
		font-size: 1.2em;
		width: 492px;
		text-align: right;
		font-family: "Times New Roman", Arial, Verdana, Helvetica;
	}
	
	#header #small_header
	{
		top: -26px;
		right: -10px;
		width: 147px;
		height: 16px;
		z-index: 100;
		color: #434343;
		position: absolute;
		font-size: 0.95em;
	}
	
	#header #authors
	{
		float: right;
		margin: 0px 48px 0px 0px;
		display: inline;
		width: 374px;
		height: 119px;
	}
	
		#header #authors a.hakan
		{
			width: 226px;
			float: left;
			height: 119px;
			margin: 0px 0px 0px 0px;
		}
	
		#header #authors a.lena
		{
			float: right;
			width: 148px;
			height: 119px;
			margin: 0px 0px 0px 0px;
		}
		


/* ####################### */
/* Navigation
/* ####################### */

#navigation
{
	float: left;
	width: 941px;
	position: absolute;
	bottom: 1px;
	left: 0px;
}

	* html #navigation
	{
		bottom: 0px;
	}

	#navigation ul
	{
		float: left;
		width: 700px;
		height: 27px;
		line-height: 27px;
		color: #FFFFFF;
	}
	
		#navigation ul li
		{
			float: left;
			background: url(graphics/navigation/bg_tab.gif) no-repeat right;
			padding: 0px 14px 0px 0px;
			margin: 0px 0px 0px 14px;
		}
		
		#navigation ul li.home
		{
			margin: 0px 0px 0px 20px;
		}
		
			#navigation ul li a
			{
				color: #FFFFFF;
				font-weight: bold;
			}

	#search
	{
		float: right;
		width: 184px;
		height: 20px;
		margin: 3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

		
		#search .txt_search
		{
			float: left;
			width: 137px;
			border: none;
			height: 16px;
			background: none;
			font-size: 0.87em;
			color: #525151;
			margin: 3px 0px 0px 0px;
		}
		
			#search a
			{
				float: left;
				width: 22px;
				height: 19px;
			}


/* ######################### */
/* Content / Main / Sidebar
/* ######################### */

#content
{
	float: left;
	width: 901px;
	margin: 0px 0px 0px 0px;
	padding: 30px 22px 0px 22px;
}

#main
{
	float: left;
	width: 540px;
}

#sidebar
{
	float: right;
	width: 299px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* ####################### */
/* Footer
/* ####################### */

#footer
{
	float: left;
	width: 901px;
	display: inline;
	margin: 0px -10px 0px -11px;
	padding: 20px 30px 60px 32px;
	background: url(graphics/backgrounds/bg_footer.gif) no-repeat center bottom;
}

	#footer .widget_text
	{
		float: left;
		width: 901px;
		background: url(graphics/backgrounds/bg_footer_header.gif) repeat-x top left;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
	}
	
		#footer .widget_text ul
		{
			float: left;
			margin: 0px 0px 0px 0px;
		}
	
			#footer .widget_text ul li
			{
				float: left;
				display: inline;
				margin: 0px 38px 1px 0px;
				padding: 0px 0px 0px 0px;
			}
			
				#footer .widget_text ul li a
				{
					float: left;
					font-size: 1em;
					line-height: 1.4em;
					font-weight: bold;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 1px;
				}


/* ####################### */
/* Startpage intro
/* ####################### */

.start_intro
{
	float: left;
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}


/* ####################### */
/* Posts
/* ####################### */

#main .post
{
	float: left; 
	width: 540px;
	margin: 0px 0px 2px 0px;
	padding: 19px 0px 21px 0px;
	background: url(graphics/various/bg_content_divider.gif) repeat-x left top;
}

	#main .post.highlighted_first, #main .post.first
	{
		background: none;
		padding: 0px 0px 21px 0px;
	}

	#main .post h2
	{

	}
	
		#main .post h1 a
		{
			color: #262626;
		}

		#main .post h2 a
		{
			color: #262626;
		}
	
	#main .post p
	{
		margin: 0px 0px 10px 0px;
	}
	
		#main .post.highlighted_first p
		{
			font-weight: bold;
		}

		#main .post a.read_more
		{
			float: left;
			font-weight: bold;
			padding: 0px 0px 0px 10px;
			margin: -5px 0px 0px 1px;
			background: url(graphics/icons/ico_arrow.gif) no-repeat 0px 0.33em;
		}
		
		#main .post a.excerpt_image
		{
			float: left;
			max-width: 250px;
			margin: 0px 20px 17px 0px;
		}
		
		#main .post .odd a.excerpt_image
		{
			float: right;
			max-width: 250px;
			margin: 0px 0px 17px 20px;
		}
		
		#main .post a img
		{
			max-width: 250px;
		}
		
		* html #main .post a img
		{
			width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); 
		}

#main.single_post 
{

}

	#main.single_post p
	{
		margin: 0px 0px 10px 0px;		
	}
	
	#main.single_post div.tags
	{
		float: left;
		width: 540px;
		font-size: 0.95em;
		margin: 10px 0px 15px 0px;
	}


#main .post .postmetadata, #main.single_post .postmetadata
{
	font-size: 0.95em;
	width: 507px;
	float: left;
	margin: 5px 0px 20px 0px;
	padding: 2px 0px 0px 33px;
	position: relative;
}

	#main.single_post .postmetadata
	{
		margin: 5px 0px 20px 0px;
		padding: 2px 0px 0px 33px;
	}

	#main .post .postmetadata a, #main.single_post .postmetadata a
	{
		padding: 0px 0px 0px 0px;
	}

	#main .post .postmetadata a.category, #main.single_post .postmetadata a.category
	{
		background-position: 0px 0px;
		padding: 0px 0px 0px 19px;
	}
	
		#main .post .postmetadata a.author_photo, #main.single_post .postmetadata a.author_photo
		{
			position: absolute;
			left: 0px;
			top: 0px;
			text-decoration: none;
		}

		#main .post .postmetadata a img.photo, #main.single_post .postmetadata a img.photo
		{
			width: 26px;
			height: 26px;
		}
				
/* ####################### */
/* Pages
/* ####################### */

#main.single_page
{
		
}

	#main.single_page h1
	{
		margin: 0px 0px 10px 0px;		
	}

	#main.single_page p
	{
		margin: 0px 0px 10px 0px;		
	}


/* ####################### */
/* Related Posts
/* ####################### */

	#main h3#related
	{
		float: left;
		width: 540px;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
	}
	
	#main ul.related
	{
		float: left;
		width: 540px;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
	}
	
		#main ul.related li
		{
			line-height: 1.4em;
			padding: 0px 0px 0px 10px;
			margin: 0px 0px 5px 0px;
			background: url(graphics/icons/ico_arrow.gif) no-repeat 0px 0.44em;
		}

			#main ul.related li a
			{
				font-weight: bold;
			}