/*
 * THEME NAME: Fjordguiding
 * DESCRIPTION: WordPress theme for Fjordguiding.com
 * VERSION: 1.0
 */

@import url('reset-min.css');
@import url('base-min.css');

html { background: #689fb6 url('img/misc/bakgrunn.png') repeat-x 0 0; }

body { background: #689fb6 url('img/misc/bakgrunn.png') repeat-x 0 0; font: normal 12px/20px Arial, sans-serif; color: #444; }

h3 { font-size: 12px; line-height: 20px; margin-bottom: 0.1em; color: #FF6633; }

strong { margin-bottom: 1.5em; font: normal 15px/22px Georgia, "Times New Roman", serif;}    

input[type=text],input[type=password],textarea { width:18.25em;*width:17.9em; }

form p { margin: 5px; }

th, td { border: none; text-align: left; padding: 4px; }
    #boats td, #boats th { text-align: center; vertical-align: top; }

a { outline: 0; text-decoration: none; color: #3399CC;}
a:hover { text-decoration: underline; }
a:visited { color: #4DB0CF; }
    #main #content a:hover img { background-color: #bbb }

.ngg-galleryoverview { margin-left: 12px; }

#container { width: 890px; margin: 1em auto 0 auto; }
#container { }

#main { width: 640px; float: left; background: transparent url('img/misc/main_background.png'); }
  #main #content { width: 572px; margin: 0 auto 30px auto; min-height: 500px; }
  #main #content img { border: 1px solid #ddd; padding: 2px; }
  #main #video-content { width: 572px; margin: 0 auto; min-height: 900px; }
  #main #video-content p { margin-left: 1em; margin-right: 3em; }
  
    #main #video-content #ingress { margin: 1em 1.5em 0 1em;}

#video { margin-top: 2em;}

#lang { text-align: left; height: 20px; }
  #lang ul { display: inline; list-style-type: none; }
    #lang ul li { margin: 0; display: inline; float: left; list-style-type: none; position: relative; top: -6px; left: 41px; }
    #lang ul li a { display: block; width: 30px; height: 30px; text-indent: -9009px; }
    #lang #nor { background: transparent url('img/lang/no.png') no-repeat 4px 0;}
      #lang #nor.active { background: transparent url('img/lang/no.png') no-repeat 4px 0;}
    #lang #uk { background: transparent url('img/lang/gb.png') no-repeat 0 0;}
      #lang #uk.active { background: transparent url('img/lang/gb.png') no-repeat 0 0;}
    #lang #ger { background: transparent url('img/lang/de.png') no-repeat 0 0;}
      #lang #ger.active { background: transparent url('img/lang/de.png') no-repeat 0 0;}

  #page-heading h1 { margin-bottom: 5px; font-size: 30px; text-align: center; }

.post-container { background: url('img/misc/artikkelskygge_komplett.png') no-repeat 0 15px; min-height: 170px; padding: 0 46px 0 20px; }
  .post-container h2 { margin-bottom: 30px; font: 30px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; letter-spacing: -2px;}
    .post-container h2 a { color: #444; }
  .post-container .meta { font-style: italic; }
  .post-container .post { margin: 0 2em 0 1em; }
  .post-container p { margin: 0 1.5em 1em 1.5em;} /* For video page */
  .post-container table { margin: 0 1.5em 1em 1.5em;} /* For video page */

#postnavigation { margin-left: 20px; }

#front-image { }
#text { position: relative; top: -5px; left: 12px; text-align: left; padding-left: 35px; padding-right: 55px; padding-top: 18px; background: url('img/misc/artikkelskygge.png') no-repeat 0 0;}

#ver { position: relative; top: -5px; text-align: left; padding-left: 35px; padding-right: 55px; padding-top: 38px; background: url('img/misc/artikkelskygge_komplett.png') no-repeat 0 0;}
#ver-heading { }
  #ver p strong { margin-left: 10px; }

.wordtube { text-align: center; padding: 1em 0 1em 0;}

#sidebar { margin-top: 0.5em; width: 250px; float: right; }

#logo-top { background: transparent url('img/logo/topp.png') no-repeat 0 0; height: 12px;}
#logo { height: 71px; background: transparent url('img/logo/bakgrunn.png') repeat-y 0 0; }
  #logo a { display: block; height: 100%; height: 55px; padding-top: 7px; }

#menus { background: transparent url('img/menu/other/bakgrunn.png') repeat-y 0 0;  }
  #menus ul { margin: 0; }
  #menus li { list-style-type: none; }
    #menus li a { color: #636969; text-decoration: none; display: block; }
    #menus li a:hover { text-decoration: underline; }
    #menus #active a:hover { text-decoration: none; }

.tours { font-size: 15px; font-weight: bold; text-indent: 20px; letter-spacing: -0.3px;} 
  .tours li { height: 50px; }
  .tours a { height: 25px; padding: 14px 0;}
  
  .rundtur li { background: transparent url('img/menu/default/rundtur.png') no-repeat 0 0; }
  .rundtur li:hover  { background: transparent url('img/menu/hover/rundtur.png') no-repeat 0 0; }
    .rundtur li.current_page_item { text-decoration: none; background: transparent url('img/menu/active/rundtur.png') no-repeat 0 0; }
    
  .transport li { background: transparent url('img/menu/default/transport.png')  no-repeat 0 0; }
  .transport li:hover  { background: transparent url('img/menu/hover/transport.png') no-repeat 0 0; }
    .transport li.current_page_item { background: transparent url('img/menu/active/transport.png') no-repeat 0 0; }
    
#nav { font-size: 12px; letter-spacing: -0.15px; padding: 5px 0 5px 20px; width: 238px;}
  #nav li { width: 160px; border-bottom: 1px dotted #aaa; padding: 6px 0 4px 0; }
  #nav li.current_page_item a { color: #3399CC; text-decoration: none; }

  #now h3 { margin-left: 30px; font-size: 11px; color: #40535a;}
    #now h3 a { display: inline; color: #40535A; }
#news { font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; }
#news li .title a .date { font-weight: normal; }
#news .date { }
  #news a { color: #FFF; text-decoration: none; display: block; height: 35px; width: 120px; /*height: 35px; */padding: 10px 20px 10px 30px;}
  #news a:hover { text-decoration: underline; background: transparent url('img/news/strong.png'); }
  #news a:visited { }
  #news .title { font-weight: bold; background: url('img/news/plus.png') no-repeat 157px 14px; overflow: visible; }
  ul#news { width: 170px; margin: 0 0 30px 0; }
  #news li { margin-bottom: 3px; background: transparent url('img/news/light.png'); /*padding: 10px 0 10px 30px;*/  }
  #yr { background: transparent url('img/weather/yr.jpg') no-repeat 0 0; height: 30px; width: 170px; }
  #yr a { display: block; text-indent: -999em; }
  
#booking {  text-transform: uppercase; color: #FF6633; font-size: 14px; 
            border: 1px solid #ddd; border-width: 1px 0; 
            padding: 3px 0 3px 8px; margin: 0 auto 5px auto; width: 482px;
          }

ul#weather { margin: 0;}
#weather { background: transparent url('img/news/light.png') repeat 0 0; height: 50px; width: 158px; padding: 0 5px;}
  #weather img { margin: 10px 15px 15px 35px; width: 30px; float: left;}
  #weather .temp { color: white; font-size: 20px; font-weight: bold; margin-left: 95px; padding-top: 13px; width: 60px;}
#weather-footer { background: transparent url('img/news/strong.png') repeat 0 0; height: 100px; width: 158px; }


#menus-footer { background: transparent url('img/menu/other/bunn.png') no-repeat 0 0; display: block; height: 23px;}

#footer { text-align: center; font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#fg-meta { position: relative; top: 16px; background: transparent url('img/misc/fjordbunn.png') no-repeat 0 0; height: 25px; padding-top: 50px; }
    #fg-meta a { color: #444444; }
#powered { position: relative; top: 18px; text-transform: uppercase; color: #cdd;  }
  #powered a { color: #99CCCC;}

#preload { height: 0; overflow: hidden; }

/* Taken from wp default theme	
  Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */