/*  
Theme Name: Wilfing One
Theme URI: http://www.wilfing.se
Description: Jesper is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2010
Version: 0.1
Author: <a href="http://www.wilfing.com">Jesper Wilfing</a> 
Tags: wilfing design agency, Wilfing One
*/

/* GLOBAL SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	margin:  6px 0 0;
	font: normal 80%/145% calibri, tahoma, arial, verdana, san-serif;
	/* horisontal, white pane, shadow*/
	/*background: #0353a5 url(images/background-page.png) repeat-y top center;/*
	/* Mörk: 0353a5*/
	/* Org: #083258*/
	
	background: #c6ddf4 url(images/background-page-vertical-gradient.png) repeat-x top center;
}

div.column1 {float: left; width: 49%; padding-right: 1%;}
div.column2 {float: left; width: 50%;}

div.right{
	float: right;
}

li {
	list-style: none;
}
hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
/* HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.column-sect {
  clear: both;
  display: inline-block;
  overflow: auto;
}

div.post-column {
  display: inline;
  float: left;
  margin-right: 18px;
  text-align: justify;
  width: 45%;
}


h1, h2, h3, h4 {
	font-family: cambria, georgia, 'times new roman', times, serif;
	font-weight: normal;
	color: #17365d;
}
h1 {
	font-size: 2.2em;
}
h3 {
	font: normal 100%/145% calibri, tahoma, arial, verdana, san-serif;
	font-weight: bold;
	color:#000;
	}

h4 {
	font-size: 2em;
}

h1.title {
	font-size: 3em;
}

h5{
	color: #000;
	font-weight: bold;
	line-height: normal;
	font-size: inherit;
}

/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #84755c;
}
/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
	/*
	
		position: relative;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;
	*/
	position: relative;
	width: 860px;
	padding: 20px 55px 0px 55px;
	margin: 0 auto;
	margin-bottom: 0px;
	background: transparent url(images/background-page.png) repeat-y center;
}
#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header-wrapper {
	position: relative;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 147px;
	margin-top: 20px;
	margin-bottom: -10px;
	background: transparent url(images/header-background-lines.png) repeat-x;
	z-index: 999;
}

#header-brush {
	position: relative;
	height: 100px;
	width: 958px;
	background: transparent url(images/header-brush.png) no-repeat 0px -1px;
}

#content {
	width: 550px;
	float: left;
	min-height: 505px;
	padding: 25px 25px 20px 0;
	background: url(images/content-bg.gif) no-repeat top fh2;
}
div.two-column {
	width: 800px ! important;
	float: left;
	min-height: 455px;
	padding: 35px 25px 20px 0;
	background: url(images/content-bg.gif) no-repeat top right;
}

div.two-column #left-column{
	float: left;
	width: 380px;
	text-align: justify;
}

div.two-column #right-column{
	float: right;
	width: 295px;
	text-align: justify;	
}

div.two-column #right-column a{

}

#right-column h3, #right-column h2{
		text-align: left;	
		margin-bottom: 10px;
}

#sidebar {
	width: 240px;
	min-height: 455px;
	float: right;
	padding: 20px;
	padding-top: 35px;
	background: url(images/content-bg.gif) no-repeat top right;
}

/* header tabs */
#tabs{
 font-size:14px;
 width: 640px;
 line-height:normal;
 position: absolute;
 bottom: 0;
 left: 0;
}

#tabs ul{
 list-style:none;
}

#tabs li{
 display:inline;
 float: left;
 position: relative;
}

#tabs a {
 float:left;
 background:url(images/tab-left.png) no-repeat left top;
 color:#0470a0;
 padding-left:10px;
 margin-right:3px;
 text-decoration:none;
 color:#cfcfcf;
 cursor: pointer; /* IE 7 bug-fix */
}

#tabs a span{
 float:left;
 display:block;
 background:url(images/tab-right.png) no-repeat right top;
 height: 29px;
 padding-right: 10px;
}

#tabs a span span{
 display:block;
 background:none;
 height: auto;
 padding: 4px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
 color:#cfcfcf;
}

#tabs a:hover{
 background-position:0% -29px;
 color:#fff;
}
#tabs a:hover span{
 background-position:100% -29px;
 color:#fff;
}

