/*
@font-face {
  font-family: "FagoCo";
  src:  url(font/FagoCo-MediumItalic.ttf);
  font-style: italic;
}
@font-face {
  font-family: "FagoCo";
  src:  local("FagoCoTf"), url(font/FagoCoTf-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "FagoNoLf";
  src:  url(font/FagoNoLf-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
*/

.stream,
.focustarget { position:absolute;right:9999px;left:auto;white-space:nowrap; }
/* Accessibility tr1ck50r */
.pgwrap .wrap a.stream:focus,
.pgwrap .wrap a.stream:active,
.pgwrap .wrap .stream a:focus,
.pgwrap .wrap .stream a:active {
  background: #fff;
  border: 1px solid #029;
  margin: 0;
  padding: 3px 5px;
  color: #c00;
  right: 0;
  z-index:9999;
  font-size: 1em;
  white-space: nowrap;
}
.pgwrap .wrap .stream a:focus,
.pgwrap .wrap .stream a:active {
  position: absolute;
  right: -9999px;
}

.print { display: none; }



/* ********************************** */
/* Basic Style Definitions            */
/* ********************************** */

html { overflow-y: scroll; -ms-overflow-y: scroll; }


body {
  background: #000 url(i/bg-body.png) 0 0 repeat-x;
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  ~font-size:  75.00%;
}



div, table, caption { font-size: 1em; }


blockquote {
  margin: 0 3em 0 2em;
  padding: .3em .5em;
}
q:after, q:before { content: ""; }


