/*
 * Made by Ann Christin Kern
 * annci.kern@gmail.com
 * 
 */

* {
	padding: 0;
	margin: 0;
}
html {
	font-size: 95%;  /* (nesten) Full størrelse?? */
	/*text-align: left;   No difference */
	color: #ffffff;	/* White font color */
}

body {
	font-family: Verdana, "Palatino Linotype", sans-serif;
	background-color: #000000;
	margin: 0; /* auto;*/
}

#header {
	font-size: 120%;
	padding: 35px 5px 5px 50px;
	
	/*border: 1px solid red;*/
}
#header h1 {
	color: #ffffff;
}

/* Displayfunksjonalitet, inkl. forskjellige .css-filer. */
#display {
	position: relative;
	top: 0px;
	/*left: 780px; For skrift*/
	/*width: 470px; For skrift */

	left: 960px;
	width: 200px;

	font-size: 75%;

	/*border: 1px solid yellow;*/
}

#container {
	position: absolute;
	top: 17%;
	left: 0;
	width: 100%;
	height: 15px;
	
	
	padding: 0;
	/*background: url("images/homebg.jpg") no-repeat top center;*/
	
	text-align: left;
	
	/*border: 1px solid red;*/
}

#contents {
	position: absolute;
	left: 70px;  /* Litt luft fra venstrekanten */
	width: 1350px;  /* Gjør ingen forskjell, bare flytter sentrert tekst mer i midten (footer)*/
	
	/*border: 1px solid blue;*/
}

/* For å få en meny til høyre med position absolute, og uten
at den flytter seg når man forstørrer/forminsker browseren 
(innholdet er sentrert avhengig av browseren):
#rightmenu er en div som er like bred som hele innholdet/contents.
mens #rightmenucontents er absolutt  plassert innenfor #rightmenu.
Nå vil høyremenyen bli på samme sted, uavhengig av browserens størrelse.
*/
#rightmenu {
	width: 814px;
	
	position: absolute;
	top: auto; /* (0) */
	left: auto;
	
	/* border: 1px solid yellow;*/
}
#rightmenucontents {
	position: absolute;
	left: 0;
	width: 250px;
	top: 10px;
	color: #8b8b8b;
	
	/*border: 1px solid red;*/
}
#rightmenucontents h2 {
	padding: 5px 0 2px 0;
	font-size: 95%;
	color: white;
}
#rightmenucontents ul {
	padding-left: 7px;
	list-style-type: bullet;
	list-style-position: inside;
	font-size: 90%;
}
#rightmenucontents li {
	padding: 1px 0 2px 0;
}








/* Home/frontsida */



.homebg {
	background: url("images/homebg.jpg") no-repeat top center;
	height: 500px;
	top: 20px;
}

/* For rootpage */

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7 {
	/*color: #222222; gets overridden*/
	position: absolute;
}

div#text1 {
	font-size: 38px;
	top: 0;
	left: 0;
}
div#text2 {
	font-size: 32px;
	top: 150px;
	left: 270px;
}
div#text3 {
	font-size: 22px;
	top: 60px;
	left: 210px;
}
div#text4 {
	font-size: 26px;
	top: 25px;
	left: 450px;
}
div#text5 {
	font-size: 20px;
	top: 220px;
	left: 70px;
}
div#text6 {
	font-size: 22px;
	top: 200px;
	left: 470px;
}
div#text7 {
	font-size: 21px;
	top: 130px;
	left: 40px;
}

div#text1 a:hover span { top: -3px; left: 2px; }
div#text2 a:hover span { top: -1px; left: 2px; }
div#text3 a:hover span { top: -1px; left: 1px; }
div#text4 a:hover span { top: -1px; }
div#text5 a:hover span { top: -1px; }
div#text6 a:hover span { top: -1px; }
div#text7 a:hover span { top: -1px; }

div#contents a:hover { background: none; color: white; }
div#contents a span { display: none;  color: white; /* Hides span-text */ }
div#contents a:visited span { display: none; color: white;}

div#contents a:hover span {
	display: block; /* newline */
	position: relative;
	background: none;
	font-size: 14px;
}
/*
div#leftcontents a:link, div#leftcontents a:visited { text-decoration: none; }
div#leftcontents a:hover {text-decoration: none; }*/


/* -- */
div#recent {
	position: absolute;
	font-size: 13px;
	top: 300px;
	/*left: 300px;*/
}
div#recent #head {
	color: #555566;
}
div#recent #list {
	font-size: 11px;
	color: #666677;
}


/* <- slutt home-sida */









/* Andre sider enn home/welcome */


#leftcontents {
	position: relative;
	top: -30px;  /* Flytter opp leftcontents og gir luft under boksen helt på bunnen */
	left: 255px;
	
	width: 850px; /* Leaves room for menu on the right/left */
	/*with: 770px;*/
	
	border: 1px solid #333333;
	background-color: #111111;
	padding: 10px;

	/*border: 1px solid green;*/
}



a {
	/*font-size: 99%; /* for å gjøre linkene i gallery mindre :P */
	color: #859fda;
	/*text-decoration: none;*/
	/*color: #4583b5;*/
}
a:link { }
a:visited { color: #c5a9dc; }
a:hover {
	color: #859fda;
	/*text-decoration: underline;*/
}
#leftcontents a { color: #859fda; }
#leftcontents a:link { }
#leftcontents a:visited { color: #859fda; }
#leftcontents a:hover { color: white; }


#pathway {
	padding-bottom: 10px; /* Litt luft under */
	font-size: 9px;
	/*color: #ebebeb;*/
}

#date {
	font-size: 85%;
	padding-bottom: 15px;
}

#postspace {
	padding-top: 30px; /* Bare luft, istedenfor masse <br> eller masse <p>&nbsp;</p> */
}


h1, h2 {
	padding: 10px 5px 15px 0; /* top right bottom left */
	/*color: #859fda;*/
	color: #7c98ea;
}
h1 a:hover {
	/*color: #4583b5;*/
	text-decoration: none;
}

p {
	padding: 10px 0 10px 0;
	color: white;
}
h3 {
	padding: 25px 0 5px 0;
}
#smalltext {
	font-size: 90%;
	color: #8b8b8b;
}
#smalltextwhite {
	font-size: 90%;
	color: white;
}

.smalltext {
	font-size: 90%;
	color: #8b8b8b;
}

em {
	color: red;
}

#footer {
	font-size: 79%;
	position: relative;
	text-align: center;
	
}

#index {  /* For startsiden, index.html */
	text-align: center;
	padding: 50px 0 0 0;
}