/*
Theme Name: Spelbloggen
Theme URI: http://spelbloggen.se/
Description: Made by TDH and based on Notes Blog Core 1.0.1. Requires WordPress 2.8 or higher.
Version: 1.1.6
Tags: light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready, buddypress
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/
/* =======
RESET
------- */
body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, ul#listpuff, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,
ul#ettan, div#header ul, form, img, table
{
margin:0;
padding:0;
border: 0;
}
/* ==============
TYPE & COLOR
-------------- */
/* Default font */
body, textarea#comment, input#author, input#email, input#url
{
font-family: Georgia, "Adobe Garamond", "Times New Roman", serif;
color: #333;
}
/* Sans-serifs */
ul#sidebar, div#footer, h1, h2, h3, h4, h5, a.more-link, div.authormeta, div.postmeta, div.commentmeta,
div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply, h1.listhead,
div.post ul, div.page ul, div.post ol, div.page ol, div.nav, div#header, div#copy, div#respond, ul#ettan,
div.postmeta-time, p.thedate, fieldset.options legend
{
font-family: Helvetica, Arial, sans-serif;
color: #666;
}
/* Default font size */
dic#content, textarea#comment, input#author, input#email, input#url
{ font-size: 16px; }
/* Medium-small font */
a.more-link, div.comment-body p
{ font-size: 14px; }
/* Small font */
div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#header
{ font-size: 12px; }
/* Headers */
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5
{
color: #111;
margin-bottom: 7px;
}
div#content h1
{
font-size: 36px;
line-height: 36px;
letter-spacing: -1px;
margin-bottom: 7px;
}
div#content h1.listhead { margin: 0 0 30px 0; font-size: 48px; line-height: 48px; letter-spacing: -1px; color: #aaa; font-weight: normal; }
div#content h1.listhead strong { color: #444; }
div#content h2
{
font-size: 28px;
line-height: 28px;
}
body.single div#content h2, body.page div#content h2 { margin-top: 24px; }
div#content h3
{
font-size: 18px;
line-height: 18px;
}
div#content h4
{
font-size: 16px;
line-height: 16px;
}
div#footer h2 { margin-bottom: 7px; }
div#content h5, ul#sidebar h2, div#footer h2, div.nav
{
font-size: 12px;
text-transform: uppercase;
}
ul#sidebar h2 { margin-bottom: 7px; }
h2.widgettitle { color: #444; }
/* common type */
div#content p
{
line-height: 24px;
margin: 0 0 14px 0;
}
div.comment-body p { line-height: 18px; margin-bottom: 10px !important; }
/* =======
LINKS
------- */
/* default */
a:link, a:active, a:visited
{
color: #111;
text-decoration: none;
}
a:hover { color: #800; text-decoration: underline; }
div.postmeta span.comments a { font-size:12px; line-height:12px; font-weight:bold; padding: 2px 2px 1px 8px !important; text-transform: uppercase; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }
h1 a:hover, h2 a:hover
{ text-decoration: none; }
div.entry a, div.notiser-text a { border: 1px solid #aaa; border-width: 0 0 1px 0; }
div.entry a:hover, div.notiser-text a:hover { border-color: #111; text-decoration:none; }
/* dark grey links */
ol.commentlist a:link, ol.commentlist a:active, ol.commentlist a:visited,
div#submenu-nav a:link, div#submenu-nav a:active, div#submenu-nav a:visited,
div#submenu-nav a:link, div#submenu-nav a:active, div#submenu-nav a:visited,
div.subscribe-to-comments a:link, div.subscribe-to-comments a:active, div.subscribe-to-comments a:visited
{
color: #111;
text-decoration:underline;
}
ol.commentlist a:hover, div#submenu-nav a:hover, div#submenu-nav a:hover, div.subscribe-to-comments a:hover
{ color: #800; text-decoration: none; }
/* meta */
div.postmeta a:link, div.postmeta a:active, div.postmeta a:visited, a.more-link
{ color: #444; padding: 1px; font-style:normal; font-weight:bold; }
a.more-link { padding: 2px; }
div.postmeta a:hover, div.postmeta span.comments a:hover, a.more-link:hover { color: #fff; background: #111; border-color: #000; text-decoration: none; }
/* ========
LAYOUT
-------- */
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
div.widecolumn, div.attachment-comments
{ width: 640px; }
div.fullcolumn { width: 940px; }
div.column, ul.column, ul#sidebar
{ width: 280px; }
div#site { width: 100%; float:left; }
div#wrap
{
width: 960px;
margin: 0 auto;
}
div#header
{
width: 940px;
height: 47px;
float:left;
margin: 20px 0 0 10px;
border: 1px solid #444;
border-width: 0 0 1px 0;
}
div#header h1 { float:left; width: 220px; border: 1px solid #e8e8e8; border-width: 0 1px 0 0; margin-top:2px; }
div#header ul.menu { float:left; width:490px; margin:0; padding:0 0 0 12px; }
div#header ul.first { padding-top:2px; }
div#header ul li { list-style:none; }
div#header h1, div#header ul#format { margin-bottom:10px; }
div#header ul.menu li { list-style: none; float:left; padding: 1px 8px 3px 0; }
div#header ul.menu li a { text-decoration: none !important; padding: 2px; }
div#header ul.menu li a:hover { background: #111; color: #fff; }
span.format { padding-left:2px; }
span.format a { font-size: 10px; text-transform:uppercase; }
ul#social { float:right; width:200px; height: 47px; overflow:hidden; }
ul#social li { float:right; margin-left:8px; padding-top: 16px; }
ul#social li.rss { padding-top:0; }
div#blog {
width: 940px;
float:left;
margin-left:10px;
}
div#headline { float:left; margin-left:10px; border: 1px solid #444; border-width: 0 0 1px 0; }
ul#ettan {
width:940px;
margin: 10px 0 0 0;
float:left;
background: url(img/ettan-bg.gif) repeat-y;
border: 10px solid #fff;
border-width: 0 0 10px 0;
overflow:hidden;
}
ul#ettan li { list-style:none; float:left; overflow:hidden; }
ul#ettan li.story { width:220px; }
ul#ettan li.story div.pos { width:200px; }
div.headline { padding:8px 10px 10px 10px; }
li.puff { width: 280px !important; float:right; }
ul#ettan h2 { font-size: 18px; line-height: 18px; margin-bottom: 5px; }
div.headline { font-size: 12px; }
div.headline span {}
div.headline span a { color: #888; }
div#content { float:left; margin-top: 20px; }
div.post, div.page, div.attachment { padding: 0; margin-bottom: 30px; overflow:hidden; }
p.thedate { margin-bottom: 20px !important; padding-bottom: 2px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; text-transform:uppercase; font-size: 12px; }
p.attachmentnav { padding-top: 10px; color: #888; }
p.attachmentnav a { font-style: normal; }
div.attachmenttxt {}
div.attachmenttxt p { margin: 0 !important; color: #888; font-size: 18px; font-style: italic; }
div.post div.entry, div.page div.entry { width:100%; float:left; }
div.sticky { padding: 20px 20px 8px 20px; background: #f8f8f8; border: 1px solid #e8e8e8; border-width: 1px 0; height: 1%; }
ul#listpuff { width: 100%; float:left; font-size: 14px; }
ul#listpuff li { list-style: none; margin: 0 0 30px 0; }
/* between post and comments */
div#between { float:left; margin: 0 0 20px 0; padding: 10px 0; border: 1px solid #e8e8e8; border-width: 1px 0; color: #888; }
div#between div.adblock { width: 260px; }
div#between div.adblock div.share { margin-bottom: 0; padding-bottom: 10px; }
div#between div.adblock div.share ul { margin:0 0 0 20px; padding:0; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
div#between div.adblock div.share ul li { list-style: none; margin: 0 0 5px 0; padding-left: 18px; }
div#between div.adblock div.share ul li.bloggy { background: url(img/social-bloggy.gif) left no-repeat; }
div#between div.adblock div.share ul li.facebook { background: url(img/social-facebook.gif) left no-repeat; }
div#between div.adblock div.share ul li.pusha { background: url(img/social-pusha.gif) left no-repeat; }
div#between div.adblock div.share ul li.twitter { background: url(img/social-twitter.gif) left no-repeat; }
div#between div.adblock div.share ul li.facebook-like, li.tweetbutton { padding-left:0 !important; }
div#between div.adblock div.adspot { text-align:right; }
div#between div.infoblock { width: 380px; }
div#between div.infoblock div.author { font-size: 14px; line-height:18px; margin-bottom: 10px; }
div#between div.infoblock div.author h3 { margin: 0; padding-bottom: 5px; font-size: 18px; border: 2px solid #111; border-width: 0 0 5px 0; }
div#between div.infoblock div.author h3 span { font-weight: normal; color: #888; font-family: Georgia, serif; font-style: italic; font-size: 16px; }
div#between div.infoblock div.author div.authordesc { background: #444; color: #ccc; padding: 0 10px 10px 10px; }
div#between div.infoblock div.author div.authordesc img.avatar { float:right; margin: 0 0 5px 10px; border: 2px solid #111; border-width: 15px 5px 5px 5px; }
div#between div.infoblock div.author div.authordesc p { margin:0 !important; padding-top:8px; line-height: 18px !important; }
div#between div.infoblock div.author div.authordesc p.authorarchive { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
div#between div.infoblock div.author div.authordesc p.authorarchive a { color: #fff; font-weight:bold; }
div#between div.infoblock div.author div.authordesc p.authordesc a:hover { color: yellow; }
div#between div.infoblock div.related { float:left; width:100%; background: #ffc; }
div#between div.infoblock div.related ul.yarpp { margin:0; padding: 10px 10px 5px 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
div#between div.infoblock div.related ul.yarpp li { margin-bottom: 5px; list-style:none; }
div#between div.infoblock div.related ul.yarpp li.header { margin-bottom: 8px; padding-bottom: 5px; border: 1px solid #dd6; border-width: 0 0 1px 0; }
div#between div.infoblock div.related ul.yarpp li.header h4 { font-size: 12px; line-height: 12px; margin:0; padding:0; }
/* category styling */
div.category-video h2, div.category-bilder h2, div.category-bilder h1, div.category-notiser h2, div.category-notiser h1 { font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; margin:0 !important; /* padding: 5px 0; border: 1px solid #aaa; border-width: 0 0 1px 0; */ }
div.category-notiser, div.category-bilder {}
body.home div.category-notiser {}
div.notiser-title { float:right; width: 580px; }
div.notiser-title h2 { border:0; padding:0; }
div.notiser-title div.cmnts { margin-top: 0 !important; }
div.notiser-text { margin-top: 7px; color: #666; }
div.postmeta-time { float:left; width: 40px; margin: 0 8px 2px 0; color: #aaa; font-size: 12px; font-weight:normal; text-align:right; border: 1px solid #e8e8e8; border-width: 0 0 0 5px; }
div.postmeta-time a { color: #aaa; }
div.postmeta-time a:hover { color: #888; }
div.category-notiser div.entry, div.category-bilder div.entry { width: 540px; float:right; }
div.category-notiser div.entry img, div.category-bilder div.entry img { max-width: 540px; }
div.category-notiser div.postmeta, div.category-bilder div.postmeta { width: 80px; float:left; font-size: 28px; line-height: 28px; margin-top:10px; letter-spacing: -1px; color: #aaa; }
div.category-notiser div.postmeta span, div.category-bilder div.postmeta span { font-weight:bold; }
div.bilder-post { float:right; width: 500px; }
div.bilder-post div.entry { width:500px; color: #666; }
div.bilder-thumb, div.video-thumb { float:left; width: 130px; height: 90px; background: repeat-y; border: 1px solid #eee; border-width:0 1px 0 0; }
div.bilder-thumb { background: url(img/thumb-bilder.gif) no-repeat; }
div.video-thumb { background: url(img/video-thumb-bg.gif) repeat-y; }
div.category-notiser div.entry, div.category-video div.entry, div.category-bilder div.entry { margin-top:7px; }
body.home div.category-video { color: #666; }
/* gallery and image view */
div.gallery {}
div.gallery .gallery-item { width: 160px !important; margin: 5px 10px; }
img.attachment-thumbnail { border: 1px solid #aaa !important; }
div.large-image { width: 100%; margin-bottom: 10px; padding: 10px 0; border: 1px solid #e8e8e8; border-width: 1px 0; text-align:center; }
/* comments */
h2#comments { margin: 0 !important; padding-bottom: 10px; border: 1px solid #aaa; border-width: 0 0 1px 0; }
ol.commentlist { margin:0; padding: 20px; background: #efefef; }
ol.commentlist li { margin: 0 0 20px 0; padding: 0; list-style:none; border: 1px dotted #aaa; border-width: 0 0 1px 0; }
ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 14px; line-height: 16px; }
ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }
div.comment-author cite.fn { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight:bold; }
div.comment-author cite.fn a { text-decoration: none; }
div.comment-meta { margin-bottom: 10px; }
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }
ol.commentlist li.pingback a { font-size: 12px; font-weight:normal; }
ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply { display:none; }
div.reply { float:right; display:block; margin: -25px 0 0 0; line-height: 12px; }
a.comment-reply-link { display:block; float:left; margin-left: 10px; }
ul.children { margin: 20px 0 20px 20px; }
ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }
div#respond { margin-bottom: 20px; width:100%; float:left; background: #111; color: #e8e8e8; }
div#respond h3 { color: #fff; padding: 20px 20px 0 20px; }
div#respond a { color: #fff; }
table.commenttable { border:0; }
table.commenttable tr td { font-size: 12px; line-height: 12px; text-transform: uppercase; }
form#commentform { padding: 0 20px; }
input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 250px; font-style: italic; background: #aaa; color: #111; }
textarea#comment { width: 576px; height: 150px; padding: 10px; font-style: italic; background: #aaa; color: #111; }
input#submit {}
p.rules, p.subscribe-to-comments { background: #444; color: #e8e8e8; font-size: 12px; line-height: 14px !important; padding: 10px; }
p.subscribe-to-comments { margin: 0 0 10px 0 !important; }
p.rules { margin: 0 20px 20px 20px !important; }
div.nav { float:left; display:block; }
div.nav div.left, div.nav div.right, div.commentnav div.left, div.commentnav div.right { padding-bottom: 20px; }
div.entry ul li ul.children { margin: 10px 20px; }
div.entry ul li ul.children li { margin: 0 0 5px 0; padding-left: 0; border: 0; }
/* subscribe to comments css */
div.subscribe-to-comments {}
div.subscribe-to-comments div.wrap h2 { font-size: 36px !important; line-height: 36px !important; letter-spacing: -1px; margin-bottom: 10px !important; }
fieldset.options { margin-bottom: 20px; padding: 20px; border: 1px solid #e8e8e8; }
fieldset.options legend { font-size: 12px; text-transform: uppercase; }
fieldset.options input#email { background: #e8e8e8; padding: 3px; border: 1px solid #aaa; }
ul#sidebar
{
float:right;
margin-top: 20px;
}
ul.attachment-sidebar { margin-top: 0 !important; }
ul#sidebar ul.children { margin: 5px 0 0 0; }
ul#sidebar ul.children li { border: 0; }
ul#sidebar li { list-style: none; margin: 0 0 20px 0; }
ul#sidebar li ul { margin-left: 5px; }
ul#sidebar li ul li { margin-bottom: 5px; }
ul#sidebar li ul li ul { margin: 5px 0 0 10px; }
li#tag_cloud {}
li#tag_cloud a { padding: 0 2px; }
li#search {}
li#authorbox { background: #444; color: #ccc; padding: 0 10px 7px 10px; border: 2px solid #111; border-width: 5px 0 0 0; }
li#authorbox a { font-weight:bold; color: #fff; }
li#authorbox a:hover { color: yellow; }
li#authorbox img.avatar { float:right; margin: 0 0 10px 10px; border: 2px solid #111; border-width: 15px 5px 5px 5px; }
li#authorbox h2 { padding: 10px 0 5px 0; color: #fff; }
li#authorbox ul { margin: 10px 0 0 0 !important; }
li#authorbox ul li { line-height: 16px; margin-bottom: 3px; padding: 3px 3px 3px 22px; color: #aaa; }
li#authorbox ul li a { color: #111; text-decoration:none; }
li#authorbox ul li a:hover { text-decoration: underline; color: #000; }
li#authorbox ul li.url { background: #fff url(img/icons/icon_world.gif) left no-repeat; }
li#authorbox ul li.feed { background: #fff url(img/icons/icon_favourites.gif) left no-repeat; }
ul#sidebar li.categories {}
ul#sidebar li#postmeta { padding: 0 10px 10px 10px; border: 1px solid #666; }
ul#sidebar li#postmeta h3 { margin-bottom: 15px; padding-top:10px; }
ul#sidebar li#postmeta h3 span { padding: 10px 5px 4px 5px; background: #666; color: #fff; }
span.spel {}
span.spel hr { height: 1px; margin: 5px 0 5px 0; padding: 0; border: 1px solid #e8e8e8; border-width: 1px 0 0 0; }
div.ad { margin-bottom:20px; padding: 15px; background: #e8e8e8; float:left; }
div#copy
{
width:100%;
float:left;
clear:both;
margin: 0;
padding: 10px 0 20px 0;
border: 1px solid #444;
border-width: 1px 0 0 0;
}
div#copy p { margin:0; padding:0 0 0 35px; background: url(img/copy-bg.gif) left top no-repeat; }
div#copy p.right { padding: 0; background:none; }
div.copycolumnwide { float:left; width:460px; }
div.copycolumn { float:right; width:460px; }
div#finalword
{
width:100%;
float:left;
clear:both;
margin: 0;
padding: 20px 0;
color: #777;
text-align:center;
font-size: 12px;
font-style: italic;
}
div#finalword a:link, div#finalword a:active, div#finalword a:visited { color: #444; }
div#finalword span { font-style:normal; }
/* ===================
ELEMENTS & DESIGN
------------------- */
p.right { text-align:right; float:none; }
p.center { text-align:center; }
p.admin { color: #aaa; font-size: 12px; clear:both; }
p.nocomments { padding: 0 20px; font-style: italic; color: #777; }
p.format { margin-bottom: 10px !important; padding: 0 0 0 0; font-size: 12px; line-height: 22px !important; }
p.format a:link, p.format a:active, p.format a:visited { color: #fff; background: #111; padding: 3px; }
p.format a:hover { color: yellow; text-decoration: none; }
div.cmnts { float:right; margin-top: 4px; padding-left: 22px; line-height: 16px; font-size:12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; }
div.cmnts a { color: #888; }
div.cmnts a:hover { color: #444; text-decoration:none; }
div.cmnts span { padding-left: 22px; background: url(img/icons/comment_yellow.gif) left no-repeat; }
div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } /* for movies */
div#content p span { background: #ffc; }
div.post ul li, div.page ul li, div.post ol li, div.page ol li { margin-bottom: 5px; color: #333; }
blockquote { margin: 0 0 14px 20px; padding: 0 15px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; color: #777; font-style: italic; }
blockquote.pullquote { width: 220px; padding: 5px 0; border: 0; font-size: 18px; line-height: 150%; }
blockquote.pullquote p { margin-bottom: 0; }
blockquote.embedded { border:0; padding:0; }
ol.commentlist li blockquote { border: 0; padding:0; }
div.tagcloud { line-height:175%; margin-bottom: 14px; padding: 20px; border: 1px solid #e8e8e8; background: #efefef; }
/* Boxes */
div.box { padding: 20px; margin-bottom:14px; background: #e8e8e8; color: #666; }
div.yellow { background: #ffc; }
div.black { background: #111; color: #efefef; }
div.black a { color: #fff; }
ul#listpuff div.box { padding: 10px; margin:0; }
/* Images and aligns */
.alignleft, blockquote.alignleft { float:left; margin: 0 15px 15px 0; }
.alignright, blockquote.alignright { float:right; margin: 0 0 15px 15px; }
.frame { padding: 5px; border: 1px solid #e8e8e8; }
.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; font-style: italic; text-align:center; }
p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }
div.gallery { margin-bottom: 14px; }
dl.gallery-item {}
dt.gallery-icon {}
img.attachment-thumbnail, dt.gallery-icon a { border:0; }
dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #777; font-style: italic; }
/* Quick color fixes */
div.postmeta { color: #777; }
span.alert { color: red; background:none; }
div#content strong { color: #333; }
/* Contact form 7 */
div.wpcf7 { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #888; border: 1px solid #e8e8e8; background:#efefef; }
form.wpcf7-form { padding: 20px 20px 6px 20px; }
form.wpcf7-form span input, form.wpcf7-form textarea { padding: 5px; border: 1px solid #aaa; font-family: Georgia, "Adobe Garamond", serif; font-size: 16px; color: #888; }
form.wpcf7-form span { background: none !important; }
/* Get Recent Comments */
li#get-recent-comments {}
li#get-recent-comments h2.widgettitle { margin-bottom: 5px; padding: 0 0 5px 0 !important; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }
img.kjgrcGravatar { float:left; margin: 0 5px 0 0; }
div#get_recent_comments_wrap ul { margin-left: 0 !important; }
div#get_recent_comments_wrap ul li { float:left; width:100%; margin-bottom: 10px; padding: 0 0 5px 0 !important; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }