/*
Theme Name: Bingoskolan
Theme URI: http://www.twopartmedia.com/
Description: Custom template for Bingoskolan.com. All rights reserved.
Version: 1.0
Author: Hanna Isacsson
*/

html, body { color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; border: 0; }
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0; }
body { background: #ececec url(images/wrap.jpg) 50% 0 repeat-y; }
#wrap { width: 1000px; margin: 0 auto; position: relative; left: -1px; }

p { line-height: 20px; padding: 10px 0; }
h1, h2, h3, h4, h5 { padding: 10px 0; }

ul, ol { list-style: none; padding: 10px 0; }

small { font-size: 11px; }
code { background: #ffffc1; }

a { color: #b13bc9; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }


/* Align */

.aligncenter { display: block; margin: 10px auto 20px auto; }
.alignleft { float: left; margin: 10px 10px 8px 0; }
.alignright { float: right; margin: 10px 0px 8px 10px; }

.col-left { float: left; }
.col-right { float: right; }


/* Top Menu */

#top-menu { width: 100%; height: 31px; background: transparent url(images/top.jpg) 0 0 repeat-x; margin: 0 auto; }
#top-menu ul { position: relative; top: 0; right: 0; float: right; margin: 0; padding: 0; }
#top-menu li { display: block; float: left; height: 31px; border-left: 1px solid #000; padding: 0 10px; }
#top-menu a { display: block; color: #fff; padding-top: 6px; }


/* Header */

#header { width: 100%; height: 120px; background: transparent url(images/header.jpg) 0 0 repeat-x; margin: 0 auto; }
#header .col-left { padding: 0px; }
#header .col-right { position: relative; top: 30px; right: 276px; }
#header h1 { display: none; }


/* Middle */

#middle { background-color: #fff; margin: 0 auto; padding: 20px; }


/* Main Menu */

#main-menu { width: 165px; margin: 0 auto; }

#main-menu ul { padding: 0; }
#main-menu ul li { font-size: 1.2em; line-height: 1.6em; }
#main-menu ul li ul { padding-left: 10px; }
#main-menu ul li ul li { background: url(images/li.gif) 0 2px no-repeat; font-size: 0.9em; padding: 0 0 0 10px; }
#main-menu ul li a { display: block; color: #b13bc9; }
#main-menu ul li ul li a { color: #333333; }


/* Content */

#content { width: 610px; }


/* Featured */

#featured { width: 590px; height: 230px; background: #86def3 url(images/feature.jpg) 0 0 no-repeat; padding: 10px }
#featured h2 { text-indent: -9999px; padding: 5px 0; }
#featured .post { clear: both; width: 100%; }
#featured .post h3 { font-size: 14px; padding: 5px 0; }
#featured .post p { display: inline; line-height: 18px; padding: 2px 0 5px 0; }


/* Main */

#content #main { padding-top: 22px; }


/* Content (latest) */

#latest h2 { background: transparent url(images/rekommenderar.png) 0 0 no-repeat; text-indent: -9999px; padding: 10px 0 8px 0; }
#latest .post { clear: both; width: 100%; font-size: 12px; border-bottom: 1px solid #ebebeb; padding: 10px 0; }
#latest .post h3 { font-size: 14px; padding: 5px 0 8px 0; }
#latest .post p { display: inline; line-height: 18px; padding: 2px 0 5px 0; }
#latest img.alignleft { margin-top: 0px; margin-bottom: 0; }
/* a.read-more { font-weight: bold; margin-left: 1px; } */


/* Content (archives) */

#content #archives h2.arh { background: url(images/bg_h2_arh.gif) repeat-x 0 0; font-size: 12px; line-height: 35px; padding: 0 0 0 10px; }
#content #archives .post { clear: both; width: 100%; font-size: 12px; border-bottom: 1px solid #ebebeb; padding: 10px 0; }
#content #archives .post h3 { font-size: 14px; padding: 5px 0 8px 0; }
#content #archives .post p { display: inline; line-height: 18px; padding: 2px 0 5px 0; }
#content #archives img.alignleft { margin-top: 0px; margin-bottom: 0; }


/* Sidebar */

#sidebar { width: 165px; font-size: 11px; }

#sidebar #bingobonus { height: 250px; background: transparent url(images/bonus.jpg) 0 0 repeat-x; margin: 0 auto 10px auto; padding: 0px 8px; }
#sidebar #bingobonus h2 { font-size: 13px; color: #ec902c; text-decoration: underline; padding: 8px 2px; }
#sidebar #bingobonus li { line-height: 16px; margin-bottom: 15px; }
#sidebar #bingobonus a { color: #ec902c; font-weight: bold; }
#sidebar #bingobonus .excerpt p { color: #333; line-height: 16px; padding: 0; display: inline; }

#sidebar #latestnews { background: transparent url(images/sidebar.jpg) 0 0 repeat-x; margin: 0 auto 10px auto; padding: 0px 8px; }
#sidebar #latestnews h2 { font-size: 13px; color: #b13bc9; text-decoration: underline; padding: 8px 2px; }
#sidebar #latestnews li { line-height: 16px; margin-bottom: 15px; }
#sidebar #latestnews a { font-weight: bold; }
#sidebar #latestnews .excerpt p { color: #333; line-height: 16px; padding: 0; display: inline; }
#sidebar #latestnews .date { color: #999; font-size: 0.9em; text-transform: uppercase; }

#sidebar #latestnews p.more { font-size: 0.9em; text-transform: uppercase; }

#sidebar .textwidget { margin: 20px;}

#sidebar #portals { margin-top: 40px; }


/* Widget (textwidget) */

li.widget_text { list-style-type: none; }


/* Footer */

#footer { background: #e8e8e8 url(images/bg_footer.gif) repeat-x 0 0; margin: 0 auto; padding: 5px 20px; }
#footer .block { display: block; float: left; margin-right: 30px; }
#footer .last { margin-right: 0; }
#footer h2 { color: #3b3b3b; }


/* Footer widget */

#footer .widget { width: 300px; }
#footer .widget h2 { background: url(images/bg_footer_h2.gif) no-repeat 0 13px; font-family: Georgia; font-size: 14px; font-weight: bold; padding-bottom: 5px; padding-left: 25px; }
#footer .widget ul { padding-left: 5px; }
#footer .widget li { list-style-type: none; line-height: 20px; padding: 2px 0 2px 15px; }
#footer .widget li a { color: #515151; }


/* Copyright */

#copyright { width: 100%; height: 31px; background: transparent url(images/footer.jpg) 0 0 repeat-x; color: #fff; margin: 0 auto; }
#copyright p { float: right; line-height: 30px; padding: 0; margin-right: 10px; }


/* Fix / various */

.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }

.fl { float: left ;}
.fr { float: right; }
.ac { text-align: center; }
.ar { text-align: right; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; margin: 3px 0 2px 10px; padding: 4px; }
img.alignleft { display: inline; margin: 3px 10px 2px 0; padding: 4px; }

.alignleft { float: left; }
.alignright { float: right; }


/* Single bingo post meta data */

table.sitemeta { width: 100%; background-color: #fdf2ff; font-size: 11px; border-top: 1px solid #b13bc9; margin: 0.5em 0; }
table.snabbfakta { width: 380px; background-color: #fdf2ff; font-size: 11px; border-top: 1px solid #b13bc9; margin: 0.5em 0; }
table.sitemeta th,
table.sitemeta td,
table.snabbfakta th,
table.snabbfakta td { border-bottom: 1px solid #b13bc9; padding: 0.5em 0.2em; }
table.sitemeta th,
table.snabbfakta th { width: 150px; font-weight: bold; text-align: left; vertical-align: top; }
table.sitemeta td,
table.snabbfakta td { vertical-align: top; }