@import url(style-editor.css);
@import url(fonts/fonts.css);

* {
 margin: 0;
}

body{
font-family: arial, helvetica, sans-serif;
font-size: 1.0em;
padding: 0;
background:#f9d88a url(../images/background/blob.gif) repeat center center;
/*background:#b8f0f9 url(../images/background/lines.jpg) repeat center center;*/
/*background: #b8f0f9;*/
height: 100%;
color: #361d21;
}



h1{
font:2.4em Delicious-Heavy, arial;
font-weight:normal;
color: #361d21;
/*color: #2588ce;*/
}

h2{
font:1.8em Delicious-Italic, arial;
font-weight:normal;
color: #fd395d;
}

h3{
font:1.4em Delicious-Heavy, arial;
font-weight:normal;
color: #fd395d;
}

a{
color: #361d21;
text-decoration:none;
}

a:hover{
color: #2588ce;
}

i a, li a{
text-decoration:underline;
}

h1 a, h2 a{
text-decoration:none;
border:0;
}


header, nav, aside, footer, section, div{
display:block;
}


html, body {
   height: 100%;
}

div.container{
width: 80%;
margin: 0 auto 0 auto;
width: 1024px;
/*max-width: 1344px;*/
}

header{
padding: 2%;
/*background: #361d21 url(../images/background/pennants.gif) no-repeat center right;*/
background:#fff url(../images/background/pennants.gif) no-repeat center right;;
color: #fff;
/*-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;*/

}

header a{
text-decoration:none;
color:#fff;
}

header a:hover{
border:0;
}

hr{
border: 0px;
border-bottom: 2px dashed #361d21;
height: 0px;
padding: 0;
margin:10px 0 10px 0;
}


p{
margin: 5px 0 5px 0;
}

div.inthename{
clear:both;
margin: 0 auto;
background-color:#fff;
}

nav{
color:#361d21;
padding:1%;
/*background: #3bb2c7;*/
background:#fff;
/*border-top: 4px solid #f44e59;*/
border-top: 1px solid #361d21;
border-bottom: 1px solid #361d21;
text-transform:uppercase;
}

nav a{
text-decoration:none;
color: #361d21;
padding: 0 20px 0 0px;
}

nav a.home{
color: #361d21;
}

nav a.content{
color: #8cc63f;
}

nav a.kalasfixare{
color: #3bb2c7;
}

nav a.bloggar{
color: #fd395d;
}

div.content{
min-height: 100%;
height: auto !important;
height: 100%;
width:100%;
}

section{
width: 72%;
min-width: 694px;
max-width:744px;
float:left;
margin: 1% 0% 1% 1%
}

aside{
width: 21%;
min-width:250px;
float:right;
margin: 1% 1% 1% 0%;
}


footer{
clear:both;
background: #361d21;
height: 8em;
padding:2%;
}

footer a{
color:#fff;
text-decoration:none;

}

footer div{
float:left;
color: #fff;
width: 25%
}

footer div h2{
font-size: 1.2em;
color:#8cc63f;
}

/*kalasfixare*/

div.whats{
float:left;
width: 50%;
min-width: 454px;
}

div.sleeps{
float:right;
width: 25%;
min-width: 260px;
}

/*login*/
div.login{
background: #8cc63f /*url(../images/background/theowls.gif) repeat-x center bottom*/;
padding: 10px;
padding-bottom: 25px;
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}

div.login a{
text-decoration:none;
color: #fff;
}

div.login h2{
color:#fff;
}


/* article */

div.frequency{
float:left;
width: 65%;
min-width: 480px;
}

div.frequency a{
text-decoration:underline;
}

div.frequency div.byline{
border-top: 2px solid #361d21;
margin-top:1%;
padding: 1%;
background: #b8f0f9;
}

div.share{
padding: 1%;
border-top: 2px solid #361d21;
margin: 1% 0 1% 0;
}

div.sidewinder{
float:right;
width: 25%;
min-width: 234px;
}

div.sidewinder h2, div.sleeps h2{
background: #8cc63f;
padding: 4px 6px 4px 6px;
color:#fff;
font-size: 1.4em;
margin-bottom:0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}

div.frequency h2{
margin: 5px 0 5px 0;
}

