@charset "utf-8";
/* CSS Document */
html {height:100%;overflow: -moz-scrollbars-vertical;}

body {
	margin:0px;
	background-color:#fff;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	min-height:100%;
	height:100%;
	}

ul, li {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

#wrapper {
	position:relative;
	background-color:#fff;
	width: auto;
	height: auto !important;
	height: 100%;
	min-height:100%;
	margin-bottom: -21px; /* for sticky footer */
	}
	
	
#footer {
	display:block;
	position:relative;
	}
#innerfooter {
	display:block;
	position:relative;
	font-size:10px;
	background-color:#ddd;
	color:#666;
	}

	#innerfooter a {color:#000;text-decoration:none;}
	#innerfooter a:hover {color:#f60;}
	
#header {
	position:relative;
	height:50px;
	padding-top:5px;
	margin-bottom:25px;
	border-top:4px solid #ff8c03;
	}
	
	#logo {
		float:left;
		padding:3px 0 2px 0px;
		}
		
	#header ul#mainmenu, #left, #workscount {display:none;visibility:hidden;}

		
#innerwrapper {height:100%;position:relative;}
				
	#main {
		position:relative;
		width:auto;
		border-top:3px solid #666;
		padding-bottom:20px;
		}
		
		.col1 {
			position:relative;
			font-size:12px;
			width:auto;
			}
			.col1 p {line-height:20px;}
			.col1 p:first-child {margin-top:0px;}
			.col1 strong {color:#666;}
			.col1 a, .col2 a {color:#333;}
			.col1 a:hover, .col2 a:hover {color:#ff8c03;}
			
		.col2 {
			position:relative;
			margin-top:5px;
			width:auto;
			}
			.col2 img {display:block;margin-top:25px;}
			.col2 .caption {
				display:block;
				padding:4px 4px 2px 4px;
				margin:0px 0 20px 0;
				background-color:#eee;
				font-size:10px;
				}

.gul {color:#ff8c03;}

p {line-height:130%;margin:8px 0 8px 0;padding:0px;}

h1 {
	color:#000;
	font-size:26px;
	padding:0px;
	font-weight:normal;
	}
h2 {color:#000;font-size:14px;margin:0px;padding:0px;font-weight:bold;}
h3 {color:#ff8c03;font-size:14px;margin:0px;padding:8px 0 2px 0;font-weight:bold;}

p+h1, p+h2, p+h3 {margin-top:10px;}
h1+p, h2+p, h3+p {margin-top:5px;}

hr {
	border-bottom:1px solid #ccc;
	height:0px;
	background-color:#fff;
	color:#fff;
	border-top:0px;
	shading:no-shading;
	margin-bottom:10px;
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
	}
	
/* WORK DISPLAY */

.pagemenu {position:relative;background-color:#eee;padding:5px 8px 5px 8px;font-size:10px;}
.pagemenu ul {position:absolute;right:0px;top:8px;}
.pagemenu ul li {float:left;text-align:right;display:block;margin-right:8px;}
	.pagemenu a.nav1 {
		background-image:url(../layout/arrows/1.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:8px;
		}
	.pagemenu a.nav2 {
		background-image:url(../layout/arrows/2.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:8px;
		}
	.pagemenu a.nav3 {
		background-image:url(../layout/arrows/3.gif);
		background-position:right;
		background-repeat:no-repeat;
		padding-right:8px;
		}
	.pagemenu a.nav4 {
		background-image:url(../layout/arrows/4.gif);
		background-position:right;
		background-repeat:no-repeat;
		padding-right:8px;
		}
	.pagemenu a.slidelink {
		padding-left:15px;
		background-image:url(../layout/arrows/slideshow.gif);
		background-repeat:no-repeat;
		background-position:lefft;
		margin-right:10px;
		}

.pagemenu a {color:#666;}
.pagemenu a:hover {color:#000;}

#mediaframe {
	position:relative;
	width:672px;
	margin:5px 0 0 0;
	}
	#mediaframe .caption {
	display:block;
	padding:4px 4px 2px 4px;
	background-color:#eee;
	font-size:10px;
	}

.verk1, .verk2 {
	clear:both;
	border-top:1px solid #ccc;
	padding:0 0 5px 0;
	}
	.verk1 a.bilde {
		float:left;
		display:block;
		width:120px;
		min-height:70px;
		margin:5px 20px 5px 0px;
		}
	.verk1 img.bilde {
		width:120px;
		background-color:#eee;
		border:0px;
		background-color:#eee;
		}
	.verk2 .bilde {
		width:672px;
		background-color:#eee;
		margin:5px 20px 5px 0px;
		}
		
	.verk1 .artist {
		color:#333;
		display:block;
		font-weight:bold;
		text-decoration:none;
		margin-top:8px;
		}
	.verk2 .artist {font-size:13px;}
	.verk1 a.artist:hover {color:#ff8c03;}
	
	.verk1 a.title {
		color:#333;
		font-size:12px;
		margin-bottom:3px;
		font-style:italic;
		text-decoration:none;
		border-bottom:1px solid #ccc;
		line-height:150%;
		letter-spacing:0.05em;
		}
	.verk1 a.title:hover {color:#ff8c03;border-bottom:1px solid #ff8c03;}

	.verk2 .title {font-size:13px;font-style:italic;}

	.verk2 .padbot1px {border-bottom:1px solid #fff;}
	.verk2 a {color: #333;text-decoration:none;border-bottom:1px solid #ccc;}
	.verk2 a:hover {color:#ff8c03;border-bottom:1px solid #ff8c03;}
		
	ul.list1 {margin:20px 0px 0px 8px;}
	ul.list1 .artist {color:#333;font-weight:bold;}
	ul.list1 li {margin-bottom:12px;}
	ul.list1 a {
		color:#333;
		margin-left:12px;
		padding:0 2px 0 14px;
		text-decoration:none;
		border-bottom:1px solid #999;
		background-repeat:no-repeat;
		background-position:left;
		}
	ul.list1 a:hover {color:#ff8c03;border-bottom:1px solid #ff8c03;}
	ul.list1 a.verk {background-image:url(../layout/icons/verk.gif);padding-left:15px;}
	ul.list1 a.bio {background-image:url(../layout/icons/bio.gif);}
		
.lc {text-transform:lowercase;}