html, body { margin: 0; padding: 0; }

body {
	background: #123034 url(../images/bg-body4.gif) repeat-x top center;
	color: #fff; /* #ede7b9 */
	font-size: 62.5%;
	font-family: Georgia, Helvetica, Arial, Sans Serif;	
	text-align: center;
	
}


a { color: #caebf6; }
a:hover { color: #fff; text-decoration: none; }


img { border: 0; }
	img.bordered { padding: 2px; border: 1px solid #fff; }
	img.left { float: left; margin: 5px 7px 5px 0; }
	img.right { float: right; margin: 5px 0 5px 7px; }




h1, h2, h3, h4, h5 { margin: 0;	color: #ede7b9; font-weight: normal; font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-Serif; }

h2 { font-size: 2.5em }
h2#pagetitle { margin-bottom: 1em; border-bottom: 1px solid #9cb3fc; text-indent: -9999px; }
h3 { font-size: 2em; }
	h3 a { text-decoration: none; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.4em; }
	

p {
	font-size: 1.3em;	
	line-height: 1.4em;
	
}
	p.p1 { margin-top: .5em; }
	p.image {
		padding: 1px 20px;
		font-size: 1.1em; 
		font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-Serif;
		font-style: italic;
		text-align: center;
			
	}
dl, ol, ul { font-size: 1.3em; }
dt { margin: 5px 0 2px 0; }
dd { margin-left: 25px; }
/* ul, ol, li { margin: 0; padding: 0; list-style: none; } */


/**** ** Main structure ** ****/


div#bodywrapper { background: url(../images/bg-main.jpg) no-repeat top center; text-align: center; }
body#hem div#bodywrapper { background: url(../images/bg-main-home.jpg) no-repeat top center; text-align: center; }

div#header {
	width: 760px;
	height: 220px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

	h1#sitetitle {
		width: 300px;
		position: absolute;
		top: 100px;					
	}
		h1#sitetitle a {
			display: block;
			height: 60px;
			text-indent: -9999px;	
		}
	h2#tagline { display: none; }

	ul#menu { 
		width: 381px;
		position: absolute;
		top: 120px;
		right: 0;
		padding: 0;
		margin: 0;
		list-style: none; 
	}
		ul#menu a { display: block; height: 40px; text-indent: -9999px; }
		ul#menu li { padding-top: 41px; float: left; margin: 0; }
		ul#menu li.active { background: url(../images/menu/bg-menu-active.gif) no-repeat top center; }
		
		body#forberedelser li#menu-var-resa,
		body#fardrutt li#menu-var-resa,
		body#baten li#menu-var-resa,
		body#besattning li#menu-var-resa { background: url(../images/menu/bg-menu-active.gif) no-repeat top center; }

		body#gastbok li#menu-hem,
		body#sponsorer li#menu-hem { background: url(../images/menu/bg-menu-active.gif) no-repeat top center; }
	
		body#loggbok li#menu-arkiv { background: url(../images/menu/bg-menu-active.gif) no-repeat top center; }

		ul#menu li#menu-hem { width: 69px; }		
			ul#menu li#menu-hem a { background: url(../images/menu/menu-hem.gif) no-repeat bottom; }
			ul#menu li#menu-hem a:hover { background: url(../images/menu/menu-hem-hover.gif) no-repeat bottom; }
		ul#menu li#menu-var-resa { width: 96px; }		
			ul#menu li#menu-var-resa a { background: url(../images/menu/menu-var-resa.gif) no-repeat bottom; }
			ul#menu li#menu-var-resa a:hover { background: url(../images/menu/menu-var-resa-hover.gif) no-repeat bottom; }
		ul#menu li#menu-bilder { width: 72px; }		
			ul#menu li#menu-bilder a { background: url(../images/menu/menu-bilder.gif) no-repeat bottom; }
			ul#menu li#menu-bilder a:hover { background: url(../images/menu/menu-bilder-hover.gif) no-repeat bottom; }
		ul#menu li#menu-arkiv { width: 64px; }		
			ul#menu li#menu-arkiv a { background: url(../images/menu/menu-arkiv.gif) no-repeat bottom; }
			ul#menu li#menu-arkiv a:hover { background: url(../images/menu/menu-arkiv-hover.gif) no-repeat bottom; }
		ul#menu li#menu-kontakt { width: 79px; }		
			ul#menu li#menu-kontakt a { background: url(../images/menu/menu-kontakt.gif) no-repeat bottom; }		
			ul#menu li#menu-kontakt a:hover { background: url(../images/menu/menu-kontakt-hover.gif) no-repeat bottom; }			
	
	
	div#sponsors {
		width: 600px;
		height: 30px;
		position: absolute;	
		top: 5px;
		right: 0;
		background: url(../images/bg-sponsors.gif) no-repeat top right;
	}
		a#sponsorlink {
			display: block;
			position: absolute;
			top: 0;
			left: 30px;
			width: 110px;
			text-indent: -9999px;
		}
	
		div#sponsors ul { margin: 0; padding: 0; }
			div#sponsors li {
				position: absolute; 
				margin: 0; 
				padding: 0; 				
				list-style: none;
			}
				li#seglarshoppen { width: 180px; top: 0; left: 318px }
				li#kjell-company { width: 125px; top: 0; left: 183px; }
			div#sponsors a {
				display: block;
				height: 25px;
				text-indent: -9999px;
			}
			
		

