/*
Theme Name: Fjällgården
Theme URI: http://fjallgarden.se/
Description: Lorem ipsum dolor sit amet.
Version: 1.0
Author: Osynlig
Author URI: http://osynlig.se/
Tags: 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img {
	border: none;
}

strong {
	font-weight: bold;
}

.right, .alignright {
	float: right;
}

.left, .alignleft {
	float: left;
}

.clear {
	clear: both;
	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
	display: none;
}

/******************************/

html,body {
	height: 100%;
}

body {
	font-family: georgia, serif;
	font-size: 13px;
	line-height: 1em;
	background: url('images/tra_bg.jpg') top center; 
}

body.home {
	background: url('images/home_bg.jpg') #000 no-repeat top center; 
}

body.page-template-page-afterski-php {
	background: url('images/afterski_bg.jpg') #009ae2 no-repeat top center; 
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#header div.wrapper, div#footer div.wrapper  {
	width: 741px;
	margin: 0 auto;
}

div#header div.wrapper.wider {
	width: 763px;
}

div#header {
	position: absolute;
	z-index: 101;
	left: 0;
	width: 100%;
	height: 80px;
	font-family: arial, tahoma, 'sans-serif';
	background: url('images/header_bg.jpg') repeat-x;
}

div#header, div#header div#header-bookings {
	width: 100%;
	background: url('images/header_bg.jpg') repeat-x top center;
}

div#header div#header-bookings {
	position: fixed;
	height: 43px;
	
	_position:absolute;
	_top:expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
}

div#header div#header-bookings div.wrapper {
	height: 100%;
}

div#header div#header-bookings div.wrapper form {
	height: 100%;
	padding: 0 0 0 11px;
	background: url('images/bookings_bg.gif') no-repeat 99px 0;
	color: #663300;
}

div#header div#header-bookings div.wrapper form .padding {
	padding-top: 5px;
	width: 675px;
}

div#header div#header-bookings div.wrapper form p {
	float: left;
}

div#header div#header-bookings div.wrapper form p.book-text {
	padding-top: 5px;
}

div#header div#header-bookings div.wrapper form label {
	display: block;
	float: left;
	font-size: 9px;
	padding-top: 6px;
	margin-right: 3px;
	text-transform: uppercase;
}

div#header div#header-bookings div.wrapper form div.arrival input,
div#header div#header-bookings div.wrapper form div.arrival label,
div#header div#header-bookings div.wrapper form div.arrival a {
	float: left;
}

div#header div#header-bookings div.wrapper form div.arrival {
	margin: 2px 11px 0 58px;
	display: inline;
}

div#header div#header-bookings div.wrapper form div.arrival input  {
	width: 102px;
	height: 21px;
	font-size: 11px;
	padding: 2px 4px;
	margin-right: 5px;
	background: url('images/date_bg.gif') no-repeat;
	border: none;
}

div#header div#header-bookings div.wrapper form div.select {
	float: left;
	padding: 2px 10px 0 0;
}

div#header div#header-bookings div.wrapper form div.select p {
	width: 55px;
	height: 23px;
	background: url('images/select_bg.gif') no-repeat;
}

div#header div#header-bookings div.wrapper form div.select select {
	display: block;
	position: absolute;
	width: 55px;
	height: 22px;
}

div#header div#header-bookings div.wrapper form div.select span.value {
	display: block;
	padding: 5px 0 0 8px;
	color:#CC6633;
}

div#header div#header-bookings div.wrapper form div.select.nights {
	margin-left: 55px;
}

div#header div#header-bookings div.wrapper form p.submit {
	float: right;
}

div#header div#header-bookings div.wrapper form p.submit a {
	display: block;
	color: #fff;
	font-family: arial, 'sans-serif';
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	height: 21px;
	padding: 7px 0 0 0;

	width: 89px;
	text-align: center;
}

div#header div#header-bookings div.wrapper form p.submit a:hover {
	text-decoration: none;
}

