/*
THEME NAME: Kanot
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Ett tema för Johannesbarsk.com, baserat på <a href=" http://www.plaintxt.org/themes/sandbox/">Sandbox</a>
VERSION: 1.6
AUTHOR: Viktor Barsk
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/*@import url('examples/1c-b.css');*/
@import url('forms.css');

/*
TO DO

Form validation


*/
* {
        padding:0;
        margin:0;
	outline: 0;
    }
.hide{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border:0;
}
body{
	background-image:url('img/top_bg7.png');
	background-repeat:repeat-x;
	background-color:#fcfff5;
	font-family:Verdana, Geneva, sans-serif;
	line-height:160%;
	font-size:80%;
	color:#193441;
	height:100%;
}
html{
height:100%;
}

a:link,a:visited{
/*color:black;*/
color:#3e606f;
text-decoration:none;

}
a:hover{
text-decoration:underline;
/*color:#91aa9d;*/

}

p {margin:0 0 1.5em; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family:Helvetica,Verdana,Tahoma,Sans; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/*----- Table -----*/
table{ 
margin-bottom: 1.4em; width:100%;
-moz-border-radius:5px;
 -webkit-border-radius:5px;
border-radius:5px;
border:1px solid #DEE0D8;
 background:#fcfff5;}
th          {
font-weight: bold;
background:#91aa9d;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;}
thead th {
background: #c3d9ff;
}
th,td,caption {
padding: 4px 10px 4px 5px;
}
tr.even   {/*background:url('img/post_bg6.png') bottom center no-repeat;*/
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#E8EBE1;
}
tr td{/*
border:1px solid #dce4cb;
*//*
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;*/
/*border:1px solid #DEE0D8;*/
}
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*------- grid ---------*/
.grid_50{
  float: left;
  margin-right: 10px;
 width: 450px;
}
.grid_442{
  float: left;
  margin-right: 18px;
 width: 450px;
/*
 Bildstorlek:430px
 Kolumnbredd:442px
*/
}
.last, div.last { margin-right: 0; }


/*------- header ---------*/
div#header{
	height:171px;
 margin:auto;
 width:960px;
/*
	background-image:url('img/top_rubrik5.png');
	background-position:top center;
	background-repeat:no-repeat;
*/
}

div.skip-link {
	position:absolute;
	right:1em;
	top:1em;
	font-size:25%;
	color:#d1dbbd;
}

div#search{
float:right;
height:39px;
margin:8px 0 auto auto;
}
div#search input#s{
 border:solid #fff 1px;
 padding:3px 10px 3px 3px;
 width:150px;
 background:#E8EBE1;
 font-size:14px;
 margin:0;
 height:17px;
 -moz-border-radius-bottomright:20px;

 border-bottom-right-radius:20px;

 -webkit-border-bottom-right-radius:20px;

}
div#search input.button{
 background:url('img/search.png') no-repeat;
 border:none;
 font-size:0;
 width:47px;
 height:39px;
 position:relative;
 left:-30px;
 top:-3px;
 cursor:pointer;
}
h1#blog-title,#blog-description {
display:none;
}
/*---------- Menu ----------*/
div#topbar {
	background:url('img/menu_bg_960_3.png') top center no-repeat;
	height:70px;
	width:986px;
	font-size:16px;
float:left;
 position:relative;
 left:-13px;
 margin-bottom:-70px;
 z-index:20;
}
div#menu{
margin:0 0 0 13px
}
div#menu  ul{
	line-height:1;
	list-style:none;
	padding:0;
 margin:0 5px;
}
div#menu > ul > li {
 background:url('img/separator1.png') no-repeat right center ;
}
/*
div#menu > ul > li:first-child > a{
	padding:15px 30px 0 10px;
}*/
div#menu ul li a {
	display:block;
	text-decoration:none;
	/*color:#d1dbbd;*/color:#193441
}
div#menu > ul > li > a {
	padding:15px 30px 0;
	height:35px; 
}
div#menu > ul > li > a:hover {
	text-decoration:underline;
}
div#menu ul li a:hover {
	text-decoration:underline;
}
div#menu ul li ul {
	display:none;
	/*background-color:#406474;*/
	/*padding:0 1em 1em 1em;*/
 position:absolute;
 width:126px;
 height:128px;
 z-index:42;
 margin:0 0 0 -10px;

