@charset "ISO-8859-1";

 /* TitilliumTextMod14L999wt is a modified variant of TitilliumText14L999wt by Accademia di Belle Arti Urbino */
@font-face {
	font-family: 'TitilliumTextMod14L999wt';
	src: url('/external/fonts/titilliumtextmod14l-999wt.eot');
	src: local('☺'), url('/external/fonts/titilliumtextmod14l-999wt.woff') format('woff'), url('/external/fonts/titilliumtextmod14l-999wt.ttf') format('truetype'), url('/external/fonts/titilliumtextmod14l-999wt.svg#webfontLIsHUzAP') format('svg');
}

 /* LandliebeExt is an extended variant of LandliebeRegular by Richard Mitchell */
@font-face {
	font-family: 'LandliebeExt';
	src: url('/external/fonts/LandliebeExt.eot');
	src: local('☺'), url('/external/fonts/LandliebeExt.woff') format('woff'), url('/external/fonts/LandliebeExt.ttf') format('truetype'), url('/external/fonts/LandliebeExt.svg#webfont') format('svg');
}

@font-face {
	font-family: 'LacunaRegular';
	src: url('/external/fonts/lacuna.eot');
	src: local('☺'), url('/external/fonts/lacunapc.woff') format('woff'), url('/external/fonts/lacunapc.ttf') format('truetype'), url('/external/fonts/lacuna.svg#LacunaRegular') format('svg');
}

@font-face {
	font-family: 'LacunaItalic';
	src: url('/external/fonts/lacuna-italic-pc.eot');
	src: local('☺'), url('/external/fonts/lacuna-italic-pc.woff') format('woff'), url('/external/fonts/lacuna-italic-pc.ttf') format('truetype'), url('/external/fonts/lacuna-italic-pc.svg#LacunaItalic') format('svg');
}

@font-face {
	font-family: '1942report';
	src: url('/external/fonts/1942.eot');
	src: local('☺'), url('/external/fonts/1942.woff') format('woff'), url('/external/fonts/1942.ttf') format('truetype'), url('/external/fonts/1942.svg#webfont') format('svg');
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

*:focus {
	outline: 0;
}

html, body {
	height: 100%;
}

body {
	background: #000 url('/external/img/mainbg.jpg') top center repeat-y fixed;
	margin: 0;
	padding: 0;
	font-size:62.5%;
}

#mainbox {
	width: 100%;
	background: url('/external/img/vagor-trans.png') top center no-repeat fixed;
}

#contentbox {
	width: 999px;
	margin: 0 auto;
}

#karta {
	background: url('/external/img/karta.jpg') top left no-repeat;
	width: 415px;
	height: 113px;
	top: 166px;
	position: absolute;
}

#sidhuvuds, #sidhuvude {
	width: 999px;
	height: 166px;
	position: fixed;
}

#sidhuvuds {
	background: url('/external/img/topp-s.jpg') top center no-repeat;
}

#sidhuvude {
	background: url('/external/img/topp-e.jpg') top center no-repeat;
}

#sidhuvudimg {
	margin: 0;
	width: 999px;
	height: 166px;
	position: absolute;
}

#position {
	height: 21px;
	width: 28px;
	cursor: move;
	position: absolute;
	visibility: hidden;
}

#saghej {
	position: absolute;
	width: 68px;
	height: 68px;
	background: url('/external/img/hej-s.jpg') top left no-repeat;
	top: 83px;
	left: 503px;
	cursor: pointer;
}

#saghej:hover {
	background-position: -68px 0;
}

#saghej:active {
	background-position: -136px 0;
}

#underkant {
	width: 999px;
	height: 56px;
	bottom: 0;
	position: fixed;
}

#hoverbox {
	background: url('/external/img/hover-trans.png');	
	visibility: hidden;
	position: fixed;
	color: #fff;
	padding: 5px;
	font: 1.2em/1.4em 'LacunaRegular','Trebuchet MS','Arial',sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

#hoverarrow {
	visibility: hidden;
	position: fixed;
	background: url('/external/img/hoverarrow-trans.png');
	height: 8px;
	width: 15px;
}

.placeholder, .placeholder_n, .placeholder_s {
	display: none;
	visibility: hidden;
}

#lastpost {
	visibility: hidden;
}