p, blockquote, ul, ol, dl, table {
  margin-top: 0px;
  margin-bottom: 1.4em;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ol { padding-left: 3em; }
ul, ol  { margin-left: 0; }
li { margin: 0; padding: 0; }


a {
  color: #fff;
  text-decoration: none;
}

a * {
  cursor: pointer;
  _cursor: hand;
}


abbr {
  cursor: help;
  border: none;
}
abbr:hover { border-bottom: 1px dotted #ddd; }


img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: top;
}


h1, h2, h3, h4 {
  margin-top: 0;
  margin-bottom: 0;
}
h1 {
  font-size: 1.33em;
  margin-bottom: .55em;
}
h2 {
  font-size: 1.17em;
  margin-top: 1.57em;
  margin-bottom: .55em;
}
h3 {
  font-size: 1.09em;
  margin-top: 1em;
  margin-bottom: .64em;
}
h4 {
  font-size: 1em;
  margin-bottom: .2em;
}



table { border-collapse: collapse; }
table, td, th, caption {
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
  vertical-align: top;
}
th abbr:hover { border: none; }
th.num, td.num {
  text-align: right;
  white-space: nowrap;
}






form { margin: 0; }

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

input,
select,
textarea {
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
textarea {
  vertical-align: top;
  width: 99%;
}
select,m
textarea,
.textinput,
.fi_txt input {
  border: 1px solid #888;
  background: #fff;
  color: #000;
}

select:focus,
select:active,
textarea:focus,
textarea:active,
.textinput:focus,
.textinput:active,
.fi_txt input:focus,
.fi_txt input:active {
  border-color: #000;
}

.button,
.fi_btn input {
  cursor: pointer;
  _cursor: hand;
  background: #fff;
  border: 1px solid #888;
  color: #000;
}
.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color: #c00;
  color: #c00;
}

abbr.req {
  border: none;
  margin-right: -.25em;
  padding: 0 .25em 0 0;
}
abbr.req:hover { border: none; }




div.clear { display: none; }





/* ********************************** */
/* Page Canvas Definitions            */
/* ********************************** */

.pgwrap {
}



.pghead {
  padding-top: 34px;
  border-bottom: 1px solid #2f2f2f ;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.noheadcontent .pghead {
  border-bottom: none;
}

.pghead:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.pghead .wrap {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.pghead .brand {
  margin: 0 0 2.33em 0;
  padding-bottom: 57px;
  font-size: 1em;
}
.pghead .brand a {
  /* image replacement */padding:0; display:block; overflow:hidden; line-height:0; text-indent:-9999px; text-align:left; font-size:1px; letter-spacing:-1em;
  width: 215px;
  height: 63px;
  background: url(i/sitelogo-screen.png) 7px 15px no-repeat;
}
.pghead .brand img.logo { vertical-align: middle; }
.pghead .brand .slogan { position:absolute;right:9999px;left:auto; }
.pghead .stream { top: 10px; }  /* Accessibility tr1ck50r */


.pgmain {
  font-size: 1.083em;
  background: #080808 url(i/bg-pgmain.png) 0 100% repeat-x;
  border-bottom: 1px solid #2f2f2f;
}

.pgmain .wrap {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.pgfoot {
  clear: both;
}
.pgfoot .wrap {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}


.pghead .wrap,
.pgmain .wrap,
.pgfoot .wrap {
  _height:0;min-height:0;/* ie hasLayout fix */
}



/* ********************************** */
/* Generic Box Definitions            */
/* ********************************** */


.box {
  _height:0;min-height:0;/* ie hasLayout fix */
  margin-bottom: 1em;
}

.boxhead {
  padding-top: 0;
  margin-top: 0;
  font-size : 1.17em;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.boxbody {
  _height:0;min-height:0;/* ie hasLayout fix */
}
.boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }



h2,
.pgmain .box .boxhead {
  font-family: FagoCo, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
  /* font-size: 2.2em; */
  font-size: 2em;
  line-height: 1.15;
  color: #bbb;
}

.pgmain .box .boxhead {
  border: 1px solid #2f2f2f;
  background: #000 url(i/hdlbox-bg.png) 0 0 no-repeat;
  float: left;
  _display: inline;
  position: relative;
  top: -17px;
  margin: 0;
  padding: 10px 16px 9px 15px;
  font-style: italic;
}
.pgmain .box .boxhead span.wrapping {
  background: url(i/hdlbox-bg.png) 100% 100% no-repeat;
  padding: 10px 16px 25px 15px;
  margin: -10px -16px -25px -15px;
  position: relative;
  float: left;
  _display: inline;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.pgmain .box .boxbody {
  clear: both;
  padding: 24px 14px;
}







/* ********************************** */
/* Definitions of Individual Items    */
/* ********************************** */



/* ******  topbox  ****** */
.topbox .boxhead { position:absolute;right:9999px;left:auto; }
.topbox .boxbody {
  font-family: FagoCo, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 2.2em;
  line-height: 1.3;
  color: #bbb;
  padding-bottom: 27px;
  position: relative;
}
.topbox .boxbody:after { content: none; display: none; }

.topbox .boxbody h1,
.topbox .boxbody h2 {
  font-family: FagoNoLf, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.35em;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 .38em 0;
}
.topbox .boxbody p {
  margin: 0;
}


.pghead object,
.pghead embed,
.pghead .imgbanner {
  position: relative;
  z-index: 1;
  border: 1px solid #fff;
  float: left;
  _display: inline;
  margin-right: 35px;
  margin-bottom: -33px;
}
.pghead .imgbanner {
  border: none;
  text-align: center;
  width: 456px;
  margin-bottom: -50px;
}
.pghead .imgbanner img {
  border: 1px solid #fff;
}
.pghead .imgbanner a:hover img,
.pghead .imgbanner a:focus img,
.pghead .imgbanner a:active img {
  border-color: #ccc;
}





.pgmain .box h1,
.pgmain .box h2 {
  font-family: FagoCo, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 2.2em;
  line-height: 1.3;
  color: #bbb;
}
hr {
  text-align: left;
  border: none;
  margin: 0 0 2em 0;
  padding: 0;
  height: 1px;
  background-color: #2f2f2f;
  color: #2f2f2f;
  max-width: 430px;
  _width: 430px;
}





/* ***  imgbox  *** */
/*
  <div class="imgcontent">
    <strong class="imgname">Titill myndarinnar</strong>
    <div class="imgtext">texti fyrir myndina bla bla bla bla. Lorem ipsum dolor sit bla bla.</div>
  </div>
  <div class="imgmeta">
    <span class="imgsource">Heimild</span>
    <span class="imgcopy">&copy; Höfundarréttur</span>
  </div>
*/

.imgbox {
  float: right;
  margin: 0 0 1em 40px;
  line-height: 1.2;
}
.pgwrap .wrap .imgbox .boxbody {
  _display: inline;
  color: #bbb;
  padding: 0;
  margin: 0;
}
.imgbox .boxbody img {
}
.imgbox .imgcontent {
  padding-top: 6px;
  font-size: .92em;
  width: 300px;
}
.imgbox .imgmeta {
  padding-top: 4px;
  font-size: .83em;
  color: #999;
  clear: both;
  width: 300px;
}





/* ******  hvadmafa (Hvað má fá fyrir 40 ma.?)  ****** */
.pgwrap .hvadmafa .boxhead {
  margin-left: 498px;
}
.hvadmafa ul {
  float: left;
  width: 50%;
}
.hvadmafa ul li {
  padding: 0 50px 0 35px;
  background: url(i/tick.png) 0 .17em no-repeat;
  margin-bottom: 1em;
}









/* ******  tvadverts (sjónvarpsaugl.)  ****** */
.tvadverts .boxhead { position:absolute;right:9999px;left:auto; }
.tvadverts .boxbody {
  padding: 2px 0 30px 0;
  text-align: center;
}

.tvadverts object,
.tvadverts object {
  margin: 0 auto 23px auto;
  border: 1px solid #fff;
  display: block;
}









/* ******  mnav  ****** */
.mnav {
  position: absolute;
  top: 97px;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: .83em;
  font-weight: bold;
  line-height: 1.2;
}
.mnav .boxhead { position:absolute;right:9999px;left:auto; }
.mnav .boxbody {
  padding: 0;
  margin: 0;
}
.mnav ul {
  padding: 0 5px 0 25px;
  width: 930px;
  background: #636363 url(i/mnav-bg.png) 0 0 repeat-x;
}
.mnav ul:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.mnav li {
  float: left;
  _display: inline;
  margin: 0 15px 0 -1.5em;
}

.mnav a {
  background: #636363 url(i/mnav-bg.png) 0 0 repeat-x;
  float: left;
  padding: 8px 21px 9px 21px;
  text-decoration: none;
}
.mnav .boxbody a:hover,
.mnav .boxbody a:focus,
.mnav .boxbody a:active {
  background-position: 0 -12px;
  text-decoration: none;
}
.mnav .parent a,
.mnav .parent a:hover,
.mnav .parent a:focus,
.mnav .parent a:active,
.mnav .current a,
.mnav .current a:hover,
.mnav .current a:focus,
.mnav .current a:active {
  background-color: #373737;
  background-position: 0 -120px;
}





.snav {
  position: absolute;
  top: 97px;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  top: 1.2em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: .83em;
  margin-top: 114px;
  font-weight: normal;
}
.snav .boxhead { position:absolute;right:9999px;left:auto; }
.snav .boxbody {
  padding: 0;
  margin: 0;
}
.snav ul {
  padding: 0 5px 0 25px;
  width: 930px;
  background: #373737 url(i/mnav-bg.png) 0 100% repeat-x;
  border-bottom: 1px solid #272727;
}
.snav ul:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.snav li {
  float: left;
  _display: inline;
  margin: 0 15px 0 -1.5em;
}

.snav a {

}
.snav .boxbody  a {
  background: #373737 url(i/mnav-bg.png) 0 100% repeat-x;
  float: left;
  padding: 8px 21px 8px 21px;
  text-decoration: none;
}
.snav .boxbody  a:hover,
.snav .boxbody  a:focus,
.snav .boxbody  a:active {
  background-position: 0 -300px;
  background-color: #272727;
}

.snav .boxbody  .parent a,
.snav .boxbody  .current a {
  background-image: none;
  background-color: #000;
}







/* ******  footer  ****** */
.footer .boxhead { position:absolute;right:9999px;left:auto; }
.footer .boxbody {
  font-size: .92em;
  color: #8c8c8c;
  padding: 17px 16px;
}
.footer .boxbody p {
  margin: 0;
}
.footer .boxbody a {
  color: #8c8c8c;
  text-decoration: underline;
}
.footer .boxbody b,
.footer .boxbody strong {
  font-weight: normal;
}
.footer .boxbody strong a {
  text-decoration: none;
}
.footer .boxbody i {
  font-style: normal;
}





/* ******  searchform  ****** */
.searchform {
  position: absolute;
  z-index: 1;
  line-height: 1.2;
  font-size: .83em;
  top: 16px;
  left: 50%;
  margin-top: -.6em;
  margin-left: -480px;
}
.searchform * {
  vertical-align: middle;
  display: inline;
}
.searchform .boxhead {
  font-size: 1em;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  padding: 0 3px 0 11px;
  margin: 0;
}
.searchform .boxbody {
  padding: 0;
}
.searchform label { position:absolute;right:9999px;left:auto; }
.searchform input.textinput {
  width: 110px;
}
.searchform input.button {
  width: 4em;
}






/* ******  enav  ****** */
.enav {
  position: absolute;
  line-height: 1.2;
  font-size: .83em;
  top: 18px;
  left: 50%;
  margin-top: -.6em;
  margin-left: -310px;
  padding-left: 9em;
}
.enav .boxhead { position:absolute;right:9999px;left:auto; }
.enav .boxbody {
  padding: 0;
  margin: 0;
}
.enav li {
  float: left;
  border-left: 1px solid #aaa;
}
.enav .boxbody a,
.enav .boxbody a:hover,
.enav .boxbody a:focus,
.enav .boxbody a:active {
  color: #999;
  float: left;
  padding: 0 6px;
}




/* ******  dropmenu  ****** */
.dropmenu {
  line-height: 1.2;
  font-size: .83em;
  width: 185px;
}
.dropmenu-active {
  position: absolute;
  top: 14px;
  right: 50%;
  margin-top: -.6em;
  margin-right: -465px;
}

.pgwrap .dropmenu a {
  display: block;
  color: #368;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.pgwrap .dropmenu a:hover,
.pgwrap .dropmenu a:focus,
.pgwrap .dropmenu a:active {
  color: #036;
  text-decoration: none;
}

.dropmenu .boxhead {
  font-size: 1em;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  padding: 3px 5px;
  margin: 0;
  border: 1px solid #999;
  background: #fff url(i/dropmenu-arrow.png) 100% 50% no-repeat;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.dropmenu .boxhead a {
  position: relative;
  _height:0;min-height:0; /* ie hasLayout fix */
  margin: -4px -6px;
  padding: 3px 5px;
  border: 1px solid #999;
  background: #fff url(i/dropmenu-arrow.png) 100% 50% no-repeat;
}
.dropmenu .boxhead a:hover,
.dropmenu .boxhead a:focus,
.dropmenu .boxhead a:active {
  border-color: #000;
}


.dropmenu .boxbody {
  border: 1px solid #999;
  border-top: none;
  background: #fff;
}
.dropmenu-closed .boxbody {
  display: none;
}

.dropmenu .boxbody a {
  padding: 3px 5px;
}
.dropmenu .boxbody a:hover,
.dropmenu .boxbody a:focus,
.dropmenu .boxbody a:active {
  background-color: #eee;
}





.quickpop {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url(i/semi-black.png);
  _background-image: url(i/semi-black.gif);
}
.quickpop a {
  display: block;
  display: inline-block;
  position: relative;
  top: 70px;
  margin: 0 auto;
  border: 1px solid #fff;
  outline: none;
}









.byggiraeplica { position:absolute;right:9999px;left:auto; }




/* ******  links  ****** */
div.wrap a:hover,
div.wrap a:focus,
div.wrap a:active { color: #fff;  text-decoration: underline; }
body a[name],
body a[name]:hover { color: inherit; text-decoration: inherit; }