/*  
Theme Name: LO-Tidningen
Theme URI: http://notesblog.com/
Description: Theme for LO-Tidningen, loosely built on Notes Blog Core.
Version: 1.0
Tags: light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* =======
	RESET */

body, h1, h2, h3, h4, h5, form, img, table, ul, ol, li, div#content
	{
	margin:0;
	padding:0;
	border: 0;
	}

a.dsq-brlink { display:none; }


/* =======
    FONTS */

/* Default font */
div#content, div#footer, textarea, input
	{
	font-family: Georgia, "Adobe Garamond", "Times New Roman", serif;
	color: #111;
	}

/* Sans-serifs */
div#submenu-nav, div#topmenu-nav, ul#sidebar, h1, h2, h3, h4, h5, a.more-link, span.datestamp,
div.comments, div#arkivet, p.wp-caption-text, div.ettan-foto, div.postmeta, ul.services-share li p
	{
	font-family: Helvetica, Arial, sans-serif;
	}

h1, h2 {
	font-size: 36px;
	line-height: 36px;
	}
	div#header h1 { line-height:0; }
	div.post h1, div.page h1, div.attachment h1 { padding-top:10px; }
	div.page h1 { padding-bottom:10px; }

h2 {
	margin: 20px 0;
	}
	ul#sidebar h2 { margin:0; font-size: 12px; line-height: 12px; text-transform:uppercase; }
	h2.listing { margin: 10px 0; }
	body.category-kultur div#content h2, body.category-inblick div#content h2, body.category-reportage div#content h2
		{ font-family: Georgia, "Adobe Garamond", "Times New Roman", serif !important; font-weight:normal; }

h3 {
	font-size: 24px;
	line-height: 24px;
	}

h4 {
	font-size: 18px;
	}

h5 {
	font-size: 14px;
	}


/* =======
    LINKS */

