/*
Theme Name: Jonas2010
Theme URI: http://jonaslundstrom.se/
Description: A wordpress theme that enables aggregation of content from a number of sources.
Version: 0.5
Author: Linus Bohman
*/


/*
	Stylesheet contents
	-------------------
	Reset and utility
	Global styles
	Index.php
*/


/* RESET AND UTILITY ------------------*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/* line-height: 1; */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;}

a img, :link img, :visited img {
	border: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {
	list-style: none;}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}
.clearfix {
	display: inline-block;}
html[xmlns] .clearfix {
	display: block;}
* html .clearfix {
	height: 1%;}


/* GLOBAL STYLES -------------------*/
body {
	color: #454545;
	font: 10pt Helvetica, Arial, sans-serif;
	background-color: #FFF;}

strong {
	font-weight: bold;}
em {
	font-style: italic;}

#primaryinformationwrap {
	margin: 20px 0 20px 0;}

#secondaryinformationwrap {}

.inner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;}
	
#primaryinformation {}
	
h1 {
	font-weight: bold;
	font-size: 50px;
	color: #777;
	letter-spacing: -6px;
	line-height: 0.8em;}
	
h2 {
	font-weight: bold;
	font-size: 30px;
	letter-spacing: -2px;
	line-height: 0.9em;
	margin-bottom: 0.3em;}
	
a {
	text-decoration: none;
	color: #999;}
a:hover {
	text-decoration: underline;}

#content {
	clear: left;
	margin-bottom: 40px;}

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

.comments {
	width: 590px;
	float: left;
	margin-left: 40px;}
	

/* HEADER -------------------*/
#header {
	width: 100%;
	background-color: #777;
	font-size: 10px;
	border-bottom: 10px solid #d9d9d9;}

/* Menu styling */
.nav li {
	float: left;
	width: 180px;
	margin-right: 20px;
	padding: 20px 23px 20px 13px;
	text-align: left;
	background: url(img/navback.png) center center no-repeat;
	min-height: 100px;}
.nav li.section-3 {
	margin-left: 0px;}

.page-id-2 .section-1,
.page-id-224 .section-3,
.nav .section-2 {
	background: #d9d9d9 none;}
.page-id-2 .nav .section-2,
.page-id-224 .nav .section-2 {
	background: url(img/navback.png) center center no-repeat transparent;}

#header a {
	letter-spacing: -1px;
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	display: block;}
#header a:hover {
	text-decoration: none;}
.page-id-2 .section-1 a,
.page-id-224 .section-3 a,
.nav .section-2 a {
	color: #777 !important;}
.page-id-2 .nav .section-2 a,
.page-id-224 .nav .section-2 a {
	color: #FFF !important;} 

#header p {
	color: #444;}
.page-id-2 .section-1 p,
.page-id-224 .section-3 p,
.nav .section-2 p {
	color: #888 !important;}
.page-id-2 .nav .section-2 p,
.page-id-224 .nav .section-2 p {
	color: #444 !important;} 

.nav .section p,
.nav .section a {
	padding-left: 50px;}
.nav .section a {
	padding-bottom: 50px;}
.nav .section p {
	margin-top: -50px;}
.nav .section-1 a {
	background: url(img/menusection1.png) left 5px no-repeat;}
.nav .section-2 a {
	background: url(img/menusection2.png) left -7px no-repeat;}
.nav .section-3 a {
	background: url(img/menusection3.png) left top no-repeat;}
/* End menu styling */

.nav .homeurl {
	background: none;}
.nav .homeurl a {
	font-size: 36px !important;
	letter-spacing: -4px !important;
	line-height: 32px;
	text-shadow: 0em 0em 0.2em #333}

/* 1. INTRODUKTION -------------------*/
#introfilm {
	border: 10px solid #D9D9D9;
	margin: -30px auto 30px auto;
	width: 960px;}

.jonasbeskriver,
.andrabeskriver {
	float: left;
	width: 460px;
	margin-right: 40px;}
.introduktion .andrabeskriver {
	margin-right: 0px;}

#jonasmeta {
	margin: 20px 0 0 42px;}
	
#linkedin,
#twitter,
#epost,
#ommig,
#telefon,
#delicious {
	font-size: 11px;
	line-height: 1.2em;}
#facebook a,
#linkedin a,
#twitter a,
#epost a,
#delicious a {
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -99999em;
	float: left;
	margin-right: 13px;}
#facebook a {
	background: url(img/facebook.png) top left no-repeat;}
