/*
Theme Name: Jokkmokkguiderna
Theme URI: http://www.jokkmokkguiderna.se
Description: (C) 2008 Jokkmokkguiderna.  (Based on an original design by Andreas Viklund)
Version: 1.1
Author: OMY AB
Author URI: http://www.omyab.se/
*/

/* Body */
* 
{
	margin-top:0;
	margin-bottom:0px; 
	padding:0;
	}

body 
{
	background:#5f7c9e url(img/bg.jpg) top center fixed no-repeat; 
	color:#444; 
	padding-top:0px;
	font:83% Arial,Tahoma,Verdana,sans-serif;
	}
	
#wrap 	
{
	/*background-color:#fff;*/ 
	color:#303030; 
	margin:0 auto; 
	width:960px;
	padding-top:15px;
	padding-left:18px; 
	padding-right:18px;
	padding-bottom:0px;
	border:0px solid #330b0b;
	
	background-image:url(img/gradient.png);
	background-repeat: repeat-y;
	_azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
	
	}

/* Links */
a 
{
    color:#2a5a7a; 
    font-weight:700; 
    text-decoration:none;
    }
a:hover 
{
    color:#1a4a6a; 
    font-weight:700; 
    text-decoration:underline;
    }
a img 
{
    border:0;
    }

/* Header */

/* SMALL EDIT */

#head-content{
	margin-top: 28px;
	height: 133px;
	width: 545px;
	padding-top: 47px;
	background: url(img/bg-head.png) no-repeat;
}

#btn-holder{
	margin-left: 195px;
	height: 35px;
	background: ;
}

.btn-1{
	margin: 0px;
	padding: 0px;
	display: block;
	border: none;
	width: 78px;
	height: 36px;
	background: url(img/btn-moreinfo.png) 0% 0% no-repeat;
	float: left;
	text-indent: -9999px;
}

.btn-2{
	margin: 0px;
	padding: 0px;
	display: block;
	border: none;
	width: 78px;
	height: 36px;
	background: url(img/btn-moreinfo.png) 103% 0% no-repeat;
	float: left;
	text-indent: -9999px;
	}
	
.btn-1:hover{
	background: url(img/btn-moreinfo-over.png) 0% 0% no-repeat;
	}	
	
.btn-2:hover{
	background: url(img/btn-moreinfo-over.png) 103% 0% no-repeat;	
	}

	
	
/*------------*/

#header {margin:0 0 20px; background:#fff url(img/front.jpg) top left no-repeat; height:110px;}
#logotyp {width:370px; font-weight: 700; color:#fff; height:75px; float:left; margin:2px; text-align:left;}
#logotyp h1 {font-size:2.2em; line-height:0.9em; margin:0 0 0 0; padding:0;}
#logotyp h1 a {padding:0; margin:0; display:block; width:370px; height:75px; border:0;}
#logotyp span, #logotyp p {display: none;}
/*
p.topp {width:960px; margin:5px auto; padding:0; color:#999; text-align:right;}
p.topp a {color:#555; font-weight:400;}
p.topp a:hover {color:#222;}
*/

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; width:140px; }
#sidebar {float:right; width:220px; background-color:#fff;}
#extras2 {float:left; margin-left:0px; margin-top: 7px; margin-bottom:10px;  }
#extras {float:left; margin-left:0px; margin-top: 7px; margin-bottom:10px;  }
/* #extras {float:left; line-height:1.4em; margin:0px; width:190px; background-color:#eee; padding:15px;  }*/
#extras h2{ 

	background-image: url(img/kommande-turer.gif);
	height:23px;
	width:210px;
	padding-top:11px;
	padding-left:10px;
	margin-bottom:10px;
	color: #FFF;
	font-size:12px;
	text-transform: uppercase;	
	font-weight:bold;
	}
	
#extras li {line-height:1.2em; list-style:none; margin:8px 0 0 6px;}	
#extras ul ul {margin:6px 10px 10px 10px;}
#extras ul ul li {margin:6px 6px 6px 4px;}
#extras ul ul li a {font-weight:400;}
#extras a {margin:6px 6px 6px 4px;}

#leftside p,#leftside ul,#leftside div.textwidget,#extras p,#extras ul,#extras div.textwidget {margin:0 0 18px;}
#leftside li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul {margin:6px 0 0 10px;}
#leftside ul ul li{margin:0 0 4px;}
#leftside ul ul li a {font-weight:400;}
#leftside ul.linklist,#extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul,#extras ul.linklist ul {margin:0 0 18px;}
#leftside ul.linklist ul li a,#extras ul.linklist ul li a {font-weight:700;}
#leftside h2,#leftside ul.linklist li h2,#leftside h3,#extras ul.linklist li h2,#extras h3, table#wp-calendar caption {color:#555; font-size:1.4em; font-weight:700; margin:0 0 8px; text-align:left;}
#leftside label,#extras label {display:none;}

