/*
Theme Name: Bild och Dekoration
Theme URI: http://bildodekoration.se/
Description: Ett tema till bildodekoration.se
Version: 1.0
Author: Per Riekkola
Author URI: http://meramedia.se/
*/

body {
 background: #eeeeee;
 font-family: Arial, Helvetica, Sans-serif;
 font-size:12px;
}


/* SLIDESHOW */
#slideshow {
    position:relative;
    height:313px;
	float:right;
	width:800px;
	margin-top:0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* IMG */

img {
 border:none;
}

.headerlogo {
 margin-left:18px;
}

#header {
 background:#fff;
 float:left;
}

/* NAV */

#nav ul, li {
 margin: 0; padding: 0;
 overflow: hidden;
}

#nav ul li {
 float: left;
 list-style: none;
 margin-right: 0em;
 position: relative; /* IE fix */
}

#nav li a {
 color: #5c5c5c;
 text-decoration: none;
 float: left;
 font-size: 13px;
 background: white;
 padding: 10px;
}

#nav li a:hover {
 background: #292929;
}

/* if JS */

#nav li a span {
 display: block;
 background: #ee0071;
 color: white;
 padding: 10px;
 position: relative;
}

#nav li a span:first-child {
background: white;
color: #5c5c5c;
}


/* CLASSES */

.wrapper {
 width:800px;
 margin:0px auto;
 background:#fff;
 margin-top:-10px;
 padding-top:20px;
}

.pinkline {
 height:6px;
 float:left;
 width:800px;
 background:#ee0071;
}

.infocontainer {
 float:left;
 width:230px;
 margin:10px 10px 0px 10px;
 padding:5px;
}

ul, li {
 list-style:none;
 margin:0; padding: 0;
}

.colLeft {
 width:150px;
 float:left;
 padding:10px;
 margin:-10px 35px 10px 45px;
 color:#dadada;
}

.column {
 width:260px;
 float:left;
 padding:10px;
 margin:-10px 35px 10px 45px;
}

.column2 {
 width:260px;
 float:left;
 padding:10px;
 margin:5px 35px 10px 45px;
}


h4 {
 color:#666;
 font-size:20px;
 margin:10px 0px 0px 0px;
}

.colLeft ul, li {
 list-style:none;
 margin:0; padding: 0;
}

.colLeft ul li {
 list-style:none;
 margin-bottom:2px;
}

.entry {
 margin-bottom:70px;
}

/* DIVS */

#nav {
 float:right;
 margin-top:43px;
 margin-right:25px;
}

#info {
 background:url(images/infobg.jpg);
 height:340px;
 color:#dadada;
 margin-top:318px;
 padding-left:10px;
 padding-top:10px;
 float:left;
 width:790px;
}

#main a {
 color:#f163ec;
}

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

#blog {
 background:#fff;
 width:800px;
 min-height:500px;
 float:left;
}

#sidebar {
 color:#333333;
 float:left;
 width:205px;
 margin:5px 10px 10px 25px;
 padding:5px;
}

#sidebar ul, li {
 list-style:none;
 margin:0; padding: 0;
}

#sidebar ul li {
 list-style:none;
 margin-bottom:4px;
}

#page {
 width:475px;
 line-height:15px;
 float:right;
 margin-right:35px;
 margin-top:10px;
 margin-bottom:20px;
}

#page_single {
 width:735px;
 line-height:15px;
 float:left;
 margin-right:35px;
 margin-left:35px;
 margin-top:20px;
 margin-bottom:40px;
}

#footer {
 width:800px;
 height:245px;
 background:url(images/infobg.jpg);
 margin-bottom:-10px;
 float:left;
}


/* TEXT */

h1 {
 font-size:18px;
 margin-bottom:-10px;
 margin-top:0px;
}

h2 {
 font-size:17px;
 margin-bottom:10px;
 margin-top:25px;
}

h3 {
 font-size:16px;
 margin-bottom:10px;
 margin-top:25px;
}