#hoverbox div {
	display: none;
	background: #fff;
	margin: 5px 1px;
	color: #000;
	padding: 4px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#hoverbox b {
	font: 1.3em/1.4em 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	display: block;
	border-bottom: 1px dotted #fff;
	margin-bottom: 3px;
	width: 100%;
	text-align: center;
}

hr {
	margin: 40px 30px 30px 80px;
	color: #bbb;
	background-color: #bbb;
	height: 1px;
}

.btn {
	display: block;
	float: right;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	border: 1px solid #999;
	text-decoration: none;
	padding: 2px 5px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
}

.btn:visited {
	color: #333;
}

.btn:hover, btn:active {
	border: 1px solid #000;
	color: #000;
	box-shadow: 0 0 6px #a88;
	-webkit-box-shadow: 0 0 6px #a88;
	-moz-box-shadow: 0 0 6px #a88;
}

.btn:active {
	background: #aaa;
	color: #fff;
}

.nbrevmejl {
	width: 140px;
	padding: 2px 3px;
	background: #fff;
	height: 18px;
	text-align: center;
	color: #aaa;
}

.nbrevmejl:focus {
	color: #000;
}

.txt {
	font: 1.3em/1.4em 'LacunaRegular','Trebuchet MS','Arial',sans-serif;
	color: #333;
}

.ext,.ext:visited {
	color: #a00;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0 3px;
}

.ext:active,.ext:hover {
	background: #a00;
	color: #fff;
}

#blogg {
	/* top padding är 166 (topp.jpg) - 80 (rubbe-margin) - 2 (svart linje) */
	padding: 0 40px 80px 415px;
	overflow: hidden;
	margin-bottom: 50%;
}

.txt b {
	font: 1.1em/1em 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	color: #000;
	text-shadow: 0px 0px 1px #ddd;
}

.txt i {
	font: 1em/1em 'LacunaItalic',sans-serif;
}

.txt p {
	margin-bottom: 1.5em;
	text-indent: -3px;
}

#blogg p {
	margin: 0 80px 1.5em 80px;
}

cite {
	display: block;
	padding: 2em 0 2em 40px;
	font: 1.1em/1.3em 'LacunaItalic',sans-serif;
	background: url('/external/img/quote-trans.png') 0 2em no-repeat;
}

.boxtxt cite {
	padding-right: 20px;
}

.boxtxt img {
	clear: right;
}

#blogg p img {
	display: block;
	margin: 0 auto;
	max-width: 395px;
}

.oldposts {
	border: 3px solid #fcc;
	border-width: 3px 0;
	background: #fff;
	text-align: center;
	text-indent: 0;
	padding: 5px 0;
}

.wait {
	background: url('/external/img/wait-bow.gif') center center no-repeat;
	height: 30px;
}

.txt p[class=noindent], .boxpart p {
	text-indent: 0;
}

h1 {
	background: url('/external/img/rubbe-trans.png') no-repeat top left;
	height: 46px;
	font: 40px/40px 'LandliebeExt','Times New Roman','Georgia',serif;
	color: #000;
	text-shadow: 0px 1px 2px #78a0b5;
	overflow: hidden;
	padding-left: 10px;
	padding-top: 4px;
	margin: 80px 0 15px 0px;
	width: 565px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	visibility: visible;
}

#superwrapper {
	top: 166px;
	left: 415px;
	width: 565px;
	font-size: 1.3em;
	position: absolute;
	overflow: hidden;
}

#superrubbe {
	position: relative;
	margin-top: -2px;
	visibility: hidden;
}

.preview {
	margin: 0;
	float: right;
	height: 70px;
	overflow: visible;
	text-align: right;
	color: #999;
}

#topphover1, #topphover2 {
	width: 18px;
	height: 12px;
	display: none;
	position: fixed;
}

#topphover1 {
	background: url('/external/img/topp-hover1-trans.png') no-repeat;
}

#topphover2 {
	background: url('/external/img/topp-hover2-trans.png') no-repeat;
}

#zoom {
	width: 40px;
	height: 40px;
	background: url('/external/img/preview-trans.png');
	position: fixed;
	display: none;
	cursor: pointer;
	box-shadow: 0 0 6px #818181;
	-webkit-box-shadow: 0 0 6px #818181;
	-moz-box-shadow: 0 0 6px #818181;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#999999, strength=3)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#999999, strength=3);
}

#imghl {
	width: 40px;
	height: 40px;
	position: fixed;
	display: none;
	border: 5px solid white;
}