#tabs a.active, #tabs li.current_page_item a, #tabs li.current-cat a,
#tabs li.current_page_item a:hover, #tabs li.current-cat a:hover {
 background-position:0% -58px;
 color:#000;
}
#tabs a.active span, #tabs li.current_page_item a span, #tabs li.current-cat a span,
#tabs li.current_page_item a:hover span, #tabs li.current-cat a:hover span{
 background-position:100% -58px;
 color:#000;
}

/* sub-menus */
#tabs ul li{
float:left;
position:relative;
}

#tabs ul ul {
  background:#eeeeef url(images/tab-subnav.png) repeat-x left top;
  position:absolute;
  display:none;
  width:200px;
  top:29px;
  left: 0;
  margin: 0;
  padding: 4px 0;
  line-height: 100%;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
}

#tabs ul ul ul{
  border: 1px solid #999;
  -moz-border-radius: 4px;
}

#tabs ul a.active ul, #tabs ul li.current_page_item ul,  #tabs ul li.current-cat ul{
  background: #fff;
}

#tabs ul.active ul ul, #tabs ul li.current_page_item ul ul, #tabs ul li.current-cat ul ul{
  border: 1px solid #666666 !important;
}

#tabs ul li ul a{
  width:180px;
  height:auto;
  float:left;
  background: none;
  margin: 0;
  padding: 4px 10px;
  color: #000;
  font-weight: normal;
  line-height: 125%;
}

#tabs ul li ul a span, #tabs ul li ul a span span{
  margin: 0;
  padding: 0;
  height: auto;
  float: none;
}

#tabs ul ul a:hover, #tabs ul ul a:hover,
#tabs ul a.active ul a:hover, #tabs ul li.current_page_item ul a:hover, #tabs ul li.current-cat ul a:hover{
  color:#fff;
  background:#09c6eb url(images/tab-subnav-active.gif) repeat-x left top;
}

#tabs ul li ul a span, #tabs ul li ul a span{
  background: none;
}

#tabs ul ul ul{
  top:auto;
}

#tabs ul li ul ul {
  left:195px;
  top: 4px;
}

#tabs ul li:hover ul ul, #tabs ul li:hover ul ul ul, #tabs ul li:hover ul ul ul ul{
  display:none;
}
#tabs ul li:hover ul, #tabs ul li li:hover ul, #tabs ul li li li:hover ul, #tabs ul li li li li:hover ul{
  display:block;
}

/* BANNER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#banner {
	margin: 20px 0 0 0;
	background: url(images/background-banner-3.png) no-repeat top left;
	height: 231px;
	width: 800px;
	font-weight: bold;
	color: #fff;
	font-size: 130%;	
}

#banner div.text{
	width: 380px;
	float: left;
	padding: 20px 0 0 20px;
}

#banner div.text h2, #banner div.text h1, #banner div.text h3{
	color: #ABD0FE;
	margin: 0 0 10px 0;
}

#banner div.photo{
	width: 395px;
	float: right;
}	

#banner div.photo img{
	margin: 7px 7px 0px 7px;
	float: right;
}

/* HEADER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#site-meta {
	position: absolute;
	left: 0;
	top: 15px;
}
#header h1 {
	position: relative;
}
#header h1 a {
	color: #7e4c10;
	color: #fff;
}
#header h1 a:hover {
	color: #5a360b;
	color: #7e4c10;
}
#header span.description {
	position: relative;
	margin-left: 5px;
	color: #7e4c10;
}

/****************************Horizontal menu*********************************/
#header ul {
	position: absolute;
	left: 0;
	font: 13px Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin-top: 100px;
	padding: 0;
	text-transform: none;
}

#header li {
	display: inline;
}

/*Top menu*/
#dropmenu li a {
	float: left;
	display: block;
	padding: 12px 14px 14px 14px;
	color: #474848;
	text-decoration: none;
	margin-right: 2px;
}

#dropmenu li.current_page_item a{
	color: #FFF;
	background: url(images/background-wide-menu-selected-2.png) top center no-repeat;
}