#linkedin a {
	background: url(img/linkedin.png) top left no-repeat;}
#twitter a {
	background: url(img/twitter.png) top left no-repeat;}
#epost a {
	background: url(img/mail.png) top left no-repeat;}
#ommig a {
	background: url(img/ommig.png) top left no-repeat;}
#delicious a {
	background: url(img/delicious.png) top left no-repeat;}
#ommig {
	background: url(img/ommig.png) top left no-repeat;
	padding-left: 42px;}
#telefon {
	float: left;
	line-height: 32px;
	font-weight: bold;}
	
.introduktion #replies,
.introduktion #replies-inner {
	background: none transparent;
	padding: 0px;
	font-size: 11px;}
.introduktion .commentmetadata,
.introduktion .commentmetadata a {
	font-size: 11px !important;}
	
.introduktion #replies li {
	background: url(img/introcommenttop.png) top left no-repeat;
	background-color: #f1f1f1;}
	
.introduktion #replies li .comment-inner {
	padding: 20px;
	background: url(img/introcommentbottom.png) bottom left no-repeat;}
	
.introduktion input {
	width: 200px;}

	
/* 2. KONVERSATION -------------------*/
.listing #reply {
	display: none;}

#replies p,	
.post p {
	margin-bottom: 1em;}
.post p,
.post li,
.post blockquote {
	line-height: 1.3em;}
	
.post ul,
.post ol {
	margin: 1em 0 1em 2em;}
.post ol {
	list-style-type: decimal;}
.post ul {
	list-style-type: disc;}

.post img,
.post embed,
.post object,
.post iframe {
	max-width: 320px !important;}

.content {
	background: url(img/commentarrow.png) 330px 15px no-repeat;
	margin-bottom: 40px;}

#replies {
	background: url(img/commentbottom.png) bottom left no-repeat;
	background-color: #f1f1f1;
	font-size: 15px;}
#replies-inner {
	padding: 21px 21px 1px 21px;
	background: url(img/commenttop.png) top left no-repeat;
	color: #666;}
#replies h3,
#replies ol li {
	margin-bottom: 20px;}
#replies ol li .commentmetadata,
#replies ol li .commentmetadata a {
	margin-top: -0.9em;
	font-weight: bold;
	color: #adadad;
	font-size: 13px;}
	
#reply {
	padding: 20px;}
.textfield input,
.textarea textarea,
#reply input[type="text"],
#reply textarea {
	padding: 8px;
	color: #666;
	border: 1px dotted #C4C4C4;
	margin-bottom: 10px;}
.textfield label,
.textarea label,
#reply label {
	color: #999;
	font-size: 0.8em;}
	
#discussion-top {
	margin-top: -10px;
	margin-bottom: 40px;
	padding: 20px;
	border: 10px solid #D9D9D9;
	background-color: #F1F1F1;
	color: #666;
	position: relative;
	width: 920px;}
	
#discussion-top #tdomf_form1 {
	float: right;
	width: 521px;
	margin-left: 20px;
	margin-right: 20px;}
#discussion-top #tdomf_form1 fieldset {
	width: 300px;
	padding: 0;}
#discussion-top #tdomf_form1 .textfield input {
	width: 150px;}
#discussion-top #tdomf_form1 .textfield label {
	display: block;
	float: left;
	width: 50px;
	text-align: right;
	margin-right: 5px;
	line-height: 31px;}
#discussion-top #tdomf_form1 .textarea {
	left: 622px;
	top: 19px;
	position: absolute;}
#discussion-top #tdomf_form1 .textfield input,
#discussion-top #tdomf_form1 .textarea textarea {
	font-size: 0.8em;
	margin-bottom: 0;}
#discussion-top #tdomf_form1 .textarea textarea {
	height: 75px;
	width: 300px;}
#discussion-top #tdomf_form1_send {
	margin-left: 434px;
	margin-top: 2px;
	border: 1px solid #d9d9d9;
	color: #999;
	background: #e8e8e8}
#discussion-top .highlight {
	font-weight: bold;}
	
.post h2 {
	padding-left: 55px;
	min-height: 51px;
	color: #666;}
.post h2 a {
	color: #666;}
.post.naturchips h2,
.post.admin h2 {
	background: url(img/menusection1.png) left 5px no-repeat;}
.post.anonym h2 {
	background: url(img/menusection2.png) left -7px no-repeat;}
	
p.metadata {
	color: #999;
	padding: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;}