.primg {
	height: 40px;
	width: 40px;
	margin: 0 0 4px;
	padding: 0;
	border: 0;
	display: block;
}

.author {
	font: 0.9em 'Georgia',serif;
	background: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin-right: 5px;
	padding: 1px 8px;
	margin-left: -8px;
	border: 2px solid #bbb;
	border-top: 0;
	border-bottom: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.cname {
	font: 0.9em 'Georgia',serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #fff;
	margin-left: -8px;
	float: left;
	color: #aaa;
	border: 2px solid #ccc;
	width: 95px;
	padding: 3px 8px 4px;
}

.ckomm {
	float: left;
	padding: 2px 5px;
	margin: 0 5px;
	border: 2px solid #ccc;
	width: 200px;
	color: #aaa;
	font: 1em/1em 'LacunaRegular','Trebuchet MS','Arial',sans-serif;
}

.cname:focus, .ckomm:focus {
	color: #000;
}

#tack {
	width: 379px;
	top: 265px;
	position: absolute;
	border-collapse:collapse;
}

.tablespace {
	height: 15px;
}

#tack tr, #tack td {
	vertical-align: middle;
}

#weatherinfo, #calendar, #vsptunna {
	width: 70px;
	text-align: center;
	font: 1.1em/1em 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	color: #777;
}

#weatherinfo img {
	width: 48px;
	height: 38px;
	margin: 0 auto;
}

#calendar {
	background: url('/external/img/calendar-trans.png') center center no-repeat;
	font: 25px/18px 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	OLDvisibility: hidden;
	display: none;
	text-align: center;
}

#vsptunna {
	background: url('/external/img/vsptunna-trans.png') top center no-repeat;
}

/* first-line bug */
#calendar div {
	text-shadow: 0px 0 0 #fff;
	font: 11px/16px 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	height: 16px;
	padding-top: 4px;
	color: #77e;
}

#whereweare, #wherewewere, #vsptack {
	color: #777;
	width: 240px;
	padding-left: 8px;
}

#vsptack {
	height: 5em;
}

.vspnum {
	width: 22px;
	display: inline-block;
	text-align: right;
	margin-right: 3px;
}

#wherewewere {
	OLDvisibility: hidden;
	display: none;
	height: 5em;
}

#whereweare .author, #wherewewere .author {
	color: #c81;
}

#whisky {
	margin-top: 50px;
	width: 379px;
	height: 225px;
	background: url('/external/img/whisky.jpg') 5px 0 no-repeat;
	padding: 54px 0 0 100px;
}

#whisky .author {
	color: #b00;
	background: transparent;
}

#whisky p {
	margin: 10px 135px 0 35px;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font: 1em/1em '1942report','LacunaRegular','Trebuchet MS','Arial',sans-serif;
}

#whisky p a {
	float: right;
}

.cover {
	visibility: hidden;
	position: fixed;
	height: 100%;
	top: 0;
}

#coverblack {
	background: url('/external/img/svart-trans.png');
	width: 100%;
	left: 0;
}

#coverwhite {
	background: url('/external/img/vit-trans.png');
	width: 999px;
	filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

#bildbox {
	position: fixed;
	width: 999px;
	height: 100%;
	top: 0;
	visibility: hidden;
}

#largepic {
	width: 889px;
	height: 100%;
	line-height: 100%;
	margin: 10px;
	text-align: center;
}

#largepic img {
	border: 0;
	max-height: 98%;
	max-width: 887px;
}

#largepic span {
	background: url('/external/img/vit-trans.png');
	padding: 5px;
	display: inline-block;
}

#largepic div {
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 5px 15px;
	color: #000;
	text-align: left;
	OLDvisibility: hidden;
}

OLD#largepic:hover > div {
	visibility: visible;
}

#largepreview {
	width: 40px;
	float: right;
	margin: 10px 40px 10px 10px;
}

h1 span {
	visibility: hidden;
	display: none;
}

#fakepadding {
	height: 84px;
	width: 1px;
	position: relative;
}

.commenthead {
	border-top: 1px dashed #bbb;
	margin: 3em 10px 1em 52px;
	padding: 4px 0 4px 23px;
	background: url('/external/img/comment.gif') 0 2px no-repeat;
	font: 1.1em/1em 'TitilliumTextMod14L999wt','Trebuchet MS',sans-serif;
	color: #aaa;
	clear: right;
	text-align: right;
}

