/*
Theme Name: Folkform
Theme URI: http://folkform.se
Description: Theme build for Folkform.se
Author: Johan Hermansson
Version: 1.0
*/

/* Reset CSS */
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}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* Folkform */
body { background: #fff; font-family: 'Times New Roman', Times, serif; font-size: 13px; line-height: 1.38em; }

h1 { font-size: 22px; color: #2f3030; font-weight: bold; line-height: 1em; }
h2 { font-size: 18px; color: #3f3f3f; font-weight: bold; line-height: 1em; margin-top: 18px; }

p { margin: 18px 0 0 0; }
p:first-child { margin: 0; }

a:link,
a:visited { color: #000; text-decoration: underline; }

a:hover,
a:active,
a:focus { color: #fd6c01; text-decoration: underline; }

a:link.morelink, 
a:visited.morelink{ text-decoration: none; }

a:hover.morelink,
a:active.morelink,
a:focus.morelink { text-decoration: none; }

img { vertical-align: top; }

#site { width: 1327px; margin: 0; }

#wrapper { padding: 0; }

#container { padding: 36px 36px 32px 36px; background: #fff; }

#sidebar { width: 175px; }
#sidebar .block { padding: 25px 0; border-top: 1px solid #ccc; }
#sidebar .block.first { padding-top: 0; border-top: none; }
#sidebar .current-menu-item a:link,
#sidebar .current-menu-item a:visited { color: #fd6c01; }

#logo { margin-bottom: 36px; }

#about { margin-bottom: 20px; }

#search * { display: block; line-height: 1em; }

#search div { background: #cdcdcd; }
#search label { margin-bottom: 8px; }
#search input { float: left; background: #cdcdcd; border: none; padding: 5px 6px 5px 6px; width: 139px; -webkit-appearance: caret; }
#search span { float: left; width: 24px; height: 24px; background: #cdcdcd url('images/search.png') no-repeat center center; cursor: pointer; }

#footer { width: 1056px; float: left; margin-top: 30px; margin-left: 200px; padding-top: 10px; border-top: 1px solid #ccc; text-align: right; font-weight: bold; font-size: 11px; line-height: 1em; }
#footer a { padding-right: 10px; }

/* Columns */
.column { float: left; }
.column.posts { width: 300px; margin-left: 55px; }
.column.posts.first { margin-left: 70px; }

.column.single { width: 655px; margin-left: 70px; }

.column.info { width: 300px; margin-left: 55px; }

/* Posts */
.post { padding-top: 38px; margin-top: 38px; border-top: 1px solid #ccc; }
.post.first,
.single .post { padding: 0; margin: 0; border: none; }

.post .image { margin-bottom: 20px; text-align: center; }

.post .title h2 { margin-top: 0; }

.post .meta { margin: 10px 0 20px 0; font-size: 11px; line-height: 1em; }
.post .meta a:link,
.post .meta a:visited { color: #fd6c01; }

.single .post .title { margin-bottom: 30px; }

.single .post .content p,
.single .post .content ul,
.single .post .content ol,
.single .post .content h2 { width: 75%; }

.post .content h2 { margin-bottom: -12px; }

.more { display: none; margin-top: 1em; }


/* Forms */

input.text.error { color: red; }

.message.error { color: red; }


/* Products */

#productinfo { margin-top: 18px; }

#productmenu { margin-top: 45px; padding-top: 35px; border-top: 1px solid #ccc; }
#productmenu.block.first { padding-top: 0; border: none; }

#productmenu a { position: relative; }
#productmenu a:hover .thumb { display: block; }
#productmenu .thumb { background: #fff; display: none; position: absolute; top: 4em; left: 30px; padding: 10px; border: 1px solid #ccc; z-index: 10; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; }


/* Slides */
.slides { position: relative; background: #eee; height: 336px; margin-bottom: 45px; }

.slides .item { position: absolute; width: 655px; height: 336px; background-color: transparent; display: none; background-position: center center; background-repeat: no-repeat; }
.slides .item.first { display: block; }

.slides .dots { position: absolute; left: 10px; bottom: 10px; z-index: 500; }
.slides .dot { background: #7a6c6a; width: 12px; height: 12px; float: left; margin-right: 3px; cursor: pointer; }
.slides .dot.selected { background: #a19b9b; }

/* Gallery */
.post_gallery { border-top: 1px solid #ccc; margin-top: 35px; padding-top: 30px; }
.post_gallery .head { font-weight: bold; margin-bottom: 20px; line-height: 1em; }
.post_gallery .foot { font-style: italic; margin-top: 20px; line-height: 1em; }

.gallery img { vertical-align: top; }

.gallery .column { margin-left: 25px; }
.gallery .column.first { margin-left: 0; }

.gallery .item { margin-top: 25px; }
.gallery .item.first { margin-top: 0; }

.gallery .image { margin: 0; }

.content .gallery { margin: 35px 0; padding: 25px 0; border-top: 1px solid #ccc; }

/* Acf Gallery */


/* Overlay */

.ff-overlay-image{
	position: fixed;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
	cursor: pointer;
}

.ff-overlay-image .close-icon{
	position: absolute;
	right: 20px;
	top:20px;
	z-index: 999;
}

.ff-overlay-image .overlay-logo{
	position: absolute;
	right: 36px;
	bottom:36px;
	z-index: 999;
}

.ff-overlay-image .ff-overlay-info{
	color: #fff;
	max-width: 70%;
	position: absolute;
	left: 36px;
	bottom:36px;
	z-index: 999;
}

.ff-overlay-image .ff-overlay-info a{
	color: #fff;
}

/* Lightbox */
/*#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 999; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('images/lightbox/blank.gif'); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/lightbox/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 500px; background-color: #000; }*/