div#header div#header-bookings ul.languages {
	display: inline;
	width: 36px;
	min-height: 32px;
	margin-right: 18px;
	background: url('images/language_bg.gif') no-repeat;
}
* html div#header div#header-bookings ul.languages { height: 32px; }

div#header div#header-bookings ul.languages.hover {
	width: 32px;
	margin-right: 22px;
	background: #f2e1d7;
	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	
	-webkit-border-radius-bottomleft: 3px;
	-webkit-border-radius-bottomright: 3px;
}

div#header div#header-bookings ul.languages.hover li {
	display: block;
}

div#header div#header-bookings ul.languages li {
	display: none;
}

div#header div#header-bookings ul.languages li.active {
	display: block;
}

div#header div#header-bookings ul.languages li a {
	display: block;
	padding: 5px 8px;
}

div#header div.menu {
	padding-top: 55px;
}

div#header div.menu ul.wp-menu li {
	display: inline;
}

div#header div.menu ul.wp-menu li a {
	padding: 0 11px 0 7px;
	font-size: 11px;
	text-transform: uppercase;
}

div#header div.menu ul.main-menu li a {
	color: #666;
	background: url('images/dot_grey.gif') no-repeat right center;
}

div#header div.menu ul.main-menu li a:hover {
	color: #333;
	text-decoration: none;
}

div#header div.menu ul.main-menu li a:hover, div#header div.menu ul.main-menu li.active a, div#header div.menu ul.main-menu li.has-active a {
	color: #000;
	text-decoration: underline;
}

div#header div.menu ul.info-menu li a {
	color: #cc6633;
	background: url('images/dot_orange.gif') no-repeat right center;
}

div#header div.menu ul.info-menu li a:hover {
	color: #663300;
	text-decoration: none;
}

div#header div.menu ul.info-menu li a:active, div#header div.menu ul.info-menu li.active a, div#header div.menu ul.info-menu li.has-active a {
	color: #000;
	text-decoration: underline;
}

div#header div.menu ul.wp-menu li.first a {
	padding-left: 0;
}

div#header div.menu ul.wp-menu li.last a {
	padding-right: 0;
	background: none;
}

/** start **/

body.home div#flash, body.home div#no-flash {
	width: 100%;
	height: 100%;
	position: relative;
}

body.home div.no-flash-image {
	position: absolute;
	bottom: 112px;
	text-align: center;
	width: 100%;
}

body.home div#no-flash div#default-no-flash {
	display: none;
}

/** regular **/

div#body {
	width: 760px;
	min-height: 100%;
	margin: 0 auto;
	background: url('images/body_bg.gif') repeat-y;
}
* html div#body { height: 100%; }

div#body div.shadow {
	height: 28px;
	padding-top: 80px;
	background: url('images/body_shadow.gif') no-repeat bottom left;
}

div#body div.wrapper {
	padding: 0 58px 132px 21px;
}

div#body div.left-col {
	width: 180px;
}

div#body div.left-col p.logotype {
	text-align: center;
	margin-bottom: 25px;
}

div#body div.left-col h2.menu-title {
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}

div#body div.left-col h2.menu-title, div#body div.left-col ul.wp-menu {
	font-family: arial, tahoma, 'sans-serif';
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
}

div#body div.left-col ul.wp-menu {
	margin-bottom: 17px;
	background: url('images/menu_spacer.gif') no-repeat left bottom;
}

div#body div.left-col ul.wp-menu li a {
	display: block;
	padding: 4px 0 8px 0;
	color: #5e5249;
	background: url('images/menu_spacer.gif') no-repeat;
}

div#body div.left-col ul.wp-menu li a:hover {
	color: #3b332e;
	text-decoration: none;
}

div#body div.left-col ul.wp-menu li a:active, div#body div.left-col ul.wp-menu li.active a, div#body div.left-col ul.wp-menu li.has-active a {
	color: #000;
	text-decoration: underline;
}

div#body div.left-col ul.related-links li {
	padding: 4px 0 4px 0;
	background: url('images/menu_spacer.gif') no-repeat;
}

div#body div.left-col ul.related-links li.title {
	font-size: 16px;
	color: #987f66;
	padding: 0;
	margin-bottom: 10px;
	background: none;
}

