@import url("css/reset.css");
/*
Theme Name: Fastab
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Fästab
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/



/*---------------------------------------[   General   ]*/

body {color: #111; font: 12px/1.1 Arial, Helvetica, sans-serif;}

a {color: #E73A2F; text-decoration: underline;}
a:hover {text-decoration: none;}

blockquote {padding: 20px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px; font-style: italic; font-size: 18px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 10px;}
h1 {font-size: 25px; text-transform: uppercase;}
h2 {font-size: 20px; font-weight: normal;}
h3 {font-size: 20px; font-weight: normal;}
h4 {}
h5 {}

img {border: none;}

p {padding: 0 0 10px;}


#mainWrapper {}
#pageWrapper {padding: 20px 0 0; width: 960px; margin: 0 auto; }
.wrapper {width: 960px; margin: 0 auto;}

/*---------------------------------------[   Header   ]*/

#header {border-bottom: 4px solid #BA2C2E;}
#header .wrapper {position: relative; height: 160px;}

    #nummer {float: right; margin: 30px 0 0 0; background: url(images/sprites.png) no-repeat 256px -35px; width: 250px; padding: 2px 50px 2px 0 ; text-align: right; font-size: 11px;}
        #nummer h2 {margin: 0px; padding: 0px;}
	
	#logo {
                margin: 30px 0 0;
		display: block; 
		text-indent: -999999px; 
		width: 174px; 
		height: 95px; 
		float: left;
		background: url(images/logo.gif) no-repeat left center;
	}
	#logo:hover {}
        #header h1 {margin: 0px;}




/*---------------------------------------[   mainNav   ]*/

#mainNav {position: absolute; bottom: 0px; right: 0px;}
#mainNav li {display: block; float: left; position: relative;}
#mainNav li a {
	display: block;
	float: left;
	padding: 0 0 0 15px;
        color: #111;
        text-transform: uppercase;
        margin: 0 5px 0 0;
        text-decoration: none;
}
#mainNav li span {padding: 11px 15px 11px 0px; display: block;}

#mainNav li a:hover span, #mainNav li.current_page_item span, #mainNav li.current_page_ancestor span {background: url(images/sprites.jpg) no-repeat right top;}
#mainNav li a:hover, #mainNav li.current_page_item a, #mainNav li.current_page_ancestor a {background: url(images/sprites.jpg) no-repeat left top; color: #fff;}

/*   lvl 2   */
#mainNav ul {display: none;}

#mainNav li.current_page_item ul, #mainNav li.current_page_ancestor ul {display: block; position: absolute; top: 35px; background: none; width: 350px; left: 5px;}
#mainNav li.current_page_item li, #mainNav li.current_page_ancestor li {display: inline;}
#mainNav li.current_page_item ul a, #mainNav li.current_page_ancestor ul a {background: none; padding: 0px; height: 40px; line-height: 40px; text-transform: none;text-decoration: underline}
#mainNav li.current_page_item ul span, #mainNav li.current_page_ancestor ul span {background: none; padding: 0px 10px;}

#mainNav li.current_page_item ul a:hover, #mainNav li.current_page_ancestor ul a:hover,
#mainNav li.current_page_ancestor ul .current_page_item a
 {text-decoration: none;}



/*---------------------------------------[   mainImg   ]*/
#mainImg {height: 421px; width: 960px; background: url(images/main-img.jpg) no-repeat; margin: 0px auto 20px;}




/*---------------------------------------[   subNav   ]*/

#subNav {background: #BA2C2E; height: 36px; width: 100%;}






/*---------------------------------------[   Sidebar-1   ]*/

#sidebar-1 {width: 200px; float: left; margin: 0 20px 0 0; background: #f1fafa; min-height: 20px;}





/*---------------------------------------[   Content   ]*/
#subImg {margin: 0 0 10px;}

#content { padding: 0 0px; float: left; background: none; width: 640px; margin: 0 20px 0 0;}

	body .post, body .page {padding: 0 0 20px 0;}
	
	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px;}
	.postmetadata {font-size: 11px; color: #777;}
	
    .entry {}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside; margin: 0 0 10px;}
	



/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 300px; float: left; margin: 0 0 0 0px; background: none;}
	
	#sidebar li {}

.widget {margin: 0 0 20px;}


/*---------------------------------------[   Footer   ]*/

#footer {clear: both; width:960px; padding: 20px 0 40px; margin: 50px auto; border-top: 1px solid #E4E4E4; color: #949494; text-transform: uppercase;}

#footerNav {clear: both; width: 100%; margin: 20px 0 0;}
#footerNav li {display: inline; padding: 0 10px 0 0;}
#footerNav a {color: #949494; text-decoration: none;}
#footerNav .current_page_item a, #footerNav .current_page_ancestor a, #footerNav a:hover {color: #111;}




