/*  
-----------------------------------------------
Frampeik Alumni style sheet
Thomas Hammer, http://fargestifter.no
Updated: 11. Feb 2010
----------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #333333;
}

body {
	font: 76%/2em "Lucida Grande","verdana","Trebuchet MS",Trebuchet,serif;
	text-align: center;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 900px;
}

/* Header
----------------------------------------------- */

#header {
	margin: 0;
	padding: 30px 0 0 0;
}

#header h1#logo,
#header #logo a {
	margin: 20px 0;
	padding: 0;
	line-height: 1;
	border: none;
	color: #000000;
}

h2#description {
	display: none;
}


/* Page structure
----------------------------------------------- */

#content {
}

#maincol {
	float: left;
	width: 900px;
}

#maincol2 {
/*	padding-right: 65px;*/
}

#subcol {
	float: left;
	width: 315px;
	margin: 0 0 0 10px;
}

#subcol2 {
	padding: 10px;
}


#footer {
	clear: both;
	margin:	50px 0 4em 0;
	padding: 0;
	background-color: inherit;
	color: #cccccc;
	border-top: 1px dotted #eeeeee;
}

#p-entry #wrapper {
	width: 840px;
}

#p-entry #maincol {
	width: 630px;
}

#p-forsiden #maincol {
/*	width: 575px;*/
}

#maincol2 h1,
#maincol2 h2,
#maincol2 h3,
#maincol2 p,
#maincol2 ul,
#maincol2 ol {
	padding-right: 65px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
	margin-right: 315px;
}


#p-entry #maincol2 h1,
#p-entry #maincol2 h2,
#p-entry #maincol2 h3,
#p-entry #maincol2 p,
#p-entry #maincol2 ul,
#p-entry #maincol2 ol,

#maincol2 .subcol h1,
#maincol2 .subcol h2,
#maincol2 .subcol h3,
#maincol2 .subcol p,
#maincol2 .subcol ul,
#maincol2 .subcol ol {
	padding-right: 0;
	margin-right: 0;
}

#p-entry #xcol {
	display: none;
}

#p-forsiden .subcol {
	background: #f2f2f2;
}

#p-forsiden .subcol h2 {
	background: #e0e0e0;
	color: #444444;
	margin: -10px -10px 0 -10px;
	padding: 10px 10px 15px 10px;
}

/* Feature
----------------------------------------------- */

#timeline {
	display: none;
}

#feature {
	margin: 0 0 20px 0;
	height: 120px;
	background: transparent url(/gfx/feature-bg.png) no-repeat 0 80%;
}

#p-forsiden #feature {
	height: 315px;
}

#p-forsiden .year-1590 {
	background: #000000 url(/gfx/year-1590.png);
}

#p-forsiden .year-1895 {
	background: #000000 url(/gfx/year-1895.png);
}

#p-forsiden .year-1928 {
	background: #000000 url(/gfx/year-1928.png);
}

#p-forsiden .year-1967 {
	background: #000000 url(/gfx/year-1967.png);
}

#p-forsiden .year-1983 {
	background: #000000 url(/gfx/year-1983.png);
}

#feature #timenav {
	padding: 270px 0 10px 17px;
}

#timenav ol,
#timenav ol li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
}

#timenav ol li,
#timenav ol li a {
	display: block;
	float: left;
	text-align: center;
}

#timenav ol li a {
	margin: 0 0 0 3px;
	padding: 3px 0;
	width: 50px;
	background: #1A4E89;
	color: #ffffff;
	text-decoration: none;
}

#timenav ol li a:hover {
	background: #507B22;
	color: #ffffff;
	text-decoration: none;
}


/* Links
----------------------------------------------- */

a, a:link, a:visited, a:hover, a:active {
	color: #ff6633;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

a:visited {
	color: #cc0000;
	color: #444444;
}

a:hover {
	color: #ff0000;
	color: #ff6600;
	text-decoration: underline;
}

a:active {
	color: #ff9999;
	color: #ff9933;
}


/* Main navigation
----------------------------------------------- */

#navigation {
	margin: 20px 0;
	padding: 0;
	font-size: 1em;
}

ul#nav,
ul#nav ul,
ul#nav li {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
	font-style: normal;
}

ul#nav {
	float: right;
	margin: 0;
	padding: 0;
}

ul#nav li {
	display: block;
	float: left;
	background: #ffffff;
}

ul#nav li a {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 10px;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	text-shadow: 2px 0px 2px #ffffff;
}

#nav a:hover,
#nav li.current_page_item a,
#nav li.current_page_parent a {
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	background: #f2f2f2;
	color: #333333;
	border: none;
	text-shadow: 1px 1px 1px #eeeeee;
}

#nav li.current_page_item a,
#nav li.current_page_parent a {
	color: #464646;
	background: #ffffff;
}


/* Headings
----------------------------------------------- */

h1,h2,h3 {
	clear: none!important;
}

h1 {
	color: #D91419;
	color: #111111;
	background: transparent;
	margin: 0;
	padding: 0em 0 1em 0;
	font: 2em/1.5em "Helvetica Neue","DejaVu sans Condensed","DejaVu sans",freesans,Helvetica,Arial,Verdana,Tahoma,sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.05em;
}

h2, caption {
	color: #000000;
	margin: 0.5em 0;
	padding: 0;
	font: 1.5em/1.5em "Helvetica Neue","DejaVu sans",freesans,Helvetica,Arial,Verdana,Tahoma,sans-serif;
	font-weight: normal;
	text-align: left;
}

h3 {
	color: #111111;
	margin: 1em 0 0 0;
	font: 1.1em/1.5em Helvetica Neue,Helvetica,freesans,arial,verdana,tahoma,Sans-Serif;
	font-weight: bold;
}

h3 a {
	border-width: 0;
}

h1+h2,
h1+h3 {
	margin-top: 0!important;
	margin-top: -1.5em!important;
	padding: 0!important;
	color: #aaaaaa;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	letter-spacing: -8px;
	font-size: 35px!important;
	line-height: 35px;
	margin: 4px 0 35px 0;
	padding: 0 0 0 0;
}

.sIFR-hasFlash #content #masthead h1 {
	letter-spacing: -9px;
	font-size: 51px!important;
	line-height: 51px;
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -8px;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -5px;
	margin: 0 0 14px 0;
	padding: 0;
}
/*
.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
	line-height: 1;
	margin: 0;
	padding: 0;
}
*/

.sIFR-hasFlash #content h1,
.sIFR-hasFlash #content h2 {
	margin-right: 315px;
}

.sIFR-hasFlash #content .subcol h2 {
	margin-right: 0;
}

/* Figures
----------------------------------------------- */

div.figure,
div.subcol {
	background: #e0e0e0;
	background: #f2f2f2;
	color: #444444;
	border: 10px solid #e0e0e0;
	border: 10px solid #f2f2f2;
	display: block;
	margin: 0.2em 0 0.8em;
}

div.figure a {
	border: none;
}

div.figure a:hover {
	text-decoration: none;
}

div.figure small a {
	border-bottom: 1px solid #cccccc;
}

div.figure.clean {
	background: none;
	color: #646464;
	border: 7px solid #ffffff;
	margin-top: 0;
/*	padding-top: 0.12em;*/
}

div.figure img {
	float: none;
	border: 1px solid #999999;
	margin: 0 0 7px 0;
}

div.figure a img {
	border: 1px solid #cccccc;
}

div.figure.clean img {
	border: none;
}

div.figure.clean a:hover img {
	border: none;
}

div.figure small {
	display: block;
	font-size: .75em;
	line-height: 2em;
	font-family: Verdana,"Lucida Grande",Lucida,"Lucida Sans Unicode",Tahoma,sans-serif;
}

div.figure small span {
	font-weight: bold;
	text-transform: uppercase;
}

div.figure.s,
div.subcol.s {
	width: 315px;
	float: right;
	position: relative;
}

div.figure.m {
	width: 500px;
}

div.figure.l {
	width: 900px;
}

div.figure.m,
div.figure.l {
	margin: 2em 0;
}

div.figure.s.alt {
	margin: .3em 1em 1.3em 0!important;	
	float: left!important;
	position: relative;
}

div.figure.m.alt {
	margin: .4em 0 1em 2em;
	float: right;
	position: relative;
}


/* Misc
----------------------------------------------- */

p, form, dl, ol, ul, td, th {
	padding: 0	;
	margin-top: 0;
	margin-bottom: 1.5em;
	line-height: 1.5;
	text-indent: 0;
}

td, th {
	padding: 0;
}

li {
	margin-left: 2em;
	padding: 0;
	text-indent: 0;
}

ul li {
	list-style: square;
}

.posted {
	margin-bottom: 1em;
	text-transform: lowercase;
}

p.byline {
	margin: 0 10px 10px 10px;
	padding: 0 5px;
	color: #999999;
	display: none;
}

dd {
	margin-left: 4%;
}

dt {
	font-weight: bold;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

u {
	text-decoration: underline;
}

hr {
	color: #f1ebd4;
	height: 1px;
}

.ahem, .hide {
	display: none;
}

code {
	font: 1em "lucida console";
	background: #ffffcc;
}

.reset {
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0;
}



/* Lists
----------------------------------------------- */

ul, ol {
	padding-left: 1.5em;
	margin-left: 0;
	text-indent: 0;
}

#commentlist cite, #commentlist cite a {
	font-weight: bold;
	font-style: normal;
}

#commentlist p {
	font-weight: normal;
	line-height: 1.5;
	text-transform: none;
}


/* Tables
----------------------------------------------- */


/* Posts, entries, entry
----------------------------------------------- */

#post {
	width: 420px;
	float: left;
	margin: 10px 0 40px 0;
	text-align: justify;
}

#p-entry p.byline {
	margin: 0;
	padding: 0;
	color: #999999;
	border-bottom: 1px dotted #cccccc;
	display: block;
}


a#meta {
	margin: 10px 0 40px 0;
	width: 200px;
	float: left;
}

a#meta .author {
	font-size: 0.9em;
	font-family: "bitstream vera sans";
	text-transform: uppercase;
	letter-spacing: 0.36em;
}

a#meta .day {
	float: right;
	font-size: 3em;
}

a#meta .date {
	float: left;
}

#firstentry p {
/*	font: normal 1.6em/1em trebuchet,"Trebuchet MS",hevetica,sans-serif;*/
}


/* Author page
----------------------------------------------- */


/* Forms
----------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

div.row {
	float: left;
	clear: both;
	width: 100%;
	display: block;
	padding-top: 3px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	color: #000000;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
}

#subcol #searchform #s {
	width: 115px;
	padding: 2px;
}

#subcol #searchsubmit {
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}


#commentform fieldset {
	clear: both;
}

#contactform div.row,
#commentform div.row {
	padding-left: 15px;
}

#commentform label,
#commentform label {
	display: block;
	float: left;
	width: 200px;
}


#contactform input, #contactform textarea,
#commentform input,
#commentform textarea {
	display: block;
	float: left;
	width: 200px;
	padding: 3px;
	border: 1px solid #999999;
}

#contactform input.hidden,
#contactform input[type=hidden],
#commentform input.hidden,
#commentform input[type=hidden] {
	border: none;
	visibility: hidden;
}

#contactform textarea,
#commentform textarea {
	width: 380px;
}

#contactform #submit,
#commentform #submit {
	width: auto;
}


/* Sign-up form
----------------------------------------------- */

.linklove {
	display: none;
}

.cform { 
}

.cform fieldset	{ 
}

.cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
}

ol.cf-ol { 
	margin:0; 
	padding:0; 
}

ol.cf-ol li	{ 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding: 0 0 0 0; 
	list-style:none; 
	text-align:left;
	float: left;
	clear: both;
}

ol.cf-ol li.textonly {
}

.cform label {
/*	width: 10em;*/
	display: block;
	float: left;
	color: #646464;
	text-align:left;
	vertical-align:top;
}
.cform label span {
/*	width: 10em; */ /* must be the same as above!*/
	display:block; 
}

label.cf-before {
}

label.cf-after 	{
	width: 290px;
	float: left;
	margin-top: 0;
	clear: right;
}

label.cf-after span {

}

label.cf-group-after {
	margin:0 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
	margin-top:3px;
	line-height:1.1em;
}

.cform input,
.cform textarea,
.cform select { 
	background: #f9f9f9; 
	border: 1px solid #aaaaaa; 
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover {
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
}

.cform textarea,
.cform input {
	width: 250px; 
	width: 300px;
}
.cform select {
	width: 308px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
}

.cform textarea {
	overflow: auto;
}

span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 98px;
	margin: 0;
	display: none; 
}

ol.cf-ol li.cf-box-title {
	padding-left:100px; /* check with label 'width' incl. */
}

input.cf-box-a,
input.cf-box-b 	{ 
	border:none!important;
	background:none!important;
	width: auto;
	float: left;
}

input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
	margin-left: 0;
} 

ol.cf-ol li.cf-box-group {
} 

p.cf-sb {
	clear: both;
	margin: 0;
	text-align:left;
}

.cform input.sendbutton	{ 
	width: auto;
	background: auto;
	border: auto;
	font-size: 1.1em;
}

.cform .error {
	color: #aa0000;
	border: 1px solid #aa0000;
	padding: 1px 3px;
}

.cform .errortxt {
	color: #aa0000;
}

label.seccap {
	margin-top: 6px;
}

label.secq,
label.secq span {
	margin-top: 2px;
	width:174px;
}

input.secinput {
	width:45px;
	margin: 3px 0 0 0;
	vertical-align:top;
}

#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
}


/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.info 		{
	margin:10px 0;
	text-align:center;
}
p.success 	{
	color: green;
}
p.failure 	{
	color: red;
}

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}

.disabled {
	border-color:#dddddd!important;
}

.cform input.cf_upload  {
	background: #f9f9f9;
	border:1px solid #888888;
}

.linklove,
.linklove a,
.linklove a:visited {
	display: none;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html span.reqtxt,
* html span.emailreqtxt { 
}

* html .cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -8px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-top:1px;
}
*+html input.cf-box-a,
*+html input.cf-box-b {
	margin-top:0px;
	background:none;
}
* html input.cf-box-a,
* html input.cf-box-b { 
	height:1.2em;
	margin-top:0px;
	background:none;
}
*+html label.cf-after 	{
	margin-top:2px;
}



/* Comments
----------------------------------------------- */

#commentlist {
	clear: both;
}

.comment_meta {
	width: 200px;
	float: left;
}

.comment_text {
	width: 410px;
	float: left;

}

.comment {
/*	margin: 0 10px;*/
	margin: 10px 0;
	border-bottom: 1px dotted #cccccc;
	border-bottom: 1px solid #f2f2f2;
}

.alt {
/*	margin: 0;
	padding: 10px;*/
}


#commentlist h2,
#respond h2 {
	border-bottom: 3px solid #333333;
/*	border-color: #f3f3f3;*/
}

aa#commentlist p {
	margin: 10px 5px 10px 0;
}


/* Misc
----------------------------------------------- */

acronym, abbr, span.caps {
	cursor: help;
}

span.caps {
/*	font-family: "MrsEavesSmallCaps","delicious-smallCaps";*/
}

acronym, abbr {
	border-bottom: 1px dashed #999999;
}

blockquote {
	margin: 15px 30px 1em 15px;
	padding-left: 20px;
	border-left: 8px solid #dddddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

hr {
	display: none;
}

a img {
	border: none;
}