/******** Reset browser *********/

* { margin: 0px; padding: 0px;}
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/******** Website IE6 elements *********/

/* IE-Warning */
div#ie-warning { background: url('../images/ie6/ie6bar-bg.png') repeat-x; margin: 0; padding: 0px; height: 138px; width: 105%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 0.8em; overflow-y: hidden; overflow-x: hidden; position: relative; z-index: 999; }
div#ie-warning p { /* background: url(../images/ie6/ie6bar-text.png) no-repeat; text-indent: -2000px;*/ height: 110px; width: 500px;  margin: 0; font-size: 1.4em; font-weight: 600; font-stretch: condensed; color: #bfbf90; top: 50px; left: 50%; margin-left: -450px; position: absolute; }
div#ie-warning h3 { color: #848462; font-size: 2.4em; font-weight: normal; top: 0px; left: 50%; margin: 0px 0px 0px -450px; padding: 20px 0px 10px 0px; position: absolute; display: block; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; border: none; }
div#ie-warning a { height: 96px; width: 79px; left: 50%; top: 0px; text-indent: -2000px; position: absolute; z-index: 40; }
div#ie-warning a#firefox { background: url('../images/ie6/ie6bar-firefox.png') no-repeat; margin-left: 100px;}
div#ie-warning a#ie { background: url('../images/ie6/ie6bar-ie.png') no-repeat; margin-left: 200px; }
div#ie-warning a#chrome { background: url('../images/ie6/ie6bar-chrome.png') no-repeat; margin-left: 300px; }
div#ie-warning a#safari { background: url('../images/ie6/ie6bar-safari.png') no-repeat; margin-left: 400px; }
div#ie-body {background: url('../images/body.jpg') repeat-x top; width: 105%; height: 800px; position: absolute; top: 138px; } 

/******** Website Standard elements *********/