background:url('img/submenu_11.png') no-repeat top left;
/*
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
-moz-border-radius-bottomright:1em;
-moz-border-radius-bottomleft:1em;
-webkit-border-bottom-right-radius:1em;
-webkit-border-bottom-left-radius:1em;
*/
}
div#menu ul li ul li {
 width:auto;
 float:none;
 height:auto;
padding:0 0 0 40px;
 line-height:1.5;
}
div#menu ul li:hover ul {
	display:block;
}
#menu_r,#menu_l{
 float:left;
}
div#menu > ul > li.current_page_ancestor > a:link,div#menu > ul > li.current_page_item > a:link,div#menu > ul > li.current_page_ancestor > a:visited,div#menu > ul > li.current_page_item > a:visited{
background:url('img/menu_hover1.png') center no-repeat;
	color:#d1dbbd;
 /*color:#193441;*/
}
li.current_page_ancestor li.current_page_item a:visited, li.current_page_ancestor li.current_page_item a:link{
 /*color:#193441 !important;*/
color:#d1dbbd !important;
}

a.feed{
 float:right;
 margin:10px 20px;

}

#fejd {width: 910px; height:410px; margin:0 0 2em ;
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 -webkit-border-bottom-right-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -webkit-border-top-right-radius:3px;
 -webkit-border-top-left-radius:3px;
background-color:#e8ebe1;
border:1px solid #dee0d8;
/* padding-top:4px;*/
 text-align:center;
 font-size:80%;

}
#fejd img{ padding:5px;}

div.post, body.search-results div.page{
	background-image:url('img/post_bg6.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:4em;
	border-bottom:1px solid #dce4cb;
	margin:1em;
}
body.search-results div.page{
	background-image:url('img/post_bg11.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:4em;
	border-bottom:1px solid #C2D1C5;
	margin:1em;
}
h2.entry-title,h3.entry-title{
float:left;
margin-top:0em;
}
h2.entry-title a,h3.entry-title a{
 color:#193441 !important;
}
body.page .entry-title{
 display:none;
}
div.entry-date{
float:right;
}
div.entry-content{
clear:both;
 margin-bottom:1em;
overflow:hidden;
}
body.single div.entry-meta{
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 -webkit-border-bottom-right-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -webkit-border-top-right-radius:3px;
 -webkit-border-top-left-radius:3px;
 background-color:#e8ebe1;
 border:1px solid #dee0d8;
 font-size:80%;
 line-height:1.5em;
 padding:.5em;
}
div.wp-caption{
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 -webkit-border-bottom-right-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -webkit-border-top-right-radius:3px;
 -webkit-border-top-left-radius:3px;
background-color:#e8ebe1;
border:1px solid #dee0d8;
 margin:10px;
 padding-top:4px;
 text-align:center;
 font-size:80%;
}
.page .wp-caption{
 margin:10px 0 10px 0;
}
div#container,div#primary {
 margin-top:70px;
	padding:20px 25px 0;
 overflow:hidden;
}

/*----- Comments -----*/
/*
form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
}

input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
}
*/
div.comments{
margin:5em 0 ;
}

div.comments ol li {
 margin:1em;
 padding:4em;
 background: url('img/post_bg6.png') no-repeat bottom center ;
 border-bottom:1px solid #DCE4CB;
}
div.comments ol li.bypostauthor{
background: url('img/post_bg11.png') no-repeat bottom center ;
border-bottom:1px solid #c2d1c5;
}
.comment-author{
float:left;
}
.comment-meta{
float:right;
}
.comment-header{
 clear:both;
 height:32px;
 margin-bottom:2em;
}
.comment p{
}
.unapproved{
 font-weight:bold;
}


/*----- Posting Comments -----*/
textarea#comment{
	height:13em;
	overflow:auto;
	/*width:400px;*/
 float:left;
}
/*
div.form-left{
 float:left;
 width:50%;
}
div.form-right{
 float:right;
 width:50%;
}
*/
.form-submit{
 clear:both;
}
.formcontainer{
 margin:1em;
 padding:1em 4em;
}
/*----- Colunmns -----*/
.column_l_67{
float:left;
width:67%;
}
.column_r_33{
float:right;
width:33%;
}
/*----- Inbyggt -----*/
.alignright,img.alignright{
	float:right;
	margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
	float:left;
	margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
}