div#body div.left-col ul.related-links li, div#body div.left-col ul.related-links li a {
	color: #987f66;
	line-height: 1.2em;
}

div#body div.left-col ul.related-links li a:hover {
	color: #8b735c;
	text-decoration: none;
} 

div#body div.left-col ul.related-links li a:active {
	color: #715a44;
}

div#body div.left-col ul.related-links li a {
	display: block;
	font-weight: bold;
	padding-left: 15px;
	background: url('images/read_more_bg.gif') no-repeat left center;
}

div#body div.content {
	width: 480px;
	padding-top: 20px;
	line-height: 1.2em;
}

div#body div.content a {
	text-decoration: underline;
}

div#body div.content p {
	margin-bottom: 15px;
}

div#body div.content h1 {
	font-family: georgia, serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
	padding: 0 0 8px 32px;
	border-bottom: 10px solid #000;
	margin-bottom: 15px;
}

div#body div.content h2 {
	font-family: georgia, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #000;
	padding-bottom: 6px;
	border-bottom: 3px solid #000;
	margin-bottom: 10px;
	margin-top: 30px;
}

div#body div.content h3 {
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
	margin: 16px 0 5px 0;
}

div#body div.content ul, div#body div.content ol {
	list-style: disc inside;
}

div#body div.content li {
	margin-bottom: 3px;
}

div#body div.content div.child-preview div.item {
	width: 230px;
	margin-bottom: 10px;
}

div#body div.content div.child-preview div.item h2 {
	margin-top: 15px;
}

div#body div.content div.child-preview div.item.left {
	margin-right: 20px;
}

div#body div.content div.child-preview div.item p {
	margin-bottom: 8px;
}

div#body div.content div.child-preview div.item h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	border-bottom: 3px solid #b49a83;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

/** after ski **/

div#body.afterski {
	background: none;
}

div#body.afterski div.background {
	background: #f2d3e3;
}

div#body.afterski div.shadow {
	background: url('images/body_shadow_pink.gif') no-repeat bottom left;
}

div#body.afterski #after-ski-bottom {
	height: 205px;
	background: url('images/after_ski_bottom_bg.png') no-repeat;
	padding-bottom: 130px;
}

div#body.afterski div.left-col ul.wp-menu li a {
	background: url('images/menu_spacer_pink.gif') no-repeat;
}

div#body.afterski div.left-col ul.related-links li.title, div#body.afterski div.left-col ul.related-links li a {
	color: #cc33cc;
}

div#body.afterski div.left-col ul.related-links li a span.title {
	background: url('images/read_more_pink_bg.gif') no-repeat left center;
}

div#body.afterski div.left-col ul.related-links li{
	background: url('images/read_more_spacer_bg.gif') no-repeat;
}

div#body.afterski div.left-col ul.related-links li.title {
	background: none;
}

div#body.afterski div.content h2 {
	border-bottom: none;
	background: url('images/h2_border.gif') no-repeat left bottom;
}

/** allehanda **/

div#body.allehanda {
	background: url("images/body_allehanda_bg.jpg") repeat-y;
}

div#body.allehanda div.wrapper {
	padding-right: 19px;
}

div#body.allehanda div.shadow {
	background: url("images/body_shadow_allehanda.gif") no-repeat left bottom;
}

div#body.allehanda div.allehanda-header {
	margin-bottom: 6px;
}

div#body.allehanda div.right-col {
	width: 200px;
	padding-top: 20px;
}

div#body.allehanda div.right-col h2 {
	font-size: 16px;
	color: #7d7d7d;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 3px solid #bebdbd;
}

div#body.allehanda div.right-col ul {
	margin-bottom: 12px;
	padding-left: 7px;
}

div#body.allehanda div.right-col ul.archive {
	margin-bottom: 50px;
}

div#body.allehanda div.right-col ul li {
	list-style: url("images/disc.gif") inside;
}

div#body.allehanda div.right-col ul li a {
	font-family: arial, tahoma, 'sans-serif';
	font-size: 12px;
	text-transform: uppercase;
	line-height: 17px;
}

