/*

Theme Name: Dagboken

Theme URI: http://andreasviklund.se/wordpress-teman-pa-svenska/

Description: Ett originaltema på svenska, byggt med validerad XHTML- och CSS-kod med personliga bloggar och enkla hemsidor i åtanke. Stöd för arkiv, taggar, widgets och alla andra grundläggande funktioner i WordPress. Support, tillägg och mer information finns på temats hemsida.

Version: 1.0

Author: Andreas Viklund

Author URI: http://andreasviklund.se/

*/

/* Body */
*
{
	margin: 0;
	padding: 0;
}

body
{
	width: 930px;
	margin: 0 auto;
	background-color: #fff;
	color: #555;
	font-family: Verdana;
	line-height: 110%;
	text-align: center;
}

h2
{
	text-decoration: none;
	font-family: arial;
}

a
{
	color: #ED1B34;
	font-weight: 400;
	text-decoration: none;
	font-family: arial;
}

a:hover
{
	color: #CC0000;
	text-decoration: none;
}

a img
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* Sidhuvud, sidhuvud-vänster och sidhuvud-höger */
#sidhuvud
{
	width: 930px;
	height: 144px;
	color: #333;
	margin: 0 auto;
}

#sidhuvudl
{
	width: 870px;
	height: 144px;
	color: #fff;
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	display: inline;
}

#sidhuvudr
{
	width: 60px;
	padding: 0;
	float: right;
	text-align: right;
	margin: 0;
	font-size: 1.2em;
	display: inline;
}

#sidhuvudr a
{
	color: #333;
	font-weight: 300;
}

.rssknapp
{
	padding: 2px 0 2px 18px;
	margin: 4px 0 4px 0;
	font-size: 60%;
	background: url(bilder/rss.png) center left no-repeat;
}

/* Sökruta */
.sokruta
{
	width: 170px;
	height: 34px;
	float: right;
	display: inline;
}

.sokruta label { }

#searchsubmitform input
{
	background: #fff;
	padding: 2px 2px 2px 2px;
	margin: 6px 0 0 0;
	width: 135px;
	color: #666;
	border: 1px solid #aaa;
}

#searchsubmitform
{
	float: left;
	width: 140px;
	margin: 0 5px 0 0;
	display: inline;
}

#searchsubmitbutton
{
	float: right;
	width: 21px;
	margin: 6px 0 0 0;
	display: inline;
}

/* Huvudmeny och undermeny */
#huvudmeny
{
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(bilder/bg_topMenu_m.gif);
	background-repeat: repeat-x;
	height: 34px;
}

#leftend
{
	float: left;
	width: 6px;
	height: 34px;
	padding: 0;
	margin: 0;
	display: inline;
}

#rightend
{
	float: right;
	width: 6px;
	height: 34px;
	padding: 0;
	margin: 0;
	display: inline;
}

#huvudmeny ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#huvudmeny ul li
{
	list-style: none;
	float: left;
	margin: 0 4px 0 0;
	padding: 6px 5px 0 5px;
	font-weight: 300;
	height: 34px;
	display: inline;
}

#huvudmeny ul li a
{
	color: #FFFFFF;
	font-weight: 300;
	font-size: 85%;
	height: 34px;
	display: inline;
	margin: 0 0 0 0;
}

#huvudmeny ul li a:hover
{
	color: #FFFFFF;
	font-weight: 300;
	margin: 0 0 0 0;
}

