/*
Theme Name: Biblioteksvar
Theme URI: http://biblioteksvar.no/
Description: Biblioteksvar dot no
Version: 1.0
Author: Apt AS
Author URI: http://biblioteksvar.no
Tags: biblioteksvar, wordpress

*/

/*
	stylesheet for www.biblioteksvar.no
	by Erland Wiencke - Apt AS
	
	version 1.0
	
	last update: 20081209
	
	document convention and structure:
	
	colours
		page background: #f8f4ef
		default text: #333
		footer text: #5e5146
		lenke: #5f3316
		overskrift. #5f3316
	
	fonts
		body: Arial
		

	structure
		=typography and colours
		=layout
		=widgets
	
	order of declarations
		alphabetical per class/id/item
	
*/

/*=typography and colours*/
body{
	background-color: #f8f4ef;
	background-image: url(images/bg-body-01.png);
	background-position: left top;
	background-repeat: repeat-x;
	color: #333;
	font-family: Arial, helvetica, sans-serif;
	font-size: 62.5%;
}

h1,h2,h3,a{
	font-family: "Times New Roman", "Times Roman", serif;
}

h1 a{
	color: #333;
	font-size: 1.7em;
	font-style: normal;
	text-decoration: none;
}

h2{
	font-size: 3em;
}

h2.alternate{
	color: #723b00;
	font-size: 3.4em;
	font-weight: normal;
}

h3{
	color: #675a4f;
	font-size: 1.8em;
	font-weight: normal;
}

h3.alternate{
	color: #723b00;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}

p{
	font-size: 1.4em;
	line-height: 1.4em;
}

p.intro{
	color: #603416;
	font-size: 1.6em;
}

p.quote{
	color: #603416;
	font-family: "Times New Roman", "Times Roman", serif;
	font-size: 2.2em;
	font-weight: bold;
	font-style: italic;
	margin: 0.5em 0 0 0 !important;
}

p.footer{
	font-family: "Times New Roman", "Times Roman", serif;
	font-size: 1.4em;
	color: #5e5146;
	line-height: 2em;
	text-align: center;
}

a{
	font-size: 1.1em;
	font-style: normal;
	color: #5f3316;
}

a:hover{
	color: #009fda;
}

a.chat-link{
	color: #009fda;
	font-family: "Times New Roman", "Times Roman", serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	text-decoration: none;
}

a.big-icon{
	background-image: url(images/icon-chat-big-01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 59px;
	padding-left: 107px;
	padding-top: 14px;
}

a.big-icon:hover{
	background-image: url(images/icon-chat-big-active-01.gif);
}

	a.chat-link span{
		color: #4e4943;
		display: block;
		font-family: Arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
	}

a.joinup{
	background-image: url(images/icon-joinup-01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;	
	width: 153px;
	height: 34px;
	text-indent: -4000px;
}

ul.nyest li, table.neste td, table.resultatliste td{
	font-size: 1.4em;
	line-height: 1.4em;
}

/*=layout*/
div#wrapper,div.wrapper{
	margin: 0 auto;
	position: relative;
	width: 980px;
}
	
	div#wrapper div#header{
		background-image: url(images/bg-header-01.gif);
		background-position: left 39px;
		background-repeat: repeat-x;
		height: 170px;
		margin-bottom: 3em;
	}
	
		div#wrapper div#header h1{
			background-image: url(images/h1-biblioteksvar-01.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
			height: 90%;
			width: 244px;
		}
		
			div#wrapper div#header h1 a{
				display: block;
				height: 100%;
				padding: 17px 0 0 0;
			}
	
	div#wrapper div#content{
		/*background-image: url(images/bg-content-01.png);*/
		background-position: right top;
		background-repeat: no-repeat;
		width: 980px;
	}
	
div#footer{
	background-image: url(images/bg-footer-01.png);
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 250px;
	margin-top: 4em;
	padding: 1em 0 0 0;
}

/*=layout for tabeller*/

td.titler{
        width="500px";
}

/*=widgets*/
ul.menu-top{
	position: absolute;
	right: 0;
	top: 17px;
}
	ul.menu-top li{
		float: left;
		margin: 0 1em 0 1em;
	}
	
	ul.menu-top li.icon{}
	
		ul.menu-top li.icon a{
			display: block;
			text-indent: -4000px;
		}
	
	ul.menu-top li.flag{}
	
		ul.menu-top li.flag a{
			height: 19px;
			width: 24px;
		}
	
		ul.menu-top li.en a{
			background-image: url(images/icon-flag-en-01.png);
			background-position: center top;
			background-repeat: no-repeat;
		}
	
		ul.menu-top li a{
			font-size: 1.6em;
			font-style: normal;
			text-decoration: none;
		}
		ul.menu-top li a:hover{}
		ul.menu-top li.active a{
			color: #009fda;
		}
	
ul.menu-left{
	font-size: 2em;
	line-height: 1.5em;
}

	ul.menu-left li{}
	
		ul.menu-left li a{}
		
			ul.menu-left li a:hover{}
			
			ul.menu-left li.active a{
				color: #009fda;
				text-decoration: none;
			}

ul.icons{
	background-image: url(images/bg-header-01.gif);
	background-position: left 2px;
	background-repeat: repeat;
}

	ul.icons li{
		height: 108px;
		margin-bottom: 2px;
	}
	
		ul.icons li a{
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 100%;
			text-indent: -4000px;
		}
		
		ul.icons li a.e-post{
			background-image: url(images/menu-icon-e-post-01.gif);
		}
		
		ul.icons li a.e-post:hover{
			background-image: url(images/menu-icon-e-post-hover-01.gif);
		}
		
		ul.icons li.active a.e-post, ul.icons li.active a.e-post:hover{
			background-image: url(images/menu-icon-e-post-active-01.gif);
		}
		
		ul.icons li a.sms{
			background-image: url(images/menu-icon-sms-01.gif);
		}
		
		ul.icons li a.sms:hover{
			background-image: url(images/menu-icon-sms-hover-01.gif);
		}
		
		ul.icons li.active a.sms, ul.icons li.active a.sms:hover{
			background-image: url(images/menu-icon-sms-active-01.gif);
		}
		
		ul.icons li a.chat{
			background-image: url(images/menu-icon-chat-01.gif);
		}
		
		ul.icons li a.chat:hover{
			background-image: url(images/menu-icon-chat-hover-01.gif);
		}
		
		ul.icons li.active a.chat, ul.icons li.active a.chat:hover{
			background-image: url(images/menu-icon-chat-active-01.gif);
		}
		ul.icons li a.arkiv{
			background-image: url(http://biblioteksvar.no/images/menu-icon-arkiv-01.gif);
		}
		
		ul.icons li a.arkiv:hover{
			background-image: url(http://biblioteksvar.no/images/menu-icon-arkiv-hover-01.gif);
		}
		
		ul.icons li.active a.arkiv, ul.icons li.active a.arkiv:hover{
			background-image: url(http://biblioteksvar.no/images/menu-icon-arkiv-active-01.gif);
		}

p.library{
	display: block;
	width: 47%;
}

	p.library a{
		background-image: url(images/bg-library-link-01.gif);
		background-position: left bottom;
		background-repeat: repeat-x;
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 0.5em;
		padding-top: 0.1em;
		text-decoration: none;
	}

p.left{
	clear: left;
	float: left;
}

p.right{
	clear: right;
	float: right;
}

ul.alternate{
	font-size: 1.4em;
	list-style: disc;
	list-style-position: inside;
	margin: 1em 0 1em 0;
}

	ul.alternate li{
		padding-left: 1em;
		margin-bottom: 0.5em;
	}

ul.pagination{
	font-size: 1.4em;
	font-weight: bold;
}

	ul.pagination li{
		float: left;
		margin: 0.5em;
	}
	
		ul.pagination li a{}
		
		ul.pagination li.active a{
			color: #009fda;
			text-decoration: none;
		}

div.question{}
	
	div.question p.text{}
	
		div.question p.text a{}
	
	div.question div.answer{}
	
		p.disclaimer{
			font-family: "Times New Roman", "Times Roman", serif;
			font-size: 13px;
			font-style: italic;
		}

div.selected{}
	
	div.selected p.text{}
	
		div.selected p.text a{
			color: #009fda;
			font-weight: bold;
			text-decoration: none;
		}

div.column{
	background-image: url(images/bg-column-01.png);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	min-height: 368px;
	padding: 0 14px 0 14px;
	position: relative;
	width: 202px;
}

div.column:hover{
	background-image: url(images/bg-column-hilite-01.png);
}
	
	div.column h2{
		margin-bottom: 1em;
	}
	
	div.column h2.icon{
		height: 129px;
		text-indent: -4000px;
	}
	
	div.column h2.e-post{
		background-image: url(images/h2-e-post-01.png);
		background-position: center top;
		background-repeat: no-repeat;
	}
	
	div.column h2.sms{
		background-image: url(images/h2-sms-01.png);
		background-position: center top;
		background-repeat: no-repeat;
	}
	
	div.column h2.chat{
		background-image: url(images/h2-chat-01.png);
		background-position: center top;
		background-repeat: no-repeat;
	}

	div.column h2.arkiv{
		background-image: url("http://www.folkemoro.no/ashfiler/h2-arkiv-01.png");
		background-position: center top;
		background-repeat: no-repeat;
	}

	div.column p{
		margin: 1em 0 2em 0;
	}
	
	div.column p.more{
		position: absolute;
		bottom: 15%;
	}
	
	div.column hr{
		color: #fff;
		margin: 1em 0 1em 0;
	}
	
	div.left{
		background-image: url(images/bg-column-left-01.png);
		background-position: right top;
		background-repeat: no-repeat;
		padding: 0 14px 0 0;
		width: 276px;
	}
	
	div.left:hover{
		background-image: url(images/bg-column-left-01.png);
	}
	
		div.left h2{
			padding: 103px 0 0 0;
		}
	
	div.dual{
		background-image: none;
		float: left;
		min-height: 160px;
		padding: 0 14px 0 14px;
		width: 432px;
	}
	
	div.dual:hover{
		background-image: none;
		}
		
		div.one{
			padding-left: 0;
			width: 506px;
		}
	
	div.wide{
		background-image: url(images/bg-column-wide-01.png);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0 90px 0 30px;
		width: 570px;
	}
	
	div.wide:hover{
		background-image: url(images/bg-column-wide-01.png);
	}

form#question{
	color: #675a4f;
	margin-top: 1em;
}

	div.input-text{
		background-image: url(images/bg-input-text-01.png);
		background-position: left top;
		background-repeat: no-repeat;
		float: left;
		height: 34px;
		margin-right: 13px;
		width: 177px;
		position: relative;
	}

	input.text{
		background-color: transparent;
		border: none;
		color: #675a4f;
		font-family: Arial, helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		left: 7px;
		position: absolute;
		top: 9px;
		width: 163px;
	}
	
	div.textarea{
		background-image: url(images/bg-textarea-01.png);
		background-position: left top;
		background-repeat: no-repeat;
		clear: left;
		float: left;
		height: 82px;
		margin-top: 16px;
		position: relative;
		width: 367px;
	}
	
	textarea{
		background-color: transparent;
		border: none;
		color: #675a4f;
		font-family: Arial, helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		height: 68px;
		left: 7px;
		position: absolute;
		top: 7px;
		width: 353px;
	}
	
	div.submit{
		float: left;
		height: 98px;
		margin-left: 11px;
		position: relative;
	}
	
	input.submit{
		bottom: 0;
		position: absolute;
	}
	
form.large{}

	form.large div.input-text{
		background-image: url(images/bg-input-text-large-01.png);
		margin-right: 11px;
		width: 235px;
	}

	form.large input.text{
		width: 221px;
	}
	
	form.large div.textarea{
		background-image: url(images/bg-textarea-large-01.png);
		height: 116px;
		margin-bottom: 1em;
		width: 480px;
	}
	
	form.large textarea{
		height: 102px;
		width: 466px;
	}
	
	form.large div.submit{
		clear: left;
		float: left;
		height: 34px;
		margin: 0;
		position: relative;
		width: 480px;
	}
	
	form.large input.submit{
		bottom: 0;
		position: absolute;
		right: 0;
	}
	
form#search{
	width: 254px;
	position: absolute;
	right: 0;
	bottom: 0;
}

	form#search div.submit{
		float: left;
		height: 34px;
		margin-left: -2px;
		position: relative;
	}
	
	form#search input.submit{
		bottom: 0;
		position: absolute;
	}
	
form#search-large{
	margin: 1em 0 1em 0;
}

	form#search-large div.input-text{
		background-image: url(images/bg-input-text-large-01.png);
		margin-right: 11px;
		vertical-align: middle;
		width: 235px;
	}
	
	form#search-large input.text{
		width: 221px;
	}
	
	form#search-large select{
		
	}
	
	form#search-large input.submit{
		position: relative;
		margin-left: 1em;
		vertical-align: middle;
	}
	
#ingenmargin {
	margin: 0;
padding: 0;
font-size: 1.4em;
	line-height: 1.4em;
clear: both;
}

p#ingenmargin {
	font-size: 1.4em;
	line-height: 1.4em;
}