/*  
Theme Name: SKOP
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";


/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
body  { color: #545454; font: 13px/1.4 futura,Helvetica,Sans-serif;}


@font-face {
	font-family: 'futura';
	src: url('fonts/futura-webfont.eot');
	src: local('☺'), url('fonts/futura-webfont.woff') 
	format('woff'), url('fonts/futura-webfont.ttf') 
	format('truetype'), url('fonts/futura-webfont.svg') 
	format('svg');
	font-weight: normal;
	font-style: normal;
}


/*   Links   */
a {text-decoration: none; color: #006ab6;}
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, {margin: 0 0 10px; line-height: 1.1; color: #212121;}
h1 {font-size: 36px; color: #00a1d8; font-weight: normal;} 
h2 {font-size: 30px;} 
h3 {font-size: 20px; color: #00a1d8} 
h4 {font-size: 18px;} 
h5 {font-size: 16px; color: #3a3a3a; text-transform: uppercase;} 

img {vertical-align: top;}

p  {margin: 0 0 10px; font-family:"Lucida Sans Unicode",sans-serif; color: #7F7F7F; font-size: 12px;}
strong { color: #000; }

/*   Text selection   */
::-moz-selection {background: #00a1d8; color:#fff; text-shadow: none; }
::selection { background:#00a1d8; color:#fff; text-shadow: none; } 

/*   Edit   */
.editholder { margin: 10px 0 0; float: right;}
.redigerasmall a {background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px;  float: right;}
.redigera a,
.edit-puff-link  {position: absolute; top: 5px; right: 5px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}
/*   Knapp   */
.knapp { padding: 0 0 0 15px; background: url(images/dott.gif) no-repeat left center; text-decoration: none; }
.knapp:hover {color: #bed238}




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



#header { width: 961px; height: 89px;  margin: 20px 0 auto; background: url(images/header.jpg) no-repeat; position: relative;}
#container  { width: 960px; margin: 0 auto;}


/*   Logo   */
#logo { border-right: 2px solid #FFFFFF; height: 83px;  width: 299px; }
#logo a { width: 176px; height: 80px; background: url(images/logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}

/* NAV
************************************/
#topmenuholder { width: 960px; margin: 0 auto; height: 34px;}
#topmenu { width: 183px; height: 34px; background: url(images/topmenu.png) no-repeat; float: right; }
#menu-topmenu { margin: 7px 26px 0px;  width: 160px;}
#menu-topmenu a { color: #605F5F; font-size: 12px; }
#menu-topmenu a:hover { text-decoration: underline;}
.menu a { float: left; padding-right: 25px;}


#mainNav  { height: 59px; position: absolute; right: 85px; top: 0; font-size: 14px; text-transform: uppercase; }
#nav { padding: 0px; margin: 0px;  }
#nav li {display: inline;}
#nav a  { border-right: 1px solid; border-right-color: #fff; border-left: 1px solid; border-left-color: #EDEDED; color: #036DB7; display: block; float: right;  height: 52px;
margin-top: 2px; padding-top: 30px; text-align: center; width: 142px; }
#nav a:hover, 
#nav .current_page_item a  { color: #000; text-decoration: underline; }

/* Lvl 2 */
#nav ul {display: none;}
#subNav { font-size: 14px; margin-top: 35px;}
#subNav a:hover { color: #000;}
#subNav .current_page_item {  background:#FFF; border-bottom: 1px solid; border-top: 1px solid; color: #E8E8E8;  position: relative; width: 180px; }
#subNav .current_page_item a { color: #000; }
#subNav li { padding: 5px 1px; }

/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.salearea { width: 960px; height: 256px; margin-top: 10px; background: url(images/salearea.png) no-repeat; position: relative;}
#saleareaimg { width: 940px; height: 236px; background: url(images/saleareabg.png) no-repeat; margin: 0 auto; position: absolute; top:10px; left: 10px;}
#saleareaborder { bottom: 10px; height: 55px; left: 10px; margin: 0 auto; position: absolute; width: 940px; background: url(images/saleareaborder.png) no-repeat;}
.startlink { width: 300px; height: 55px; float: left; margin-right: 5px; line-height: 12px; }
.startlink a { font-size: 18px; color: #fff; text-shadow: 0 1px 0 #13558b;}
.startlinkholder { 	margin: 15px 20px; }
.startlinkholder2 {  margin: 15px 0 0 31px; }
.startlinkholder3 { margin: 15px 0 0 50px; width: 280px;}
.italican a { font-size: 11px; color: #66a6d3; text-shadow: 0 1px 0 #13558b; font-style: italic; }

#content_start { width: 960px; margin-top: 20px;}
.content {}
#content_page { margin-top: 25px;}

#main h2 { font-size: 14px; text-transform: uppercase; color: #1979bd; font-weight: lighter; margin-bottom: 10px} 
#main {width:580px;}
#main.posts {float: left;  width: 590px}
#main.posts .post { border: none;}
#main.box  { float: left; width: 650px; }
#main.right  { width: 680px; padding: 30px 20px; background: #fff; }
#main.fullwidth  { width: 900px; }

.archivetitle { background: #e5e5e5; font-size: 15px; font-weight: lighter; height: 25px; padding-left: 10px; padding-top: 5px; text-transform: uppercase; width: 160px;}
.archiveposts{ width: 420px;}
.recentposts { width: 630px; margin-top: 50px;}
.recentpoststitle a { color: #3388c5; font-size: 16px; font-family: "Lucida Sans Unicode",sans-serif;}
.recentpoststitle a:hover { color: #005F9F;}

.recentposts .date { font-size: 12px; margin-top: 2px; color: #9d9d9d; width: 629px;}
#main .fliktitle h2 { margin-bottom: 7px; border-bottom: 1px solid; border-bottom-color: #E8E8E8; font-size: 16px; text-transform: uppercase; color:#3A3A3A; font-weight: lighter;}
.archiveholder { width: 170px; float: right; background: #EEEEEE; padding-bottom: 20px; }
#main .date { color: #9D9D9D; font-size: 12px; margin-top: 2px; }
style.php (rad 149)

#subtitle { margin-bottom: 10px;}
#subtitle span { color: #3A3A3A; font-style: italic}

/*   post   */
.post  { margin: 0 0 8px 0; padding: 0 0 8px 0; background: none; border-bottom: 1px solid #eee; }
.post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; }

#subpageborder { float: left; width: 433px; border-left: 1px solid; border-color: #f7f7f7;  }
#main.subpage { float: left; width: 432px; border-left: 1px solid; border-color: #e8e8e8; padding: 5px 15px;}
#main.subpage ul li { list-style-image: url("images/dott.gif"); }
.post ul li { list-style-image: url("images/dott.gif"); }

.post-title { font-size: 26px; text-transform: uppercase; color: #3a3a3a;  }

.editholder {height: 16px; position: relative;}


/*   entry   */
.entry { margin-top: 30px;}
.entry ul, 
.entry ol { margin-left: 1.8em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: disc; }



/*-------------------------------------------------------------------------------------------*/
/*
/*   Search area
/*
/*-------------------------------------------------------------------------------------------*/

.searchbuttons{ bottom: -9px; height: 38px; position: relative; width: 650px; margin-top: -4px; }
.tab_container input {  background: url("images/searchform.png") no-repeat; border:none; color: #666; font-size: 20px; font-style: italic; height: 43px; padding-left: 40px; width: 378px; }
input p { margin-left: 20px;}
.tab_container .searchsubmit { width: 165px; height: 42px; background: url(images/buttons.png) no-repeat; margin-left: 6px; background-position: -210px 0px;  }
.tab_container .searchform { margin: 15px;}
.tab_container .searchsubmit:hover {background-position: -210px -44px;  }
.tab_container .searchsubmit:active {background-position: -210px -88px;}

.tab_container { overflow: hidden; clear: both; float: left; width:650px; min-height: 150px; background: url(images/searchbg.png) no-repeat;}
.tab_content { font-size: 14px; color: #393939; }
.tab_content .text {margin: 15px; }


ul.tabs li { float: left; margin: 0; padding: 0; height: 33px; line-height: 31px;  border-left: none; margin-bottom: -2px; overflow: hidden; position: relative; 
background: url(images/flik.jpg) no-repeat; width: 151px;}

ul.tabs li a { text-decoration: none; text-transform: uppercase; color: #818181; display: block;  padding: 0 20px; text-align: center;}

ul.tabs li a:hover { color: #006AB6; height: 40px;  top: -5px;  background: url(images/search_curr.png) no-repeat; color: #006ab6; z-index: 1; padding-top: -20px;}
ul.tabs li a:active { color: #006AB6;}
.tabs .active { height: 40px; top: -8px; width: 151px; background: url(images/search_curr.png) no-repeat; color: #006ab6; z-index: 1;}
.tabs .active a { line-height: 46px; color: #006AB6;}
.tabs li:hover { background: url("images/search_curr.png") no-repeat scroll 0 0 transparent; color: #006AB6; height: 40px; top: -8px; width: 151px; z-index: 1; line-height: 46px;}



/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebars
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_left { width: 180px; float: left;}
#sidebar_right {}
#sidebar_start_right { width: 310px; float: right; position: relative; }
#sidebar_start_right h3 { font-weight: lighter; text-transform: uppercase; padding: 10px 10px 10px 10px; font-size: 16px; color: #3a3a3a;}


.sidebar_top {background: url(images/sidebar_top.jpg) no-repeat; height: 10px;}
.sidebar_content { background: url(images/sidebar_bg.jpg) repeat-y; }
.sidebar_bottom { background: url(images/sidebar_bottom.jpg) no-repeat; height: 19px; margin-top: -20px;}


.sidebarbox {width: 290px; margin: 0 auto; }

.widget  { margin: 0 0 20px 0; }
.widget-title { background: url(images/sidebar_top.jpg) no-repeat;}
.widget-content { background: url(images/sidebar_bottom.jpg) no-repeat; background-position: bottom;  position: relative; padding-bottom: 1px;}
/*   Puff   */
.ps_puff {width: 310px; background: url(images/sidebar_bg.jpg) repeat-y;}
.puff-content {width: 290px; margin: 0 auto;}
.puff-archive p { margin: 0 auto; width: 290px; margin-bottom: 10px;}
.widget-archive { background: url(images/sidebar_bottom.jpg) no-repeat; background-position: bottom;  position: relative; padding-bottom: 1px; margin-bottom: 20px;}

/*   Nyhetsbrev   */

.widget-archive .gform_body input {padding-left: 10px; width: 283px; height: 33px; background: url(images/newsletter.jpg) no-repeat; border: none; font-size: 13px; color: #7f7f7f; margin-bottom: 10px; }
.widget-content .gform_body input {padding-left: 10px; width: 283px; height: 33px; background: url(images/newsletter.jpg) no-repeat; border: none; font-size: 13px; color: #7f7f7f; margin-bottom: 10px; }
.widget-content .gform_footer { width: 290px; height: 40px;}
#gform_wrapper_1 #gform_submit_button_1 { width: 105px; height: 34px; background: url(images/buttons.png) no-repeat; float: right; text-indent: -9999px; display: block; border: none; }
#gform_wrapper_1 #gform_submit_button_1:hover {background-position: 0px -34px; }
#gform_wrapper_1 #gform_submit_button_1:active {background-position: 0px -68px;}
.gform_heading .gform_title { display: none;}

#gform_wrapper_1 label { position: absolute; margin: 8px 10px 10px; font-size: 14px; color:#7F7F7F; font-weight: lighter; display: none;}
#gform_wrapper_1 .show-label {display: block;}

.puff-archive #gform_wrapper_1 { width: 290px; margin: 0 auto;}

/*   Kontaktformulär   */

#gform_wrapper_2 input { background: url(images/label.jpg) no-repeat; border: none;  height: 32px; padding-left: 9px; margin-bottom: 20px; width: 430px; } 
#gform_wrapper_2 textarea { background: url(images/textarea.png) no-repeat; border: none; width: 434px; height: 150px; padding-top: 9px; padding-left: 9px;}

#gform_wrapper_2 label { position: absolute; margin: 13px 10px 10px; font-size: 11px; color:#7F7F7F; font-weight: lighter; display: none;}
#gform_wrapper_2 .show-label {display: block;}
.gfield_required { display: none;}
#gform_wrapper_2 select { background: url(images/label.jpg) no-repeat; border: none;  height: 36px; padding-top: 9px; padding-left: 9px; 
margin-bottom: 20px; width: 430px;font-size: 11px; color:#7F7F7F; font-weight: lighter; }


#gform_wrapper_2 #gform_submit_button_2 {   width: 105px; height: 34px; background: url(images/buttons.png) no-repeat -105px 0px; float: right; text-indent: -9999px; display: block; border: none;  }
#gform_wrapper_2 #gform_submit_button_2:hover {background-position: -105px -34px; }
#gform_wrapper_2 #gform_submit_button_2:active {background-position: -105px -68px;}
#gform_wrapper_2.gform_wrapper .gform_footer { margin: 0 0 0 0px; padding: 0 0 0 0px; }
.gform_edit_link { display: none;}


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

/* 2.7 Footer */
#footermenu { width: 960px; border-top: 1px solid; border-top-color: #E8E8E8; border-bottom: 1px solid; border-bottom-color: #E8E8E8; margin: 50px 0 20px 0; }
.footerlinks h4 { font-size: 14px; text-transform: uppercase; color: #969696;  font-weight: lighter; margin: 0 0 15px;}
.footerlinks { width: 240px; margin: 10px 0px 15px 0px; float: left; line-height: 16px; }
.footerlinks a { color: #969696; font-size: 12px;}
.footerlinks a:hover  { color: #3A3A3A; }
.footerlinks li {  color: #CCCCCC; list-style: square; margin-left: 13px;}
.footerlinkslast h4 { font-size: 12px; text-transform: uppercase; color: #969696;font-weight: lighter; margin: 0 0 15px;}
.footerlinkslast { width: 220px; float: right ;  margin: 10px 0px 15px 0px;}
.footerlinkslast p { margin: 0;}

.dinwebb {}
.copy-text { float: right; font-size: 12px; margin-bottom: 20px;}
.copy-text a { color: #969696;}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Misc
/*
/*-------------------------------------------------------------------------------------------*/


.navigation { background:#F4F4F4; color: #006AB6; float: left; height: 40px; line-height: 40px; text-align: center; width: 630px; margin-top: 40px;  }

.formbox {  width: 630px; display: none; color: #7F7F7F;}


.triggerdown  { background: #F4F4F4; color: #006AB6; float: left; height: 40px; line-height: 40px; text-align: center; width: 630px;  }
.triggerdown:hover  { background:  #efefef; }

.form-open .triggerdown { width:630px; height:40px; background: #F4F4F4; float:left; display: none;   }


.dw-title-year { color: #3388C5; margin-left: 10px; margin-top: 10px;}
.dw-month { margin-left: 10px;}








/* PageNavi
***************************/
.wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: #f4f4f4;  width: 570px; margin: 40px 0 0 0px; padding: 8px; position: relative; overflow: hidden;}
.wp-pagenavi span.current,
.wp-pagenavi a {padding: 0 5px; margin: 2px; text-decoration: none; border: 1px solid #dfdfdf; color: #919191; background: #fff; font-size: 18px; display: block; float: left; min-width: 20px; height: 30px; line-height: 30px; text-align: center; -moz-border-radius: 2px;}
.wp-pagenavi a:hover {background: #fff; color: #00a1e5;}
.wp-pagenavi span.current {color: #00a1e5;}


.wp-pagenavi .first {}
.wp-pagenavi .previouspostslink {display: block; position: absolute; top: 14px; right: 40px;  padding: 0; background: #00a1e5; border: none; color: #fff; width: 20px; height: 20px; line-height: 17px; text-align: center; 
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: -moz-linear-gradient(90deg, #266588, #49b3ec);
    background: -webkit-gradient(linear, left top, left bottom, from(#49b3ec), to(#266588));
}
.wp-pagenavi .nextpostslink {display: block; position: absolute; top: 14px; right: 15px;  padding: 0; background: #00a1e5; border: none; color: #fff; width: 20px; height: 20px; line-height: 17px; text-align: center; 
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: -moz-linear-gradient(90deg, #266588, #49b3ec);
    background: -webkit-gradient(linear, left top, left bottom, from(#49b3ec), to(#266588));
}
.wp-pagenavi span.pages {display: block; text-indent: -21000px; position: absolute; top: 10px; right: 10px; width: 57px; height: 30px;  }
.wp-pagenavi span.extend {display: block; float: left; line-height: 10px; padding: 20px 3px 0; font-size: 20px;}
.wp-pagenavi .last {}