/*
CSS for Project X
*/

/* Standar stil settings. */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF; /* Er dette den bakgrunnsfargen du skal bruke på sida di? Dette er den bakerste fargen. */
	line-height: 125%;
	margin: 0px;
  font-size: small; /* ENDRET: Henten fra "P". Det som skal være stander kan ligge her. */
  color: black; /* ENDRET: Henten fra "P". Det som skal være stander kan ligge her. */
	/* ENDRET: Fjernet "background: url(images/menu.jpg) repeat-y left;" da dette ikkje skal være her. */
	background: url(images/menu.jpg) repeat-y left;
}

h1 {
  font-size: large;
	padding 0;
  margin: 0;
}

p.center
{
	text-align: center;
}

a {
  font-weight: bold;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: gray;
}

a:active {
  color: white;
  background-color: gray;
}
strong.news {
 font-size: 11pt;
}

/* Meny spesifikk stil */

a.menu:link {
  color: Gray;
}
a.menu:visited {
  color: Gray;
}

a.menu:hover {
  text-decoration: none;
  color: white;
  background-color: gray;
}

a.menu:active {
  color: white;
  background-color: gray;
}

#navigation li {
	font-size: small;
  list-style-type: none;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

/* Gallery Style */

img.gallery {
	border: 10px solid black;
}

a.gallery {
	font-weight: normal;
}

a.gallery:link {
  color: white;
}

a.gallery:visited {
  color: white;
}

a.gallery:hover {
  text-decoration: none;
  color: white;
  background-color: transparent;
}

a.gallery:active {
	color: white;
	background-color: transparent;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/


#navigation, #content {/*ENDRET: Har fjernet "#header," da den ikkje trenger å være under "position: absolute;". */
	position: absolute;
}
#header { /* ENDRET: HAr fjernet "top: 0px;",	"left: 0px;" da disse ikkje er nødvendig. */
	margin: 0px;
	padding: 0px;
	/* Vil du Ha ein fast bredde på hodet bruker du denne og velger størrelse sjølv: "width: 1000px;" */
	height: 120px;
	text-align: left;
	background: black url(images/top.jpg) repeat-x; /* ENDRET: Siden du skal kun ha eit eksemplar av logoen skal det ikkje være repeat så endra til "no-repeat". */
}
#navigation {
	margin: 0px;
	padding: 10px;
	top: 120px;
	left: 0px;
	width: 130px;
	/* height: 100%; /* Vil du ha ein fast høyde endrer du det med ein annen verdi. Du kan bruke px som ending om du vil ha det i pixle. */
	/* background-color: #000000; */
	/* background: black url(images/menu.jpg) repeat-y left; */
}
#content {
	/* ENDRET: Fjernet "width: 840px;" da du ikkje trenger dette så lenge den skla kunne endres automatisk. */
	margin: 0px;
	padding: 10px;
	top: 120px;
	left: 150px; /* Denne sklal være summen av "#navigation: width: 140px; + 2 x padding: 5px; (left and right)". */
}