/*  
Theme Name: Strandbryggan
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
*/

/*   Reset   */
@import "css/reset.css";



@font-face {
	font-family: 'BlairITCMedium';
	src: url('font/blairitc-medium-webfont.eot');
	src: local('?'), url('font/blairitc-medium-webfont.woff') format('woff'), url('font/blairitc-medium-webfont.ttf') format('truetype'), url('font/blairitc-medium-webfont.svg#webfontNDGkbDJd') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
html, body {min-height: 100%;}
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; background: #aa8664 url(images/alt-bg.gif); }
body  { color: #ccc; font: 11px/1.4 "Lucida Grande", "Lucida Sans Unicode", sans-serif;}


/*   Links   */
a {color: #fd7c14;}
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.2; color: #fff; font-weight: normal; font-family: 'BlairITCMedium', "Lucida Grande", "Lucida Sans Unicode", sans-serif}
h1 {font-size: 30px; font-weight: normal;} /* */
h2 {font-size: 17px; text-transform: uppercase;} /* 24 */
h3 {font-size: 17px; text-transform: uppercase;} /* */
h4 {font-size: 17px;} 
h5 {font-size: 13px;} 
h6 {font-size: 13px; border-bottom: 1px solid #dfdfdf; color: #333;}

h1 a, h2 a, h3 a, h4 a, h5 a {color: #fff; text-decoration: none;}


img {vertical-align: top;}

p  {margin: 0 0 15px;}


/*   table   */
td { vertical-align: top; } 

/*   Form   */
label {margin: 0 0 2px; display: block;}
select, input, textarea, button { margin: 0; color: #fff; font: 11px/1.2 "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: url(images/black-20.png); border: 1px solid #984c25; width: 380px; }
input, textarea { padding: 5px; }
textarea {overflow: auto;}

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

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

/*   Knapp   */
.knapp { padding: 0 0 0 15px; background: url(images/dott.gif) no-repeat left center; text-decoration: none; }
.knapp:hover {color: #bed238}



#content_start .widget {visibility: hidden;}

#ajax-loader {display: none;position: absolute; top: 50%; left: 50%; width: 54px; height: 55px; margin: -27px 0 0 -27px; background: url(images/ajax-loader.gif); z-index: 10000;}

/*-------------------------------------------------------------------------------------------*/
/*
/*   Background
/*
/*-------------------------------------------------------------------------------------------*/
#bg { height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;
	background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev2.dinwebb.nu/strandbryggan/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev2.dinwebb.nu/strandbryggan/bg.jpg', sizingMethod='scale')";
}
/* top: 100; */
#raster { height: 100%; width: 100%; position: absolute; top: 120px; left: 0; right: 0; bottom: 0; background: url(images/raster.png) center top;}

.page-child #raster,
.page-parent #raster {top: 120px;}

.bg-lr {position: absolute; top: -0px; right: 960px; height: 65px; width: 100%; background: url(images/raster.png) center bottom;}
.bg-right {left: 960px; right: auto;}
#raster .center-col {background: url(images/menu-raster.png) no-repeat center bottom; height: 65px; top: -65px;}
.top-border {background: url(images/menu-raster.png) no-repeat center top; height: 100px; position: relative; width: 960px; top: -100px; margin: 0 auto; display: none;}



/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/
.center-col {width: 960px; margin: 0 auto; position: relative;}
/* top: 150px; */
#container  {padding: 150px 0 0;}

#ajax {min-height: 500px; height: auto !important; height: 500px;}

.page-child #container,
.page-parent #container {padding: 170px;}

/* 
#header_wrapper {min-width: 100%; position: fixed; top: 0; left: 0; height: 100px; overflow: hidden; z-index: 50;}
.top-line {position: absolute; top: 0; left: 0; right: 0; min-width: 100%; background: url(images/top-bg.png) repeat-x; height: 34px;}
.header-col {position: relative; width: 960px; margin: 0 auto; background: url(images/menu-bg2.png) no-repeat 0px -98px; height: 100px;}
.head-lr {position: absolute; top: -0px; right: 960px; height: 80px; width: 100%; background: url(images/menu-side2.png) repeat-x 0px -102px;}
.head-right {left: 960px; right: auto;}
*/

#header_wrapper {min-width: 100%; position: fixed; top: 0; left: 0; height: 120px; overflow: hidden; z-index: 50;}
.top-line {position: absolute; top: 0; left: 0; right: 0; min-width: 100%; background: url(images/top-bg.png) repeat-x; height: 34px;}
.header-col {position: relative; width: 960px; margin: 0 auto; background: url(images/menu-bg3.png) no-repeat 0px -78px; height: 120px;}
.head-lr {position: absolute; top: -0px; right: 960px; height: 80px; width: 100%; background: url(images/menu-side3.png) repeat-x 0px -82px;}
.head-right {left: 960px; right: auto;}


.page-child #header_wrapper,
.page-parent #header_wrapper,
.page-child .header-col,
.page-parent .header-col {height: 120px;}

.page-child .header-col,
.page-parent .header-col {background-position: 0px -78px;}

.page-child .head-lr,
.page-parent .head-lr { background-position: 0px -82px}


#header {}

/*   Logo   */
#logo {margin: 0; padding: 0; position: absolute; bottom: 15px; left: 50%; margin: 0 0 0 -192px;}
#logo a {width: 394px; height: 44px; background: url(images/strandbryggan.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}


/* NAV
************************************/
#mainNav  {position: absolute; top: 0; left: 0; width: 960px; text-align: center; height: 30px; }
#nav {}
#nav li {display: inline;}
#nav a  {padding:0 20px; line-height: 30px; color: #bbb; text-transform: uppercase; text-decoration: none; position: relative;}
#nav li.menu-item a:hover {color: #fff; text-shadow: 0 0 1px #fff;}
#nav .current-menu-item a,
#nav .current-menu-ancestor a { color: #fff; }

/* Lvl 2 */
#nav ul {display: none; position: absolute; top: 30px; left: 0px; width: 960px;}
/* menu-item menu-item-type-post_type current-menu-item page_item page-item-18 current_page_item menu-item-20 
menu-item menu-item-type-post_type current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-20
*/
#nav .current-menu-item ul,
#nav .current-menu-ancestor ul {display: block;}
#nav ul .menu-item a {padding:0 20px; line-height: 20px; line-height: 25px; color: #fff; text-transform: uppercase; font-size: 10px;}
#nav ul .menu-item a:hover, 
#nav ul .current-menu-item a  { text-decoration: underline; }




.curr-parent > a span {display: block; width: 0px; height: 0px; lin-height: 0; overflow: hidden background: #100; position: absolute; bottom: -9px; left: 50%; margin: 0 0 0 -2px;
    border: 4px solid #fff; border-color: #fff transparent transparent transparent;}





/*  Lang
**********************/
#lang {position: absolute; z-index: 51; right: 60px; top: 5px; padding: 5px 5px 0;}
.lang {display: block; text-indent: -9999em; width: 13px; height: 13px; background: url(images/flag.png); margin: 0 0 6px;}
#other_lang {display: none;}
#lang:hover {background: url(images/gradient-trans.png);
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#lang:hover #other_lang {display: block;}
.lang-gb {background-position: 0 -13px;}
.lang-fr {background-position: 0 -26px;}
.lang-it {background-position: 0 -39px;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar left
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_left {}





/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {position: relative; margin: 0 auto; width: 960px;}

#main {}
#main.box  {}
#main.right  { width: 680px; padding: 30px 20px; }
#main.fullwidth  { width: 900px; }
.main-index {width: 634px; margin: 0 26px 0 0; float: left;}

/*   page   */
.dark-outer {background: url(images/black-20.png); padding: 5px; position: relative; -moz-border-radius: 10px;    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
.dark-inner {background: url(images/black-20.png); padding: 50px; -moz-border-radius: 10px;    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

.page-left {width: 380px; margin: 0 90px 0 0; float: left;}
.page-right {width: 380px; float: left;}

.dark-small {width: 455px; float: left; background: url(images/black-20.png); padding: 5px; position: relative; 
    -moz-border-radius: 10px;    
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.dark-img {margin: 0 20px 0 0;}
.box-right .dark-img {margin: 0 0 0 20px;}
.main-img {height: 405px; width: 455px; display: block; text-indent: -99999px; overflow: hidden;
	-moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
}
.dark-small-inner { min-height: 375px; height: auto !important; height: 375px; padding: 20px 30px 10px; background: url(images/black-20.png); 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/*   post   */
.ps-inlagg {width: 620px;}
.ps-inlagg .trans-2 {padding-bottom: 1px; padding-top: 20px;}
.post  { margin: 0 0 20px 0; position: relative;}
.post-title {/*width: 520px*/}
.post-title a {text-decoration: none; color: #fff;}
.post-meta{ margin: 0 0 15px 0; font-size: 11px; color: #aaa; }
.entry-date {position: absolute; top: 24px; color: #fff; right: 20px;}

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

.entry td {padding: 0 0 10px 0;}



/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar Right
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_right {}



#sidebar_blog {float: left; width: 300px;}




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

/* 2.7 Footer */
#footer  {font-size: 10px; padding: 20px 0 20px 0; margin: 30px auto; width: 940px;  position: relative; border-top: 1px solid #333; border-color: rgba(0,0,0,.2) }
#footer a {color: #ccc;}

.dinwebb {float: left; padding: 0px 0 0; text-indent: -9999em; width: 75px; height: 11px; background: url(images/dw.png);}
.copy-text {float: right;}






/*-------------------------------------------------------------------------------------------*/
/*
/*   Widgets
/*
/*-------------------------------------------------------------------------------------------*/
.widget  { margin: 0 0 20px 0; }
.widget-title {}

/*   Puff   */
.ps_puff {}







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


/* 6.4 Gravity Forms  */
.gform_wrapper {}
.gform_wrapper {}
.gform_wrapper ul,
.gform_wrapper ol,
.gform_wrapper ul 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: 1px solid #000; background: #000; color: #fff; font-weight: bold; cursor: pointer; padding: 0 0 2px; }
.button:hover {background: url(images/black-20.png);}
.gform_edit_link {display: none;}

.gform_ajax_spinner {}
.gfield_error input,
.gfield_error textarea {border-color: #911}
.validation_error, 
.validation_message {display: none}




.col-left, .col-right {float: left; width: 470px; margin: 0 20px 0 0;}
.col-right {float: right; margin: 0px; padding: 30px 0 0 0;}



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

.col-left .puff-small,
.col-left .puff-medium,
.col-left .ps_latest,
.col-left .ps_gallery_widget {float: right;}
.col-right .puff-small,
.col-right .puff-medium,
.col-right .ps_latest {float: left;}

/*   Small   */
.puff-small {width: 320px; }

/*   medium   */
.puff-medium, .ps_latest, .ps_events, .ps_gallery_widget {width: 390px; }
 
/*   large   */
.puff-large {}



/*   large   */
.ps_puff .widget-content {width: 436px;}

/*   Small   */
.puff-small .widget-content {width: 300px; }

/*   medium   */
.puff-medium .widget-content, .ps_latest .widget-content, .ps_events .widget-content{width: 370px; }


.ps_puff table td {border-spacing: 10px; padding: 0 15px 0 0;}



/*   Latest
*********************************************************/
.ps-latest-posts {position: relative;}
.ps-latest-wrap {width: 350px; height: 230px; margin: 0px 10px; overflow: hidden; position: relative; background: url(images/black-20.png);}
.ps-post {display: block; padding: 5px; position: relative; height: 220px; overflow: hidden; width: 340px; color: #fff; text-decoration: none; background: none;}
.post-thumb {width: 340px; height: 220px;}
.ps-content {display: block; position: absolute; bottom: 5px; left: 5px; width: 320px; background: url(images/latest.png); padding: 10px;    
    -moz-border-radius: 0px 0 10px 10px;
    -khtml-border-radius:  0px 0 10px 10px;
    -webkit-border-radius:  0px 0 10px 10px;
    border-radius:  0px 0 10px 10px;
}

.prev-next-post {position: absolute; top: 50%; height: 28px; width: 20px; background: url(images/sprites.png) 0px -28px; left: -7px; margin: -14px 0 0; z-index: 10; cursor: pointer;}
.prev-post:hover {background-position: 0 0;}
.next-post {background-position: -20px -28px; left: auto; right: -7px;}
.next-post:hover {background-position: -20px -0px;}




/*   Events
*********************************************************/
.ps_events {float: right; line-height: 1.2;}
.e-wrap {height: 140px; overflow: hidden; position: relative; width: 100%;}
.e-wrap ul {position: absolute; top: 0px; left: 0;}
.ps_events li {overflow: hidden; height: 70px; display: block; margin: 0; padding: 0; position: relative; float: left; width: 370px;}
.e-odd {background: url(images/black-20.png);}
.e-date {width: 70px; height: 64px; background: rgba(255,255,255,.1); text-align: center; font-size: 10px; padding: 3px 0; float: left; }
.e-number {font-size: 30px; color: #fff;}
.e-content {float: left; padding: 5px 0 0px 10px; width: 290px;}
.e-content h3 {font-size: 16px; margin: 0 0 5px;}
.e-content p {margin: 0; padding: 0;}

.e-controls {width: 100%; height: 17px; position: relative;}
.e-pn {position: absolute; top: 3px; height: 20px; width: 28px; background: url(images/sprites.png) -40px 0px; left: 50%; margin: 0px 0 0 -37px; z-index: 10; cursor: pointer;}
.e-prev:hover {background-position: -69px 0px;}
.e-next {margin: 0 0px 0 10px; background-position: -40px -20px;}
.e-next:hover {background-position: -69px -19px;}


/*   Puffar
*********************************************************/ 
/*   Mall 3  */
.puff-mall-3 {position: relative; overflow: hidden;}
.puff-mall-3 img {float: right; margin: 0 0 0 10px;}
.puff-mall-3 .puff-content {}

.puff-template-none img {margin: 0 0 10px;}


/*  Galleri puff */
.puff-galleri {text-align: center;}
.puff-galleri img {margin: 0 0 8px;}
.puff-galleri h2 {margin: 0;  padding: 0 30px 0 0;}
.puff-galleri h2 a {color: #fff; text-decoration: none; display: block; background: url(images/galleri-icon.png) no-repeat 225px 1px;}



.widget {background: url(images/black-20.png); padding: 7px; clear: both;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.widget-content {background: url(images/gradient-trans.png); padding: 10px; -moz-border-radius: 10px;    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}



.puff-mall-1 {position: relative; overflow: hidden;}
.puff-mall-1 img {float: right;}
.puff-bottom-left {position: absolute; bottom: 0px; left: 0; width: 185px;}

.puff-template-puff-template-2 {w float: right; }
.puff-mall-2 {position: relative; overflow: hidden;}
.puff-mall-2 img {float: left;}
.puff-mall-2 .puff-content {position: absolute; bottom: 0px; right: 0; width: 120px;}



.trans-1 {background: url(images/black-20.png); padding: 7px; clear: both;}
.trans-2 {background: url(images/gradient-trans.png); padding: 10px; }

.round {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}





#full {height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #000; position: fixed; z-index: 10000;}



.ps_go {position: relative;}
.ps_go .widget-title { margin: 0 10px 7px; border-bottom: 1px solid #3b2520; padding: 0 0 7px;}
#goLink {background: url(images/gowalla-logo.png) no-repeat; display: block; position: absolute; top: 28px; right: 27px; height: 13px; width: 42px; text-indent: -99999em;}
.checkin {margin: 0 10px 10px;; height: 60px; border-bottom: 1px solid #3b2520;}
.checkin-2 {border-bottom: none;}
.checkin a {text-decoration: none;}
.go-img {width: 50px; height: 50px; float: left; margin: 0 10px 0 0;}
.go-title {font-size: 13px}
.go-message {height: 17px; padding: 4px 0 0;}
.go-ago {color: #868686; }














.gallery_raster { height: 100%; width: 100%; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background: url(images/raster.png) center top; z-index: 1;}
.hasJS .home .widget {visibillity: hidden;}


#jquery_jplayer_1 {}
div.jp-jplayer {
    height: 0;
    width: 0;
}
.jp-audio {z-index: 50; position: absolute; top: 11px; right: 10px;}
.jp-volume-bar {width: 100px; height: 10px; background: #ccc; margin: 5px 0;}
.jp-volume-bar-value {height: 10px; background: #fff;}
.jp-controls li,
.jp-progress {display: none;}
.jp-controls .jp-show {display: block;}
.vol {display: block; }
.jp-volume-bar {display: none;}
#jplayer_inspector {position: relative; z-index: 1000; background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 0, 0);}



/*
 *  Latest post NY
 */
.ps-late {margin: 0 0 20px;}
.ps-late-title {margin: 0;}
.ps-latest-date {font-size: 10px;}




/*
 *  galleri NY
 */
#ps_gallery {height: 405px; padding: 5px; position: relative;}
#ps_slide {height: 405px; width: 950px; overflow: hidden; position: relative;    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}
.gallery-img {height: 405px; width: 950px; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.prev-img, .next-img {height: 405px; width: 40px; background: url(images/black-20.png); position: absolute; top: 5px; left: 5px; z-index: 1000; cursor: pointer}
.p-n-arr {position: absolute; top: 50%; left: 50%; height: 28px; width: 20px; background: url(images/sprites.png) 0px -28px; margin: -14px 0 0 -10px; }
.prev-img:hover .p-n-arr {background-position: 0 0;}
.next-img {left: auto; right: 5px;}
.next-img .p-n-arr {background-position: -20px -28px;}
.next-img:hover .p-n-arr {background-position: -20px -0px;}

.prev-img {
    	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

    	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.next-img {
    	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

    	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}







.ps_gallery_widget {position: relative; }

#start_gallery_wrap {width: 340px; height: 220px; margin: 0px 15px; overflow: hidden; position: relative;}
#start_gallery_wrap .prev-img,
#start_gallery_wrap .next-img {top: 0; height: 220px;}
#start_gallery_wrap .prev-img {left: 0;}
#start_gallery_wrap .next-img {right: 0;}

#ps_start_slide {width: 340px; height: 220px; position: relative;}
.start-gallery-img {height: 220px; width: 340px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}