div.pushbox{
padding: 10px;
background: #fff;
border:1px solid #8cc63f;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}

div.pushbox a{
text-decoration:underline;
padding-right:15px;
background: url(/images/elements/more.gif) no-repeat center right;
}

div.dashbox{
padding: 10px;
background: #fff;
border:1px dashed #361d21;
}

div.dashbox h2{
color: #8cc63f;
font-family: Delicious-Heavy, arial;
font-size: 1.6em;
background-color:#fff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding:0;
}

div.koptips{
padding: 10px;
border: 2px dashed #f44e59;
float:right;
width: 20%;
min-width: 200px;
margin: 0 0 10px 10px; 
}

div.koptips h2{
font-family:Delicious-Heavy;
font-size:2.0em;
color: #f44e59;
background: #fff;
}

/*listningar m hö-vä samt bilder*/  

div.list-pic{
float:left;
min-width: 170px;
padding-right:1%;
}

div.list-desc{
float:left;
width:65%;
}

img.leftpic{
float:left;
margin-right: 1%;
}

.clear{
clear:both;
height:0px;
}

/*Bildvisning i artikel*/

div.flick{
font-size:0.9em;
font-style:italic;
line-height: 2em;
}

div.flick div.pic{
width: 100%;
min-width:480px;
height:300px;
background:#f6f6f6;
text-align:center;
margin:auto 0;
overflow:hidden;
}

div.flick img.pic{
margin-bottom:0.5em;
width: 100%;
}

div.flick a{
text-decoration:none;
border:0;
}

div.flick a.prev{
background: url(/images/elements/prev.gif) no-repeat center center;
padding: 2px 2px 2px 25px;
}

div.flick a.next{
background: url(/images/elements/next.gif) no-repeat center center;
padding: 2px 2px 2px 25px;
}

div.flick span{
height:21px;
padding:2px;
}

.blogheader{
padding: 1% 30% 0 1%;
width: 69%;
height: 140px;
margin-bottom: 1%;
border-bottom: 1px solid #361d21;
}

.blogheader h1{
color: #fd395d;
}

.blog-diy{
background: url(/images/blogs/blogs-diy.jpg) no-repeat right;
}

.blog-veronikap{
background: url(/images/blogs/blogs-veronikap.jpg) no-repeat right;
}

.blog-ankispresenter{
background: url(/images/blogs/blogs-ankispresenter.jpg) no-repeat right;
}

.blog-dekoreramera{
background: url(/images/blogs/blogs-dekoreramera.jpg) no-repeat right;
}

.blog-receptkoncept{
background: url(/images/blogs/blog-receptkoncept.jpg) no-repeat right;
}

.blog-hej{
background: url(/images/blogs/blogs-hej.jpg) no-repeat right;
}

.blog-smultronbyn{
background: url(/images/blogs/blogs-smultronbyn.jpg) no-repeat right;
}

.blog-testpatrullen{
background: url(/images/blogs/blogs-testpatrullen.jpg) no-repeat right;
}

.blog-zilloman{
background: url(/images/blogs/blogs-zilloman.jpg) no-repeat right;
font-size:0.9em;
padding: 1% 42% 0 1%;
width: 57%;
}

.blog-kalasbagerskan{
background: url(/images/blogs/blogs-kalasbagerskan.jpg) no-repeat right;
}

.blog-kalasmat-barnochmat{
background: url(/images/blogs/blogs-kalasmat-barnochmat.jpg) no-repeat right;
}

.blog-kalasbagerskan h1, .blog-kalasmat-barnochmat h1{
color:#361d21;
}

.blog-vesna{
background: url(/images/blogs/blogs-vesna.jpg) no-repeat right;
}

.blogentry h2{
color: #3bb2c7;
font-family:Delicious-Heavy, arial;
font-size: 1.8em;
margin: 10px 0 10px 0;
}


.blogentry a{
text-decoration:underline;
}

.blogentry h2 a{
text-decoration:none;
}


div.blogentry img{
max-width: 480px;
}

div.tags, div.catdesc{
background: #b8f0f9;
padding: 4px;
margin-top: 2px;
}

div.tags a{
}


div.subcat{
height: 50px;
width: 165px;;
float:left;
padding-left: 60px;
background-repeat:no-repeat;
background-position: top left;
padding-bottom:5px;
margin-bottom:5px;
border-bottom: 1px solid #3bb2c7;
font-size:1.1em;
}

div.subcat a{
text-decoration:none;
}

h2.subcat{
height: 50px;
padding-left: 60px;
color: #3bb2c7;
background-repeat:no-repeat;
background-position: center left;
padding-left:55px;
margin-bottom:5px;
font-family:Delicious-Heavy, arial;
font-size:1.8em;
border-bottom: 1px solid #3bb2c7;
text-align:right;
}

div.clamad{
margin: 4px 0 4px 0;
}


div.dromkalas div.in-a-box{
background: #fd395d;
padding: 10px;
padding-bottom: 25px;
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}

div.dromkalas div.in-a-box h2{
color:#fff;
font-family:Delicious-Heavy, arial;
font-size: 1.4em;
}