div#body.allehanda div.posts h1 {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 26px;
	line-height: 1.2em;
}

div#body.allehanda div.posts {
	border-top: 10px solid #e5d1c6;
	border-bottom: 10px solid #e5d1c6;
	padding: 2px 0 10px 0;
}

div#body.allehanda div.posts div.post {
	border-top: 10px solid #e5d1c6;
	padding-top: 10px;
}

div#body.allehanda div.posts div.post div.date {
	width: 34px;
	height: 47px;
	margin: 7px 14px 35px 0;
	background: url('images/calendar_months.gif') no-repeat;
}

div#body.allehanda div.posts div.post div.date p {
	font-family: arial, tahoma, 'sans-serif';
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #373737;
	padding-top: 17px;
}

div#body.allehanda div.posts div.post div.date.feb { background-position: 0 -47px; }
div#body.allehanda div.posts div.post div.date.mar { background-position: 0 -94px; }
div#body.allehanda div.posts div.post div.date.apr { background-position: 0 -141px; }
div#body.allehanda div.posts div.post div.date.may,
div#body.allehanda div.posts div.post div.date.maj { background-position: 0 -188px; }
div#body.allehanda div.posts div.post div.date.jun { background-position: 0 -235px; }
div#body.allehanda div.posts div.post div.date.jul { background-position: 0 -282px; }
div#body.allehanda div.posts div.post div.date.aug { background-position: 0 -329px; }
div#body.allehanda div.posts div.post div.date.sep { background-position: 0 -376px; }
div#body.allehanda div.posts div.post div.date.oct,
div#body.allehanda div.posts div.post div.date.okt { background-position: 0 -423px; }
div#body.allehanda div.posts div.post div.date.nov { background-position: 0 -470px; }
div#body.allehanda div.posts div.post div.date.dec { background-position: 0 -517px; }

/** footer **/

body.home div#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;

	_position:absolute;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}

div#footer {
	width: 100%;
	height: 112px;
	background: url('images/footer_bg.jpg') repeat-x top center;
	font-family: georgia, serif;
	font-size: 11px;
}

div#footer div.bottom_shadow {
	position: absolute;
	width: 741px;
	height: 20px;
	margin-top: -20px;
}

div#footer div.wrapper {
	height: 100%;
}

div#footer div.wrapper ul {
	padding-top: 22px;
}

div#footer div.wrapper ul li {
	padding-top: 8px;
}

div#footer div.wrapper ul li.celebrate {
	width: 305px;
	padding-right: 50px;
	margin-right: 15px;
	color: #666;
	background: url('images/footer_spacer_bg.gif') repeat-y top right;
}

div#footer div.wrapper ul li.celebrate p {
	width: 200px;
	padding-top: 25px;
}

div#footer div.wrapper ul li.contact {
	width: 212px;
}

div#footer div.wrapper ul li.contact, div#footer div.wrapper ul li.contact a {
	color: #336600;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.3em;
}

div#footer div.wrapper ul li a:hover, div#footer div.wrapper ul li.active a {
	text-decoration: none;
	color: #003300;
}

div#footer div.wrapper ul li a:active {
	color: #000;
}

div#footer div.wrapper ul ul, div#footer div.wrapper ul ul li {
	padding-top: 0;
}

div#footer div.wrapper ul ul {
	padding-bottom: 2px;
	border-bottom: 1px solid #e6e0d4;
	margin-bottom: 4px;
	text-align: center;
}

div#footer div.wrapper ul ul li {
	font-family: arial, tahoma, 'sans-serif';
	display: inline;
	text-transform: uppercase;
}

div#footer div.wrapper ul ul li a {
	padding: 0 9px 0 2px;
	background: url('images/dot_green.gif') no-repeat center right;	
}

div#footer div.wrapper ul ul li.last a {
	padding-right: 0;
	background: none;
}


/* Image Gallery */

#imageGallery-image-box {
	background-image: url('images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}


.white	{ margin: 0 25px 0 10px; }