/*  
Theme Name: Pakten Plan B
Theme URI: http://tdhedengren.com/
Description: Tema f&ouml;r superbloggversionen av <a href="http://pakten.se">Pakten</a>. <a href="http://tdhedengren.com/">Made by TDH</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #fff; color: #333; font-family: Verdana, sans-serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 30px; }
.up { padding-top: 30px; }

.pos { padding: 20px; } /* positioning for IE */

.right, .alignright { float:right; }
.left, .alignleft { float:left; }
.center { text-align:center; }


/* ELEMENTS */

img { border:0; }
img.left, img.alignleft { margin: 0 15px 15px 0; }
img.right, img.alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote { background:url(img/blockquote.gif) no-repeat; margin: 0 0 12px 15px; padding: 5px 0 0 30px; color: #666; font-family: Georgia, Garamond, serif; font-size: 14px; font-style: italic; }
blockquote.pullquoteleft, blockquote.pullquoteright { font-size: 18px; text-align:center; width: 200px; padding: 10px; border: 1px solid #eee; border-width: 1px 0; background: none !important; }
blockquote.pullquoteleft p, blockquote.pullquoteright p { margin: 0 !important; line-height: 24px !important; }
blockquote.pullquoteleft { float:left; margin: 5px 15px 15px 0; }
blockquote.pullquoteright { float:right; margin: 5px 0 15px 15px; }
blockquote.embedded { text-align:center; margin: 0 0 12px 0; padding: 0; background:none; } /* beta */
.embedded { text-align:center; margin: 0 0 12px 0; } /* legacy for movies */

ul, ol {}
li { margin-bottom: 5px; }

a { color: #333; text-decoration: underline; }
a:hover { color: #888; text-decoration: none; }

h1 { margin:0; padding: 0 0 20px 0; text-align:center; } /* for logo */

form { overflow:hidden; margin:0; padding:0; }
input { padding: 2px; border: 1px solid #666; }
.button { background: #666; color: #fff; font-weight:bold; border: 0; } /* should work with INPUT and A */
.formtxt { font-size: 10px; text-transform: uppercase; font-weight:bold; }

.searchbox {} /* searchform.php */


/* LAYOUT */

#site { width: 100%; text-align:center; }

#wrap { width: 790px; margin: 0 auto; text-align: left; }

#kontent { width: 790px; height: 30px; background: #666 url(img/kontent-bg.gif) no-repeat; overflow:hidden; color: #eee; font-size: 10px; }
#kontent a { font-weight: bold; text-decoration: none; color: #fff; }
#kontent a:hover { color: #ff0; }
#kontent p { margin: 8px 0 0 0; padding: 0; text-align:center; }

#header { clear:both; margin: 20px 0 20px 0; /* background:url(img/tmp/header-sommar.gif) bottom right no-repeat; */  }
#header a { color: #333; text-decoration: none; padding: 2px 3px; }
#header a:hover { color: #fff; background: #333; }
#header a.bocker:hover { background: #960; }
#header a.film:hover { background: #0ce; }
#header a.musik:hover { background: #f60; }
#header a.prylar:hover { background: #90c; }
#header a.spel:hover { background: #035; }
#header a.tv:hover { background: #45a; }
#header a.video:hover { background: #800; }
#header a.webb:hover {}
#header .lb { width: 790px; height: 100px; background: url(img/lb-bg.gif) center no-repeat; overflow:hidden; text-align:center; margin: 0 0 20px 0; }
#header .lb .pos { margin: 5px 0 0 0; padding: 0; }
#header .lb .pos a:hover { background:none; }
#header .logo { margin: 0; width: 100%; clear:both; }
#header .logo a { padding:0; background:none; }
#header .logo .column { width: 270px; }
#header .logo .thelogo { width: 250px; text-align:center; }
#header .logo .column p.info { font-size: 10px; text-align:right; margin-top: 20px; color: #888; }
#header .logo .column p.info strong { color: #666; }
#header .logo .column p.info a { color: #666; text-decoration:underline; }
#header .logo .column p.info a:hover { text-decoration:none; color: #111; }
#header .menu { margin: 0; padding: 10px 0; clear:both; border: 1px solid #666; border-width: 1px 0; font-family:Georgia, Garamond, serif; font-size: 14px; text-transform:uppercase; color: #aaa; text-align: center; }

#alert { float:left; clear:both; width:100%; margin: -10px 0 20px 0; padding:0; border: 1px solid #c00; background: #ffb; font-size: 12px; font-family: Verdana, sans-serif; }
#alert p { margin:0; padding: 10px; line-height: 14px; }
#alert p strong { color: #c00; }

.column { width: 250px; } /* 310px max for 970px width */

#headline { width: 790px; margin: 0 0 20px 0; clear:both; float:left; font-size: 12px; }
#headline .splash { margin-right: 20px; background: blue; overflow:hidden; }
#headline .splash p { margin:0; padding:0; }
#headline .deeper { background: #666; color: #eee; }
#headline .deeper a { color: #fff; font-weight:bold; text-decoration: none; }
#headline .deeper a:hover { color: #ff0; }
#headline .deeper ul { margin: 0; padding: 20px; }
#headline .deeper ul li { list-style: none; }

#avdelning { width: 100%; float:left; margin-bottom: 20px; clear:both; background: #666; color: #eee; font-size: 12px; }
#avdelning p { margin:0; padding: 10px; }

#content { float: left; width: 520px; font-size: 12px; }
#content p { margin: 0 0 12px 0; padding:0; line-height: 18px; }
#content ul, ol { color: #666; font-family: Georgia, Garamond, serif; font-size: 14px; }
#content h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; border: 1px solid #eee; border-width: 0 0 1px 0; font-family: Georgia, Garamond, serif; font-size: 30px; font-weight:normal; line-height: 30px; text-transform: uppercase; color: #666; }
#content .single h2 {}
#content h2:hover { border-color: #333; }
#content .single h2:hover { border-color: #eee; }
#content h2 a { text-decoration: none !important; color: #666; }
#content h2 a:hover { color: #333; }
#content h3 { margin: 24px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
#content h4 { margin: 12px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; } 
#content .listhead { text-transform: uppercase; color: #666; margin-bottom: 30px; }
#content .post { float:left; width:100%; clear:both; margin: 0 0 20px 0; }
#content .post .postmeta { height: 32px; margin-bottom: 10px; }
#content .post .postmeta .left { width: 70px; height: 32px; background: #eee; }
#content .post .postmeta .right { width: 440px; height: 32px; }
#content .post .meta { color: #666; font-family: Georgia, Garamond, serif; font-size: 12px; line-height: 14px; margin: 2px 0 0 0; }
#content .post .meta a { font-weight:bold; text-decoration: none; }
#content .post .meta a:hover { color: #333; }
#content .post .entry {}
#content .post .entry .avatar { float:right; margin: 0 0 10px 10px; border: 1px solid #eee; padding: 3px; }
#content .post .entry .tags { padding: 5px 5px 8px 20px; border: 1px solid #eee; border-width: 1px 0; background:url(img/tag1.gif) no-repeat;  }
#content .post .entry .tags a { font-weight: normal; text-decoration: underline; }
#content .post .entry .tags a:hover { text-decoration: none; color: #333; }
#content .post .entry .tags p { margin: 0 0 5px 0; padding: 0; }
#content .post .entry .tags a.bloggarse { margin-right: 8px; background: url(img/bloggar-standard.gif) no-repeat; }
#content .post .entry .tags a.bloggarse:hover { background: url(img/bloggar-hover.gif) no-repeat; }
#content .post .entry .tags p.what, #content .post .entry .tags p.share { font-family: Verdana, sans-serif; font-size: 9px; color: #666; line-height: 11px; font-style:normal; margin:0; }
#content .post .entry .tags p.what { margin-bottom: 5px; }

#content .post .entry .related { margin: 5px 0 0 0; padding:0; width: 100%; background: #efefef; float:left; }
#content .post .entry .related h3 { font-size: 12px; margin:0; padding: 10px 0 0 10px; }
#content .post .entry .related ul.related_post { margin:5px 0 10px 10px; padding: 0; }
#content .post .entry .related ul.related_post li { margin: 0 0 5px 20px; list-style: square; font-size: 12px; color: #aaa; }
#content .post .entry .related .right { margin: 10px; padding:0; width: 125px; font-family: Verdana, sans-serif; font-size: 9px; color: #666; line-height: 11px; text-align:right; }
#content .post .entry .related .right .ad { margin: 10px 0 0 0; }
#content .post .entry .related .right a { color: #111; }

#content .post .entry a.more-link { float:right; clear:both; margin: 5px 0 0 10px; padding-left: 15px; text-align:right; font-family: Georgia, Garamond, serif; font-size: 12px; font-weight: bold; text-decoration: none }
#content .post .entry a.more-link:hover { background: url(img/morelink-hover.gif) left no-repeat; }
#content .post .entry ul.links { text-transform: uppercase; font-size: 10px; }
#content .post .entry ul.links a { text-transform: none; font-size: 14px; padding-right: 5px; }
#content .navigation { clear:both; padding: 0; width: 100%; float:left; color: #666; }
#content .navigation a { color: #333; font-weight:bold; text-decoration:none; padding: 5px 0 0 0; border: 1px solid #eee; border-width: 1px 0 0 0; }
#content .navigation a:hover { color: #000; border-color: #333; }
#content .navigation .left { width: 50%; }
#content .navigation .right { text-align:right; width: 50%; }
#content .navigation .down { padding-bottom: 0px; }
#content #searchform { margin: 0 0 12px 0; }
#content .tagcloud { text-align:center; margin: 0 0 12px 0; padding: 20px; border: 1px solid #bbb; }
#content .tagcloud h2 { padding-bottom: 5px; border-color: #efefef; font-size: 18px; text-align:center; }
#content .tagcloud a { color: #333; }
#content .tagcloud a:hover { color:#666; }
#content .box { clear:both; background: #666; padding: 10px; color: #eee; height:1%; }
#content .box a { color: #fff; font-weight:bold; text-decoration:none; }
#content .box span.hide { font-weight:normal; color: #eee; }
#content .box span.hide:hover { font-weight:normal; color:#eee; }
#content .box a:hover { color: #ff0; }

/* category styles */
#content .blandat .postmeta .left { background: #333; }
#content .blandat .entry a.more-link { background: url(img/morelink-blandat.gif) left no-repeat; }
#content .bocker a { color: #960; }
#content .bocker .postmeta .left { background: #960; }
#content .bocker .entry a.more-link { background: url(img/morelink-bocker.gif) left no-repeat; }
#content .film a { color: #0ce; }
#content .film .postmeta .left { background: #0ce; }
#content .film .entry a.more-link { background: url(img/morelink-film.gif) left no-repeat; }
#content .guldkorn a { color: #7c7c2e; }
#content .guldkorn .postmeta .left { background: #7c7c2e; }
#content .guldkorn .entry a.more-link { background: url(img/morelink-guldkorn.gif) left no-repeat; }
#content .musik a { color: #f60; }
#content .musik .postmeta .left { background: #f60; }
#content .musik .entry a.more-link { background: url(img/morelink-musik.gif) left no-repeat; }
#content .prylar a { color: #90c; }
#content .prylar .postmeta .left { background: #90c; }
#content .prylar .entry a.more-link { background: url(img/morelink-prylar.gif) left no-repeat; }
#content .spel a { color: #035; }
#content .spel .postmeta .left { background: #035; }
#content .spel .entry a.more-link { background: url(img/morelink-spel.gif) left no-repeat; }
#content .tv a { color: #45a; }
#content .tv .postmeta .left { background: #45a; }
#content .tv .entry a.more-link { background: url(img/morelink-tv.gif) left no-repeat; }
#content .video a { color: #800; }
#content .video .postmeta .left { background: #800; }
#content .video .entry a.more-link { background: url(img/morelink-video.gif) left no-repeat; }
#content .webb a {}
#content .webb .postmeta .left {}
#content .bocker h2 a, #content .film h2 a, #content .musik h2 a, #content .prylar h2 a, #content .spel h2 a, #content .tv h2 a, #content .video h2 a, #content .webb h2 a { color: #666; }

/* comments */
#content #comments { width: 100%; float:left; clear:both; color: #444; font-size: 14px; }
#content #comments h2 { margin: 30px 0 0 0; border:0; }
#content #comments h3 { margin: 0; }
#content #comments p.center { text-align:center; }
#content #comments ol, #content #comments ol.commentlist { margin: 0; padding: 20px; border: 3px solid #eee; }
#content #comments ol.respond { margin-top: 0px; }
#content #comments ol.respond p { margin: 5px 0; font-size: 10px; }
#content #comments ol li { height: 1%; color: #444; font-family: Georgia, Times, Times New Roman, serif; margin: 0 0 10px 0; padding: 20px; list-style: none; background: #efefef; }
#content #comments ol li p { margin: 0 0 12px 0; padding: 5px 0 0 0px; }
#content #comments ol li.alt { background: #e8f1f0; }
#content #comments ol li.rss { padding: 0; background: #fff; text-align:right; }
#content #comments ol li.trackbacks { padding: 0; background: #fff; text-align:center; font-size: 12px; }
#content #comments ol li p.commenter { font-size: 12px; line-height: 18px; color: #888; margin: 0; padding: 10px 0 0 0; border: 1px solid #aaa; border-width: 1px 0 0 0; font-style: italic; }
#content #comments ol li p.commenter .avatar { float:left; margin: 0 8px 0 0; }
#content #comments #author, #content #comments #email, #content #comments #url { width: 250px; }
#content #comments #commentarea { border: 1px solid #888; background: #efefef; color: #333; font-family: Georgia, serif; font-style: italic; font-size: 14px; padding: 10px; width: 452px; height: 150px; }
#content #comments .subscribetocomments { margin: 10px 0; padding: 5px 0; border: 1px solid #eee; border-width: 1px 0; text-align:right; }
#content #comments .subscribetocomments p.subscribe-to-comments { font-size: 12px; }
#content #comments .subscribetocomments input { width: 12px; height: 12px; border: 0; }

#sidebar { float: right; font-size: 10px; color: #666; }
#sidebar a { color: #333; }
#sidebar a:hover { color: #000; text-decoration: none; }
#sidebar ul, #sidebar ol { margin: 0 0 10px 0; padding: 10px; background: #eee; }
#sidebar ul.ad { padding: 0; background: #none; }
#sidebar ul.subscribe { padding:0; background: url(img/rss.gif) no-repeat; height: 34px; overflow:hidden; }
#sidebar ul.subscribe a { text-decoration: none; }
#sidebar ul.subscribe a:hover { text-decoration: underline; }
#sidebar ul.subscribe li { margin: 0; padding: 4px 0 0 43px; }
#sidebar ul li, #sidebar ol li { list-style: none; }
#sidebar ul.ad li, #sidebar ul.guldkorn li { margin:0 !important; padding:0 !important; }
#sidebar ul li.more, #sidebar ol li.more { margin-bottom: 0; font-weight:bold; }
#sidebar ul li h2, #sidebar ol li h2, #sidebar ul h3 { margin: 0; padding: 0 0 1px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; font-size: 10px; }
#sidebar ul li ul { padding:5px 0 0 0; }
#sidebar ul ul.related_post { margin: 0; padding:0; background:none; } /* related posts plugin */
#sidebar ul.related, #sidebar ul.guldkorn { background: none; padding:0; font-family: Georgia, Times, Times New Roman, serif; font-size: 16px; letter-spacing:-1px; }
#sidebar ul.related h3, #sidebar ul.related li.more { padding: 3px 0; border: 1px solid #eee; border-width: 0 0 1px 0; font-weight:normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
#sidebar ul.related li { padding: 5px 0; border: 1px solid #eee; border-width: 0 0 1px 0; line-height: 100%; }
#sidebar ul.related li:hover { border-color: #aaa; }
#sidebar ul.related li a { text-decoration: none; }
#sidebar ul.related li a:hover { color: #000; }
#sidebar ul.related li.more { border: 0; }
#sidebar ul.related li.more a { background: #ffb; }
#sidebar ul.related li.more a:hover { background: #fff; }
#sidebar ul.guldkorn { padding: 22px 20px 20px 20px; background:#ffb url(img/guldkorn.gif) top no-repeat; }
#sidebar ul.guldkorn p { margin: 10px 0 0 0; line-height: 20px; }

#footer { height: 1%; clear:both; margin: 0; padding: 0 0 30px 0; font-size: 10px; color: #888; }
#footer a { color: #444; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0 0 10px 0; line-height: 18px; }
#footer h3 { font-family: Georgia, Garamond, serif; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0 0 6px 0; padding: 0 0 3px 0; border: 1px solid #eee; border-width: 0 0 1px 0; }
#footer .row { width: 100%; float:left; margin-top: 10px; padding-top: 10px; border: 1px solid #666; border-width: 1px 0 0 0; }
#footer .row .column ul.recent { margin: 0; padding: 0; font-size: 12px; }
#footer .row .column ul.recent li { list-style: none; }
#footer .row .column ul.recent li a { font-weight:normal; color: #000; }
#footer .row .column ul.recent li span { font-size: 10px; }
#footer .row .column ul.recent li span a { font-weight: normal; }
#footer .red { padding: 10px; background: #eee; float:left; }
#footer .red .column { width: 240px; }
#footer .copy p { text-align:center; font-family: Georgia, Garamond, serif; font-size: 12px; line-height: 18px; }
#footer .copy p span { text-transform: uppercase; font-size: 14px; }