#huvudmeny ul li.current_page_item
{
	background: url(bilder/bg_topMenuActive_m.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 6px 5px 0 5px;
	display: inline;
}

#huvudmeny ul li.current_page_item a
{
	color: #FFFFFF;
	font-weight: 300;
}

/* Layout och bredd */
#justering
{
	clear: both;
	text-align: center;
	padding: 0px 0 5px 0;
	margin: -9px 3px 0;
}

#justering div.inner
{
	text-align: left;
	color: #555;
	width: 930px;
	margin: 0 3px 0;
}

/* Rubriktaggar */
h2, h3, h4
{
	margin: 2px 0 12px;
	color: #666;
	font-weight: normal;
}

/* Sidokolumn */
#sidokolumn
{
	text-align: left;
	float: right;
	border-right: 10px solid #FFFFFF;
	padding: 10px;
	width: 350px;
	display: inline;
	background-color: #EBEBEB;
}

#sidebartop
{
	text-align: left;
	float: right;
	margin: 0 0 10px 0;
	width: 350px;
	height: 350px;
	padding: 0;
	display: inline;
}

#sidebaryoutube
{
	text-align: left;
	float: right;
	margin: 0 0 10px 0;
	width: 350px;
	height: 500px;
	padding: 0;
	display: inline;
}


#sidebarlower
{
	text-align: left;
	float: right;
	margin: 0 0 0 0;
	width: 350px;
	padding: 0;
	display: inline;
}

#sidebarlower2
{
	text-align: left;
	float: right;
	margin: 0 0 0 0;
	width: 350px;
	padding: 0;
	display: inline;
}

#sidebarr
{
	text-align: left;
	float: right;
	margin: 0 0 0 10px;
	width: 170px;
	display: inline;
}

#sidebarl
{
	text-align: left;
	float: right;
	margin: 0 0 0 0;
	width: 170px;
	display: inline;
}

#sidebarr2
{
	text-align: left;
	float: right;
	margin: 0 0 0 10px;
	width: 170px;
	display: inline;
}

#sidebarl2
{
	text-align: left;
	float: right;
	margin: 0 0 0 0;
	width: 170px;
	display: inline;
}

#sidokolumn h2, #sidokolumn h3
{
	font-size: 100%;
	padding: 0;
	margin: 0 0 4px 4px;
	color: #333;
	font-weight: 600;
}

#sidokolumn ul h2, #sidokolumn ul h3
{
	font-size: 100%;
	padding: 0;
	margin: 0 0 4px 4px;
	color: #333;
	font-weight: 600;
}

#sidokolumn li h2, #sidokolumn li h3
{
	font-size: 100%;
	padding: 0;
	margin: 0 0 4px 4px;
	color: #333;
	font-weight: 600;
}

#sidokolumn p, #sidokolumn ul ,#sidokolumn .textwidget,#sidokolumn form,#sidokolumn table
{
	margin: 0 0 15px 0;
	padding: 0;
}

#sidokolumn table { width: 170px; }

#sidokolumn caption
{
	font-size: 80%;
	padding: 0;
	margin: 0 0 4px 0;
	text-align: left;
}

#sidokolumn li { list-style: none; }

#sidokolumn ul li
{
	list-style: none;
	width: 160px;
	padding: 0;
	margin: 0 0 2px 4px;
	font-size: 80%;
}

#sidokolumn ul li a
{
	display: block;
	overflow: visible;
	padding: 1px 0 1px 5px;
	color: #333;
	font-weight: 300;
}

#sidokolumn ul li a:hover, #sidokolumn ul li.current_page_item a
{
	color: #333;
	text-decoration: underline;
}

#sidokolumn ul li.current_page_item li a { color: #333; }
#sidokolumn ul ul { margin: 0; }
#sidokolumn ul ul li { width: 160px; }

#sidokolumn ul ul li a
{
	font-size: 120%;
	padding: 1px 0 1px 5px;
}

#sidokolumn ul ul ul li { width: 158px; }

#sidokolumn ul ul ul li a
{
	font-size: 120%;
	padding: 0 0 0 5px;
}

/* Innehåll */
#innehall
{
	float: left;
	text-align: left;
	margin: 10px 0;
	width: 530px;
	color: #333;
	display: inline;
}

#innehall h2
{
	font-size: 130%;
	clear: left;
	color: #ED1B34;
	font-family: Avenir, Tahoma, Arial, sans-serif;
}

#innehall h3
{
	font-size: 130%;
	clear: left;
	color: #333;
}

#innehall h2.arkivrubrik
{
	margin: 0 0 20px 0;
	padding: 4px 0;
	color: #333;
}

#innehall h2 a, #innehall h3 a
{
	color: #333;
	font-weight: 700;
}

#innehall p
{
	font-size: 80%;
	margin: 0 0 15px;
}

#innehall div.postnav { padding: 10px 0; }
#innehall div.postnavleft { width: 48%; }

#innehall div.postnavright
{
	width: 48%;
	text-align: right;
}

#innehall ul, #innehall ol
{
	margin: 0 0 15px 30px;
	padding: 0 0 0 10px;
}

#innehall ul li, #innehall ol li { margin: 0 0 3px; }
#innehall ul ul, #innehall ol ol { margin: 5px 0 5px 15px; }

#innehall img
{
	margin: 0;
	padding: 0;
}

#innehall img.left
{
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}

#innehall img.right
{
	float: right;
	margin: 0 0 10px 10px;
	display: inline;
}

#innehall img.center
{
	margin: 2px auto 10px auto;
	display: block;
}

#innehall img.framed
{
	padding: 5px;
	background: #222;
	border: 1px solid #555;
}

#innehall .post
{
	margin: 0 0 25px;
	color: #333;
}

#innehall .timestamp { font-size: 70%; }

#innehall .timestamp a
{
	font-weight: 300;
	color: #333;
}

#innehall .metainfo
{
	padding: 2px 0;
	text-align: left;
	font-weight: 400;
	display: block;
}

#innehall .metainfo a
{
	color: #ED1B34;
	font-weight: 600;
	font-size: 80%;
}

#innehall .metainfo a:hover { color: #CC0000; }
#innehall strong a { font-weight: 700; }

#innehall .navlankar
{
	font-size: 70%;
	color: #333;
}

#innehall .navlankar a
{
	font-size: 70%;
	color: #333;
}

#innehall .navlankar p.internav
{
	text-align: left;
	line-height: 1.7em;
}

#innehall .navlankar p.flersidor
{
	text-align: center;
	line-height: 1.7em;
}

#innehall .navlankar p.flersidor a
{
	padding: 0px 15px;
	font-size: 110%;
}

#innehall .navlankar .vhalva
{
	width: 48%;
	text-align: left;
	float: left;
	display: inline;
}

#innehall .navlankar .hhalva
{
	width: 48%;
	text-align: right;
	float: right;
	display: inline;
}

/* Sidfot */
#sidfot
{
	width: 930px;
	clear: both;
	color: #666;
	text-align: center;
	margin-top: 260px;
}

#sidfot div.inner
{
	width: 890px;
	text-align: center;
	margin: 5px auto;
	padding: 5px 0 20px 0;
	font-size: 60%;
}

#sidfot p
{
	margin: 0;
	padding: 10px 0;
	font-size: 60%;
}

#sidfot .blogginfo
{
	font-size: 60%;
	font-weight: 300;
}

#sidfot .blogginfo a { font-weight: 300; }
#sidfot a { color: #666; }

#sidfot a:hover
{
	color: #444;
	text-decoration: underline;
}

/* Kommentarer */
#comments { margin: 20px 0 16px 0; }

.kommentar
{
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

#innehall div.kommentar p.kommenterare { margin: 0 0 10px; }
#innehall div.kommentar p { margin: 0 0 4px; }
#respond { margin: 20px 0 0 0; }
#respond p { margin: 0 0 10px 0; }

#respond input,#respond textarea
{
	padding: 4px;
	width: 250px;
	background-color: #f4f4f4;
	color: #666;
}

#respond textarea#comment { width: 400px; }
#respond input#submit { width: 75px; }

#respond input, #respond textarea
{
	font: 100% Verdana;
	border: 1px solid #ccc;
}

/* Taggar */
blockquote
{
	padding: 5px 15px 2px 15px;
	margin: 10px;
	border-left: 4px solid #eee;
	color: #777;
}

blockquote p
{
	padding: 2px 0;
	margin: 0;
	font-weight: bold;
}

code
{
	padding: 5px;
	font-size: 1.2em;
	display: block;
	margin: 5px 0 16px 0;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}

/* Floatfix */
.huvudtext { overflow: hidden; }

* html .huvudtext
{
	height: 1px;
	overflow: visible;
}

* html .huvudtext p
{
	overflow: hidden;
	width: 99%;
}

/* Övriga klasser */
.hjustering { text-align: right; }
.centrering { text-align: center; }

.radbrytning
{
	visibility: hidden;
	clear: both;
}

.dold { display: none; }

#twitter_div
{
	background-color: #EBEBEB;
	font-size: 85%;
	padding: 0 0 5px 0;
}

#twitter_div a { color: #ED1B34; }

#topright, #bottomleft, #bottommiddle, #bottomright
{
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
}

#topright, #bottomleft, #bottommiddle, #bottomright
{
	width: 290px;
	height: 300px;
}

#topleft1
{
	width: 225px;
	height: 280px;
	font-size: 85%;
	background-color: #EBEBEB;
	padding: 5px 10px 0 5px;
	float: left;
}

#topleft2
{
	width: 360px;
	height: 277px;
	font-size: 85%;
	background-color: #EBEBEB;
	padding: 8px 10px 0 0;
	border-right: 10px solid #FFFFFF;
	float: left;
}

#topleft2 p { padding: 0 0 5px 0; }

#topright ul
{
	list-style: none;
	border-top: 1px solid #333333;
}

#topright li
{
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #333333;
}

#twitter_div_home
{
	font-size: 85%;
	color: #333333;
	padding-top: 8px;
}

#twitter_div_home ul
{
	list-style: none;
	border-top: 1px solid #333333;
}

#twitter_div_home li
{
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #333333;
}

# twitter_div_home a { color: #ED1B34; }

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

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

#bottomrow { height: 600px; }

#olderentries
{
	float: right;
	margin-top: 10px;
	font-size: 80%;
	display: inline;
}

#flickrimages { text-align: center; }
#flickrimages img { padding: 0 5px 3px 5px; }

#toprightcorner
{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 160px;
	width: 160px;
	background: url(bilder/hemsida.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

#twitter_div {
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
}

#twitter-link {
	padding-right: 5px;
	padding-bottom: 5px;
}

#flickrimageswrapper {
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
}