/* default link color */
a:link, a:active, a:visited
	{
	color: #ac0435;
	text-decoration: none;
	}
	a:hover { color: #111; text-decoration: underline; }

h2.listing a:link, h2.listing a:active, h2.listing a:visited, 
div.reportage h2 a:link, div.reportage h2 a:active, div.reportage h2 a:visited,
div.comments a:link, div.comments a:active, div.comments a:visited,
ul#sidebar a:link, ul#sidebar a:active, ul#sidebar a:visited,
p.lastline a:link, p.lastline a:active, p.lastline a:visited
	{
	color: #000;
	}
	h2.listing a:hover { color: #888; text-decoration:none; }
	div.comments a:hover, ul#sidebar a:hover, p.lastline a:hover { color: #ac0435; text-decoration:none; }


/* ========
	LAYOUT */

.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.widecolumn { width: 515px; }
.fullcolumn { width: 715px; background: #fff; }
.sidebar-right { width: 240px; overflow:hidden; float:right; }
.sidebar-middle { width: 195px; overflow:hidden; float:right; }
.sidebar-single { width: 210px; overflow:hidden; float:right; }
.sidebar-opinion { width: 205px; overflow:hidden; float:right; }

div#site { width: 100%; float:left; background: #f8f8f8; }

div#wrap-outer
	{
	width: 1180px;
	margin: 0 auto;
	overflow:hidden;
	}
	div.pos { padding-left:20px; float:left; background: #fff url(img/sidebar-right-bg.gif) right repeat-y; }

div#ads-right
	{
	width: 180px;
	float:right;
	overflow:hidden;
	}
	div.adblock { width:140px; height:350px; margin-top: 10px; margin-left:15px; margin-bottom:10px; }

div#wrap-inner
	{
	width: 980px;
	float:left;
	overflow:hidden;
	background: url(img/blog-bg.gif) right repeat-y;
	}
	body.single div#wrap-inner { background: url(img/blog-single-bg.gif) right repeat-y; }

div#header
	{
	width: 980px;
	float:right;
	margin: 0;
	padding-top: 5px;
	background: #fff;
	}
	div#header h1 { float:left; width:350px; padding-top: 25px; }
	span.thedate { font-size: 12px; text-transform: uppercase; position:relative; top: -1px; }
	div#arbetsmarknaden { width:240px; height:126px; overflow:hidden; }
		div#arbetsmarknaden p, div#pufftopp p { margin:0; }
		div#arbetsmarknaden ul { width:230px; background: #e8f0f4; }
			div#arbetsmarknaden ul li { padding-left: 10px; padding-right:10px; list-style: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
			div#arbetsmarknaden ul li.last { padding-bottom: 10px; }
			div#arbetsmarknaden ul li.top { padding-top: 10px; }
				div#arbetsmarknaden ul li big { font-size: 48px; margin: 10px 0; }
		div#pufftopp { width:360px; overflow:hidden; }
			div#pufftopp ul {}
				div#pufftopp ul li { height:126px; overflow:hidden; list-style: none; font-size: 22px; line-height: 26px; padding-top:0 !important; padding-right:10px; }
					div#pufftopp ul li h2 { display:none; }
					div#pufftopp ul li a { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 11px; color: #000; }
					div#pufftopp ul li p { padding: 0 !important; }
			div.widget_pufftopp { padding-top: 22px; }
				div.widget_pufftopp img.alignright { margin: 0 0 0 5px !important; }
			/*  tmp */
				div.widget_pufftopp_martin { background: url('/wp/wp-content/themes/lot/img/pufftopp-martin.png') top right no-repeat; padding-top: 22px; padding-right: 100px; }
				div.pufftopp-martin { background: url(img/pufftopp-martin.png) top right no-repeat; padding-top: 22px; padding-right: 100px; }
			/* to be reomved */

div#submenu-nav, div#topmenu-nav
	{
	width:970px;
	float:left;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-color: #ac0435;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	}
	div#submenu-nav { margin-top: 5px; background: #64747b; }
	div#submenu-nav a, div#topmenu-nav a { color: #fff; }
	div#submenu-nav a { font-weight:bold; }
		div#submenu-nav a:hover, div#topmenu-nav a:hover { text-decoration: none; }
	div#submenu-nav ul, div#topmenu-nav ul {}
		div#submenu-nav ul li, div#topmenu-nav ul li { list-style: none; float:left; padding: 6px 6px 5px 6px; border: 1px solid #fff; border-width: 0 4px 0 0; }
		div#submenu-nav ul li.right, div#topmenu-nav ul li.right { float:right !important; border-width: 0 0 0 5px; }
	div#topmenu-nav { background: #000; color: #ccc; text-transform:uppercase; border:0 !important; font-size: 12px !important; line-height:12px !important; }
			div#topmenu-nav ul li { padding: 0; border:0 !important; }
			div#topmenu-nav ul li:hover { background: none !important; }
				ul#topmenu-default {}
					ul#topmenu-default li { padding: 5px !important; }
	
	/* category colors */
	div#submenu-nav ul li:hover, li.active { background: #ac0435; }
	body.category-ekonomi div#submenu-nav, div.submenu-nav-ekonomi { border-color: #f0997d !important; }
	li.active-ekonomi { background: #f0997d; }
	body.category-opinion div#submenu-nav, div.submenu-nav-opinion { border-color: #c9b243 !important; }
	li.active-opinion { background: #c9b243; }
	body.category-kultur div#submenu-nav, div.submenu-nav-kultur { border-color: #a6accc !important; }
	li.active-kultur { background: #a6accc; }
	body.category-inblick div#submenu-nav, div.submenu-nav-inblick { border-color: #c2ca7f !important; }
	li.active-inblick { background: #c2ca7f; }
	body.category-utblick div#submenu-nav, div.submenu-nav-utblick { border-color: #b5cfdc !important; }
	li.active-utblick { background: #b5cfdc; }
	body.category-reportage div#submenu-nav, div.submenu-nav-reportage { border-color: #dbb955 !important; }
	li.active-reportage { background: #dbb955; }

div#content {
	float:left;
	margin-right: 0 !important;
	padding-top: 10px;
	}
	div.post, div.page, div.attachment { margin-bottom: 20px; padding-bottom: 20px; border: 1px solid #111; border-width: 0 0 1px 0; }
		div.entry {}
			div.entry p { margin: 0 0 14px 0; font-size: 14px; line-height: 140%; }
			div#_mcePaste { font-size: 14px; line-height: 140%; }
			div.entry ul, div.entry ol { margin: 0 20px 14px 40px; font-size: 14px; }
				div.entry ul li, div.entry ol li { margin-bottom: 5px; }
			span.datestamp { float:left; margin:3px 6px 0 0; font-size: 12px; text-transform: uppercase; font-weight:bold; color: #64747b; }
				span.datestamp a { color: #64747b; }
			div.comments { margin: 5px 0 0 0; text-align:right; font-size: 12px; line-height:12px; text-transform: uppercase; color: #64747b; }
				div.comments span { background: url(img/comments.gif) no-repeat; padding-left: 22px; }
			p.author {}
				p.author a { font-weight:bold; color: #000; }
					p.author a:hover { color:#ac0435; }
			div.entry ul.wp-tag-cloud { margin-left: 20px; padding-left: 20px; }
				div.entry ul.wp-tag-cloud li { margin-bottom: 5px; }
			div.entry img { max-width: 515px; height:auto; }
		div.postmeta { margin: 10px 0 20px 0; font-size: 12px; color: #888; }
		div.postlist {}
			div.postlist div.entry ul { margin: -10px 0 0 0; padding:0; }
				div.postlist div.entry ul li { margin-bottom: 5px; padding-left: 13px; background: url(img/sb-nyheter-arrow.gif) top left no-repeat; list-style: none; }
	div.reportage-wrap { margin-bottom: 20px; padding-bottom: 20px; border: 1px solid #111; border-width: 0 0 1px 0; }
		div.reportage { padding-bottom: 1px; background: #f2f2e3; }
			h3#reportage-section { margin-bottom:10px; padding: 5px; background:#c2ca7f; color: #fff; font-size: 16px; line-height:16px; font-weight:bold; text-transform: uppercase; }
			div#reportage-entry { padding: 0 10px; }
			div.reportage h2 { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif !important; font-weight:normal !important; }
	div#arkivet { margin-bottom: 20px; padding: 5px 0; background: #ececed; color: #888; float:left; width:100%; }
		div#arkivet a { font-weight:bold; }
	ol#fackfolk { margin: 20px 0; padding:0; list-style-position: inside; font-size: 18px; border: 1px solid #ececed; border-width: 0 0 1px 0; }
		ol#fackfolk li { padding: 10px 5px; border: 1px solid #ececed; border-width: 1px 0 0 0; }
	p.admin { color: #888; font-size: 12px; }
	div.ettan-foto { width:100%; min-height: 14px; float:left; margin:5px 0 10px 0; color: #888; }
		div.ettan-foto div.left { width: 300px; font-size:12px; }
		div.ettan-foto div.right { width: 200px; font-size: 10px; text-transform: uppercase; text-align:right; }
	div#wp-email-content { padding: 20px; border: 1px solid #ececed; }
	    div#wp-email-content input { padding: 5px; font-size: 14px; }
	    p#wp-email-button { margin-bottom:0; text-align:right; }
	   
	/* Disqus */
	div#dsq-new-post {}
		div#dsq-new-post h3 { font-size: 20px; }
		div#dsq-comments-title h3 { font-size: 14px; }

ul#sidebar {
	margin: 0;
	padding:10px 0 0 0 !important;
	font-size: 12px;
	}
	ul#sidebar li { list-style:none; margin: 0 10px 20px 0; }
		ul.sidebar-middle li, ul.sidebar-single li { margin-right: 25px !important; margin-left: 25px; }
	ul#sidebar h2 { margin:0; text-transform: uppercase; font-size: 14px; /* width: 100%; float:left; */ height:1%; }
	li.bloggpuff { background: #aaa; color: #888; }
		li.bloggpuff ul { margin: 0 !important; }
			li.bloggpuff ul li { margin: 5px 0 0 0 !important; padding-left: 13px; background: url(img/sb-nyheter-arrow.gif) top left no-repeat; }
	li.blogg-kultur { background: #eeeff5; }
	li.blogg-ekonomi { background: #fef6f2; }
	li.blogg-arbetsm, li.blogg-red { background: #f6f0da; }
		li.bloggpuff h2, li.faktaruta h2, li.nyheterna h2, li.heading h2 { padding: 5px; color: #fff; background: #000; }
		li.bloggpuff div.txt { margin: 0 0 10px 0; padding: 5px; line-height: 135%; }
		li.faktaruta p { margin: 0; padding: 5px; line-height: 135%; }
	li.faktaruta { background: #e8f0f4; }
	li.nyheterna {}
		li.nyheterna h2 { background: #ac0435; margin-bottom: 0 !important; }
		li.nyheterna ul { margin:0; padding: 8px 5px 5px 5px; border: 1px solid #888; border-width: 0 1px 1px 1px; }
			li.nyheterna ul li { margin: 0 0 5px 0 !important; padding-left: 13px; padding-bottom: 5px; background: url(img/sb-nyheter-arrow.gif) top left no-repeat; border: 1px solid #ececed; border-width: 0 0 1px 0; }
				li.nyheterna ul li.last { margin-bottom: 2px !important; padding-bottom:0 !important; padding-left:2px !important; border:0 !important; font-weight:bold; background: none !important; }
	li.services { float:left; width: 185px; }
		ul.services-list { border: 1px solid #e8f0f4; }
			ul.services-list li { margin:0 !important; padding: 10px 10px 10px 40px; font-size: 14px; }
			ul.services-list li.print { background: url(img/share-print.png) left no-repeat; border: 1px solid #e8f0f4; border-width: 0 0 1px 0; }
			ul.services-list li.kommentarer { background: url(img/share-kommentarer.png) left no-repeat; }
			ul.services-list li.bloggat { background: url(img/share-bloggat.png) left no-repeat; }
				ul.services-list li div.comments { width:50px; float:right; }
			ul.services-share { margin-top:10px; width:100%; float:left; }
				ul.services-share li { width:85px; height: 75px; margin:0 !important; border: 1px solid #e8f0f4; }
					ul.services-share li p { margin: 5px 0 !important; text-align:center; font-size: 10px; }
						ul.services-share li p img { padding: 2px 3px 0 3px; }
						ul.services-share li p a { color: #000 !important; } 
	li.feed { line-height: 16px; }
		li.feed img.rss-icon { margin-right:10px; }
	li.googlecse { padding: 5px 5px 1px 5px; background: #ececed; }
		div.gsc-control-cse { padding:0; border:0; }
			div.gsc-result { background: #fff; }
		input.gsc-input { float:left; padding: 3px 2px; width:140px !important; }
		input.gsc-search-button { float:right; border:0 !important; background:#64747b !important; color:#fff !important; }
	li.relaterat-box { margin-bottom:0 !important; float:left; width:185px; }
	ul.relaterat { margin-bottom: 20px; background: #e0ebf0; }
		ul.relaterat li { margin: 0 !important; padding: 5px; }
		ul.relaterat li.heading { padding:0 !important; }
			ul.relaterat li.heading h2 {}
				ul.relaterat li h2 span { color:#dcce84; }
	div#dsq-combo-widget {}
		ul#dsq-combo-tabs {}
			ul#dsq-combo-tabs li { margin-bottom:0 !important; }
			p.dsq-widget-meta { margin-top: 5px; }
				p.dsq-widget-meta a { color: #ac0435 !important; }
					p.dsq-widget-meta a:hover { color: #111 !important; }
	div.dsq-widget { border: 1px solid #f2eed3; }
		h2.dsq-widget-title { background: #f2eed3; margin-bottom: 10px !important; padding: 5px !important; }
		ul.dsq-widget-list { padding: 0 10px !important; }
			li.dsq-widget-item { margin: 0 0 10px 0 !important; }
	li.rtw_widget { background: #ececed; padding: 0 0 10px 0; }
		li.rtw_widget div.textwidget { padding: 0 10px; }
			li.rtw_widget h2 { padding: 5px !important; margin-bottom: 10px !important; color: #fff !important; background: #000 !important; }
			li.rtw_widget div.textwidget ul { margin: 5px 0 0 0 !important; }
				li.rtw_widget div.textwidget ul li { margin-bottom: 5px !important; padding-left: 13px; background: url(img/sb-nyheter-arrow.gif) top left no-repeat; }
	
	ul.sidebar-right li p { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; }
	
	li.popular-posts { display:none; } /* popular posts */

	/* Post Widget-boxar */
	li.Notes_PostWidgets {}
		li.Notes_PostWidgets div { padding-bottom: 5px; }
			li.Notes_PostWidgets div h2 { margin-bottom: 5px !important; padding: 5px; }
			li.Notes_PostWidgets div h3 { padding: 0 5px; }
			li.Notes_PostWidgets div p { margin:5px 0 0 0; padding: 0 5px; }
			li.Notes_PostWidgets div h3 img.alignnone, li.Notes_PostWidgets div h3 a img.alignnone, li.Notes_PostWidgets div p img.alignnone, li.Notes_PostWidgets div p a img.alignnone
				{ margin-left: -5px; }
			li.Notes_PostWidgets div div.wp-caption { margin-right:0 !important; }
				li.Notes_PostWidgets div div.wp-caption p.wp-caption-text { margin: 5px 0 !important; font-family: Helvetica, Arial, sans-serif !important; }
			li.Notes_PostWidgets div ul { margin: 5px 5px 0 5px; }
				li.Notes_PostWidgets div ul li { margin-bottom: 5px !important; padding-left: 13px; background: url(img/sb-nyheter-arrow.gif) top left no-repeat; }
		div.widget_avtal { background: #f2eed3; }
			div.widget_avtal h2 { color: #c9b243; background: #000; }
		div.widget_tema { background: #e8f0f4; }
			div.widget_tema h2 { color: #c9b243; background: #000; }
			div.widget_tema p { padding: 0 5px !important; }
			div.widget_tema p, div.widget_tema ul li, div.widget_tema ol li { font-family: Helvetica, Arial, sans-serif !important; }
		div.widget_utblick, div.widget_inblick, div.widget_reportage, div.widget_kultur, div.widget_smattogott, div.widget_opinion, div.widget_ekonomi, div.widget_reportage
			{ background: #ececed; }
			div.widget_reportage h2 { background: #dbb955; }
			div.widget_reportage h3 { margin: 5px 0; }
			div.widget_utblick h2 { background: #b5cfdc; }
			div.widget_inblick h2 { background: #c2ca7f; }
			div.widget_kultur h2 { background: #a6accc; }
			div.widget_smattogott h2 { background: #b5cfdc; }
			div.widget_opinion h2 { background: #c9b243; }
			div.widget_ekonomi h2 { background: #f0997d; }
		div.widget_noterat {}
			div.widget_noterat h2 { background: #000; }
			div.widget_noterat ul { margin: 10px 0 0 0 !important; }
				div.widget_noterat ul li { width: 100%; float:left; background: none !important; margin: 0 0 20px 0 !important; padding:0 !important; }
					div.widget_noterat ul li p { margin:0 !important; }
		div.widget_loopinion {}
			div.widget_loopinion h2 { background: #000; }
		div.widget_sistaordet { background: #dcce84; float:left; width:100%; }
			div.widget_sistaordet h2 { background: #000; }
			div.widget_sistaordet p { padding: 10px; font-size: 24px; }
			div.widget_reportage h2, div.widget_utblick h2, div.widget_inblick h2, div.widget_kultur h2, div.widget_smattogott h2, div.widget_opinion h2, div.widget_ekonomi h2, div.widget_noterat h2, div.widget_loopinion h2, div.widget_sistaordet h2
				{ color: #fff; }
			li.Notes_PostWidgets div h3, li.Notes_PostWidgets div p, li.Notes_PostWidgets div ul
				{ font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-weight:normal; }
			div.widget_noterat ul li, div.widget_noterat ul li p, div.widget_loopinion p
				{ font-family: Helvetica, Arial, sans-serif !important; }
	
	/* sidebar-opinion */
	ul.sidebar-opinion {}
		ul.sidebar-opinion li.Notes_PostWidgets { padding: 0 15px 0 10px; }
		li#insandare { float:left; width: 100%; }
			li#insandare ul {}
				li.insandare-rubrik { margin: 0 15px 10px 0 !important; padding: 15px 10px 10px 10px; background: #f2eed3; }
					li.insandare-rubrik h2 { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-weight:normal; font-size: 24px !important; line-height: 24px !important; text-transform: none !important; }
					li.insandare-lista, li.insandare-alla, li.insandare-skicka { padding: 0 10px; }
						li.insandare-lista h3 { font-size: 12px; text-transform: uppercase; color: #ac0435; margin-bottom: 10px; }
						li.insandare-lista ul {}
							li.insandare-lista ul li { margin-right: 0 !important; }
								li.insandare-lista ul li h4 {}
								li.insandare-lista ul li p { margin: 5px 0 0 0; font-size: 12px; }
								p.read-more { text-align:right; font-weight: bold; }
					li.insandare-alla, li.insandare-skicka {}
						li.insandare-alla a:link, li.insandare-alla a:active, li.insandare-alla a:hover { color: #444 !important; }
						li.insandare-skicka img { margin-top: 5px; }


div#footer {
	background:#fff;
	float:left;
	width:100%;
	padding: 20px 0;
	border: 5px solid #ececed;
	border-width: 5px 0 0 0;
	font-size:12px;
	}
	div.copy { width: 1140px; margin: 0 auto; }
	div.col { width: 285px; float:left; }
	p.lastline { float:left; width:100%; margin: 30px 0 20px 0; text-align:center; color: #888; font-style: italic; }
		p.lastline a { font-style: normal; }



/* ===========
	WORDPRESS */

.alignleft, blockquote.alignleft { margin: 0 15px 15px 0; }
.alignright, blockquote.alignright { margin: 0 0 15px 15px; }
.frame { padding: 5px; border: 1px solid #ececed; }
.wp-caption { font-size: 12px; color: #888; text-align:center; max-width: 515px; overflow:hidden; }
p.wp-caption-text { margin:10px 0 !important; padding:0; line-height: 10px !important; font-size: 10px !important; text-transform: uppercase; text-align:right; }

div.gallery { margin-bottom: 14px; }
	dl.gallery-item {}
		dt.gallery-icon {}
			img.attachment-thumbnail { border:0; }
		dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #777; font-style: italic; }



/* ====================
    KONVERTERINGSFIXAR */

img.fackfolk-img { float:right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #ececed; }