@charset "utf-8";

/*
Theme Name: Erikssons Kakelungsmakeri
Theme URI: http://www.kaminerskorstenar.se
Description: 
Version: 1.0
Author: Bozzanova AB
Author URI: http://www.bozzanova.se
Tags: 

	Erikssons kakelungsmakeri v1.0
	http://www.kaminerskorstenar.se
*/

/*  clear css */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, ol, ul, li, table, caption, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
}

/* reset styles */
* {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
img {
border: none;
}

hr {
margin: 0;
padding: 0;
border: 0;
}

/* - remember to define focus styles! */
:focus {
outline: 0;
}
/* // clear css // */


/* setup styles */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 0;
margin: 0;
font-size:16px;
line-height:20px;
}


/* link styles */
a {
color: #f39424;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #000;
text-decoration: none;
}


/* h1, h2, h3, h4, h5, h6, p */
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
margin: 0 0 20px 0;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
margin: 5px 0 20px 0;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h5 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}

p img {
padding: 0;
max-width: 100%;
}


/* Classes used by wordpress core for placing images left, center and right in the editor */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px;
margin: 0 0 20px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
.alignright {
float: right;
}

.alignleft {
float: left;
}


/* center site */
#wrapper {
width: 980px;
margin: 0 auto 0 auto;
text-align: left;
overflow: hidden;
}


/* spacers */
.spacer1 {
float: none;
clear: both;
padding: 30px 0 30px 0;
}

hr {
color: #fff;
border-top: 1px solid #efefef;
margin:25px 0 25px 0;
display:block;
clear:both;
}


/* clear float */
.clear {
color: #fff;
border-top: 1px solid #999;
margin: 30px 0 0 0;
clear: both;
}

/* Site header */
#header {
width: 980px;
height: 100px;
background: #000;
color: #fff;
}

#headerbox {
width: 785px;
height: 100px;
float: left;
display: inline;
}

#headername {
width: 760px;
height: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
padding: 15px 0 5px 25px;
float: left;
overflow: hidden;
}

#headername a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color:#FFFFFF;
font-weight:normal;
}

#logo {
width: 180px;
height: 95px;
padding: 12px 10px 0 0;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
line-height: 25px;
text-align: right;
overflow: hidden;
display: block;

}

/* Site mainnavigation */
#mainnav {
height: 30px;
width: 760px;
float: left;
padding: 15px 0 0 20px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
line-height:18px;
}

#mainnav li {
display: inline;
list-style: none;
margin: 10px 0 10px 0;
padding: 0 8px 0 5px;
border-right: 1px solid #999;
}

#mainnav li:last-child {
border: none;
}

#mainnav a{
color: #fff;
text-decoration: none;
display: inline;
}

#mainnav a:hover {
color: #f39424;
text-decoration: none;
display: inline;
}

#mainnav .current_page_item a, #mainnav .current_page_parent a { 
color:#f39424; display: inline; 
}

/* Site subnavigations */
#subnav {
height: 17px;
width: 969px;
float: left;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background-color: #9e9591;
padding: 3px 0 0 21px;
line-height:18px;
}

#subnav li {
display: inline;
list-style: none;
margin: 10px 0 10px 0;
padding: 0 16px 0 4px;
border-right: 1px solid #999;
}

#subnav a {
color: #fff;
text-decoration: none;
display: inline;
font-size: 12px;
}

#subnav a:hover {
color: #000;
text-decoration: none;
display: inline;
}


/* Left column */
.left {
width: 680px;
display: inline;
float: left;
margin: 35px 0 25px 0;
padding: 0;
}

/* textbox */
.textbox {
width: 640px;
margin:0;
}


/* Right column */
.right {
width: 300px;
display: inline;
float: left;
margin: 35px 0 25px 0;
padding: 0;
}


/* Footer */
.footer {
margin:50px 0 30px 0;
padding:5px 0 0 0;
border-top: 1px solid #efefef;
clear:both;
}

/* Footer Light-color */
.lightspacer  {
color:#CCCCCC;
margin:0 3px 0 3px;
}

.leftpic {
display:block;
width:490px;
height:460px;
float:left;
background-image: url(/se/files/layout/braskamin-jotul-F373.jpg);
background-repeat:no-repeat;
}
.rightpic {
width:490px;
height:460px;
float:left;
background-image: url(/se/files/layout/braskamin-handol-H35T.jpg);
background-repeat:no-repeat;
}


/* Footerleft */
.footerleft {
float: left;
color:#999;
font-size:11px;
}

/* Footerright */
.footerright {
float: right;
font-size:11px;
}

.footerright a {
color:#999;
font-weight:normal;
border-bottom:dotted 1px #f39424;
}

.footerright a:hover {
color: #f39424;
}


/* Blackbox */
.blackbox {
/*width: 260px;
height: 100px;
background: #000;
padding: 20px;
overflow: hidden;
*/
width:470px;
height:60px;
background:#000000;
color:#FFFFFF;
transparent:85%;
filter:alpha(opacity=85); /* IE's opacity*/
opacity: 0.85;
padding:10px;
font-size:13px;
line-height:16px;
}

.rightpic .blackbox {
margin:380px 0 0 0;
}

.blackbox h3 {
font-size: 16px;
color: #f39424;
padding:0 0 8px 0;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
}

.blackbox p {
color: #fff;	
}

/* Greybox */
.greybox {
width: 258px;
border: solid 1px #666666;
padding: 20px;
color: #000;
font-size: 13px;
line-height: 18px;
font-family:Arial, Helvetica, sans-serif;
}

.greybox h2 {
font-size: 25px;
color: #000;
padding: 0 0 15px 0;
margin:0;
}

/* Main text start page */
.start {
display: inline;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
padding: 0 40px 0 0;
margin: 0;
}

/* toptext */
.toptext {
padding: 25px 0 0 0;
}

/* posts */
.post {
width: 980px;
display:block;
}

.postimg {
display:inline;
padding: 0 40px 0 0;
margin: 0;
float:left;
}

.postcontent {
display:block;
width:470px;
margin: 0;
padding: 0;
float:left;
}

.post h2 a {
color: #000;
display: block;
}

.post h2 a:hover {
color: #F39424;
display: block;
}


/* Smallbox */
.smallbox {
width: 300px;
height: 150px;
display: inline;
float: left;
overflow: hidden;
padding: 0 40px 0 0;
line-height:18px;
font-size:14px;
}

.smallbox img {
width: 150px;
height: 150px;
float: left;
padding: 0 10px 0 0;
}

.smallbox h3 a, .smallbox-last h3 a {
font-size: 16px;
font-weight: bold;
color: #000;
padding:0 0 8px 0;
display:block;
}

.smallbox h3 a:hover, .smallbox-last h3 a:hover {
color: #F39424;
}

.smallbox-last {
width: 300px;
height: 150px;
display: inline;
overflow: hidden;
padding: 0 0 0 0;
display:block;
line-height:18px;
font-size:14px;
}

.smallbox-last img {
width: 150px;
height: 150px;
float: left;
padding: 0 10px 0 0;
}



/* Small */
#small {
height: 120px;
width: 980px;
list-style: none;
}

#small img {
display: inline;
padding: 0 40px 0 0;
}

#small .last {
display: inline;
width: 130px;
height: 120px;
padding: 0 0 0 0;
}

#small ul {
list-style: none;
}

#small li {
display: inline;
width: 90px;
height: 120px;
padding: 0 37px 0 0;
}