/* =GLOBAL STYLES
*************************************************/
html,body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-color: #c8c8c8;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
}

/* =LINKS
*************************************************/
a,a.text .link-ext		{ color: #5553A0; background-color: inherit; text-decoration: none; }
a:link		{ }
a:visited	{ }
a:hover		{ text-decoration: underline; }
a:active	{ }

a.text			{
	color: #333333;
	background-color: inherit;
}
a.text:link		{ }
a.text:visited	{ }
a.text:hover	{ text-decoration: none }
a.text:active	{ }

a.ext,.link-ext {
	padding-left: 10px;
	background-image: url('http://www.medeltidsveckan.com/bilder/icons/link-ext.gif');
	background-position: 1px 5px;
	background-repeat: no-repeat;
}

#rightcol a.ext { display: block; }

.linklist a {
	display: block;
	margin-bottom: 2px;
	background-color: #D3D5C0
}

a img { border: 0 }

table td { vertical-align: top }

/* =MAIN CONTAINERS
*************************************************/
div#wrapper {
	position: absolute;
	float: left;
	width: 863px;
	color: #333333;
	background-color: #adadad;
	border-right: 1px solid #5f5f5f;
	border-bottom: 1px solid #5f5f5f;
}
	
	div#wrapper #gfx {
		width: 153px;
		height: 301px;
		position: absolute;
		left: 0px;
		bottom: 1px;
		z-index: 10;
		/* background-image: url('../bilder/form/gfx01.jpg');  defined in page footer */
		background-position: 0% 100%;
		background-repeat: no-repeat;
	}
	html > body div#wrapper #gfx { bottom: 0px; } /* IE fix (Fx only style) */

div#header {
	width: 863px;
	height: 102px;
}
div#header #logo { margin: 10px; }

div#contentsbg {
	float: left;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/bg-main-thin.jpg');
	background-position: 138px 0px;
	background-repeat: repeat-y;
}
div#contentswrapper {
	float: left;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/bg-main.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	width: 847px;
}
	div#leftcol {
		display: inline;
		width: 153px;
		float: left;
	}
	div#contents,#contentswide {
		display: inline;
		width: 468px;
		overflow: hidden;
		margin-right: 32px;
		float: left;
		padding-top: 40px;
		margin-left: 20px;
		min-height: 500px;
	}
	#contentswide { width:642px }

	div#rightcol {
		display: inline;
		width: 164px;
		margin-top: 40px;
		margin-right: 10px;
		float: left;
	}

#footer {
	width: 687px;
	height: 10px;
	clear: both;
	border-top: 0px solid #9B0E0E;
	overflow: hidden;
	padding-left: 160px;
}
#footer, #footer a {
	color: #ffffff;
	background-color: #7B1313;
	font-size: 6pt;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* =MAIN NAVIGATION
*************************************************/
ul#nav {
	list-style: none;
	margin: 0px;
	margin-left: 10px;
	padding: 17px 0px 0px 0px;
}
ul#nav li {
	font: bold 11px Arial,Sans-Serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	width: 130px;
	line-height: 21px;
	height: 21px;
	overflow: hidden;
}
ul#nav a,
ul#nav a:link,
ul#nav a:hover,
ul#nav a:visited,
ul#nav a:active {
	display: block;
	width: 100%;
	color: #ffffff;
	background-color: #7A1410;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/btn-left.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 3px;
	text-decoration: none;
}
ul#nav a:hover {
	background-color: #7A1410;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/btn-over.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

/* =HEADLINES AND TEXT
*************************************************/
h1,h2,h3,h4,h5,h6 { font-family: arial,sans-serif; margin: 0px; }
h1 {
	font-size: 18pt;
	padding-bottom: 10px;
	font-family: Garamond,Georgia,Arial,Sans-Serif;
	border-bottom: 1px dashed #c0c0c0;
	margin-bottom: 10px
}
h2 { font-size: 13pt;	padding-top: 20px; padding-bottom: 5px }
h3 { font-size: 10.5pt; padding-bottom: 0px }
h4 { font-size: 8pt;	padding: 0px }
h5 { font-size: 11px;	padding: 0px }

#rightcol h4 { color: #9B0E0E; background-color: inherit; }
#rightcol h4.section {
	width: 158px; padding-left: 2px; color: #E0E2CD; background-color: #7B1313; margin-bottom: 3px;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/btn-over.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
#rightcol h5 { color: inherit; background-color: #D3D5C0 }


p {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	line-height: 130%;
}


/* =TABLES
*************************************************/
table#gallerypreview {
	width: 100%;
}
table#gallerypreview td { text-align: center; border: 1px solid #c0c0c0; width: 25%; color: inherit; background-color: #D3D5C0 }
table#gallerypreview td img { width: auto; height: 66px; text-align: center; border: 1px solid #c0c0c0; margin-top: 2px }


/* =MISC.
*************************************************/
.center		{ text-align: center }
.highlight	{ color: #9B0E0E; background-color: inherit }
.uppercase	{ text-transform: uppercase }
.underline	{ text-decoration: underline }
.width50percent	{ width: 50% }
.width55percent	{ width: 55% }
.lineheight150	{ line-height: 150% }
.lineheight200	{ line-height: 200% }
.lineheight250	{ line-height: 250% }

.extramargin	{ margin: 20px 0px }

.marginleft		{ margin-left: 7px }
.marginright	{ margin-right: 7px }

.alignleft { float: left }
.alignright { float: right }

img.border { border: 1px solid #333 }


.clearfloats,.clearfloats:after {
	content: "."; /* originally »content: \\".\\";« but this seem to work */
	display: block;
	width:100%;
	visibility: hidden;
	clear: both;
	height: 0px;
	font-size: 0.1em;
	line-height: 0px;
}

div.hr {
	height: 1px;
	overflow: hidden;
	color: #ffffff; /* dummy color */
	background-color: #c0c0c0;
	margin-top: 0px;
	margin-bottom: 20px;
}

#english {
	float: right;
	margin: 2px;
	font-size: smaller;
	text-align: center;
	background-image: url('http://www.medeltidsveckan.com/bilder/form/flagga-uk.gif');
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 12px;
}

.hide { display: none }


/* =PAGE SPEC.
************************************************/
div.shopbox {
	float: left;
	display: inline;
	width: 200px;
	padding: 3px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 30px;
	border: 1px solid #c0c0c0;
	overflow: hidden;
}
div.shopbox h4 {
	padding-left: 2px;
	margin-bottom: 3px;
	color: #E0E2CD; background-color: #7B1313;
}