/*
Theme Name: Publisher
Theme URI: n/a
Description: Publisher Website
Version: 1.0
Author: n/a
Author URI: n/a
*/

/*------------RESET------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; background: transparent;}
a img {border: none;}

/*------------STRUKTUR------------*/
html,body {height: 100%;}
body {font-size: 10px; line-height: 10px; font-family: Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif; background: #fff; color: #222;}

#body.facebook { padding:0; margin: 0; overflow: hidden; }
#header {float: left; width: 100%;}
#top {float: left; width: 100%;}
#main {float: left; width: 100%; position: relative; overflow-y: auto; overflow-x: hidden; }

/* IE6 content drop fix */
/*
#content .innertube {float: left;}
*/

#page {margin: 0 auto;}
#main .inner {position: relative; overflow: hidden;}
/* background: #fff;} */

.inner {margin: 0 auto; width: 100%; /* overflow: auto; */ }
.innertube { padding: 10px; }
.quirk {bottom: 0; height: 1px; position: relative; clear: both; background: inherit; display: block;}
.topfix {visibility: hidden; float: left; height: 50%; width: 100%;}

.entry-info {display: block; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; padding: 5px 0; margin: 15px 0 10px 0; height: 1em;}

/*--------------TYPSNITTSINSTÄLLNINGAR---------------*/
h1, h2.as-h1 {font-size: 1.8em; line-height: 150%; margin: 10px 0 15px 0; font-weight: bold; color: #222;}
h2 {font-size: 1.5em; line-height: 150%; margin: 0 0 15px 0; padding: 0; font-weight: normal; color: #222;}
h3 {font-size: 1.4em; line-height: 150%; font-weight: bold; color: #222;}
h4 {font-size: 1.4em; line-height: 150%; margin-bottom: 15px; font-weight: normal; color: #222;}
h5 {font-size: 1.3em; line-height: 150%; margin-bottom: 15px; font-weight: bold; color: #222;}
h6 {font-size: 1em; line-height: 150%; margin-bottom: 15px; font-weight: bold; color: #222;}
p {font-size: 1.2em; line-height: 180%; margin-bottom: 15px; color: #222;}
/* td {font-size: 1.2em; line-height: 180%; margin: 0; padding: 1px;} */

.post {margin: 0 0 20px 0;}
.read-more {font-size: 1.1em;}
.entry p {margin-bottom: 12px;}

hr {clear: right; float: left; border-top: 1px dotted #999; color: #fff; height: 1px; border-left: none; width: 100%; margin: 15px 0 20px;}
.margin-b {margin-bottom: 15px;}

h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 {text-decoration: none;}
h2 a:hover, h3 a:hover {text-decoration: underline;}
h2.as-h1 a {text-decoration: none; color:inherit;}
h2.as-h1 a:hover {text-decoration: underline;}

html>body .entry ul {margin: 5px 0 15px 15px; padding: 0; list-style: outside disc;}
html>body .entry ul li {margin: 0; padding: 0; font-size: 1.2em; line-height: 180%;}
html>body .entry ul ul li {margin: 0 0 0 15px; padding: 0; font-size: 1em;}

html>body .entry ol {margin: 0 0 15px 0; padding: 0; list-style: inside decimal;}
html>body .entry ol li {margin: 0; padding: 0; font-size: 1.2em; line-height: 180%;}
html>body .entry ol ol li {margin: 0 0 0 15px; padding: 0; font-size: 1em;}

.breadcrumb {clear: left; /* background: #efefef; */ padding: 6px 0;}
#top .breadcrumb, #header .breadcrumb, #footer .breadcrumb {padding: 10px;}

blockquote {border-left: 5px solid #ddd; display: block; font-style: italic; margin-bottom: 10px;}
blockquote p {padding: 10px 10px 10px 15px;}

ul, ol {clear: left;}
ul.side {margin: 0; list-style: disc inside;}
ul.side li {margin-top: 5px; font-size: 1.2em;}
ol.side {margin: 0; list-style: decimal inside;}
ol.side li {margin-top: 5px; font-size: 1.2em;}
.facebook .entry ul { margin-bottom: 15px; list-style: disc inside;}
.facebook #page { border: none; }

/*------------3-COLUMN-FLUID/FIXED-EQUAL-HEIGHT-LAYOUT------------*/
.colgroup {
        position:relative;              /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        float:left;
        width:100%;                     /* width of whole page */
        overflow:hidden;                /* This chops off any overhanging divs */
}
.colgroup .colmid {
        float:left;
        width:200%;
        position:relative;
        right:100%;
}
.colgroup .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
}
.colgroup .col1wrap {
        float:left;
        width:50%;
        position:relative;
}
.colgroup .col1 {
        position:relative;
        left:200%;
        overflow:hidden;
}
.colgroup .col2 {
        float:left;
        float:right;                    /* This overrides the float:left above */
        position:relative;
}
.colgroup .col3 {
        float:left;
        float:right;                    /* This overrides the float:left above */
        position:relative;
        left:50%;
}

/*------------GENERELLA LÄNKINSTÄLLNINGAR------------*/
a:link {color: #0c568a;} 
a:visited {color: #0c568a;} 
a:active {color: #0c568a;} 
a:hover {color: #b84d23;}

/*------------GENERELLA FOOTERINSTÄLLNINGAR------------*/
#footer {float: left; width: 100%; margin: 0; padding: 0;} /* background: #0d283b;} */
#footer ul {padding: 0 0 0 10px; margin: 0; list-style-type:none; line-height: 360%; /*text-align: center; color: #fff;*/ font-size: 1.1em;}
#footer ul li {display: inline; list-style-type: none; padding: 0 0 0 10px; margin: 0;}
/* #footer ul li {padding: 0 0 0 10px; margin: 0;} */
#footer ul li:first-child {padding: 0; list-style: none;}
#footer ul li a {text-decoration: underline; color: #fff;}
#footer p {margin: 0; /* padding: 10px 0; */ padding: 0; text-align: center;}

/*------------GENERELLA MENU ------------*/
.menuwrap.center {position: relative; float: left; left: 50%;}
.menu.center {position: relative; float: left; left: -50%;}
.menuwrap.center.stretch {}

.menu {font-size: 1em;}
.menu ul {list-style: none; display: block; position: relative; z-index: 597;}
.menu ul li {display: block;}
.menu ul li a {padding: 0 1em; display: block; line-height: 2em;}

/* MENU: OM DROPDOWN */
/* .menu ul.dropdown li {float: left;} */
.menu ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;} 
.menu ul.dropdown li:hover > ul {visibility: visible;}
.menu ul.dropdown ul li {float: none; margin-top: 0px; text-align: left}

.menu-horizontal ul li {float: left;}
.menu-horizontal ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;}
.menu-horizontal ul.dropdown ul ul {top: 2px; left: 99%;}

.menu-vertical { /* width: 100%; */ position: relative; z-index: 597; font-size: 1em;}
.menu-vertical ul, .menu.vertical ul li {width: 100%;}
.menu-vertical ul.dropdown ul {visibility: hidden; position: absolute; top: 0; z-index: 598;}

/*------------HEADER------------*/
.logo {float: left; font: bold 3em/150% Arial, Helvetica, sans-serif; color: #0d283b; padding: 0 0 0 10px; margin: 0;}
.slogan {float: left; font: normal 1.6em/300% Arial, Helvetica, sans-serif; color: #0d283b; margin: 0 0 0 20px; padding: 0 10px 0 20px; border-left: 1px #ccc solid;}
.logo a, .logo a:hover, .logo a:visited, .logo a:active {color: inherit; text-decoration: none;}

/*
#header a:link {color: #0d283b; text-decoration: none;} 
#header a:visited {color: #0d283b; text-decoration: none;}
#header a:active {color: #0d283b; text-decoration: none;}
#header a:hover {color: #0d283b; text-decoration: none;}
*/

/*------------ÖVRIGT------------*/
.slideshow { height: 376px; border: 1px solid #ccc; padding: 3px; background: #fff; position: relative; overflow: hidden;}
.slideshow .image {float: left; width: 100%; height: 376px; overflow: hidden; position: relative;}
.bg {width: 100%; top: -18%; left: -50%; position: absolute; margin-left: 50%; min-width: 520px;}

/* p img {padding: 0; max-width: 100%;} */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 3px; margin: 0 0 2px 15px; display: inline;}
img.alignleft {padding: 3px; margin: 0 10px 2px 0; display: inline;}

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

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.left {float: left; text-align: left;}
.right {float: right; text-align: right;}
.center {text-align: center; margin: 0 auto; display:block;}
.stretch {width: 100%;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.hidden {display: none;}

/* Begin Form Elements */
#searchform {margin: 14px 13px 0 0; padding: 0 3px; float: left;}
#searchform #s {width: 88px; padding: 3px; border: 1px solid #ccc; font-size: 1.1em; background: url(images/search.png) right no-repeat #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#searchsubmit {padding: 2px; font-size: 1.1em; margin-left: 3px; border: 1px solid #c1c1c1; background: #efefef; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#content #searchform {margin: 10px 0; padding: 20px 0 10px 0; float: left; width: 100%; border-top: 3px solid #e0e0e0;}
#content #searchform #s {width: 230px; padding: 4px 20px 4px 4px; border: 1px solid #ccc; background: url(images/search.png) right no-repeat #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#content #searchsubmit {padding: 3px; font-size: 1.1em; margin-left: 5px; border: 1px solid #c1c1c1;}

#side-right #s, #side-left #s {float: left; width: 98px; padding: 3px 23px 3px 3px; border: 1px solid #ccc; font-size: 1.1em; background: url(images/search.png) right no-repeat #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#side-right #searchform, #side-left #searchform {float: left; margin: 0 0 15px 0; padding: 0;}

.searchbox {padding: 5px;}
.header_results {margin-bottom: 10px;}
.results h3 {margin-bottom: 5px; padding: 0; font-weight: normal; font-size: 1.4em;}
.results h3 a {text-decoration: none;}
.results p {margin-bottom: 14px; padding: 0; line-height: 130%;}
.results hr {clear: right; float: left; border-top: 1px dotted #999; color: #fff; height: 1px; border-left: none; width: 100%; margin: 19px 0 8px 0;}
.results cite a {text-decoration: underline; font-size: 1.1em; font-style: normal;}

.entry form {text-align: left;}
select {width: 130px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px; margin: 10px 0; border: 1px solid #CCC;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0; float: right; width: 130px; font-size: 11px;}

/*------------Begin Comments------------*/
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist .comment-text {margin: 0 5px 10px 0; padding: 3px 6px; background: #f2f2f2; border:1px solid #ededed; -moz-border-radius:4px;}
.children {padding: 0;}

.commentlist .avatar {position: absolute; top: 8px; left: 0;}

#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin: 0; display: block;}
.alt {margin: 0 0 10px 0;}
/* End Comments */
.alt_top {border: 1px dotted #CCC; padding: 3px; line-height: 100%;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

#side-left .textwidget ul, #side-right .textwidget ul, .blognav ul {margin: 10px 0; list-style: none; font-size: 1.2em; line-height: 180%;}
#side-left .textwidget ol, #side-right .textwidget ol {margin: 10px 0; list-style: inside decimal; font-size: 1.2em; line-height: 180%;}

#side-left ul, #side-right ul {margin: 0; padding: 0;}

/*------------Captions------------*/
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p {margin: 0; padding: 5px 0; border: 0 none;}

.navigation {padding: 0; font-size: 110%; width: 100%; float: left; margin: 10px 0;}

textarea {font: 1.1em/160% Arial, Helvetica, sans-serif; color: #000;}

#comments {clear: both; margin: 12px 0 0 0; border-top: 1px solid #e7e7e7; padding: 10px 0;}
#comments .navigation {padding: 0 0 18px 0;}

h3#comments-title, h3#reply-title {color: #000; font-weight: bold; font-size: 20px; margin-bottom: 0;}
h3#comments-title {padding: 24px 0;}

.nav-back a {float: left; padding: 8px; background: #ebebeb; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold;}
.nav-forward a {float: right; padding: 8px; background: #ebebeb; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold;}
.nav-back a:link, .nav-back a:visited, .nav-back a:active {text-decoration: none;}
.nav-forward a:link, .nav-forward a:visited, .nav-forward a:active {text-decoration: none;}

.commentlist {list-style: none; margin: 0;}
.commentlist ol {list-style: decimal;}
.commentlist li.comment {border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 5px 56px; position: relative;}
.commentlist li.guestbook { padding-left: 0; }
.commentlist li:last-child {border-bottom:none; margin-bottom:0;}

#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;}
#comments .comment-body p:last-child {margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}

.comment-author cite {float: left; font-style: normal; font-weight: bold; margin: 0 10px 0 0; text-transform:uppercase;}
.comment-author .says {font-style: italic;}

.comment-meta {font-size: 10px; margin: 0 0 5px 0;}
.comment-meta a:link, .comment-meta a:visited {color: #888; text-decoration: none;}
.comment-meta a:active, .comment-meta a:hover {color: #FF4B33;}

.reply {font-size: 1.1em; font-weight: bold; padding: 0; margin: 5px 0 15px 0;}
.reply a, a.comment-edit-link {color: #888;}
.reply a:hover, a.comment-edit-link:hover {color: #FF4B33;}

.commentlist .children {list-style: none; margin: 0;}
.commentlist .children li {border: none; margin: 0;}
.commentlist li.comment {margin-top: -6px;}

.nopassword, .nocomments {display: none;}

a.comment-write {padding-left: 20px; background: url("images/comment-write.gif") 0 1px no-repeat; float:left; }
a.comment-read {padding-left: 20px; background: url("images/comment-read.gif") 0 1px no-repeat; margin-left: 10px; float: left;}
a.fb-share {padding-left: 20px; background: url("images/share.gif") 0 1px no-repeat; float: right;}
a.fb-like {padding-left: 20px; background: url("images/fb.gif") 0 1px no-repeat; float: right;}

/* Comments form */
input[type=submit] {color: #333;}
#respond {margin: 12px 0; border-top: 1px solid #e7e7e7; position: relative; padding: 10px 0;}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}

.form-allowed-tags {line-height: 1em;}
.children #respond {margin: 0 48px 0 0;}

h3#reply-title {margin: 18px 0;}

#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link {font-size: 12px; line-height: 18px; font-weight: normal;}

#respond .required {color:#FF4B33; font-weight:bold;}
#respond label {color: #888; font-size: 1.2em;}
#respond input {margin: 0 0 9px; width: 38%;}
#respond textarea {width:100%;}

#respond .form-allowed-tags {color: #888; font-size: 1.2em; line-height: 100%;}
#respond .form-allowed-tags code {font-size: 11px;}
#respond .form-submit {margin: 12px 0;}
#respond .form-submit input {width: auto; font-size: 14px;}


/* =Widget Areas
-------------------------------------------------------------- */

/*
#primary {}
#secondary {}

.widget {padding: 0 0 5px 0; border-bottom: 1px dotted #CCC;}
.widget h2 {margin-bottom: 1px; padding: 5px 0 0 0; border: none;}
.widget ul li {list-style: none; margin-bottom: 5px; font-size: 1.1em; line-height: 140%;}
*/

.widgettitle { /* float: left; */ font-size: 1.2em; margin: 20px 4px 5px 0; padding: 0; font-weight: bold;}
#side-left .widgettitle, #side-right .widgettitle {margin: 15px 0 5px 0; clear: left;}

/* blog */


.entry-links {border-top: 3px solid #dadada; margin: 15px 0 0 0; padding: 12px 0 0 0;  height: 20px;  line-height: 16px }
.comment-date {float: right; margin: 0 10px;}
#commentform p {font-size: 1.1em; font-weight: bold;}
.post .navigation .alignright a {float: right; margin-bottom: 20px;}
.post .navigation .alignleft a {float: left; margin-bottom: 20px;}
.entry-info span {margin: 0; font-size: 1.1em;}
.sep {padding: 0 5px; float: right;}
.tags {padding: 4px; background: #ebebeb; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#content .breadcrumb {border-bottom: 1px solid #ddd; padding: 0 0 10px 0; margin-bottom: 10px;}

#wp-calendar {width:100%;}
#wp-calendar caption {font-size:1.1em; font-weight:bold; padding: 5px 0; text-align: right;}
#wp-calendar thead {font-size:1.1em; line-height: 1.8em;}
#wp-calendar tbody td {background:#F5F5F5; border:1px solid #ddd; padding: 3px 0 3px; text-align:center; line-height: 1em;}
#wp-calendar tbody td.pad {background: none; border: none; padding:3px 0 2px; text-align:center;}
#calendar_wrap {border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 15px;}

/* Contactform */

.contactform {font-size: 1.1em; font-weight: bold; margin-bottom: 15px;}
.contactform label {float: left; width: 80px; clear: both; margin: 8px 0 5px 0;}
.contactform input {float: left; margin: 2px 0; border: 1px solid #dedede; padding: 3px; width: 160px; color: #333;}
.contactform textarea {float: left; margin: 2px 0; border: 1px solid #dedede; padding: 3px; width: 260px; height: 120px; font: 1em "Lucida Grande", Arial, Sans-serif;  color: #333;}
.contactform input[type="submit"] {color:#333; clear: both; margin-left: 80px; width: auto; margin-top: 7px; padding: 3px 10px; cursor: pointer;}
.contactform textarea:focus, .contactform input:focus {border: 1px solid #ccc;}
p.contactform_error {margin: 10px 0 15px 0;}
#tcform p {font-size: 1em; padding: 5px; background: #fffbcd; border: 1px solid #fff481;}
input[id="tcf_captcha"] {width: 20px;}

#side-right .contactform textarea, #side-right .contactform input, #side-left .contactform textarea, #side-left .contactform input {width: 100%;}
#side-right .contactform textarea, #side-left .contactform textarea {height: 90px;}
#side-right .contactform input[type="submit"], #side-left .contactform input[type="submit"] {color:#333; clear: both; margin-left: 0; width: auto; margin-top: 7px; padding: 3px 10px; cursor: pointer;} 
.slidetextholder { position: absolute; bottom: 0; right: 0; left: 0; padding: 8px 10px 10px; background: rgba(255,255,255, .5); }