div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
}

p.wp-caption-text{
	font-style:italic;
 margin:0;
}

div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
}

div.gallery dl.gallery-columns-1 {
	width:100%;
}

div.gallery dl.gallery-columns-2 {
	width:49%;
}

div.gallery dl.gallery-columns-3 {
	width:33%;
}

div.gallery dl.gallery-columns-4 {
	width:24%;
}

div.gallery dl.gallery-columns-5 {
	width:19%;
}

div#nav-above {
	margin:.5em 0 -.5em;
border-bottom:1px solid #DCE4CB;
}

div#nav-below {

}

div#nav-images {
	height:150px;
	margin:1em 0;
}

div.navigation {
	height:1.5em;
 overflow:hidden;
 line-height:1.5em;
font-size: 2em;
margin-bottom: 0.75em;
font-family:Helvetica,Verdana,Tahoma,Sans;
 
}
div.navigation a{
color:#91aa9d;
 text-decoration:none;
}
div.navigation a:hover{
color:#91aa9d;
 text-decoration:underline;
}

div.navigation div.nav-next {
	float:right;
	text-align:right;
}
/*
div.sidebar h3 {
	font-size:1.2em;
}

div.sidebar input#s {
	width:7em;
}

div.sidebar li {
	list-style:none;
	margin:0 0 2em;
}

div.sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

div.sidebar ul ul {
	margin:0 0 0 1em;
}

div.sidebar ul ul li {
	list-style:disc;
	margin:0;
}

div.sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
	list-style:circle;
}
*/
div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
}
div.navigation div {
	width:50%;
}
/*
input, textarea{
 border: solid #3e606f 1px;
}
div.form-submit{
background: transparent url(’img/bg_button_a.gif’) no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
}
input.button {
background: transparent url(’img/bg_button_span.gif’) no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
*/
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}

div.form-sumbit{

}
.formcontainer input.button{
 padding:.5em;
}
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
}

div#wrapper{
 width:960px;
 background:url('img/paddelbg.png') bottom center no-repeat;
	margin:auto;
/*Sticky footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -185px; /*-height of footer*/
}

/*---------- Footer ----------*/

div#push{
	height:210px; /*height of footer*/
}
div#footer{
 background-image:url('img/footer_bg_r_2.png');
 background-repeat:repeat-x;
	background-color:#3E606F;
	height:185px;
 color:#D1DBBD;
 clear:both;
}
div#footer div.container{
 width:960px;
 padding:35px 0 50px 0;
 margin:0 auto;
height:100px;
}
div#footer div div h2{
 margin-top:0;
}
div#footer div div img{
 margin:.5em 0;
}
div#footer div div{
 padding:0 25px;
 /*background-color:#193441; */
 height:100px;
 float:left;
 /*margin:0px 25px;*/
}
div#footer div#sponsorer{
 width:620px;
}
div#footer div#ommig{
 width:430px;
 display:none;
}
div#footer div#kontakta{
 width:235px;
}
div#footer #copy{
 text-align:center;
 color:#193441;
 font-size:75%;
 margin:-3em 0 0 0;
 clear:both;
 
}
div#footer #copy a{
 color:#193441;
}