﻿body
{
	margin: 0; /*background-color: #5D7176;*/ /*background-color: #E4E5C6;*/
	background-color: White;
	/*font-family:  'Futura Lt BT ZZZ', 'Century Gothic', 'Gill Sans MT', Sans-Serif;*/
	font-family:  'Century Gothic', 'Gill Sans MT', Sans-Serif;
}

h1
{
	font-size: 10pt;
	font-weight: bold;
	color: #414142;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 2em 0 0 0;
	padding: 0;
}

h2 
{
	font-size: 10pt;
	font-weight: normal;
	color: #414142;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 2em 0 0 0;
	padding: 0;
}

.subh1 
{
	font-size: 8pt;
	font-style: italic;
	letter-spacing: 1px;
	padding: 0 0 1em 0;
}

p
{
	text-align: left;
	line-height: 1.8em;
	margin: 0 0 0.5em;
}


br 
{
	margin: 0;
	padding: 0;
	line-height: 0;
}

ul
{
	line-height: 1.8;
	padding: 0;
	/*margin: 20px;*/
	margin: 0 0 1em 30px;
}

ol
{
	line-height: 1.8;
	padding: 0px;
	margin: 0 0 1em 30px;
}

li
{
	padding: 0;
	margin: 0;
}

img
{
	border: none;
}

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

.linklook 
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
}

.konvexStipple, .konkavStipple, .bltStipple, .trbStipple, .tbStipple
{
	border-color: #cccccc;
}

.konvexStipple
{
	border-left: dotted 1px;
	border-top: dotted 1px;
	border-right: dotted 1px;
}

.konkavStipple 
{
	border-left: dotted 1px;
	border-bottom: dotted 1px;
	border-right: dotted 1px;
}

.bltStipple 
{
	border-bottom: dotted 1px;
	border-left: dotted 1px;
	border-top: dotted 1px;
}

.trbStipple 
{
	border-top: dotted 1px;
	border-right: dotted 1px;
	border-bottom: dotted 1px;
}

.tbStipple 
{
	border-top: dotted 1px;
	border-bottom: dotted 1px;
}

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

#headerblock
{
	background: url(img/blokes_header.PNG) no-repeat 4px bottom;
	width: 770px;
	margin: 0px auto 0px auto; /*border: 10px solid #fff;*/
	padding: 0;
	text-align: left;
}


/* colors */

/* green */
#headerblock, #shop { background-color: #E4E5C6; }
.headertop { color: #414142; }
.headermiddle { color: White; }
.headerbottom, #shop hr { color: #90902A; }
.menu
{
	background-color: #A6A652;
	color: #020304;
}

/* blue */
/*
#headerblock, #shop { background-color: #E9E4D1; }
.headertop { color: #414142; }
.headermiddle { color: White; }
.headerbottom, #shop hr { color: #929497; }
.menu 
{
	background-color: #66A3D3;
	color: #414142;
}
*/

/* burgunder */
/*
#headerblock, #shop { background-color: #E9E4D1; }
.headertop { color: #363637; }
.headermiddle { color: White; }
.headerbottom, #shop hr { color: #AC3A2C; }
.menu 
{
	background-color: #C16A55;
	color: #1B1819;
}
*/

/* red */
/*
#headerblock, #shop { background-color: #EAE5CF; }
.headertop { color: #363637; }
.headermiddle { color: White; }
.headerbottom, #shop hr { color: #EF5232; }
.menu 
{
	background-color: #F26B48;
	color: #1B1819;
}
*/

/* blahblah */
.headertop
{
	border: 0;
	font-size: 18pt;
	font-weight: bold;
	text-transform: uppercase; /*color: #90902A;*/
	/*color: #121213;*/
}

.headermiddle
{
	border: 0;
	font-size: 48pt;
	text-align: right;
}

.headerbottom
{
	border: 0;
	font-size: 24pt;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 3px;
}

.headerfooter 
{
	font-size: 8px;
	text-transform: none;
	text-align: right;
	letter-spacing: normal; 
}

.menu
{
	font-size: 16pt;
	/*font-weight: bold;*/
}

.menuitem 
{
	/*width: 100px;*/
	margin-right: 50px;
	text-align: left;
	cursor: hand;
}

.content
{
	font-size: 10pt;
	background-color: White;
	color: #121213;
	/*background: url(img/blomst.gif) center 200px no-repeat;*/
}

.centered-table
{
	/* 	margin-left: auto; 	margin-right: auto; */
	/*background-color: #D1D1D1;*/
	width: 770px;
	margin: 0px auto 0px auto; /*border: 10px solid #fff;*/
	border: none;
	padding: 0;
	text-align: left;
}

#ccctable
{
	border: solid 1px #333;
	margin: 0 0 1em 0;
}
#ccctable th
{
	background-color: #333;
	color: White;
	border-bottom: solid 1px #666;
	font-weight: normal;
}

#ccctable .data
{
	text-align: center;
}

.song 
{
	text-transform: uppercase;
	letter-spacing: 1px;
}

#shop 
{
	width: 200px;
	/* background-color: #eeeecc; */
	padding-top: 10px;
}

#shop p 
{
	text-align: center;
	line-height: 1;
	margin: 0 10px 1em 10px;
}

#shop a:link, a:visited
{
	color: #33c;
}

#shop a:hover
{
	color: #66f;
}

#shop hr
{
	margin: 0 20px 0 20px;
	padding: 0;
	/*color: #cc9;*/
	height: 1px;
}

.intro
{
	font: italic 9pt Georgia, serif;
}

.availability
{
	padding-top: 1.4em;
	/*font: 0.7em Verdana, sans-serif;*/
	font-size: 8pt;
	text-transform: uppercase;
	letter-spacing: 0.2em; /* 0.2em */
}