div#content {
	width: 760px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

	div#mainCol { width: 500px; position: relative; margin-bottom: 2em;	float: left; }
		div#mainCol h2 { margin-bottom: .5em }

	div#sideCol { width: 250px; float: right; }
		
div#footer { 
	clear: both;
	height: 300px;
	position: relative;
	margin-top: 50px;
	background: #000 url(../images/bg-footer.gif) repeat-x top left;
		color: #477376;
		font-size: .9em;
		font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-Serif;	
}
body#kontakt div#footer { margin-top: 230px; }
body#sponsorer div#footer { margin-top: 180px; }

	p#site-credits {
		margin: 20px 50px 0 50px;
		padding-top: 20px;
		border-top: 2px solid #14373C;
		text-align: left;
	}
	a#link-JD {
		display: block;
		position: absolute;
		top: 5em;
		right: 50px;
		width: 331px;
		height: 21px;
	}

/**** ** Startsida ** ****/

div#window {	
	position: relative;
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #9cb3fc;
	overflow: hidden;
	
}
	div#intro { wdth: 342px; loat: left;	padding-top: 0px; olor: #fff;}
	
	div#sell-boat {
    width: 340px;
    margin-top: 20px;
    padding: 15px;
    float: right;
    border: 1px dotted #9cb3fc;
  }
    p#price {
      color: #ede7b9;
      font-size: 1.5em;
      font-weight: bold;
    }
	
	a#link-about_front {
		width: 375px;
		height: 200px;
		display: block;
		float: right;
		margin-top: 20px;
		text-indent: -9999px;
		background: url(../images/about-front.jpg) no-repeat top left;
	}
	a#link-rss-front {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10px;
		right: 0;	
	}

h2#entrytitle-front { height: 40px; background: url(../images/rubriker/h2-fran_loggboken.gif) no-repeat top left; text-indent: -9999px; }

div#guestbook-front { clear: both; padding: 10px 0 0 10px; }
	div#guestbook-front h3 { height: 55px; background: url(../images/rubriker/h3-guestbook_front.gif) no-repeat top left; text-indent: -9999px; }
	div#guestbook-front p.message { font-size: 1.2em; font-style: italic; }
	div#guestbook-front p.author { text-align: right; }
	div#guestbook-front a {
		display: block;	
		padding: 5px 0;
		border-right: 1px solid #173C42;
		border-bottom: 1px solid #173C42;
		background: #4B8E97;
		color: #fff;
		font-size: 1.2em;
		font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
	}
	

div#flickr-thumbnails-front { padding: 25px 0 0 10px;	}
	div#flickr-thumbnails-front h3 { height: 30px; background: url(../images/rubriker/h3-nya_bilder.gif) no-repeat top left; text-indent: -9999px; }
	img.flickr-thumbnail { float: left; margin: 0 5px 5px 0;	}

/**** ** Vår resa ** ****/

body#var-resa h2#pagetitle { height: 40px; background:	url(../images/rubriker/h2-var_resa.gif) no-repeat top left; }
body#var-resa div#sideCol { width: 225px; }
	body#var-resa div#sideCol dt { color: #ede7b9; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; }
	body#var-resa div#sideCol dd { font-size: .9em; font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; }
	body#var-resa blockquote {
		width: 200px;
		margin: 2em 2em;
		padding: 20px 20px;
		background: #f4f3c4 url(../images/bg-paper.gif) repeat-y top left;		
		color: #333;
	}
		body#var-resa blockquote h4 { color: #903; text-decoration: underline; }
		body#var-resa blockquote dt { font-weight: bold; }
		body#var-resa blockquote dd { font-style: italic; }
		
	ul#about-subpages { overflow: hidden; margin: 0; padding: 10px 0 20px 0; }
		ul#about-subpages li {
			width: auto;
			float: left;
			margin: 0 0 0 15px;
			padding: 0 0 0 10px;
			list-style: none;	
			background: url(../images/li-blue_square.gif) no-repeat 0 60%;
		}

	/**** Besättningen ****/
	
	body#besattning h2#pagetitle { height: 40px; background:	url(../images/rubriker/h2-besattningen.gif) no-repeat top left; }
	
	img#portrait { margin-bottom: 30px; background: #000; }
	html>body img#portrait { margin: 0; background: transparent; }
	
	table#personal-facts {
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #9cb3fc;
	}
		table#personal-facts td {
			padding: 5px 45px 5px 0;
			order-bottom: 1px dotted #9cb3fc;
			font-size: 1.3em;
			vertical-align: middle;
		}

		table#personal-facts td.fact { width: 180px; text-align: center; }
		table#personal-facts td.label {
			color:  #ede7b9;
			font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-Serif;						
			font-weight: bold;
			text-transform: uppercase;				
		 }	
	dl#questions { font-size: 1em; }
		dl#questions dt {
			clear: both;
			padding: 15px 0 5px 10px;
			background: url(../images/li-blue_square.gif) no-repeat 0 65%;
			color: #ede7b9;
			font-size: 1.4em;
			font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-Serif;			
			font-weight: bold;	
			
		}
		dl#questions dt { clear: both; }
		dl#questions dd { font-style: italic; }
		dl#questions p { width: 220px; float: left; margin: 0 0 0 25px; }
		dl#questions p.right { float: right; }
		dl#questions strong { font-style: normal; }
		
		
	/**** Färdrutt ****/
	
	body#fardrutt h2#pagetitle { height: 40px; background:	url(../images/rubriker/h2-fardrutt.gif) no-repeat top left; }
	body#fardrutt div#mainCol { width: 100%; float: none; }
	body#fardrutt div#sideCol { display: none; }
		
	/**** Båten ****/
	
	body#baten h2#pagetitle { height: 40px; background:	url(../images/rubriker/h2-baten.gif) no-repeat top left; }
	
	body#baten div#mainCol { width: 460px; padding: 15px 0; }
	body#baten div#sideCol { width: 290px; padding: 15px 0; }
		
	img#boat-big { float: right; margin: 0 0 5px 10px;	}
	
	dl#boat-info {
		margin-top: 10px;
		overflow: hidden;
		font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
	}
		dl#boat-info dt { 
			width: 200px;
			float: left;
			margin: 0;
		}
		dl#boat-info dd { 
			width: 190px;
			float: right;
			margin: 0;
		}
	ul#boat-modifications { padding: 0 20px; maring: 0; list-style: none; }		
		ul#boat-modifications li { padding: 0 12px; background: url(../images/li-blue_square.gif) no-repeat center left; }
	
	/**** Förberedelser ****/
	
	body#forberedelser h2#pagetitle {
		height: 40px;
		background:	url(../images/rubriker/h2-forberedelser.gif) no-repeat top left;
	}
	body#forberedelser div#sideCol { width: 220px; padding-top: 10px; }
	
	dl#courses {
		margin: 10px 0 0 10px;
		padding-left: 0;
		order-left: 1px dotted #569ac0;		
		font-size: 1.2em;
		font-family: 'Trebuchet MS', Helvetica, Arial;
	}
		dl#courses dt {
			padding: 5px 0 0 10px;
			border-top: 1px dotted #9cb3fc;
			font-weight: bold;
			background: url(../images/li-blue_square.gif) no-repeat 0 65%; 			
		}
			
	ul#litterature { padding: 0; }
		ul#litterature li { display: inline; padding: 0 8px; background: url(../images/li-blue_square.gif) no-repeat center left; font-style: italic; }
	
	div#to-do {
		width: 350px;
		float: left;
		margin-top: 50px;
		padding: 1px;
		background: #f4f3c4 url(../images/bg-paper.gif) repeat-y top left;		
	}
		div#to-do h3 {
			margin:  10px;
			padding: 10px 0;
			background: url(../images/rubriker/h3-att_gora_lista.gif) no-repeat bottom left;
			color: #903;
			font-family: Georgia, 'Times New Roman';
			text-align: right;	
		}
			div#to-do h3 strong { display: none; }		
		table#preparations {
			width: 346px;
			margin: 0;
			padding: 2px;
			color: #000;
			font-family: 'Trebuchet MS', Helvetica, Arial;
		}
			table#preparations thead { display: none; ackground: #e7d469; font-size: 1.3em; text-align: center; }
				table#preparations thead th {
					padding: 5px 0;	
					border-bottom: 2px solid #fff; 
				} 
				table#preparations tbody td {
					padding: 3px 10px;
					border-bottom: 1px solid #fff;	
					color: #444;
					font-size: 1.1em;
				}
				table#preparations tbody td.status { width: 50px; padding: 5px 0; text-align: center; }
				table#preparations tbody tr.done td {
					color: #000;
					font-weight: bold;
				}
			table#preparations tfoot { background: #e7d469; text-align: center; vertical-align: middle; }
				table#preparations tfoot td {
					padding: 5px 0;
					font-weight: bold;	
					font-size: 1.2em;
				}
				
	div#to-buy {
		width: 350px;
		float: right;
		margin-top: 50px;
		padding: 1px;
		background: #f4f3c4 url(../images/bg-paper.gif) repeat-y top left;		
	}	
		div#to-buy h3 {
			margin:  10px;
			padding: 10px 0;
			background: url(../images/rubriker/h3-inkopslista.gif) no-repeat center left;	
			text-indent: -9999px;
		}
		div#to-buy table {
			width: 100%;
			margin: 0;
			padding: 2px;
			color: #000;
			font-family: 'Trebuchet MS', Helvetica, Arial;
		}
			div#to-buy table td {
				padding: 3px 10px;
				border-bottom: 1px solid #fff;					
				font-size: 1.2em;	
			}
			div#to-buy table td.item { padding-left: 20px; background: url(../images/li-red_square.gif) no-repeat 8px 50%; }			
			div#to-buy table td.status {
				width: 100px;
				text-align: center;
				color: #444;
				font-style: italic;
			}













			
					
