/*
Theme Name: JokkmokksBHK
Theme URI: http://jokkmokksbhk.se/
Description: Jokkmokks BHK.
Version: 1.0
Author: Ileva.se
Author URI: http://ileva.se/
Tags: fixed width, two columns, three columns, widgets, 1024px, ileva, valid CSS, valid XHTML
*/

/* Body */
* {margin:0; padding:0;}
body {background:#0a3a7a; url(images/bodybg.jpg) top left repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}

#wrap {clear:both; width:960px; background-color:#fff; color:#444; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:960px; margin:8px auto 6px auto; color:#ddd; font-size:0.9em;}
#top .left {width:49%; float:left;}
#top .right {width:49%; float:right; text-align:right; padding-top:3px;}
#top p {margin:2px; padding:0;}
#top a {color:#ddd; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {text-align:left; padding:0; margin:0 0 10px 0;}
#sitetitle {width:340px; float:left;}
#sitetitle h1 a {width:340px; height:120px; display:block; margin:0; padding:0; background: url(images/header.jpg) top left no-repeat;}
#sitetitle h1 a span {visibility:hidden;}
#sitetitle p {display:none;}

/* Main menu */
#mainmenu {float:right; width:600px; margin:0;}
dl.nav {width:140px; float:left; padding: 0 0px 5px 10px;margin: 0;}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#0a3a7a;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#0a3a7a; display:block; width:135px;}
dl.nav dd a:hover {color:#111; background:#f4f4f4;}

/* Headline */
#headline {width:958px; text-align:center; margin:8px 0 12px 0; border:1px solid #ccc; background-color:#f0f0f0; color:#777; font-size:1em;}
#headline p {margin:2px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 14px; padding-bottom:5px; color:#555; font-weight:700;}

/* Searchbox */
.searchbox {margin:2px 0 0 0; padding:0;}
.searchbox label {color:#666; font-size:1em;}
.searchbox input {background:#eaeaea; padding:3px 0 3px 5px; margin:0; width:125px; color:#666; border:1px solid #aaa;}

/* Sidebar */

#sidebar {float: right; text-align:left; margin:5px 0 0; width:280px; padding:10px; background:#f0f0f0; border:1px solid #ccc;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc; letter-spacing:-1px;}
#sidebar h2 a {font-weight:700; color:#555; text-decoration:none;}
#sidebar .left {float:left; width:130px;}
#sidebar .right {float:right; width:130px; text-align:left;}
#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 20px 0; line-height:1.2em; font-size:1em; padding:0;}
#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar table {width:160px;}
#sidebar caption {font-size:1.3em; padding:0; margin:0 0 4px 0; text-align:left;}
#sidebar ul li {list-style: none; padding:0; margin:0 0 4px 0;}
#sidebar ul li a {font-weight:700;}
#sidebar ul ul li a {font-weight:400;}
#sidebar ul.buttons li {list-style: none; width:128px; padding:0; margin:0 0 2px 0;}
#sidebar ul.buttons li a {display: block; overflow: visible; padding:4px 0 4px 4px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.2em;}
#sidebar ul.buttons li a:hover, #sidebar ul li.current_page_item a{border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.buttons li.current_page_item li a{background-color:#f4f4f4; font-weight:400; border:1px solid #ddd;}
#sidebar ul.buttons li.current_page_item li a:hover {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.buttons ul {margin:0;padding:2px 0 0 10px;}
#sidebar ul.buttons ul li {width:118px;}
#sidebar ul.buttons ul li a{font-size:1em; padding:1px 0 1px 5px;}
#sidebar ul.buttons ul ul li {width:108px;}
#sidebar ul.buttons ul ul li a{font-size:1em; font-weight:400; padding:0 0 0 5px;}

/* Content */
#content {float:left; text-align:left; width:640px; margin:10px 0 0 0;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc; margin: 5px 0 8px 0;}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h4 {font-size:1.2em; letter-spacing:0; margin:2px 0 0 0;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content p {margin:0 0 15px;}
#content div.postnav {padding:10px 0; margin:10px 0;}
#content div.postnavleft {width:48%;}
#content div.postnavright {width:48%; text-align:right;}
#content ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}
#content img.left {float:left; margin:0 10px 10px 0;}
#content img.right {float:right; margin:0 0 10px 10px;}
#content img.center {margin:2px auto 10px auto; display:block;}
#content img.framed {padding:5px; background:#222; border:1px solid #555;}
#content .post {margin:0 0 15px;}
#content .aktuellt {margin:0 0 20px; padding:5px 10px 5px 10px; border: 1px solid #ccc; background-color: #f4f4f4;}
#content .ruta {margin:0 0 20px; width:298px; float: left; padding:5px 10px 5px 10px; border: 1px solid #ccc; background-color: #f4f4f4;}
#content .introtext {font-size:1.2em; margin:-10px 0 20px 0;}
#content .timestamp strong{font-size:1.2em; font-weight:400;}
#content .timestamp a {font-weight:400;}
#content .postmeta {padding:2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block; border-top:3px solid #ddd;}
#content .postmeta a {}
#content .gallery a {border:0;}

#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;}
#content .postpagesnav .older {width:48%; float:left;}
#content .postpagesnav .newer {width:48%; float:right; text-align:right;}

/* Footer */
#footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#ccc;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0 0 8px 0; padding:0;}
#footer a {color:#ddd; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#footer .left {float:left; width:49%; text-align:left;}
#footer .right {float:right; width:49%; text-align:right;}

/* Comments */.commentlist {margin:5px 0; padding:0;}.commentlist li .avatar {float: right; border: 1px solid #ddd; height:48px; width:48px; padding:2px; background: #fff; margin:4px;}.commentlist li {margin: 10px 0 10px 0; padding:5px; list-style:none;}.commentlist p {margin: 5px 5px 5px 0; padding:0;}.comment-author{font-weight:700;}.comment-author a{font-weight:700; text-transform:none;}.commentmetadata {margin:0 0 8px 0;}.bypostauthor {background-color:#eaeaea;}.comment-reply-link {margin:0 0 10px 0;}#comments {margin:20px 0 16px 0;}
.comment {margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ccc;}#content div.comment p.commenticon {margin:3px 0 9px; line-height:1.5em;}
#content div.comment p {margin:4px 0 4px;}
.gravatarside {background-color:#fff; border:1px solid #ccc; padding:2px; height:32px; width:32px; float:left; margin:2px 8px 2px 0;}
#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:500px;}
#respond input.button {width:75px;}
#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;}

/* Tags */
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;}

/* Links */
a {color:#0a3a7a; font-weight:400; text-decoration:none;}
a:hover {color:#111; text-decoration:none;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align and caption classes */
img.alignnone {float:none; background-color:#ccc;}
img.centered, img.aligncenter {display:block; padding:3px; margin-left:auto; margin-right:auto; border:3px solid #ccc;}
img.alignright {padding:3px; margin:0 0 2px 5px; border:3px solid #ccc; display:inline;}
img.alignleft {padding:3px; margin:0 5px 2px 0; border:3px solid #ccc; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:0 2px 2px 0; border-radius: 3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 0.9em; line-height:1.5em; padding:0 4px 5px; margin:0;}

/* Various classes */
.feedlink {padding:0 0 0 18px; margin:0 0 0 10px; font-size: 1em; background: url(img/rss.png) center left no-repeat;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clearx {visibility:hidden; clear:both;}
.clear {clear:both;}
.hide {display:none;}
.center {text-align:center;}
.statistik {width:0px;height:0px;padding:0;margin:0;}
.sidokolumnbild {margin:3px 0 3px 5px; float:right; color:#333; background-color:#f0f0f0;}
.godkand {color:#860197;}
.uppflyttad {color:#249701;}
.startat {color:#974f01;}
.cert {color:#015297;}
.certp {color:#4088b8;}
tr.fyllnad {background-color:#d2dee4; color:#404040;}
tr.fyllnad2 {background-color:#ccc; color:#404040;}

/* Bildgalleri */
div.bildram {margin:0 4px 4px 0; border: 3px solid #ccc; height:170px; width:140px; float: left; text-align: center;}   
div.bildram img {display:inline; margin:5px auto; border: 1px solid #cccccc;}
div.bildtext {text-align:center; width: 128px; margin: 0 auto; font-size:0.9em;}

a.ical {display:none;}