/*

html: hluti af html málinu. Þarf ekki frekari skilgreiningu.

#header: skilgreint sem <div id="header"> í html-inu.

.headerImage: skilgreint sem <img class="headerImage">

p inni í footer er skilgreint svo: #footer p{}

*/

html{background-color: #ffffff; margin: 0; padding: 0;}

body {background-color: #ffffff; color: #ffffff;font-size: 1em;margin: 0;padding: 0;
text-align: center; /*centering hack for IE*/
}

#wrapper {
	background-color: #808080;
    position: relative;
    margin: 0 auto;
    text-align: left; /*required due to IE centering hack*/
    width: 970px; 
    }

/*<div id="header"></div>*/
#header {
/* height: 28px; vantaði til að rétt útlit næðist í firefox */
background-color: #000000; height: 28px;}

/*<img class="headerImage"*/
.headerImage{padding-left: 21px; padding-bottom: 0px;}

#footer {background-color: #636363;}

#bottom {background-color: #333333; height: relative}

#top {background-color: #808080; height: relative}

.footerImage{padding-left: 18px; margin: 0;}

/* þumlarnir */
.thumb {
border:1px; border-width: 1px; border-color: silver; 
border-style: solid; margin: 1.5px
}
/* A:hover inni í class="thumb" skilgreiningu */
A:hover .thumb, A:active .thumb {
border:1px; border-width: 1px; 
border-color: black; border-style: solid
}

/* --- NAVIGATION BAR --- */
/* navigation bar, neðst með linkum, a án undirstriks */
p.nav, p.nav a,
{
color: #fff; 
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
text-decoration:none; 
font-size: 12px; 
background-color: #000;
}

/* --- CONTENT --- */
/* content texti, hér er t.d. a með undirstrikun */
p.content a,
{
color: #fff; 
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
text-decoration:underline; 
font-size: 12px; 
background-color: #000;
}

/* allt sem er með class="nav" fær þessi eigindi */
.nav{padding-left: 20px; margin: 0; background-color: #000; text-decoration: none; }

/* allt sem er með class="content" merki */
.content, .content a{font-size: 13px;}
.content a{text-decoration: ;}

/* content er guli ramminn */
/* #content virkar á það sem er merkt <div id="content"> í html skjali */
#content {background-color: #808080;
/* border: #f5af0b double; */
position: relative;
width: 930px;
height: 365px;margin-left: 20px;margin-top: 15px;
margin-bottom: 15px;
}
/* col 1, svæði vinstra megin, inniheldur ýmist "thumbnails" eða texta. */
#main-text {background-color: #808080;font-family: Trebuchet, sans-serif;
/*border:1px; border-width: 1px; border-color: silver; 
border-style: solid; margin: 1.5px;*/
position: absolute;
top: 0px;
left: 0px; 
width: 365px;
height: 355px;text-align: left;line-height: 16px;vertical-align: middle;}
 
/* col 2, stóra myndin */
#picture {
/* setur rétta staðsetningu í bæði ie og firefox */
position: absolute;
top: 0px;
left: 385px;
width: 257px;
height: 355px; 
/*border: #ec28dc double;*/
top: 0px;
padding: 0px;
margin: 1.5px;
}

/* col 3 fyrir eina mynd, mynd 2 */
#picture2 {
/* setur rétta staðsetningu í bæði ie og firefox */
position: absolute;
top: 0px;
left: 653px;
width: 257px;
height: 355px;  
/*border: #ec28dc double;*/
top: 0px;
padding: 0px;
margin: 1.5px;
}

/* main-text svæði fyrir eina mynd, mynd á forsíðu */
#pictureLeft {
/* setur rétta staðsetningu í bæði ie og firefox */
position: absolute;
top: 0px;
left: 0px;
width: 365px;
height: 355px;  
/*border: #ec28dc double;*/
top: 0px;
padding: 0px;
margin: 1.5px;
}

/* col 3 */
#col3 {
/* setur rétta staðsetningu í bæði ie og firefox */
position: absolute;
top: 0px;
left: 653px;
width: 290px;
height: 355px; 
/*border: #ec28dc double;*/
top: 0px;
padding: 0px;
margin: 0px;
}

p 
{font-size: 0.8em;font-weight: lighter;font-family: Trebuchet, sans-serif;text-decoration: none;position: relative;}

.hiddenPic {display:none;}

/* listi utan um blaðagreinar */

.umfjollun a{text-decoration: none;
background-color: #808080;color: #ffffff; 
display: block;
padding: 0;
}

.umfjollun a:visited ,.umfjollun a:link{
color: #fff;text-decoration: underline;}

.umfjollun a:hover {
background-color: #585858 ;
color: #fff;text-decoration: underline;}

.umfjollun a:active {
background-color: #585858;text-decoration: underline;}


/* Þessi tekur bara nav linkana */
/* <p class="nav"> */
p.nav a:link {
color: #fff;
text-decoration: none;}

p.nav a:visited {
color: #ffffff;
text-decoration: none;}

p.nav a:hover {
color: #ffffff;
text-decoration: underline;} 

p.nav a:active 
{text-decoration: none;}


/* almenn skilgreining fyrir a */
/* sértækari skilgr. fyrir nav línu er fyrir ofan, skilgreind
sem p.nav a: link, en þá er nav línan skilgreind <p class="nav"> */
a:link {
color: #fff;
text-decoration: underline;}

a:visited {
color: #0055aa;
text-decoration: underline;}

a:hover {
color: #0055aa;
text-decoration: underline;} 

a:active 
{text-decoration: underline;}