/*
Theme Name: Johanna
Theme URI: http://letitrock.se
Description: The Johanna theme 
Author: Peter Larsson
Version: 1.0
Tags: 
*/


/* ===========================================================
  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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ===========================================================
	Elements
============================================================== */

/* Body and html elements
-------------------------------------------------------------- */
html {color: #000; font-family: Tahoma, arial, helvetica, sans-serif; height: 100%; background: #fff; height:100%;}
body {background: #fff;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family: arial, helvetica, sans-serif; color:#000;}
h1 {font-size: 26px; margin-bottom: 20px;}
h2 {font-size: 18px; margin: 25px 0 8px 0;}
h3 {font-size: 16px; margin-bottom: 8px;}
h4 {font-size: 14px; margin-bottom: 8px;}

/* Links 
-------------------------------------------------------------- */
a img {border: none;}
p a, a, a:link { text-decoration: underline; color:#ff9900; }
a:hover, a:active { color: #009EE0; }

/* Text
-------------------------------------------------------------- */
p {margin-bottom: 20px; line-height: 19px;}


#wrapper{margin:35px auto 0 auto; width: 960px;}
#header{margin-bottom: 40px;}
#header #logo a{display:block; background:url(images/logo.png) 0 0 no-repeat; width:707px; height:80px;}
#container {margin-bottom:20px; overflow:hidden; clear:both; width:640px;}
#container > div{float:left;}
#container #content{overflow:hidden; padding: 10px 0; font-size:16px;}
/* if frontpage */
body.home #container #content{width:710px; background:transparent; color: #BDE4F7; font-size:35px; overflow:hidden;}
#container #sidebar{width:640px;}
#container #menu {width:150px;}
#footer{width: 750px; clear:both;}
#footer p{color:#ff9900; font-size:16px;}
#footer span{color:#0099CC;}

/* WIDGET Gallery
-------------------------------------------------------------- */
#sidebar h1{display:none;}
#sidebar div.ngg-widget{padding:0;}
#sidebar img{padding:0; border:none;}


/* MENU
-------------------------------------------------------------- */
#menu{
    width: 620px; 
    height: auto;
    margin: 10px 0;
    padding:0;
}

#menu ul{
  margin: 0;
  padding:0;
  list-style: none;
  overflow:hidden;
  float:left;
}

#menu li{
  margin:10px 35px 10px 0px;
  float:left;
  padding:0;
  display:block;
  text-decoration: none;
  overflow: hidden;
}

#menu li a {
  padding:0;
  display:block;
  height: 17px;
  margin: 0;
  text-decoration: none;
  overflow: hidden;
}

#menu li.current-menu-item a{
	background-position: 0 -21px !important;
}

#menu #menu-item-53 a, #menu #menu-item-39 a{
	background: url(images/home.png) 0 0 no-repeat;
	width:31px;
	height:17px;
	text-indent:-999px;
}
#menu #menu-item-53 a:hover,#menu #menu-item-39 a:hover{
	background-position:0 -21px;
}
 
#menu #menu-item-51 a, #menu #menu-item-32 a{
	background: url(images/me.png) 0 0 no-repeat;
	width:57px;
	text-indent:-999px;
}
#menu #menu-item-51 a:hover,  #menu #menu-item-32 a:hover{
  background-position:0 -21px;
}

#menu #menu-item-52 a, #menu #menu-item-33 a{
	background: url(images/kontakt.png) 0 0 no-repeat;
	width:64px;
	text-indent:-999px;
}
#menu #menu-item-52 a:hover,  #menu #menu-item-33 a:hover{
  background-position:0 -21px;
}


#menu #menu-item-55 a, #menu #menu-item-36 a{
  background: url(images/blogg.png) 0 0 no-repeat;
  width:84px;
  text-indent:-999px;
}
#menu #menu-item-55 a:hover,  #menu #menu-item-36 a:hover{
  background-position:0 -21px;
}

#menu #menu-item-56 a, #menu #menu-item-37 a{
  background: url(images/movieproject.png) 0 0 no-repeat;
  width:117px;
  text-indent:-999px;
}
#menu #menu-item-56 a:hover,  #menu #menu-item-37 a:hover{
  background-position:0 -21px;
}