/*---------------------------------------[   Ovrigt   ]*/

.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px;}






/*---------------------------------------[   Puff   ]*/

.widgetPuff, .liPuff {background: #E4E4E4; border: 1px solid #D8D8D8; padding: 20px; color: #4e4e4e; margin: 0 0 20px}
.puffTitle {text-transform: uppercase; color: #111; font-size: 17px;}
.widgetPuff img, .liPuff img {float: right; background: #fff; padding: 1px; border: 1px solid #D8D8D8; }

.puffLank {clear: both; display: block;}

#homePuffar img {margin-left: 10px;}

#homePuffar li {width: 258px; float: left; margin: 0 30px 0 0; min-height: 132px; height: auto !important; height: 132px;}
#homePuffar .puff-3 {margin: 0px;}




.widgetPuff {}
.puffTitle {}
.puffContent {}
.puffLink {}

#sidebar-1 .widgetPuff {}
#sidebar .widgetPuff {}
#contentWidgets .widgetPuff {float:left;}
#footerWidgets .widgetPuff {}




/*---------------------------------------[   Galleri   ]*/

.gallery {overflow: hidden;}
.gallery .gallery-item {float: left; margin: 0 20px 20px 0;}
.gallery .last {margin: 0 0 20px 1px;}
.gallery img {width: 208px;}




/*---------------------------------------[   Cform   ]*/

.cform {width: 640px; overflow: hidden; clear: both;}
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 0px 0 5px;
    line-height: 1.1; 
    color: #39457b;
    font-weight: bold;
}
.cform ol {list-style: none; padding: 0; margin: 0}
.cform li {overflow: hidden; padding: 0px 0 0px; float: left; width: 50%; height: 50px}
.cform label {display: block; width: 100%; padding: 0 0 5px;}
.cform input, .cform textarea, .cform select {border: 1px solid #ddd; width: 250px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: none;}
.cform select {padding: 3px; width: 260px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 570px}
.cform p {}
.cform .cf-sb {text-align: left;}
.cform .sendbutton {cursor: pointer; width: 70px; height: 39px; overflow: hidden; 
	background: url(images/skicka.png) no-repeat; margin: 0px; 
	padding: 0; border: 0px solid #E73A2F; line-height: 200000px; 
	color: #000; display: block; text-indent: -99999px; clear:both;}
.cform .sendbutton:hover {color: #E73A2F}
.cform .sendbutton:active {position: relative; top: 1px;}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #e33; padding: 10px 0;}
.success {color: #3C9C05; padding: 10px 0;}
.cform .cf_error {border: 1px solid #e33}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}




#li--9 {width: 100%; clear: both; height: auto;}






/*---------------------------------------[   Slideshow   ]*/
#slide-container {
	width: 960px; 
	height: 420px; 
	border: 0px solid #BDBDBD;
	overflow: hidden;
	margin: 0px 0 20px;
	position: relative;

}
#slide-container ul, #slide-container li {padding: 0px; margin: 0px; list-style: none;}
#slide-slide-wrap {
	width: 960px; 
	height: 420px; 
	overflow: hidden;
	position: relative;
}
#slide-slide {height: 420px;}
/* SLIDES */
.prev-next-slide {position: absolute; width: 47px; height: 47px; top: 186px; background: url(images/arrows.png) no-repeat left top; cursor: pointer; z-index: 10;}
#prevSlide {background-position: right top; right: 0px; left: auto;}

.slides {width: 960px; height: 420px; position: relative;}

/* NAV */
#slideNav {}
#slideNav a {}

#content-text {position: absolute; bottom: 20px; left: 20px; z-index: 25; color: #fff; width: 700px;}
#content-text h2 {text-transform: uppercase; font-size: 18px; font-weight: normal; margin: 0 0 5px;}
#content-text img {margin: 10px 0 0 50px;}
#guess-why {
	position: absolute; 
	bottom: 10px; 
	left: 0px; 
	z-index: 20; 
	width: 740px;
    height: 90px;
	background: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75); /* internet explorer */
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */
}






/*   nextGen Gallery
***********************************************/

.ngg-galleryoverview {float: left; margin: 20px 0 0px 0; width: 100%; height: 160px; overflow: hidden;}
.ngg-navigation {display: none;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('js/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('js/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('js/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('js/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('js/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('js/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('js/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('js/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('js/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('js/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('js/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('js/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('js/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('js/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('js/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('js/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('js/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.fasteb.se/wp-content/themes/festab/js/fancy_shadow_nw.png', sizingMethod='scale'); }