/* CSS Document by Arve */

body {
	background-image:url(../bilder/TopBilderIkkeSlett/fakkel.jpg);
	background-repeat:no-repeat;}

/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:985px;
	position:relative;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	background-repeat:no-repeat;
	height:173px;}
	
#header .right { /* language links + logo */
	text-align:right;
	padding-top:5px;
	font-size:0.9em;}	
	
	
/* LEFT
------------------------------------------------------------------ */
#left {
	width:280px;
	background-repeat:no-repeat;
	min-height:270px; height:auto !important; height:270px;
	float:left;}
	


/* MAINCONTENT
------------------------------------------------------------------ */
#main {
	width:645px;
	float:left;
	padding:0;
	margin:10px 0 0 60px;
	line-height:1.4em;}
	
#mainFrontpage { /* also used on artists.cfm */
	width:664px;
	float:left;
	padding:0;
	margin:-10px 0 0 41px;
	line-height:1.4em;}
	
#mainFrontpage p,
#main p {
	margin:0px 5px 0px 0px;
	padding:0 0 5px 0;}
	
#main a:link,
#main a:visited {
	text-decoration:underline;}

#main .printLink a:link,
#main .printLink a:visited {
	text-decoration:none;
	font-style:italic;}

	
	
/* FOOTER (inside the #container)
------------------------------------------------------------------ */
#footer {
	font-size:0.85em;
	color:#666666;}
	
#footer .left { /* only on frontpage */
	float:left;
	width:260px;
	padding:5px 0 0 60px;
	font-style:italic;}
	
#footer .right {
	float:right;
	width:660px;
	overflow:hidden;
	text-align:right;
	margin-top:15px;}
	
#footer p {
	margin:0;
	padding:0;}
	
#footer .powered {
	color:#CCCCCC;
	font-size:0.9em;}

#footer .powered a:link,
#footer .powered a:visited {
	color:#CCCCCC;}
	
	
/* FRONTPAGE 
------------------------------------------------------------------*/
.slideshowFrontpage {
	height:199px;
	width:528px;
	background-color:#FFCC00;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:1;}
	
.thumbnailBig {
	float:left;
	width:395px;
	height:199px;
	overflow:hidden;}
	
.textBox {
	 background-color:#FFCC00;
	 width:122px;
	 height:169px;
	 border-left:1px solid #FFFFFF;
	 padding:20px 5px 10px 5px;
	 font-style:italic;
	 float:left;
	 position:relative;}
.textBox img {
	padding:0;}
	
.text {
	position:absolute;
	bottom:55px;
	left:5px;
	color:#333333;
	margin-right: 5px;
}
	 
.btn { /* buttons */
	position:absolute;
	bottom:0px;
	right:0px;}
	
.rightBox { /* right of the slideshow */
	float:left;
	width:133px;}
	


/* ARTIST
------------------------------------------------------------------*/	
#artists {
	background-color:#FFCC00;
	color:#333333;
	padding-bottom:5px;}
	
#artists .intro {
	padding:15px;}
	
#artists h1 {
	color:#FFFFFF;}

/* box with each artist */
.artist { 
	width:133px;
	float:left;
	overflow:hidden;}
	
.artist .image {
	width:132px;
	height:132px;
	overflow:hidden;}
	
.artist .name {
	background-color:#999999;
	padding:2px 5px 2px 5px;
	text-align:center;
	color:#FFFFFF;
	border-right:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;}
	
.artist .name a:link,
.artist .name a:visited {
	color:#FFFFFF;
	font-size:0.85em;
	text-decoration:none;}



/* NEWS 
------------------------------------------------------------------*/	
#news {}

#news .thumbnail {
	float:left;
	text-align:center;
	margin:0 10px 10px 0px;
	width:140px;
	overflow:hidden;}
	
#news .content { /* heading & ingress */
	float:left;
	margin-bottom:10px;}
	
#news h1 { /* newsheading */
	margin:0;
	padding:0;
	font-size:1.2em;}	
	
#news h1 a:link,
#news h1 a:visited {
	color:#000000;
	text-decoration:none;}	
	
#news .hrline {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;}

.newsArchive {
	float:right;}
.newsArchive a:link,
.newsArchive a:visited{
	white-space:nowrap;
	color:#94C83E;}

#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;}
	

/* TEXTPAGES (tekstsider.cfm)
------------------------------------------------------------------*/


/* Misc
----------------------------------------------- */
	
.subscribe {
	padding-left:20px;
	background:url(../gfx/btn_subscribe.gif) no-repeat;
	margin-right:30px;
	margin-bottom:10px;
	font-size:0.9em;}
	
.subscribe a:link,
.subscribe a:visited {
	text-decoration:none;}