/**** ** Bilder ** ****/

body#bilder h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-bilder.gif) no-repeat top left;
}

body#bilder div#slideshow {
	margin: 20px 0 100px 0;
	padding: 30px 0;
	overflow: hidden;
	background: #000;
	text-align: center;
}

/* ol#images {
	margin: 0;
	padding: 0px;
	list-style: none;
	overflow: auto;
	ackground: #fff;
}
	ol#images li {
		width: 75px;
		hight: 75px;	
		float: left;		
		margin: 5px 5px 0 0;
		adding: 5px;
		ackground: #fff;
		text-align:center;
	}
		ol#images li h5 {
			display: none;
			padding: 5px 5px 0 5px;
			color: #444;	
			font-size: 12px;
		}	*/
a.flickr-image {
	display: block;
	height: 75px;
	margin: 0 auto;
	background-position: center center;
}
	a.flickr-image img {
		display: none;
	}












/**** ** Sponsorer ** ****/

body#sponsorer h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-sponsorer.gif) no-repeat top left;
}

div.sponsor h3 { padding: 0 15px; background: url(../images/li-blue_square.gif) no-repeat center left; }
div.sponsor p { margin-left: 75px; }











/**** ** Arkiv ** ****/

body#arkiv h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-arkiv.gif) no-repeat top left;
}

body#arkiv div#mainCol { min-height: 600px; }









/**** ** Kontakt ** ****/

body#kontakt h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-kontakta_oss.gif) no-repeat top left;
}


/**** ** Artiklar ** ****/

body#loggbok h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-fran_loggboken.gif) no-repeat top left;
}

body#loggbok div#sideCol { width: 220px; }