/* Main menu */
#leftside ul.page {list-style:none; margin:0 0 18px; padding:0; width:140px; font-size:1em;}
#leftside ul.page li {display:inline; line-height:1.4em; width:140px;}
#leftside ul.page li a {background:#f4f4f4; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#555; float:left; font-weight:700; margin-bottom:5px; padding:4px 1px 4px 5px; text-decoration:none; width:130px;}
#leftside ul.page li a:hover,#leftside ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #1a4a6a; color:#555;}
#leftside ul.page li.current_page_item ul li a {border-left:4px solid #ccc;}
#leftside ul.page ul {margin:0 0 0 15px; padding:0 0 5px 0; width:125px;}
#leftside ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
#leftside ul.page ul ul {width:113px;}
#leftside ul.page ul ul a {width:100px;}

/* Content */
#content {width:540px;}
#content {margin:5px 225px 5px 170px; padding:0; line-height:1.5em;}
#contentwide {margin:5px 0 5px 155px; line-height:1.5em; padding:0;}
#content h2,#contentwide h2,#content h2 a,#contentwide h2 a {letter-spacing:-1px; font-weight:700; margin:5px 0 15px; text-align: left; border:0; font-size:20px;}
#content h2,#contentwide h2 {padding-bottom:8px; border-bottom: 2px solid #ccc; color:#444;}
#content h3,#contentwide h3,#content h3 a,#contentwide h3 a {font-weight:700; margin:0 0 8px; padding:0;}
/* #content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;} */ /* If you want your images floated to the left by default (the default setting in older versions of this theme) then uncomment this line */
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {font-size:0.9em; clear:both; color:#ddd; font-weight:900; line-height:1.8em; margin:0px auto; padding-bottom:00px; padding-top: 00px; text-align:center; width:996px; height:48px;

/*background-image:url(img/gradient-bottom.png);
	background-repeat: no-repeat;
	_azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
*/	
}
#footer p {margin:0; padding:0;}
#footer a {color:#ddd; font-weight:900; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer span.credits {font-size:1.2em;}




/* Tags */
p,ul,ol {margin:0 0 15px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {color:#555; font-size:0.9em; line-height:1.3em;}
label {color:#606060; font-size:0.9em; font-weight:700;}
table#wp-calendar {margin:0 0 18px; width:180px;}
code {font-size:1.2em; display:block; background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#606060; margin:5px 0 15px; padding:8px 5px 8px 8px;}

/* Headers */
h2 {font-size:1.8em;}
h3 {font-size:1.3em;}

/* Forms */
#s,#respond .button {background-color:#fff; border:1px solid #ccc; color:#555; font-size:1em; margin:0 0 16px; padding:4px; width:170px;}
#respond #author,#respond #email,#respond #url,#respond #comment {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px; width:250px;}
#respond #comment {width:430px;}
#respond {margin:15px 0 0;}
#respond p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered, img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 0 5px; display:inline;}
img.alignleft {padding:2px; margin:0 5px 0 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* WP caption classes */
.wp-caption {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:0.9em; line-height:1.5em; padding: 0 4px 5px; margin:0;}

/* Various classes */
.left {border:1px solid #ccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #ccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.hide {display:none;}
.clearing {clear:left; padding:2px 0; visibility:hidden;}
.post {margin:0 0 15px;}
.postinfo {background:#f4f4f4; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#606060; font-size:0.9em; font-weight:700; line-height:1.5em; margin:1px 0 40px; padding:8px 5px 8px 8px;}
.comment {background:#f4f4f4; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#606060; margin:0 0 10px; padding:8px 5px 4px 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 3px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.ruta {border:1px solid #ccc; border-right: 3px solid #888; margin-bottom: 12px; border-bottom:3px solid #888; padding: 5px 5px 2px 5px;}
.cell
{
	float:left;
	width:275px;
	margin:5px;
	min-height:200px;
/*	Kantlinje	*/
	border:dashed 1px #eff4fb;
	}
.cell h1 
{
	font-size:small;
	padding:0px;
	background-color:#eff4fb;
	}
.qtrans_language_chooser li  
{
	float:left; 
	margin-right:3px; 
	padding-right:3px; 
	}

//Galleriet

#galleri-wrapper  {

	Width: 540px;
	height:129px;
	margin-bottom:15px;
	}

#galleri  {
	margin-bottom:15px;
	Width: 526px;
	height:127px;
	border:solid #cccccc 1px;
	background-image: url(img/galleri-bg.gif);
	float:left;
}

#galleri:hover {
	background-image: url(img/galleri-bg-hover.gif);
	color: #FFF;
	}	

#galleri-wrapper li {
	 display: block;
      padding: 5px 0px 5px 0px;
      text-decoration: none;
      width:100%;
	}	
	
#galleri-wrapper a {
	 display: block;
      text-decoration: none;
	  width:100%;
	  font-weight: normal;
	color: #333;
	}

.galleri-vansterbild {
width: 158px;
margin-right: 10px;
float:left;
}

.galleri-textfalt {
	width: 330px;
	margin-right:15px;
	margin-top:15px;
	height: 107px;
	float:right;
	text-align: left;
	vertical-align: top;
}

.galleri-hogerfarg {
	margin-bottom:15px;
	background-image: url(img/galleri-hogerfarg.gif);
	width: 12px;
	height: 129px;
	float:right;
	}
	
//turer

#turer-total-wrapper  {

	Width:540px;
	height:120px;
	margin-bottom:30px;
	}


#turer-wrapper  {

	Width:540px;
	height:90px;
	
	}

#turer  {
	
	Width:526px;
	height:90px;
	border:solid #cccccc 1px;
	background-image: url(img/turer-bg.gif);
	float:left;
	margin-bottom: 20px;
}