.commenthead span {
	cursor: pointer;
	float: left;
	padding: 2px 0 0;
}

.commenthead span:hover {
	color: #000;
}

.commenthead a {
	background: url('/external/img/link-trans.png') 5px 0 no-repeat;
	padding: 3px 23px;
	float: right;
	font: 11px/14px 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #c96;
	border-left: 1px dashed #bbb;
}

.comments {
	display: none;
	OLDoverflow: hidden;
	height: auto;
}

.cmtcnt {
	float: right;
	margin-right: -30px;
	color: #ccc;
}

.cmtcrew {
	color: #b33;
}

.bloggbild {
	border: 5px solid #fff;
	box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	-moz-box-shadow: 0 0 6px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#999999, strength=4)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#999999, strength=4);
}

.bloggbildfloat {
	float: right;
	margin-left: 10px;
}

#box {
	position: absolute;
	top: 166px;
	left: 415px;
	width: 565px;
	visibility: hidden;
	overflow: hidden;
	background: url('/external/img/box-topp-trans.png') center top no-repeat;
}

#boxcontent {
	padding: 10px 60px;
	max-height: 380px;
	margin-top: 6px;
	background: url('/external/img/box-bg-trans.png') center top repeat-y;
}

.boxpart {
	display: none;
	overflow: none;
}

.boxtxt {
	overflow: auto;
	max-height: 350px;
}

#boxbottom {
	padding: 0 60px;
	background: url('/external/img/box-bottom-trans.png') center top repeat-y;
	height: 50px;
	text-align: center;
	color: #999;
	line-height: 50px;
	cursor: pointer;
}

#boxbottom > span {
	visibility: hidden;
}

#boxbottom:hover {
	background-position: center bottom;
	color: #999;
}

#boxbottom:hover > span {
	visibility: visible;
}

.boxnav {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 3px 0;
	text-align: center;
	position: relative;
}

#boatnav {
	margin-bottom: 10px;
}

.boxnav span {
	margin: 0 6px;
	text-decoration: none;
	color: #555;
	background: transparent;
	padding: 1px 4px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
}

.boxnav span:hover {
	color: #fff;
	background: #555;
}

.boxnav b {
	position: absolute;
	left: 2px;
	top: 5px;
	color: #555;
}

#crewinfo {
	margin: 5px 0 20px;
	min-height: 200px;
}

#crewinfo img {
	float: right;
	margin-left: 10px;
}

#bp_hej i {
	text-align: center;
	display: block;
	font-size: 1.1em;
	line-height: 1.2em;
}

.green, #vsptack span.author {
	color: #383;
}

.softlink, .softlink:visited {
	text-decoration: underscore;
	display: inline-block;
	color: #777;
}

.softlink:hover, .softlink:active {
	color: #000;
}

#imgtunna {
	width: 150px;
	height: 200px;
	float: right;
}

#hejtfn, #hejkod {
	width: 120px;
	padding: 2px 3px;
	background: #fff;
	height: 18px;
	text-align: left;
	color: #aaa;
}

#tfnnamn, #tfnurl {
	width: 120px;
	padding: 2px 3px;
	background: #fff;
	border: 1px solid #aaa;
	height: 18px;
	text-align: left;
	color: #c00;
	margin: 0 10px 3px;
}

#hejkod {
	width: 60px;
}

#hejtfn:focus, #hejkod:focus {
	color: #000;
}

#hejformdiv {
	background: #ddd;
	padding: 4px 4px 4px;
	margin: 10px 0 0 -4px;
}

b.crewname {
	font-size: 2em;
	line-height: 1.5em;
	color: #300;
	text-shadow: 1px 1.2px 1px #ddd;
}

.snabela {
	width: 14px;
	height: 11px;
	display: inline-block;
	background: url('/external/img/snabela-trans.png');
}

.graymejl {
	margin-bottom: 0.5em;
	color: #777;
}

#boattitle {
	font-size: 2em;
	line-height: 2em;
	color: #003;
	text-shadow: 1px 1.2px 1px #ddd;
	border-right: 1px solid #bbb;
	margin-right: 20px;
	padding-right: 8px;
	float: left;
}

.pourbon, .pourbon:hover, .pourbon:visited, .pourbon:active {
	text-decoration: none;
	color: #333;
}