/*  
Theme Name: lotus
Theme URI: http://www.dinwebb.nu/
Version: 1.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 "css/reset.css";
@import "js/fancybox/jquery.fancybox-1.3.4.css";

/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
/* always force a scrollbar in non-IE */ 

html { background-color: #2f2f2f; }
body  { font-family: "Arial"; color: #202022; font-size: 14px;}

/*   Links   */
a { text-decoration: none; color: #00a1d8;}
a:hover {text-decoration: none; border: none;}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*   Headers   */
h1, h2, h3, h4, h5, h6  {margin: 0 0 10px; line-height: 1.1; color: #212121;}
h1 {font-size: 36px; color: #00a1d8; font-weight: normal;} 
h2 {font-size: 20px; font-weight: lighter;} 
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;}
a { color: #d11215;}

.clearfix {overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/

#container  {}

.home #full { width: 100%; margin-top: 9px; background:#fff;}
#full-header { width: 100%; height: 445px;  background: url(images/bg.jpg) no-repeat; background-position: top center; }

.full {  background:#FFF; border-top: 10px solid #D9D9D9; margin-top: 0; width: 100%;}

#header { height: 83px; width: 960px; margin: 0 auto;}
	#ps_top_bar_wrapper {position: relative; background: url(images/hello_bg.png) repeat-x; }
	#ps_top_bar {height: 35px; margin-top: -35px;}
	#ps_top_bar:target {margin-top: 0;}
	#close_ps_top_bar { background: url(images/up.png) no-repeat; height: 19px; position: absolute; right: 40px; top: 9px; width: 17px;}
	#open_ps_top_bar { position: absolute; right: 20px; background: url(images/hello_trigger.png) no-repeat; height: 40px; width: 52px;}
	.hasJS #close_ps_top_bar {display: none;}
	.hasJS #open_ps_top_bar {display: none;}
	#ps_top_bar_content { line-height: 33px; margin: 0 auto; text-align: center; width: 960px; text-transform: uppercase; color: #fff; font-size: 17px;}
	#ps_top_bar_content strong { font-size: 20px; font-weight: bold;}

.minimenu { color: #8A8A8A; float: right; height: 35px; line-height: 35px; margin: 0 15px;  text-align: right; width: 275px;}
.minimenu a { color: #8a8a8a; font-size: 11px;}
.minimenu a:hover { text-decoration: underline;}

/*   Logo   */
#logo {margin: 0; padding: 0;}
#logo a {width: 200px; height: 60px; background: url(images/logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; float: left;}


/* NAV
************************************/
#mainNav  { width: 760px; float: left; margin: 5px 0 0;}
#nav { float: right; }
#nav li {display: inline;}
#nav a  { display:block; padding:0 18px; line-height:27px; line-height: 28px; color: #333; float: left; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; }
#nav a:hover { color: #ccc; }
#nav .current_page_item a  { color: #ccc; text-decoration: none; background: url(images/current_page.jpg) repeat-x; }

#nav .current_page_item a, #nav .current_page_ancestor a { color: #ccc; text-decoration: none; background: url(images/current_page.jpg) repeat-x; }


/* Lvl 2 */
#nav ul {display: none;}
#subNav { background: #E4E4E4; line-height: 30px;}
#subNav a {   margin: 0 0 0 10px; padding: 0 0 0 17px; color: #6D6D6D; text-decoration: none;}
#subNav .current_page_item a { font-size: 12px; text-transform: uppercase; color: #000; background: url(images/current_sub.jpg) no-repeat; background-position: 0px 1px;}

#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;}

/* SALEAREA */

#start_slide { width: 960px; height: 345px; margin: 0 auto; position: relative; }
.slidecontent {width: 930px; height: 315px;}

.kampanj {width: 930px; height: 315px;}
.kampanj img { float: right; border: 5px solid #fff;}
.slidecontent { margin: 15px; }
.kampanj-title { text-transform: uppercase; font-size: 29px; color: #fff; width: 315px;}
.kampanj-content {  margin: 15px 0 0; width: 315px;}
.kampanj-content p { color: #fff; font-size: 14px}
.kampanj-holder { float: left; width: 315px; height: 235px; position: relative;}
.kampanj .knapp {bottom: 0}

#kNav { height: 20px; width: 100px; position: absolute; bottom: 70px; left: 50px; z-index: 100;}
#prev { height: 20px; width: 20px;background: #555;}
#next {height: 20px; width: 20px;background: #555;}
#kNav .activeSlide {  background: url(images/dotts.png) no-repeat; height: 14px; width: 14px; text-indent: -9999px; display: block; margin-right: 10px; float: left; }
#kNav a { background: url(images/dotts.png) no-repeat; height: 14px; width: 14px; text-indent: -9999px; display: block; margin-right: 10px; float: left; background-position: 0px -14px; }


/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {}
#content_holder { width: 960px; margin: 15px auto 0; padding: 0 0 30px;}
#content_holder h2 { font-size: 16px; color: #000; text-transform: uppercase;}

#content_page { width: 960px; margin: 0 auto; min-height: 450px;}
#content_page .content {}

#main {width:580px;}
#page_holder { width: 960px; margin: 0 auto;}

#top_img  { float: right;  width: 700px; margin: 20px 0 0;}
#main.right  { width: 680px; padding: 30px 20px; background: #fff; }
#main.fullwidth  { width: 960px; margin: 0 auto; }
#sub_page { width: 960px; margin: 0 auto;}
#sub_content { width: 470px; float: left;  margin: 35px 0;}
#sub_content_post { width: 700px; float: left;  margin: 35px 0;}
#subpage { width: 700px; float: right;}
#subpage_showcase { width: 700px; float: right;}
#sub_content_showcase { width: 700px; float: left;  margin: 35px 0;}

/*   post   */
.post  { padding: 0 0 25px 0; background: none;}
.post-title {}
.post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; }
#title { margin: 0 0 10px; position: relative;width: 500px;}
#title h1 { font-size: 24px; text-transform: uppercase; color: #000;}


div.post, div.page {position: relative;}


.showcase_holder {  position: relative; width: 495px; margin: 0 0 35px; float: left; min-height: 90px;}
.showcase_holder p {  font-family: "Arial"; color: #202022; font-size: 14px; }
.showcase_holder .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;}

.showcase_title  { font-size: 18px; font-weight: normal; width: 460px; }
.showcase_img { float: left; width: 200px;}
.showcase_img_no_img { width: 168px; height: 98px; background: #ccc; float: left; height: 98px; width: 168px; margin:0 32px 0 0;}

#ref-hidden-images { display: none;}
/*   entry   */
.entry {}
.entry ul, 
.entry ol { margin-left: 1.8em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: disc; }


/*-------------------------------------------------------------------------------------------*/
/*
/*   Widgets
/*
/*-------------------------------------------------------------------------------------------*/

#sidebar_right { width: 203px; float: right; margin: 35px 0 20px; }
#sidebar_right .ps_puff { width: 199px; height: auto; margin: 0;  border-bottom: 1px solid #E4E4E6; border-left: 1px solid #E4E4E6; border-right: 1px solid #E4E4E6; position: relative; }
#sidebar_right .puff-content { width: 180px; margin: 0 0 0 10px;}
#sidebar_right .puff-content a { color: #3499cc; font-size: 12px; text-transform: uppercase;}
#sidebar_right .widget-title { width: 190px; height: 33px; background: url(images/puff_header.jpg) no-repeat;}
#sidebar_right h3 { color: #FFF; font-size: 14px; font-weight: normal; padding: 10px 0 0 10px; text-transform: uppercase;}
#sidebar_right p { color: #4f4f4f; font-style: italic; font-size: 12px; }

#sidebar_right .edit-puff-link { margin: 0 5px 5px 0;}
/*   Knapp   */
.knapp { background: url(images/cta_button.png) no-repeat;   bottom: 165px; color: #fff; font-size: 14px; height: 24px; padding: 8px 0 0 17px; position: absolute; text-transform: uppercase; width: 152px;
text-shadow: -1px -1px 0 #0c5e87;}

#sidebar_left { background: #E4E4E4; margin: 20px 0 0; width: 220px; float: left;}

.widget  { margin: 0 0 20px 0; }
.widget-title { color: #000; font-size: 16px; }

#puff_holder { background: url("images/puff_bg.png") no-repeat;  bottom: 35px; height: 272px; margin: 0 auto; position: relative; width: 874px;}
#puff_holder .widget-content { bottom: 21px; position: absolute;  }
#puff_holder .puff-content { position: absolute; top: 143px; right: 0; height: 58px; width: 237px; background: url(images/bg_overlay.png) no-repeat; background-position: bottom;}
#puff_holder .puff-content p { bottom: 10px; line-height: 17px; margin: 0 0 0 10px; position: absolute;  width: 200px;}
#full #puff_holder .puff-nr-1  {  padding-left: 18px; margin: 120px 22px 0 20px; }
#full #puff_holder .puff-nr-3  { margin: 120px 0px 0 18px; }

#puff_holder .ps_puff img { height: 201px; position: relative; width: 237px; float: left;}

#puff_holder .ps_puff { float: left; height: 110px; margin: 120px 24px 0; position: relative; width: 237px; }

#puff_holder .widget-content { height: 200px; width: 237px; color: #fff; }
#puff_holder .widget-title {  background: url(images/bg_overlay.png) repeat; color: #fff; font-weight: lighter; height: 23px; position: absolute; text-transform: uppercase; top: 120px;      right: 0; width: 227px; z-index: 1; padding: 0 0 0 10px; line-height: 22px;}
#puff_holder .widget-title a { color: #fff;}

#content_holder_page { width: 960px; margin: 15px auto 0;}
#puff_holder_page { width: 708px; height: 246px; background: url(images/puff_bg_sub.png) no-repeat; float: right; margin: 35px 0 35px;}
#puff_holder_page .ps_puff { float: left; height: 180px; margin: 34px 0 0 23px; position: relative; width: 192px;}
#puff_holder_page .puff-content { }
#puff_holder_page .puff-nr-2 { margin: 34px 0 0; width: 237px; height: 180px; position: relative;}
#puff_holder_page .puff-nr-3 { margin: 34px 0 0 ; width: 233px; height: 180px; position: relative;}
#puff_holder_page .puff-nr-3 img { margin-top: -19px;}

#puff_holder_page .puff-nr-2 { margin: 34px 0 0 44px; width: 195px;}
#puff_holder_page .puff-nr-3 { margin: 34px 0 0 36px; width: 195px;}

#puff_holder_page .widget-content { bottom: 26px; left: 10px; margin: 0 auto; position: absolute; width: 181px;}

#puff_holder_page img { margin: 0 0 0 36px;}
#puff_holder_page .puff-nr-1 img { margin: 0 0 0 60px;}
#puff_holder_page .widget-title { text-transform: uppercase; font-weight: lighter;}

	.sub_puff_1 {  float: left; height: 183px; margin: 13px 0 0 19px; width: 195px; color: #fff; position: relative;}
	.sub_puff_2 {  float: left; height: 183px; margin: 14px 0 0 40px; width: 196px; color: #fff; position: relative;}
	.sub_puff_3 {  float: left; height: 182px; margin: 14px 0 0 36px; width: 195px; color: #fff; position: relative;}
		.sub_puff_content { position: absolute; bottom: 0; background: url(images/bg_overlay_sub.png) no-repeat; background-position: bottom center;}
			.sub_puff_content h4 { font-size: 16px; color: #fff; text-transform: uppercase; font-weight: lighter; margin: 5px 0 5px 7px;}
			.sub_puff_content p { margin: 0 0 6px 7px;}
			.sub_puff_content a { color: #d11215;}


#puff_title { font-size: 16px; margin: 12px 0 0 25px;}
.home #puff_title_home { font-size: 14px; padding: 11px 0 0 48px; text-transform: uppercase;}
	#puff_title_home { font-size: 13px; padding: 11px 0 0 25px; text-transform: uppercase;}

#newsbox_1 { width: 480px; float: left; border-right: 1px solid #E6E6E6; position: relative;}
#newsbox_2 { margin: 0 0 0 20px; width: 459px; float: left; position: relative;}
#content_holder #newsbox_2 .ps_puff { margin: 0 0 25px 0; width: 400px; float: left;}
#newsbox_2 .ps_puff p { font-size: 12px; color: #4f4f4f; font-style: italic;}
#newsbox_2 .ps_puff a:hover { text-decoration: underline;}
#newsbox_2 .ps_puff strong { color: #3499cc; text-transform: uppercase; font-weight: normal; font-style: normal;}
#newsbox_2 .ps_puff h3 { color: #3499CC; font-size: 12px; font-weight: normal; text-transform: uppercase;}
#content_holder #newsbox_2 .puff-nr-1 { background: none; padding: 0; margin: 0 0 35px;}
#content_holder #newsbox_2 .puff-nr-1 h3 { font-size: 16px; color: #000; text-transform: uppercase;}


#newsbox_2 .ps_puff { background: url(images/dokument.png) no-repeat; width: 17px; height: 21px; 
background-position: left top; padding: 0 0 0 25px; }

.news_title { position: relative;}
.news_title a { color: #3399CB; font-size:12px; text-transform: uppercase; text-decoration: none; } 
.news_title a:hover {  text-decoration: underline;} 
.news_excerpt { margin: 0 0 20px;}
.news_excerpt p { color: #4E4E4E; font-style: italic; width: 440px;}
.date { font-size: 12px; margin: 3px 0 3px;}

/*   Edit   */
.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;}

.redigera { }

.tillbaka {}

/*-------------------------------------------------------------------------------------------*/
/*
/*   Footer
/*
/*-------------------------------------------------------------------------------------------*/

/* 2.7 Footer */
#footer  { width: 960px; margin: 0 auto 20px; padding: 35px  0 0; color: #fff;}
.footerinfo { width: 300px; float:left;}
#footer a { color:#fff;}

.dinwebb {}
.copy-text { float: right; color: #fff;}
#footer .copy-text a {color: #d11215;}





/* 6.4 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: 169px; height: 31px; background: url(images/skicka.png) no-repeat; border: none; font-size: 14px; text-transform: uppercase; }
#subpage .gform_wrapper input.button { color: #fff;} 
.button:hover { color: #000;}
.gform_edit_link {display: none;}

.gform_ajax_spinner {}
.gfield_error input,
.gfield_error textarea {}
.validation_error, 
.validation_message {display: none}