#dropmenu li a:hover {
	color: #FFFFFF;
	background: url(images/background-menu-selected-2.png) repeat-x;
}
#dropmenu, #dropmenu ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	line-height:auto; 
	z-index:300; 
	width:100%; 
	font-weight:auto;
	} 

#dropmenu a:hover {
	color:#fff;
	} 
	
#dropmenu li {
	float:left; 
	position:relative;
	} 

/*Sub menu*/
#dropmenu ul {
	border:1px solid #c8c8c8; 
	} 
	
#dropmenu li ul { 
	width:14.1em;
	background: #FFF;
	}
	
#dropmenu li ul li a {
	padding: 6px 14px 11px 14px;
}

#dropmenu li ul a {
	width:12em; 
	height:auto; 
	float:left; 
	} 

#dropmenu li.current_page_item ul li a{
	background-image: none;
	height: 10px;
	color: #474848;
}

#dropmenu li.current_page_item ul li a:hover{
	color: #FFFFFF;
	background: url(images/background-menu-selected.png) repeat-x;
}

#dropmenu li ul li {
	background-image: none; 
	} 
	
#dropmenu ul {
	position:absolute; 
	display:none; 
	width:12em; 
	top:2.85em; 
	left:0px;} 

/*3rd level */
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 100px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 

/*

#
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} 
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;} 
#dropmenu a:hover {background:#888; color:#fff;} 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  

*/

#logotype {
		background: url(images/sprakgruppen-logotype-5.png) no-repeat;	
		width: 525px;
		height: 98px;
}

#topsearch {
	position: absolute;
	z-index: 1;
	right: 149px;
	top: 156px;
	width: 218px;
	height: 27px;
	text-align: center;
}

/*
#topsearch {
	position: absolute;
	z-index: 999;
	right: -60px;
	top: 128px;
	width: 218px;
	height: 27px;
	text-align: center;
}*/
#topsearch input {
	width: 171px;
	height: 21px;
	background: url(images/search-box-thin.png) no-repeat;
	border: none;
	padding: 5px 4px 5px 10px;
	margin-right: 0px;
	float: left;
	font: normal 1em tahoma, arial, san-serif;
}
#topsearch button {
	width: 33px;
	height: 35px;
	background: url(images/search-button-thin.png) no-repeat;
	border: none;
	text-indent: -9999px;
	float: right;
	cursor: pointer;
}
/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#boubble{
	margin: 5px 0px 0 0;
	float: right;
	padding: 10px 0 0 0;
/*	background: url(images/boubble.png) 0% 0% no-repeat;*/
	width: 160px;
	height: 20px;
	text-align: right;
	line-height: 1em;
	font-style:italic;
}
.post {
	margin: 0 0 20px 0;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 10px 0;
}
.post h2 {
	margin: 0 0 .4em;
	font-size: 1.6em;
}

.post h2 a {
	color: #864901;
}
.post h2 a:hover {
	color: #84755c;
}
.post-info {
	background: url(images/hr.gif) 0% 0% no-repeat;
	padding: 5px 0;
	font-size: 90%;
	margin: 10px 0;
	color: #999;
}
.post-info a {
	color: #999;
}
.post-info a:hover {
	color: #84755c;
}
.post-info .setting {
	padding:3px;
	padding-left:20px;
	margin-right: 5px;
}
.post-info .datetime{
	background:#fff url(images/clock.png) no-repeat 0 2px;
}
.post-info .user{
	background:#fff url(images/user.png) no-repeat 0 2px;
}
.post-info .filedlink{
	background:#fff url(images/document.png) no-repeat 0 2px;
}
.post-info .commentslink{
	background:#fff url(images/comments.png) no-repeat 0 2px;
}
.post-info .editlink{
	background:#fff url(images/write.png) no-repeat 0 2px;
}
.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry a {
	color: #4f6373;
}
.post-entry a:hover {
	color: #84755c;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
}
.post-entry span.more-link a {
	color: #864901;
}
.post-entry span.more-link a:hover {
	color: #84755c;
}
.post-entry h3 {
/*	font-size: 1.25em;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;*/
}
.post-entry ul, .post-entry ol {
	margin: 0 0 1em;
}
.post-entry ul {
	margin-left: 1.5em;
}
.post-entry ul li, .post-entry ol li {
	list-style: square;
	border-bottom: 1px solid #fafafa;
	padding: .2em 0;
}
.post-entry ol {
	margin-left: 2em;
}
.post-entry ol li {
	list-style: decimal;
}
.post-entry blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #999;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
.post-entry img {

	margin: .4em 0 0 1em;
	padding: 0 10px 10px 0;
}
.post-entry img.align-right {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}
.post-entry img.align-left {
	float: left;
	margin: .4em 1em 0 0;
	padding: 0 10px 10px 0;
}
.post-entry img.align-center {
	display: block;
	margin: .4em auto;
	padding: 0 10px 10px 10px;
}
.post-meta {
	font-size: 95%;
	color: #999;
}
.post-meta a {
	color: #864901;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
	font-size: 95%;
	color: #999;
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #f5f5f5;
}
.wp-pagenavi {
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	color: #555;
	padding: 0;
	text-align: right;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #f7951e;
	margin-left: 1px;
	font-weight: normal;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	color: #555;
	background: #e2e2e2;
	font-weight: normal;
}
.wp-pagenavi .pages {
	float: left;
	line-height: 13px;
}