#turer:hover {
	background-image: url(img/turer-bg-hover.gif);
	color: #FFF;
	}	

#turer-wrapper li {
	 display: block;
      padding: 5px 0px 5px 0px;
      text-decoration: none;
      width:100%;
	}	
	
#turer-wrapper a {
	 display: block;
      text-decoration: none;
	  width:100%;
	  font-weight: normal;
	color: #333;
	}

.turer-vansterbild {
width: 90px;
margin-right: 10px;
float:left;
}

.turer-textfalt {
	width: 410px;
	margin-top:8px;
	margin-right:10px;
	height: 90px;
	float:right;
	font-size:11px;
    line-height:14px;
	text-align: left;
	vertical-align: top;
}

.turer-hogerfarg {
	margin-bottom:15px;
	background-image: url(img/turer-hogerfarg.gif);
	width: 12px;
	height: 92px;
	float:right;
	}
	
.turer-undertext {
	text-align:right;
	margin-right:0px;
	font-size:11px;
	margin-top:8px;
	margin-bottom:5px;
}



//sidebar-turer



#sidebar-turer-total-wrapper  {

	Width:220px;
	margin-bottom:30px;
	background-color:#fff;
	}

#sidebar-turer-topp-rubrik  {

	background-image: url(img/kommande-turer.gif);
	height:23px;
	padding-top:11px;
	padding-left:10px;
	color: #FFF;
	font-size:12px;
	text-transform: uppercase;	
	font-weight:bold;
	}

#sidebar-turer-wrapper  {

	Width:220px;
    height:68px;

	
	}

#sidebar-turer  {
	
	Width:220px;
	 height:68px;
	
	background-image: url(img/sidebar-turer-bg.gif);
	float:left;
	
	margin-top:2px;
}

#sidebar-turer:hover {
	background-image: url(img/turer-bg-hover.gif);
	color: #FFF;
	}	

#sidebar-turer-wrapper li {
	 display: block;
      padding: 5px 0px 5px 0px;
      text-decoration: none;
      width:100%;
	}	
	
#sidebar-turer-wrapper a {
	 display: block;
      text-decoration: none;
	  width:100%;
	  font-weight: normal;
	color: #333;
	}

.sidebar-turer-vansterbild {
width: 49px;
margin-top: 9px;
margin-right: 9px;
margin-left: 9px;
float:left;
}

.sidebar-turer-textfalt {
	width: 140px;
	margin-top:9px;
	margin-right:9px;
	height: 49px;
	float:right;
	font-size:9px;
	text-transform: uppercase;	
    line-height:12px;
	text-align: left;
	vertical-align: top;
	
}

	
.sidebar-turer-undertext {
	text-align:left;
	margin-right:0px;
	font-size:8px;
	line-height:13px;
	margin-top:1px;
	margin-bottom:5px;
	color: #666;
	text-decoration:none;
	font-weight:bold;
	text-transform: none;	
	font-family:Arial,Verdana,Tahoma,Sans-Serif
}


.sidebar-gallery-textfalt {
	margin-top:8px;
	margin-left:9px;
	margin-bottom:20px;
	font-size:9px;
	text-transform: uppercase;	
    line-height:12px;
	text-align: left;
	vertical-align: top;
	
}

#sidebar-gallery-topp-rubrik  {

	background-image: url(img/kommande-turer.gif);
	height:23px;
	padding-top:11px;
	padding-left:10px;
	color: #FFF;
	font-size:12px;
	text-transform: uppercase;	
	font-weight:bold;
	margin-bottom:1px;
	}

#turer-knapp a {

	background-image: url(img/turer-knapp2.gif);
	display:block;
	height:8px;
	width: 125px;
	padding-top:0px;
	padding-bottom:12px;
	padding-left:10px;
	color: #FFF;
	font-size:7.5px;
	text-transform: uppercase;	
	font-weight:bold;
	margin-bottom:4px;
	}
	
#turer-knapp a:hover {

	background-image: url(img/turer-knapp-hover2.gif);
	text-decoration:none;
	
	}