div.article {
	margin-bottom: 30px;
	padding: 10px 20px;	
	border: 1px solid #fff;
	background: #f4f3c4 url(../images/bg-paper.gif) repeat-y top left;
	color: #333;	
}
	div.article blockquote { font-style: italic; }
	div.article a { color: #933; }
	div.article h3 { width: 300px; float: left; padding-top: 10px; font-size: 2.2em; }
		div.article h3 a { text-decoration: underline; }
		div.article h3 a:hover { text-decoration: none; }
	div.article h4, div.article h5 { color: #000; }	
	
	div.article div.articleheader {
		position: relative;
		padding: 10px 0;
	}	
	div.article a.commentlink {
		display: block;
		width: 64px;
		height: 47px;
		position: relative;
		top: 3px;
		float: right;
		padding-left: 1px;
		background: url(../images/icons/icon-comments.gif) no-repeat top left;
		color: #fff;
		font-size: 2em;
		text-align: center;	
		text-decoration: none;
	}
	
	div.article	p.date {
			width: 47px; 
			float: right;
			margin: 0 0 0 15px;
			padding: 5px 5px 20px 0;
			olor: #123034;
			font-size: 1.3em;
			text-align: center;
			line-height: 1.3em;
			background: url(../images/bg-date.gif) no-repeat top center;
		}
	div.article	p.date span { font-size: 1.5em; }		
	div.article	p.author { clear: both; margin-right: 25px; margin-bottom: 0; text-align: right; } 
	div.article	p.position { margin: 0; padding-left: 20px; background: url(../images/icons/icon-globe.gif) no-repeat top left; font-style: italic; text-align: left; } 
		
	ol#articlelist { padding: 0; }
		ol#articlelist li {
			list-style: none;
			margin: 0 0 0 20px;
			padding: 3px 0 3px 10px;
			background: url(../images/li-blue_square.gif) no-repeat 0 55%;
		}
	
	/**** Kommentarer ****/
	
	dl#comments {
		padding: 0 10px;
		font-size: 1em;
	}
	dl#comments dt {
		margin: 10px 0 0 0;
		padding: 10px 0 0 10px;
		order-top: 1px dotted #9cb3fc;
		background: url(../images/li-blue_square.gif) no-repeat 0 75%;
		color: #ede7b9;		
		font-size: 1.3em;
		font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; 	
		font-weight: bold;
	}
	dl#comments dd {
		margin: 0 30px 0 30px;
		padding: 0;
		font-size: .9em;
		font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; 	
	}
	dl#comments .authorised { color:	#ede7b9; font-style: italic; }
	
	
/**** ** Gästbok ** ****/	

body#gastbok div#mainCol { width: 340px; }
body#gastbok div#sideCol { width: 390px; }

body#gastbok h2#pagetitle {
	height: 40px;
	background:	url(../images/rubriker/h2-gastbok.gif) no-repeat top left;
}

form#guestbook-form {
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; }

	form#guestbook-form table td { padding: 3px; }
	
	form#guestbook-form label {
		width: 100px;
		font-size: 1.3em;
	}
	form#guestbook-form input {
		width: 200px;
		margin: 0;
		padding: 2px 5px;
		border: 1px solid #fff;
		background: #caebf6;
		font-family: 'Trebuchet MS', Monospace;
		font-size: 12px;
	}
	form#guestbook-form input#submit  { 
		width: 107px;
		height: 26px;
		padding: 0;
		border: 0;
		background: transparent;
	}
	form#guestbook-form textarea {
		width: 95%;
		padding: 2px;
		border: 1px solid #fff;
		background: #caebf6;
		font-size: 12px;
		font-family: 'Trebuchet MS', Monospace;		
	}
	form#guestbook-form input#submit  { 
		width: 107px;
		height: 26px;
		padding: 0;
		border: 0;
		background: transparent;
	}

div#guestbook p {
	padding-bottom: 10px;
	border-bottom: 1px dotted #9cb3fc;
}

div#guestbook dl {
	ackground: #f4f3c4 url(../images/bg-paper.gif) repeat-y top left;		
	olor: #000;
}

div#guestbook dt {
	padding: 5px 0;
	color: #ede7b9;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}
div#guestbook dd {
	margin: 0 0 0 25px;
	padding: 0 0 10px 0;
}









	
span.initialWords {
	padding-right: 2px;
	color: #ede7b9;
	font-size: .85em;
	font-family: 'Gill Sans', Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: .15em;
	text-transform: uppercase;
}


div.line {
	clear: both;
	
}
	div.line hr { display: none; }


form.standard-form {
	padding: 10px 0;	
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}
	form.standard-form p.success { color: #ede7b9; font-weight: bold; }
	form.standard-form table {
		width: 100%;
		padding: 20px 0;
		border-width: 1px 0;
		border-color: #9cb3fc;
		border-style: dotted;	
	}
		form.standard-form table td { padding: 3px; }
		form.standard-form table td.label { width: 125px; font-size: 1.3em; }
	form.standard-form input {
		width: 200px;
		margin: 0;
		padding: 2px 5px;
		border: 1px solid #fff;
		background: #caebf6;
		font-family: 'Trebuchet MS', Monospace;
		font-size: 12px;
	}
	form.standard-form input#submit  { 
		width: 107px;
		height: 26px;
		padding: 0;
		border: 0;
		background: transparent;
	}
	form.standard-form textarea {
		width: 95%;
		padding: 2px;
		border: 1px solid #fff;
		background: #caebf6;
		font-family: 'Trebuchet MS', Monospace;
		font-size: 12px;
	}