/* WP 2.6 REQUIRED ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* COMMENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments h2, #respond h2 {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#comments {
	margin: 0 0 1em;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 1em;
}
#comments h3 {
	font-size: 1.2em;
}
#comments img {
	float: left;
	margin: 0 5px 5px 0;
}
#comments p {
	padding-left: 40px;
}
.commentlist li {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#respond input, #respond textarea {
	width: 542px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	padding: 3px;
	margin: .1em 0 .5em;
}
#respond button {
	width: 75px;
	height: 35px;
	text-indent: -9999px;
	border: none;
	float: left;
	cursor: pointer;
}
#respond button#submit {
	background: url(images/submit.png) no-repeat;
	margin-right: 10px;
}
#respond button#reset {
	background: url(images/reset.png) no-repeat;
}
/* SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar h2 {
	margin: 0 5px 0 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
	text-indent: -5px;
}
#sidebar li ul {
	margin: 0 0 2em 0;
}
#sidebar li ul li {
	border-bottom: 1px dotted #ccc;
	padding: 3px 0;
	padding-left: 18px;
	margin-right: 5px;
	background: #fff url(images/sidebar-li.gif) no-repeat 0 6px;
}
#sidebar li ul li:hover {
	background: #e8e8e8 url(images/sidebar-li.gif) no-repeat 0 6px;
}
#sidebar li ul li.current_page_item {
	padding-left: 8px;
	padding-right: 10px;
	background: #e8e8e8;
}
#sidebar li ul li.current_page_item a {
	color: #84755c;
}
#sidebar li ul li ul li, #sidebar li ul li ul {
	display: none;
}
#sidebar li ul li {
	color: #222;
}
#sidebar li a {
	color: #555;
}
#sidebar li a:hover {
	color: #84755c;
}
#calendar  {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;
}
#wp-calendar {
	width: 90%;
	margin-left: 5%;
}
#wp-calendar caption {
	color: #864901;
	margin-top: 5px;
}
/* FOOTER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer_wrap {
	position: relative;
	clear: both;
	background: transparent url(images/background-footer-lines-2.png) repeat-x;
	text-align: center;
	vertical-align: top;
	padding: 12px 0 20px 0;
	color: #eee;
	margin-top: 0px;
	bottom: 5px;
}
#footer {
	position: relative;
	clear: both;
	text-align: left;
	font-size: 12px;
	width: 875px;
	padding: 0 0px;
	margin: 0 auto;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #f7951e;
}
#rss {
	position: absolute;
	right: 0px;
	bottom: -8px;
	margin: 0;
}
#rss-entries {
	background: url(images/rss-32.png) no-repeat 0 0px;
	border: none;
	float: left;
	height: 32px;
	margin: 0 0 1px 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 32px;
}
#rss-entries:hover {
	background: url(images/rss-32.png) no-repeat 0 -33px;
}
#rss-comments {
	background: url(images/rss.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-comments:hover {
	background: url(images/rss.png) no-repeat 0 -22px;
}