* {	margin:0; padding:0; } 
body { background: url('../images/body.jpg') top repeat-x #00456e; margin: 0; padding: 0; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 0.9em; overflow-y: scroll; overflow-x: hidden; width:100%; }

a { color: #003366; }
a:hover { color: #6699FF; }
img { border:0;}
img.picA{ position: relative; top: 0px;  background: url('../images/bg-img-entry-trans.png') no-repeat; width: 80px; height: 80px; padding: 20px 10px 10px 10px; float:left; margin: 3px;  border:0;}
p { margin: 10px 0px 10px 0px; padding: 0px;}
h1 { color: #333; margin: 20px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #f1f1f1; font-weight: 100; text-align: left; font-size:2.8em; font-family: "Bradley Hand ITC", "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;}
h2 { color: #333; margin: 20px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #f1f1f1; font-weight: 600; text-align: left; font-size:2.4em; font-family: "Bradley Hand ITC", "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;}
h3 { color: #333; margin: 20px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #f1f1f1; font-weight: 600; text-align: left; font-size:1.4em; font-family: "Bradley Hand ITC", "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;}

.right { margin:0px; float: right;   border:0;}
.left {  margin: 0px; float: left;  border:0;}

#vinter {}
#sommar {}

img.picRight { margin: 0px -70px 0px 0px; float: right; z-index: 99; position:relative; z-index: 30; }
img.picLeft {  margin: 0px 0px 0px -70px; float: left; z-index: 99; position: relative; z-index: 30; }

div#wrapper { width: 800px; position: absolute; left: 50%; margin-left: -400px; padding: 0px;}
div#cloud { height: 600px; width: 100% /*1440px*/; background: url(../images/cloud-trans.png) no-repeat top center; position: absolute; top: 0px; left:0px; /* margin-left: -720px;*/ overflow: hidden; z-index: 0; }
div#header { margin: 0px; padding: 0px 40px 0px 40px; height: 142px; background: url(../images/header-trans.png) no-repeat top; position: relative;}
div#header a { color: #CCC; }

div#header ul li#vinter  { background: url(../images/vinter-trans.png) no-repeat top; position: absolute; height: 50px; width: 100px; top: 80px; right: 100px; }
div#header ul li#vinter a { text-indent: -2000px; display: block; height: 50px; }
div#header ul li#sommar  { background: url(../images/sommar-trans.png) no-repeat top; position: absolute; height: 50px; width: 100px; top: 80px; right: 200px; }
div#header ul li#sommar a { text-indent: -2000px; display: block; height: 50px;}

div#menu { position:  relative; margin: -85px 0px 50px 40px; padding: 0px 80px 0px 80px; height: 22px; background: url(../images/menu.jpg) no-repeat top; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 600;}
div#menu ul { list-style-type: none; margin:0px; padding: 0px;}
div#menu ul li {float:left; display: block; text-align:center; height: 21px; vertical-align: middle; padding-top: 3px;}
div#menu ul li#menu1 { background: url(../images/menu1.jpg) no-repeat top; width: 62px;}
div#menu ul li#menu2 { background: url(../images/menu2.jpg) no-repeat top; width: 76px;}
div#menu ul li#menu3 { background: url(../images/menu3.jpg) no-repeat top; width: 74px;}
div#menu ul li#menu4 { background: url(../images/menu4.jpg) no-repeat top; width: 80px;}
div#menu ul li#menu5 { background: url(../images/menu5.jpg) no-repeat top; width: 82px;}
div#menu ul li#menu6 { background: url(../images/menu6.jpg) no-repeat top; width: 78px;}
div#menu ul li#menu7 { background: url(../images/menu7.jpg) no-repeat top; width: 85px;}
div#menu ul li a { color: #666666; margin-bottom: 5px; padding: 5px; text-decoration: none;}
div#menu ul li a:hover { color: #0099FF; }
div#menu ul li a.active { color: #333; }

div#main { background: url(../images/main-trans.png) repeat-y left top; width: 660px; margin: 0px; padding: 0px 70px 5px 70px; float: left; text-align: left; }
div#main ul { margin: 10px 5px 20px 25px; }
div#main ul li{ list-style-type: decimal; }
div#main ul li a { }
div#main div#main-left { width: 420px; float: left; margin: 0; padding: 0; }
div#main div#main-right { width: 300px; float: left; margin: 0; padding: 0;}
div#main div#main-sponsor { width: 700px; padding: 10px 0px 10px 0px; float: left; text-align: center; }

div#main div.highlight { background: url(../images/bg-info-trans.png) no-repeat left top; width: 303px; height: auto; padding: 10px 105px 30px 20px; position: relative; z-index: 20; float: right; text-align:center; clear: right; margin: 30px -55px 0px 0px;}
div#main div.highlight div.peppo { width: 250px; height: 100px; padding: 0px; position: relative; z-index: 20; float: right; text-align:center; clear: right; margin: 0px;}
div#main div.highlight div.peppo h3 { text-align: right; width: 300px; margin: 0px; padding: 0px; border: none; }
div#main div.highlight div.peppo i { text-align: center; }
div#main div.highlight div.tack { width: 250px; height: 150px; padding: 0px; position: relative; z-index: 20; float: right; text-align:center; clear: right; margin: 0px;}
div#main div.highlight div.tack h3 { text-align: right; width: 300px; margin: 0px; padding: 0px; border: none; }
div#main div.highlight div.tack i { text-align: center; }
div#main div.entry div.specialentry { height: 4.6em; overflow: hidden; margin-bottom: 10px; }

div#main div.entry { font-size: 1.0em; line-height: 1.2em; clear: right; padding: 25px 0px; }
div#main div.entry h3 a { font-weight: 600; font-size:1.6em; text-decoration: none; color: #333333;}
div#main div.entry h4 { font-weight:normal; font-size:1.3em;}
div#main div.entry div.comments { margin: 10px; float: right;}
div#main div.entry img.picA{ position: relative; top: -10px;  background: url(../images/bg-img-entry-trans.png) no-repeat; width: 80px; height: 80px; padding: 20px 10px 10px 10px; float:right; margin: 3px; }


div#main div#main-sponsor { }
div#main div#main-sponsor ul { list-style-type:none; margin:0px; padding: 0px; display: block;}
div#main div#main-sponsor ul li {margin: 0px; padding: 0px; display: inline; width: 140px;}
div#main div#main-sponsor ul li a { color: #999999; margin-bottom: 5px; padding: 10px; text-decoration: none; font-size: 0.9em; display: inline; vertical-align: middle;}
div#main div#main-sponsor ul li a img{ vertical-align: middle; }
div#main div#main-sponsor ul li a:hover { color: #990000; }

div#footer {  background: url(../images/footer-trans.png) left top no-repeat; width: 680px; height: 260px; position: relative; font-size: 0.8em; text-align: center; color: #999999; clear: both; padding: 20px 60px 20px 60px; margin: 0px; float:left; }
div#footer a.mailto {  background: url(../images/footer-mailto.png) left; width: 40px; height: 30px; position: relative; float: right; overflow: hidden; text-indent: -2000px; margin-left: 20px; }
div#footer a.home {  background: url(../images/footer-home.png) left; width: 40px; height: 30px; position: relative; float: right; overflow: hidden; text-indent: -2000px; }
div#footer a.facebook {  background: url(../images/footer-facebook.png) left; width: 40px; height: 30px; position: relative; float: right; overflow: hidden; text-indent: -2000px; }
div#footer a.rss {  background: url(../images/footer-rss.png) left; width: 40px; height: 30px; position: relative; float: right; overflow: hidden; text-indent: -2000px;  margin-right: 2px;}
div#footer p {  border-top: 1px solid #f1f1f1; padding: 0px 20px 0px 0px; float: right;}

form, label, fieldset {margin-bottom: 1em; float: left; display: block; width: 240px; overflow-x: visible; }
form { }
fieldset { border: 0px; margin: 20px 0 20px 0; }
fieldset label { margin: 5px 0 5px 0; }
input, select, textarea { font: 1em arial; background: #fff; padding: 3px; }
input { border: 1px solid #ccc; }
textarea { width: 400px; height: 100px; border: 1px solid #ccc; background: #fff; }
td.checkbox { width: 15px; }
input:focus, textarea:focus { border: 1px solid #666; }
input.button { margin: 5px 0 5px 0; }
input.button:active { border-top: 1px solid #333; border-left: 1px solid #333; }

/******** jQuery lightbox elements *********/

#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url('images/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/next.gif') right 50% no-repeat; }
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; }
#nextLinkText{ padding-left: 20px; }
#prevLinkText{ padding-right: 20px; }
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData { padding-top: 5px; }
/*** END : added padding when navbar is on top ***/
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }