/*  
Theme Name: Nordsik VVS
Theme URI: http://www.dinwebb.nu/
Version: 2.0
Description: Design & Programmering av <a href="http://www.dinwebb.nu">Dinwebb.nu</a>.
Author: Dinwebb.nu
Author URI: http://www.dinwebb.nu

	Copyright: (c) 2010 dinwebb.nu
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/


/* Standard inst�llningar */
@import "js/fancybox/jquery.fancybox-1.3.4.css";

/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/*   HTML5   */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }

ol, ul {list-style: disc;margin-left: 20px; margin-bottom: 15px;}
.ps-sub-menu, .ps-sub-menu ul, .ps_puff {list-style: none !important;}

blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/*   WP styles   */
img.wp-smiley  { padding: 0; border: none; background: none; }
.alignleft  { float: left; width: auto; margin: 2px 15px 10px 0; }
.alignright  { float: right; width: auto; margin: 2px 0 10px 15px; }
.aligncenter { display:block; margin:0 auto }
.wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.wp-caption img  { margin:0; padding:4px 0; background:none; border:0; }
.wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }


.hidden {display: none;}


/* Clear fix */
.rensa, .fix {clear:both; display:block; height:1px; margin:-1px 0 0 0}
.clear {clear:both;}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/*   COOKIES   */
#omCookies {background: #000; width: 100%; min-height: 100%; height: 100%; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}
#omCookiesText {width: 450px; background: #fff; padding: 20px 10px 20px; position: absolute; z-index: 120; top: 100px; left: 50%; margin: 0 0 0 -225px; border: 0px solid #E2E2E2; -moz-box-shadow: 0 0 15px #000}
#closeCookies {position: absolute; top: 5px; right: 10px;}
#cookieFrame {width: 450px; border: 0px solid #333;}







html { background: #f1f1f1; background-image: url(images/fade.png); background-repeat: repeat-y; background-position: center top;}
body  {font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; color: #222; font-weight: normal; font-size: 12px;}

/*   LINKS   */
a {text-decoration: none; color: #901026;}
a:hover {text-decoration: underline; border: none;}

/*   HEADERS   */
h1, h2, h3, h4, h5, h6  sprites
h1 {color: #009FDF; font-size: 26px; font-weight: bold;} 
h2 {font-size: 30px;} 
h3 {font-size: 20px; color: #00a1d8} 
h4 {font-size: 18px;} 
h5 {font-size: 14px;} 
h6 {font-size: 14px; border-bottom: 1px solid #dfdfdf; color: #333;}

img {vertical-align: top;}

p  {
	margin: 0 0 10px;
	min-height: 1px;
}


/*-------------------------------------------------------------------------------------------*/
/*
/*   HEADER 
/*
/*-------------------------------------------------------------------------------------------*/
.home #bg  { background: url(images/bg.png) no-repeat; background-position: top center; min-height: 460px; border: none;}
.home #bg_tail { background: url(images/bg_tail.png) repeat-x; min-height: 460px;}

/* PUFFAR */
#bg_tail { background: url(images/bg_tail.png) repeat-x; min-height: 212px;}
#bg { border-bottom: 9px solid #D8DEE3; height: 212px;  background: url(images/bg.png) no-repeat; background-position: top center;}

#container { width: 960px; margin: 0 auto; }

#header { height: 107px; width: 960px; margin: 0 0 15px; position: relative;}
.header_lankar { width: 200px; position: absolute; right: 5px; top: 15px; text-align: right;}
.header_lankar a { color: #38030c;}
.header_lankar span { margin: 0 17px;}
/*   LOGOTYPE   */

#logo { padding: 25px 0 0 0; height: 38px; width: 155px; float: left; }
#logo a {background: url(images/sprites.png) no-repeat; display: block; height: 38px; overflow: hidden; text-align: left; text-indent: -999em; width: 155px;}

/*   MENU   */

#mainNav  { float: left; height: 50px; margin: 40px 0 0; width: 805px;}
#nav { font-size: 12px; float: right;}
#nav li {display: inline;}
#nav a  { display: block; float: left; color: #fff; margin: 0 0 0 30px; line-height: 30px; padding: 0px 5px 0 6px; position: relative;}
#nav .current_page_item a  { background: url(images/sprites.png) no-repeat; background-position: 0px -801px; height: 32px;}
#nav .current_page_item a span { background: url(images/sprites.png) no-repeat; background-position: 0px -835px; height: 32px; display: block; height: 32px; position: absolute;right: -10px; top: 0; width: 10px;}

#nav .current_page_ancestor a {background: url(images/sprites.png) no-repeat; background-position: 0px -801px; height: 32px;}
#nav .current_page_ancestor span {background: url(images/sprites.png) no-repeat; background-position: 0px -835px; height: 32px; display: block; height: 32px; position: absolute;right: -10px; top: 0; width: 10px;}

/* LVL 2 */

#nav ul {display: none;}
#subNav .parent-page { border-top: none;}
#subNav { background: #d8dee3; line-height: 30px;}
#subNav li { height: 35px; border-bottom: 1px solid #C4CDD5; border-top: 1px solid #e6ebef; padding: 0 0 0 10px;}
#subNav a { padding: 0 0 0 30px; color: #6D6D6D; text-decoration: none; line-height: 35px;}
#subNav .current_page_item a { font-size: 12px; text-transform: uppercase; color: #000;  background: url(images/sprites.png) no-repeat; background-position: 1px -124px;}

#sidebar_left  #subNav .current_page_item {  background:#D5D5D5; border-top: 1px solid #C9C9C9; line-height: 30px; width: 200px; margin: 10px 0 0; }
#sidebar_left #subNav { width: 210px; float: left; padding: 0 0 10px 0;}

/*-------------------------------------------------------------------------------------------*/
/*
/*   CONTENT
/*
/*-------------------------------------------------------------------------------------------*/
.content {}

/* SALEAREA */

#start_slide { height: 337px; width: 960px; position: relative; margin: 0 0 20px; }
.slidecontent {width: 960px; height: 315px; overflow: hidden;}

.kampanj {width: 930px; height: 315px; }
.kampanj .wp-post-image { background: url(images/sprites.png) no-repeat; padding: 10px; background-position: 5px -161px;}
.kampanj h1 { font-size: 30px; color: #222; width: 550px; font-family: "Verdana"; font-weight: bold; margin: 0 0 15px;}
.kampanj-content p { font-size: 20px}
.kampanj-holder { float: right; width: 590px; height: 235px; position: relative; margin: 25px 0 0;}


#kNav { height: 37px; position: absolute; bottom: -10px; left: 0; z-index: 3;}
#prev { height: 20px; width: 20px;background: #555;}
#next {height: 20px; width: 20px;background: #555;}
#kNav .activeSlide { background: #009fdf; }
#kNav a { background:#95c2db; font-size: 14px; font-weight: bold; margin: 0 2px 0 0; padding: 10px 16px 11px; color: #fff;}


/*   POST   */

#main {width: 960px; float: left;}

.post  { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; width: 620px; position: relative; float: left;}
.post-title {}
.post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; }
.post .attachment-post-thumbnail { height: 317px; width: 620px; margin: 0 0 25px;}

.post_holder {margin-bottom: 30px;}

/*   ENTRY   */

.entry {}
.entry ul, 
.entry ol { margin-left: 1.8em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: disc; }




/*-------------------------------------------------------------------------------------------*/
/*
/*   WIDGETS
/*
/*-------------------------------------------------------------------------------------------*/

.widget  { }
.widget-title { font-size: 14px;}

/* PUFFAR */
#main .widget-title { margin: 0 0 15px;}
#main h1 { margin: 0 0 15px;}
#main h2 { font-size: 12px; color: #222; margin: 0 0 0px;}

#puffholder { width: 960px; height: 200px; font-size: 12px; background: url(images/sprites.png) no-repeat; background-position: 0px -510px;}

#puffholder .ps_puff { width: 300px; float: left; position: relative;}
#puffholder .puff-nr-1 { margin: 15px 25px 0 35px; width: 275px;}
#puffholder .puff-nr-2 { margin: 15px 10px 0 5px; width: 290px;}
#puffholder .puff-nr-3 { margin: 15px 0 0 20px; width: 280px;}


.kontakt_puff { border-left: 1px solid #C4CDD5; float: left; height: 160px; margin: 10px 0 0; width: 320px;}

.kontakt_puff .attachment-post-thumbnail { padding: 5px; background: #fff; margin-right: 20px; float: left; width: 115; height: 147px;}
.kontakt_puff .ps_puff { position: relative; margin: 0 0 0 20px;}
.kontakt_puff .puff-content {  margin: 10px 0 0 0px;}


/* SHOWCASE */


#projektholder { background: #F1F1F1; width: 960px; height: 290px; clear: both;}
#projektcontainer { height: 172px; margin: 0 5px 0 15px; padding: 18px 0 0 25px; position: relative; width: 585px; float: left;}
#projektwrapper { width: 570px; height: 172px; overflow: hidden;}

#projektwrapper .showcase_title { border-bottom:1px solid #C4CDD5; color: #000; margin: 0 0 15px 0;}
#projektwrapper .show-holder { width: 570px; padding: 0; margin: 0;}
#projektholder .puff-nr-1 .widget-title { display: none;}
#puffholder .widget-content { width: 260px;}
#projektholder .showcase_img {  padding: 6px; float: left; background: #fff; border-bottom: 1px solid #DBDBDB; background:#fff; width: 120px; height: 80px;}
#projektholder .show_gallery { display: none;}
#pNav{ width: 100px; height: 50px; background: #000;}
#p-next { height: 21px; width: 15px; background: url(images/sprites.png) no-repeat; background-position: 0px -977px; display: block; position: absolute; top: 82px; right: 0;}
#p-prev {height: 21px; width: 15px; background: url(images/sprites.png) no-repeat; background-position: 0px -946px; display: block; position: absolute; top: 82px; left: 0;}
#puff-114 .edit-puff-link { display: none;}
#projektwrapper .edit-puff-link { display: block;}

/* REFERENSER */

#referensholder {}
#referensholder .showcase_title {
	width: 400px;
	margin-left: 245px !important;
}

#projektwrapper .showcase_holder { width: 323px; float: left; position: relative; margin: 5px 0 0; }
.showcase_img { width: 215px; height: 147px; float: left; margin: 0 20px 0 0; padding: 5px; background: #fff;}
.showcase_title { font-size: 14px; color: #009fdf;}
.show_gallery { width: 70px; height: 19px; position: absolute; bottom: -30px; left: 0;  background: url(images/sprites.png) no-repeat; background-position: 0px -141px; padding: 1px 0 0 30px;}
.ref-hidden-images { display: none;}
.show-holder { width: 640px; float: left; padding: 0 0 0px; position: relative; margin: 0 0 50px 0;}

.showcase_title {
	border-bottom: 1px solid #C4CDD5;
	color: black;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
}
			
.showcase_img img {
	/*width: 120px;
	height: 80px;*/
	width: 215px;
	height: 147px;
}

.page-template-template-home-php .showcase_img img {
	width: 120px;
	height: 80px;
	
}
.page-template-template-home-php .showcase_holders { width: 372px; float: left; position: relative; margin: 5px 0 20px; }
.page-template-template-home-php .show-holder { width: 580px; float: left; position: relative; margin: 5px 0 20px; }


/* SIDEBARS */

#sidebar_left {}
#sidebar_right { float: right; width: 300px; margin: 0 0 45px;}
#sidebar_right .ps_puff { margin: 30px 0 0; width: 300px; position: relative;}



/*-------------------------------------------------------------------------------------------*/
/*
/*   DIVERSE
/*
/*-------------------------------------------------------------------------------------------*/


/* GRAVITY FORMS */

.gform_wrapper {}
.gform_wrapper }
.gform_wrapper ul,
.gform_wrapper ol,
.gform_wrapper li {padding: 0; margin: 0; list-style: none;}

.gform_fields {position: relative;}
.gform_wrapper .gfield { margin: 0 0 10px;}
.gfield_required {display: none;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {}
.gform_wrapper input {}
.gform_wrapper select {}
.gform_wrapper textarea{}

.gfield_description {font-size: 10px; padding: 3px 0 0;}

.button { width: 97px; height: 32px; line-height: 32px; border: 0px solid #fff; background: #ccc; color: #fff; font-weight: bold; cursor: pointer; padding: 0 0 2px; }
.button:hover {background: #eee;}
.gform_edit_link {display: none;}

.gform_ajax_spinner {}
.gfield_error input,
.gfield_error textarea {background: #fff;}
.validation_error, 
.validation_message {display: none}

#gform_wrapper_3 .top_label li.gfield.gf_middle_third {margin-left: 1% !important; }
#gform_wrapper_3.top_label li.gfield.gf_right_third {float: left; clear: right !important; margin-left: 1% !important;}
#gform_wrapper_3 li {list-style: none; /*width: 280px;*/ width: 31.6% !important;}
#gform_wrapper_3 {float: right; width: 280px;}
#gform_wrapper_3 .gform_title {margin-bottom: 10px;}
#gform_wrapper_3 .gform_body {margin-top: 10px;}
#gform_wrapper_3 ul {margin-left: 0;}
#gform_wrapper_3 input {width: 100% !important;/*width: 280px; */background: #d8dee3; height: 35px; border: none;}
#gform_submit_button_3 {width: 140px !important; background: url(images/send.jpg) no-repeat !important; text-indent: -9999em; float: right;}
#gform_wrapper_3 input[type=submit] {width: 140px !important }


.blog #gform_wrapper_3 .top_label li.gfield.gf_middle_third {margin-left: 0% !important; }
.blog #gform_wrapper_3.top_label li.gfield.gf_right_third {float: none; clear: right !important; margin-left: 0% !important;}
.blog #gform_wrapper_3 li {list-style: none; width: 280px !important;}



/* DIVERSE */

.tele { bottom: 0; height: 37px; position: absolute; right: 0; text-align: right; width: 300px; font-size: 12px; color: #3d6981; font-weight: bold; line-height: 36px;}
#tagline { width: 960px; height: 70px; margin: 0 0 50px; font-family: "Verdana"; }
#tagline h1 { font-size: 30px; font-weight: bold; color: #222; margin: 0 0 5px;}
#tagline h2 { font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-weight: normal;}

/* REDIGERA */

.redigera a,
.edit-puff-link  {position: absolute; top: 0; right: 0px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}

/*   KNAPP   */

.knapp { background: url(images/sprites.png) no-repeat; background-position: 5px -39px; display: block; padding: 21px 49px 18px; width: 141px; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 22px;}
.knapp:hover, .knapp div:hover {color: #bed238}



/*-------------------------------------------------------------------------------------------*/
/*
/*   FOOTER
/*
/*-------------------------------------------------------------------------------------------*/

/* FOOTER */

#footer  { width: 960px; font-size: 12px; color: #798d9e; margin: 0 auto; padding: 20px 0 0 0; clear: both; height: 85px;}
#footer a {color: #798d9e;}

.ikoner { background: url(images/footer-logos.png) no-repeat; height: 60px; width: 300px; float: right;}
.copy-text { float: left; margin: 0 0 0 290px;}
.dinwebb { float: left;}
.om_cookies {float: right;}

/*-------------------------------------------------------------------------------------------*/
/*
/*   Aktuellt
/*
/*-------------------------------------------------------------------------------------------*/
.pagination {
	position:relative;
}
.page-numbers {
	background: #95C2DB;
	font-size: 14px;
	font-weight: bold;
	margin: 0 2px 0 0;
	padding: 10px 16px 11px;
	color: white;
}
.blog .current {
	background: #009FDF !important;
	
}

.blog .next {
	text-indent: -999em;
	background: url(images/next-prev.png) no-repeat;
	background-position: -25px 0px;
	height: 20px; 
	width: 20px;
	margin: 0px;
	padding: 0;
	display: block;
	position:absolute;
	right:345px;
	top:0;
	z-index: 9;
}

.blog .prev {
	text-indent: -999em;
	background: url(images/next-prev.png) no-repeat;
	background-position: 0px 0px;
	height: 20px; 
	width: 20px;
	margin: 0;
	padding: 0;
	display: block;
	position:absolute;
	right:375px;
	z-index: 9;
	
}

.pagination_arrows {
	height: 30px;
	width: 58px;
	border: 1px solid #dfdfdf;
	position: absolute; 
	right: 340px;
	top: -7px;
	background: #ededed;
	
}

/* Slider hotfix */
.flex-viewport {
	.slides {
		transform: none !important;
	}
}