/* base.css */

/* -------------------------------------------------------------- 
  CSS reset - based on Blueprint reset.css and YUI reset.css
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
}
td, tr { vertical-align: top; }
body { background: #fff; color:#000; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* This is for the benefit of IE7. See layoutfix.js for IE6. */
img[align=left] { float: left; }
img[align=right] { float: right; }

a img { border: none; }
ul,ol { list-style: none; }
li { list-style:inherit }
q:before,q:after{ content:''; }
abbr,acronym { font-variant:normal; }
/* Let's leave sup and sub alone ...
sup,sub { line-height:-1px;vertical-align: text-top; }
sub { vertical-align:text-bottom; }
*/
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle; line-height: normal; }

/* ----------------------------------------------------------------
  Fonts. There are two schools on this:
    - Blueprint: use percent as the base 
      (75% = 12px, 62.5% = 10px - for most people)
    - YUI: use px as the base: In this instance: 13px 
  Obviously, this is based on YUI.
  ---------------------------------------------------------------- */

body { font: 13px/1.4 arial, helvetica, sans-serif; }
table {font-size:inherit;font-size:1em;}
pre,code,kbd,samp,tt {font-family:consolas,"andale mono","monotype.com","lucida console",monospace;}

/* --------------------------------------------------------------
   Typography:
   "Re-reset" element appearance to something sensible...
   Source: mostly yui (base.css); see also: blueprint (typography)


   **TODO** Body text color should be set here (like in blueprint)
            How about images?
   -------------------------------------------------------------- */

h1 { font-size: 153.8%; } /* 20px */
h2 { font-size: 138.5%; } /* 18px */
h3 { font-size: 123.1%; } /* 16px */
h4 { font-size: 107.7%; } /* 14px */
h5 { font-size: 92.3%; }  /* 12px */
h6 { font-size: 84.6%; }  /* 11px */
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
h1,h2,h3 { margin: 0 0 1em 0; }
p,fieldset,table { margin-bottom: 1em; }
abbr,acronym { border-bottom: 1px dotted #555; cursor: help; }
ol,ul { margin: 0 1.5em 1.5em 1.5em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold }
dl dd { margin-left: 1.5em; }
caption { margin-bottom: .5em; text-align: center; background:#ffc; }
del { color: #666; }
address { margin-top: 1.5em; font-style: italic; }
blockquote { margin:1em 1.5em; }
th,td { padding: .3em .77em .3em 0; }
table.mceEditor th, table.mceEditor td { padding: 0; } /* tinyMCE */
th { font-weight: bold; text-align: center; }
tfoot   { font-style: italic; }
object, embed { text-align: center; }

/* Mbl.is default litir */
body { color:#000; }
a { color: #039; text-decoration:none; }
a:hover { text-decoration:underline; color: #b30; }

/* IE6 fix wrt Facebook button functionality */
* html { display: block; }
/* layout.css */

/* --------------------------------------------------------------
  Heavily based on Blueprint grid.css, generated by
   * Blueprint CSS Grid Generator (2007-11-07) [http://kematzy.com/blueprint-generator/]

  == STRUCTURE: ========================
   * Page width:            810 px
   * Number of columns:     41
   * Column width:          10 px
   * Margin width:          10 px
  ======================================

  If you need fewer or more columns, use this formula to calculate
  the new total width:

  Total width = (number_of_columns * column_width) - margin_width

Main content width: 810 = .w-41, normally composed of:
      left     = 150 (140 contents) = .w-8
    + mainpart = 660 = .w-23

  "Mainpart" is normally composed of:
        either  2 x 320  = 2 x .w-11
            or 260 + 320 = .w-9 + .w-13

Left skyscraper ad is 150 px wide, placed fixedly at $px2em[840}

-------------------------------------------------------------- */


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .w-x classes
   to create any composition of columns in a layout.
   .last should be used on the last column           */

.col {
  float: left;
  margin-right: .77em;
  overflow: hidden;
}
.lastcol { margin-right: 0; }

/* Border on right hand side of a column. */
.border{
  padding-right:.308em;
  margin-right:.385em;
  border-right:.077em solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:1.231em;
  margin-right:1.154em;
  border-right:.077em solid #eee;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Clearfix for floats */
.clear,.clearfix { min-width:0; } /* IE7: trigger hasLayout - see layout-ie6. */
.clear:after, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear, * html .clear { height: 1px; }

/* old clearfix alternative */
div.spacer { font-size: 1px; clear: both; margin: 0; padding: 0; height:0; }

/* For structural layout elements */
.struct {  overflow: hidden; }

/* Default layout for mbl.is:
  #allt = .container:
    #topheader
    #header
    #header-nav (tabs)
    #main
      #left
      #main-content
        (whatever)
    #footer
*/

html { height:100%; }
body.dbody { background: #e5e5e5; height:100%; }

/* compatibility with the simple_html autohandler (old look) */
body.simple-padding { padding: 1%; }
body.simple-padding table td { padding: .2em; }
body.simple-modern {
  margin: 2% 3% 1% 3%;
  padding: 1%;
  border: 1px solid #999;
  background-color: #eee;
}
body.simple-modern a {  text-decoration: underline; }
body.simple-modern a:hover {  background-color: #ccc; }

/* used on body.unload to set a session cookie
   after alternate stylesheet has been activated in FF */
#wider-css-detect { display:none; width:0px; height:0px; }

/* #allt should have class clear. Total width: 812+pad(10,5)=828 */

body.centered #allt { margin: 0 auto; }

/* #totalitas contains #allt and #rightads */
#totalitas {
    width: 990px;
    padding-left: 5px;
    margin: 0 auto;
    position: relative;
    background-image: url(/img/utlit/skuggi_5px_left.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

/* #allt contains everything except the right skyscraper ad */
#allt {
   width: 62.616em;
   min-height: 100%;
   background: white url(/img/utlit/skuggi_5px.gif) top right repeat-y;
   padding: 0 .77em 0 .385em; */
}

/* Searchbox / login (?), RSS links: topheader.css */
#topheader {
    height: 28px;
    width: 824px;
    margin: 0 0 0 -5px;
    background: white;
    position: relative;
    line-height: 22px;
    font-size: 11px;
}
#topheader a {
    text-decoration: none;
}
#topheader a:hover {
    text-decoration: none;
}
#topheader img {
    padding-top: 2px;
    position: relative;
    top: 2px;
}

#topheader-login {
    float: left;
    height: 18px;
    margin: 3px 10px;
    padding-left: 20px;
    background: url(/img/utlit/topheader/login_icon.png) left center no-repeat;
}
#topheader-login .name {
    font-weight: bold;
}

#topheader-icons {
    float: left;
    margin: 0 10px;
}
#topheader-icons a {
    padding-left: 2px;
}

#topheader-samband-link {
    float: left;
    margin: 0 10px;
}

#topheader-searchbox {
    position: absolute;
    right: 140px;
}
#topheader-searchbox form {
    height: 28px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#topheader-searchbox form#thsearch input.submit {
    display: none;
}
#topheader-searchbox form#thsearch input.textbox {
    width: 120px;
    font-size: 11px;
    margin: 0 0 0 3px;
    padding: 0 0 3px 3px;
    border: 1px inset #ddd;
    color: #999;
}

#topheader-mogginn {
    position: absolute;
    right: 5px;
    top: 3px;
}

/* This is not really part of the topheader, but appears
   when you click on the Morgunbladid logo at the right,
   which is why we place these css rules here: */

#morgunblad-infobox {
    width: 400px;
    height: 340px;
    position: absolute;
    z-index: 99;
    top: 20px;
    left: 450px;
}
#morgunblad-infobox div.mi-inner {
    height: 100%;
    background: url(/img/morgunbladbox_inner.png) repeat-y;
}
#morgunblad-infobox div.mi-inner-top {
    background: url(/img/morgunbladbox_inner_top.png) no-repeat;
    height: 41px;
}
#morgunblad-infobox div.mi-inner-bottom {
    background: url(/img/morgunbladbox_inner_bottom.png) no-repeat;
    height: 25px;
    clear: both;
}
#morgunblad-infobox .close-button {
    width: 15px;
    height: 15px;
    overflow: hidden;
    background: url(/img/utlit/gre/lokaGlugga.gif) no-repeat;
    position: absolute;
    top: 30px;
    right: 25px;
    cursor: pointer;
}
#morgunblad-infobox .paper {
    text-align: center;

    width: 170px;
    position: absolute;
    left: 25px;
    top: 38px;
}
#morgunblad-infobox .paper img {
    padding: 2px;
    border: 8px solid #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}
#morgunblad-infobox .links {
    position: absolute;
    width: 170px;
    right: 25px;
    top: 40px;
}
#morgunblad-infobox .links .dags {
    font-size: smaller;
}
#morgunblad-infobox .links h4 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-family: Georgia, serif;
}
#morgunblad-infobox .links ul {
    margin: .5em 0;
    padding: 0;
    list-style-type: none;
}
#morgunblad-infobox .links ul li {
    background: white url('/a/gre/img/ul_dot.png') no-repeat left;
    background-position: 0 5px;
    padding-left: 10px;
}
#morgunblad-infobox .links ul li a {
    text-decoration: none;
}
#morgunblad-infobox .links ul li:hover a {
    text-decoration: underline;
}



/* Logo, date, topad; 7.7 em = 100.1px because of IE rounding down */
#header {
    height: 7.7em;
    position:relative;
    width: 824px;
    margin-left: -5px;
}
#header { background:#007; position:relative; }
#header #header-logo { position: absolute; top: .924em; left: .924em; }
#header #header-logo img { width:10.077em; height:4.462em; }
#header #header-date { position:absolute; bottom: .539em; left: .924em; color: white; }
#header #header-date span { font-size:.924em;  }
#header #header-ad {
  position: absolute;
  right: .616em;
  top: 0;
  width: 31.077em;
  height: 100%;
  overflow:hidden;
  text-align: right;
  display: table;
  vertical-align: middle;
}
#header #header-ad div.multi-item {
    display: table-cell;
    text-align:right;
    vertical-align: middle;
}
#header #header-ad div.augl-flash-container,
#header #header-ad div.augl-gif-container,
#header #header-ad div.augl-iframe-container {
  border: 2px solid #ffe;
}

#header.non-tab #header-date { display:none; }

/* Container for the main part, including left and right columns */
#main { width:100%; padding: .231em 0; }

/* safely reduce font-size without disrupting layout (used in left and right columns) */
.col-content { font-size:92.4%; }

/* Left column. NB: 149px, not 150px, because of resizing issues */
#left {
  float:left;
  width: 10.77em;
  padding: 0 .077em .231em 0;
  border-right:.077em solid #e5e5e5;
  border-bottom:.077em solid #e5e5e5;
  margin-right:.539em;
  background: #eee;
}

/* Aukaleiđakerfi fyrir sérvefjabox ("Markađur") */
ul#servefir {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#servefir li {
  position: relative;
  margin: 0 0 .167em 0;
  padding: 0;
}
ul#servefir li span {
  display:block;
  position:absolute;
  width: 1em;
  height: 1em;
  top: .167em;
  left: .167em;
}
ul#servefir li a {
  display: block;
  min-width: 0; /* IE7: hasLayout */
  margin: 0;
  padding: 0 0 0 1.667em;
}
/* Nota lógó fremur en textatengla fyrir Morgunblađiđ */

ul#servefir li.sv-stundir a strong {
  visibility:hidden;
}
ul#servefir li.sv-stundir a:hover {
  text-decoration:none;
}


/* main content without left column (and common settings for main content) */
#main-content {  }
/* main content with left column present */
#main.with-left #main-content { float:left; width: 51.077em; }
#footer { clear:both;width:100%; }
#rightad {
    position: absolute;
    /* position:fixed;*/ /* Can't use fixed with centered content */
    /* left: 64.616em; */
    left: 843px;
    top: .308em;
    text-align: right;
    overflow:visible;
    width: 150px;
}
#rightad object {
    position: absolute;
    top: 0;
    left: 0;
}
/* right column */
#right {
  width: 10.77em;
  padding-left: .231em;
  border-left: .077em solid #e5e5e5;
  border-bottom: .077em solid #e5e5e5;
  background: #eee;
}
div.with-right div.maincol { width: 39.154em }




/* Menu */
#header-nav-menu {
  padding-top: 3px;
}
.nav-menu, #header-nav-submenu { line-height: 1; }
.nav-menu {
	position: relative;
	width: 824px;
	height:26px;
	font-family:Georgia, arial;
    margin-left: -5px;
}
.nav-menu ul {
	list-style:none;
	display:inline;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
}
.nav-menu ul#hn-menu-left {
    left: 10px;
}
.nav-menu ul#hn-menu-right {
    right: 10px;
    margin-right:0;
}

.nav-menu li {
	position: relative;
	padding: 0;
	float: left;
	font-size: 1.05em;
	height: 18px;
	padding:4px 6px;
}
.nav-menu li.first {
  padding-left: 0;
}
.nav-menu li.fr  {
    float: right;
}
.nav-menu a {
	color: #124572;
	text-decoration: none;
}
.nav-menu a:hover {
	text-decoration: underline;
}
.nav-menu .active {
	color:#fff;
}
.nav-menu .active a {
	color:#fff;
}
#header-nav-menu.nav-menu .active a:hover {
    color: yellow;
    text-decoration:none;
}
#header-nav-submenu.nav-menu .current a:hover {
    color: black;
}
#header-nav-submenu li {
	float: left;
	font-size: 1em;
	padding: 6px 10px 0 0;
}
#header-nav-submenu li.separator {
    visibility: hidden;
}
#header-nav-submenu a {
	text-decoration: none;
}
#header-nav-submenu li.current a {
    color: #333;
    font-weight: bold;
}
#header-nav-submenu a:hover {
	text-decoration: underline;
}
#header-nav-submenu {
    width: 824px;
    height: 29px;
    font-family: Georgia, Palatino, Times, serif;
    margin: 0 0 .5em -5px;
    background: #eee;
}
#header-nav-submenu.empty {
    height: 3px;
    overflow:hidden;
    margin-bottom: 8px;
}
#header-nav-submenu ul {
  margin: 0 0 12px 10px;
}
.nav-menu .submenu-border {
    width: 100%;
    overflow: hidden;
}
.nav-menu .smb-top {
    height: 3px;
}
.nav-menu .smb-bottom {
    height: 1px;
    position: absolute;
    top: 29px;
    left: 0;
}

.r_tl {
	position: absolute;
	background:url(/img/utlit/gre/rounded_tl.png);
	width:5px;
	height:5px;
	top:0;
	left:0;
}
.r_tr {
	position: absolute;
	background:url(/img/utlit/gre/rounded_tr.png);
	width:5px;
	height:5px;
	top:0;
	right:0;
}
.r_inn_bl {
	position: absolute;
	background:url(/img/utlit/gre/rounded_inn_bl.png) no-repeat bottom left;
	width:5px;
	height:5px;
	bottom:0;
	left:0;
}
li.no_title {
    height: 5px;
    padding: 0px;
    margin-top: 21px;
}
.r_inn_br {
	position: absolute;
	background:url(/img/utlit/gre/rounded_inn_br.png) no-repeat bottom right;
	width:5px;
	height:5px;
	bottom:0;
	right:0;
}

.nav_arrow {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 4px;
    background: url(/img/utlit/gre/nav_arrow_eee.png) no-repeat center top;
}

/* Breadcrumbs, for when there is no active tab */

#header-nav #header-nav-breadcrumbs {
    background: #eee;
    position:relative;
	width: 824px;
	height: 28px;
	font-family: Georgia, Palatino, Times, serif;
    margin-left: -5px;
    margin-bottom: 5px;
}
#header-nav #header-nav-breadcrumbs a,
#header-nav #header-nav-breadcrumbs span {
  font-size: 12px;
}
#header-nav #header-nav-breadcrumbs a { text-decoration:underline; }
#header-nav #header-nav-breadcrumbs a.first { font-weight:bold; font-size:1.09em; }
#header-nav #header-nav-breadcrumbs span { font-weight:bold; color:#333; }
#header-nav #header-nav-breadcrumbs span.sep { color: #666; padding: 0 .3em;  }
#header-nav #header-nav-breadcrumbs span.intro { padding-right: .6em; padding-left: 10px;  }

#header-nav .crumbs {
    position: absolute;
    left: 0;
    top: 3px;
    padding-top: 3px;
}
#header-nav .extra-links { /* a#faq-link, a#samband-link */
    text-align: right;
}
#header-nav .extra-links a {
    padding: 3px 10px 0 0;
}
#header-nav-breadcrumbs .smb-top {
    margin-bottom: 3px;
}
#header-nav-breadcrumbs .smb-bottom {
    top: 27px;
}

/* Temporary */
.nav-menu div.smrtlnytt {
    background-image: url('/a/img/smartland/smartland_nytt.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: relative;
    top: -40px;
    left: 150px;
    overflow: hidden;
}
/*** Categories (a): left tabs ***/

/* Fréttir */
.theme_frettir .bgc { background-color: #007; }
.theme_frettir .fgc { color: #007; }

/* Viđskipti */
.theme_vidskipti .bgc { background-color: #66c; }
.theme_vidskipti .fgc { color: #66c; }

/* Íţróttir */
.theme_sport .bgc { background-color: #4a0; }
.theme_sport .fgc { color: #4a0; }

/* Fólk */
.theme_folk .bgc { background-color:#a20f23; }
.theme_folk .fgc { color: #a20f23; }

/* Matur og Vín */
.theme_mogv .bgc { background-color:#f84; }
.theme_mogv .fgc { color:#f84; }

/* Ferđalög */
.theme_travel .bgc { background-color: #dd2f00; }
.theme_travel .fgc { color: #dd2f00; }


/*** Categories (b): right tabs ***/

/* Fasteignir */
.theme_fasteignir .bgc { background-color: #060; }
.theme_fasteignir .fgc { color: #060; }

/* Leiga */
.theme_rentals .bgc { background-color: #8a2; }
.theme_rentals .fgc { color: #680; }

/* Smáauglýsingar */
.theme_smaaugl .bgc { background-color: #da0; }
.theme_smaaugl .fgc { color: #da0; }

/* Atvinna */
.theme_atvinna .bgc { background-color: #633; }
.theme_atvinna .fgc { color: #633; }


/**** Categories (c): no tab, but within navigation system ***/

/* Gagnasafn */
.theme_gagnasafn .bgc { background-color: #369; }
.theme_gagnasafn .fgc { color: #369; }

/* Morgunblađiđ */
.theme_mogginn .bgc { background-color: black; }
.theme_mogginn .fgc { color: black; }

/* Myndasafn */
.theme_myndasafn .bgc { background-color: #666; }
.theme_myndasafn .fgc { color: #666; }


/***** Categories (d): no tab and separate from navigation system ***/

/* Áskrift */
.theme_askrift .bgc { background-color: #007; }
.theme_askrift .fgc { color: #007; }

/* Mogginn minn */
.theme_mogginnminn .bgc { background-color: #0bf; }
.theme_mogginnminn .fgc { color: #0bf; }


/***** No category linkage at all: default and black *****/

.theme_default .bgc { background-color: #047da9; }
.theme_default .fgc { color: #047da9; }

.theme_black .bgc { background-color: black; }
.theme_black .fgc { color: black; }

.hide, .print-only { display: none; }
.highlight  { background: #ff0; }
.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }
#main #main-content h4.top      { margin-top: 0; padding-top: 0; }

.float-left { float: left; }
.float-right { float: right; }

.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-b { clear: both; }

/* Mjög algengt í style attribute í img tögum */
.va-middle { vertical-align: middle; }
.va-1 { vertical-align: -.077em; }
.va-2 { vertical-align: -.154em; }
.va-3 { vertical-align: -.231em; }
.va-4 { vertical-align: -.308em; }

.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }

.center { margin-left: auto; margin-right: auto; }
div.center { text-align: center; }
div.center img { float: none; }
table.center { text-align:center; }
table.center td { text-align: left; }

.compact { margin:0; padding:0; }
table.compact { line-height:1.3; }
table.compact td { margin:0; padding:0; }

.under { text-decoration: underline; }

/* Advanced typographical classes - used rarely*/
.letterspacing-2 { letter-spacing: 0.154em; }
.ws-6 { word-spacing: 6px; }

/* Common general-purpose classes related to font-size, etc. */

.gray { color:#666; }
.tiny { font-size:.86em; }
.small, .smallish { font-size:.93em; }
.error { color:red; }

/* Stćkka 12 eđa 13 px letur um 1px */
.bigger { font-size:1.08em; }

/* Margin- and padding-classes. 

   Composition: [mp][tlbrhva]-([0-9]|10|12|15|20|25|30|40|50)

     m = margin
     p = padding
     t = top
     l = left
     b = bottom
     r = right
     h = horizontal = top + bottom
     v = vertical = left + right
     a = all 4 sides

   The number at the end indicates pixels at 13px base font size, expressed in ems.

   E.g.: .mv-9 = 'margin-left:.693em;margin-right:.693em;'
*/
.mt-0 {margin-top:0;}
.mt-1 {margin-top:.077em;}
.mt-2 {margin-top:.154em;}
.mt-3 {margin-top:.231em;}
.mt-4 {margin-top:.308em;}
.mt-5 {margin-top:.385em;}
.mt-6 {margin-top:.462em;}
.mt-7 {margin-top:.539em;}
.mt-8 {margin-top:.616em;}
.mt-9 {margin-top:.693em;}
.mt-10 {margin-top:.77em;}
.mt-12 {margin-top:.924em;}
.mt-15 {margin-top:1.154em;}
.mt-20 {margin-top:1.539em;}
.mt-25 {margin-top:1.924em;}
.mt-30 {margin-top:2.308em;}
.mt-40 {margin-top:3.077em;}
.mt-50 {margin-top:3.847em;}
.mr-0 {margin-right:0;}
.mr-1 {margin-right:.077em;}
.mr-2 {margin-right:.154em;}
.mr-3 {margin-right:.231em;}
.mr-4 {margin-right:.308em;}
.mr-5 {margin-right:.385em;}
.mr-6 {margin-right:.462em;}
.mr-7 {margin-right:.539em;}
.mr-8 {margin-right:.616em;}
.mr-9 {margin-right:.693em;}
.mr-10 {margin-right:.77em;}
.mr-12 {margin-right:.924em;}
.mr-15 {margin-right:1.154em;}
.mr-20 {margin-right:1.539em;}
.mr-25 {margin-right:1.924em;}
.mr-30 {margin-right:2.308em;}
.mr-40 {margin-right:3.077em;}
.mr-50 {margin-right:3.847em;}
.mb-0 {margin-bottom:0;}
.mb-1 {margin-bottom:.077em;}
.mb-2 {margin-bottom:.154em;}
.mb-3 {margin-bottom:.231em;}
.mb-4 {margin-bottom:.308em;}
.mb-5 {margin-bottom:.385em;}
.mb-6 {margin-bottom:.462em;}
.mb-7 {margin-bottom:.539em;}
.mb-8 {margin-bottom:.616em;}
.mb-9 {margin-bottom:.693em;}
.mb-10 {margin-bottom:.77em;}
.mb-12 {margin-bottom:.924em;}
.mb-15 {margin-bottom:1.154em;}
.mb-20 {margin-bottom:1.539em;}
.mb-25 {margin-bottom:1.924em;}
.mb-30 {margin-bottom:2.308em;}
.mb-40 {margin-bottom:3.077em;}
.mb-50 {margin-bottom:3.847em;}
.ml-0 {margin-left:0;}
.ml-1 {margin-left:.077em;}
.ml-2 {margin-left:.154em;}
.ml-3 {margin-left:.231em;}
.ml-4 {margin-left:.308em;}
.ml-5 {margin-left:.385em;}
.ml-6 {margin-left:.462em;}
.ml-7 {margin-left:.539em;}
.ml-8 {margin-left:.616em;}
.ml-9 {margin-left:.693em;}
.ml-10 {margin-left:.77em;}
.ml-12 {margin-left:.924em;}
.ml-15 {margin-left:1.154em;}
.ml-20 {margin-left:1.539em;}
.ml-25 {margin-left:1.924em;}
.ml-30 {margin-left:2.308em;}
.ml-40 {margin-left:3.077em;}
.ml-50 {margin-left:3.847em;}
.mh-0 {margin-top:0;margin-bottom:0;}
.mh-1 {margin-top:.077em;margin-bottom:.077em;}
.mh-2 {margin-top:.154em;margin-bottom:.154em;}
.mh-3 {margin-top:.231em;margin-bottom:.231em;}
.mh-4 {margin-top:.308em;margin-bottom:.308em;}
.mh-5 {margin-top:.385em;margin-bottom:.385em;}
.mh-6 {margin-top:.462em;margin-bottom:.462em;}
.mh-7 {margin-top:.539em;margin-bottom:.539em;}
.mh-8 {margin-top:.616em;margin-bottom:.616em;}
.mh-9 {margin-top:.693em;margin-bottom:.693em;}
.mh-10 {margin-top:.77em;margin-bottom:.77em;}
.mh-12 {margin-top:.924em;margin-bottom:.924em;}
.mh-15 {margin-top:1.154em;margin-bottom:1.154em;}
.mh-20 {margin-top:1.539em;margin-bottom:1.539em;}
.mh-25 {margin-top:1.924em;margin-bottom:1.924em;}
.mh-30 {margin-top:2.308em;margin-bottom:2.308em;}
.mh-40 {margin-top:3.077em;margin-bottom:3.077em;}
.mh-50 {margin-top:3.847em;margin-bottom:3.847em;}
.mv-0 {margin-left:0;margin-right:0;}
.mv-1 {margin-left:.077em;margin-right:.077em;}
.mv-2 {margin-left:.154em;margin-right:.154em;}
.mv-3 {margin-left:.231em;margin-right:.231em;}
.mv-4 {margin-left:.308em;margin-right:.308em;}
.mv-5 {margin-left:.385em;margin-right:.385em;}
.mv-6 {margin-left:.462em;margin-right:.462em;}
.mv-7 {margin-left:.539em;margin-right:.539em;}
.mv-8 {margin-left:.616em;margin-right:.616em;}
.mv-9 {margin-left:.693em;margin-right:.693em;}
.mv-10 {margin-left:.77em;margin-right:.77em;}
.mv-12 {margin-left:.924em;margin-right:.924em;}
.mv-15 {margin-left:1.154em;margin-right:1.154em;}
.mv-20 {margin-left:1.539em;margin-right:1.539em;}
.mv-25 {margin-left:1.924em;margin-right:1.924em;}
.mv-30 {margin-left:2.308em;margin-right:2.308em;}
.mv-40 {margin-left:3.077em;margin-right:3.077em;}
.mv-50 {margin-left:3.847em;margin-right:3.847em;}
.ma-0 {margin:0;}
.ma-1 {margin:.077em;}
.ma-2 {margin:.154em;}
.ma-3 {margin:.231em;}
.ma-4 {margin:.308em;}
.ma-5 {margin:.385em;}
.ma-6 {margin:.462em;}
.ma-7 {margin:.539em;}
.ma-8 {margin:.616em;}
.ma-9 {margin:.693em;}
.ma-10 {margin:.77em;}
.ma-12 {margin:.924em;}
.ma-15 {margin:1.154em;}
.ma-20 {margin:1.539em;}
.ma-25 {margin:1.924em;}
.ma-30 {margin:2.308em;}
.ma-40 {margin:3.077em;}
.ma-50 {margin:3.847em;}
.pt-0 {padding-top:0;}
.pt-1 {padding-top:.077em;}
.pt-2 {padding-top:.154em;}
.pt-3 {padding-top:.231em;}
.pt-4 {padding-top:.308em;}
.pt-5 {padding-top:.385em;}
.pt-6 {padding-top:.462em;}
.pt-7 {padding-top:.539em;}
.pt-8 {padding-top:.616em;}
.pt-9 {padding-top:.693em;}
.pt-10 {padding-top:.77em;}
.pt-12 {padding-top:.924em;}
.pt-15 {padding-top:1.154em;}
.pt-20 {padding-top:1.539em;}
.pt-25 {padding-top:1.924em;}
.pt-30 {padding-top:2.308em;}
.pt-40 {padding-top:3.077em;}
.pt-50 {padding-top:3.847em;}
.pr-0 {padding-right:0;}
.pr-1 {padding-right:.077em;}
.pr-2 {padding-right:.154em;}
.pr-3 {padding-right:.231em;}
.pr-4 {padding-right:.308em;}
.pr-5 {padding-right:.385em;}
.pr-6 {padding-right:.462em;}
.pr-7 {padding-right:.539em;}
.pr-8 {padding-right:.616em;}
.pr-9 {padding-right:.693em;}
.pr-10 {padding-right:.77em;}
.pr-12 {padding-right:.924em;}
.pr-15 {padding-right:1.154em;}
.pr-20 {padding-right:1.539em;}
.pr-25 {padding-right:1.924em;}
.pr-30 {padding-right:2.308em;}
.pr-40 {padding-right:3.077em;}
.pr-50 {padding-right:3.847em;}
.pb-0 {padding-bottom:0;}
.pb-1 {padding-bottom:.077em;}
.pb-2 {padding-bottom:.154em;}
.pb-3 {padding-bottom:.231em;}
.pb-4 {padding-bottom:.308em;}
.pb-5 {padding-bottom:.385em;}
.pb-6 {padding-bottom:.462em;}
.pb-7 {padding-bottom:.539em;}
.pb-8 {padding-bottom:.616em;}
.pb-9 {padding-bottom:.693em;}
.pb-10 {padding-bottom:.77em;}
.pb-12 {padding-bottom:.924em;}
.pb-15 {padding-bottom:1.154em;}
.pb-20 {padding-bottom:1.539em;}
.pb-25 {padding-bottom:1.924em;}
.pb-30 {padding-bottom:2.308em;}
.pb-40 {padding-bottom:3.077em;}
.pb-50 {padding-bottom:3.847em;}
.pl-0 {padding-left:0;}
.pl-1 {padding-left:.077em;}
.pl-2 {padding-left:.154em;}
.pl-3 {padding-left:.231em;}
.pl-4 {padding-left:.308em;}
.pl-5 {padding-left:.385em;}
.pl-6 {padding-left:.462em;}
.pl-7 {padding-left:.539em;}
.pl-8 {padding-left:.616em;}
.pl-9 {padding-left:.693em;}
.pl-10 {padding-left:.77em;}
.pl-12 {padding-left:.924em;}
.pl-15 {padding-left:1.154em;}
.pl-20 {padding-left:1.539em;}
.pl-25 {padding-left:1.924em;}
.pl-30 {padding-left:2.308em;}
.pl-40 {padding-left:3.077em;}
.pl-50 {padding-left:3.847em;}
.ph-0 {padding-top:0;padding-bottom:0;}
.ph-1 {padding-top:.077em;padding-bottom:.077em;}
.ph-2 {padding-top:.154em;padding-bottom:.154em;}
.ph-3 {padding-top:.231em;padding-bottom:.231em;}
.ph-4 {padding-top:.308em;padding-bottom:.308em;}
.ph-5 {padding-top:.385em;padding-bottom:.385em;}
.ph-6 {padding-top:.462em;padding-bottom:.462em;}
.ph-7 {padding-top:.539em;padding-bottom:.539em;}
.ph-8 {padding-top:.616em;padding-bottom:.616em;}
.ph-9 {padding-top:.693em;padding-bottom:.693em;}
.ph-10 {padding-top:.77em;padding-bottom:.77em;}
.ph-12 {padding-top:.924em;padding-bottom:.924em;}
.ph-15 {padding-top:1.154em;padding-bottom:1.154em;}
.ph-20 {padding-top:1.539em;padding-bottom:1.539em;}
.ph-25 {padding-top:1.924em;padding-bottom:1.924em;}
.ph-30 {padding-top:2.308em;padding-bottom:2.308em;}
.ph-40 {padding-top:3.077em;padding-bottom:3.077em;}
.ph-50 {padding-top:3.847em;padding-bottom:3.847em;}
.pv-0 {padding-left:0;padding-right:0;}
.pv-1 {padding-left:.077em;padding-right:.077em;}
.pv-2 {padding-left:.154em;padding-right:.154em;}
.pv-3 {padding-left:.231em;padding-right:.231em;}
.pv-4 {padding-left:.308em;padding-right:.308em;}
.pv-5 {padding-left:.385em;padding-right:.385em;}
.pv-6 {padding-left:.462em;padding-right:.462em;}
.pv-7 {padding-left:.539em;padding-right:.539em;}
.pv-8 {padding-left:.616em;padding-right:.616em;}
.pv-9 {padding-left:.693em;padding-right:.693em;}
.pv-10 {padding-left:.77em;padding-right:.77em;}
.pv-12 {padding-left:.924em;padding-right:.924em;}
.pv-15 {padding-left:1.154em;padding-right:1.154em;}
.pv-20 {padding-left:1.539em;padding-right:1.539em;}
.pv-25 {padding-left:1.924em;padding-right:1.924em;}
.pv-30 {padding-left:2.308em;padding-right:2.308em;}
.pv-40 {padding-left:3.077em;padding-right:3.077em;}
.pv-50 {padding-left:3.847em;padding-right:3.847em;}
.pa-0 {padding:0;}
.pa-1 {padding:.077em;}
.pa-2 {padding:.154em;}
.pa-3 {padding:.231em;}
.pa-4 {padding:.308em;}
.pa-5 {padding:.385em;}
.pa-6 {padding:.462em;}
.pa-7 {padding:.539em;}
.pa-8 {padding:.616em;}
.pa-9 {padding:.693em;}
.pa-10 {padding:.77em;}
.pa-12 {padding:.924em;}
.pa-15 {padding:1.154em;}
.pa-20 {padding:1.539em;}
.pa-25 {padding:1.924em;}
.pa-30 {padding:2.308em;}
.pa-40 {padding:3.077em;}
.pa-50 {padding:3.847em;}

/* Border-classes */
.bot-0 {border-top:.077em solid #000;}
.bot-3 {border-top:.077em solid #333;}
.bot-6 {border-top:.077em solid #666;}
.bot-9 {border-top:.077em solid #999;}
.bot-a {border-top:.077em solid #aaa;}
.bot-b {border-top:.077em solid #bbb;}
.bot-c {border-top:.077em solid #ccc;}
.bot-d {border-top:.077em solid #ddd;}
.bot-e {border-top:.077em solid #eee;}
.bor-0 {border-right:.077em solid #000;}
.bor-3 {border-right:.077em solid #333;}
.bor-6 {border-right:.077em solid #666;}
.bor-9 {border-right:.077em solid #999;}
.bor-a {border-right:.077em solid #aaa;}
.bor-b {border-right:.077em solid #bbb;}
.bor-c {border-right:.077em solid #ccc;}
.bor-d {border-right:.077em solid #ddd;}
.bor-e {border-right:.077em solid #eee;}
.bob-0 {border-bottom:.077em solid #000;}
.bob-3 {border-bottom:.077em solid #333;}
.bob-6 {border-bottom:.077em solid #666;}
.bob-9 {border-bottom:.077em solid #999;}
.bob-a {border-bottom:.077em solid #aaa;}
.bob-b {border-bottom:.077em solid #bbb;}
.bob-c {border-bottom:.077em solid #ccc;}
.bob-d {border-bottom:.077em solid #ddd;}
.bob-e {border-bottom:.077em solid #eee;}
.bol-0 {border-left:.077em solid #000;}
.bol-3 {border-left:.077em solid #333;}
.bol-6 {border-left:.077em solid #666;}
.bol-9 {border-left:.077em solid #999;}
.bol-a {border-left:.077em solid #aaa;}
.bol-b {border-left:.077em solid #bbb;}
.bol-c {border-left:.077em solid #ccc;}
.bol-d {border-left:.077em solid #ddd;}
.bol-e {border-left:.077em solid #eee;}
.boh-0 {border-top:.077em solid #000;border-bottom:.077em solid #000;}
.boh-3 {border-top:.077em solid #333;border-bottom:.077em solid #333;}
.boh-6 {border-top:.077em solid #666;border-bottom:.077em solid #666;}
.boh-9 {border-top:.077em solid #999;border-bottom:.077em solid #999;}
.boh-a {border-top:.077em solid #aaa;border-bottom:.077em solid #aaa;}
.boh-b {border-top:.077em solid #bbb;border-bottom:.077em solid #bbb;}
.boh-c {border-top:.077em solid #ccc;border-bottom:.077em solid #ccc;}
.boh-d {border-top:.077em solid #ddd;border-bottom:.077em solid #ddd;}
.boh-e {border-top:.077em solid #eee;border-bottom:.077em solid #eee;}
.bov-0 {border-left:.077em solid #000;border-right:.077em solid #000;}
.bov-3 {border-left:.077em solid #333;border-right:.077em solid #333;}
.bov-6 {border-left:.077em solid #666;border-right:.077em solid #666;}
.bov-9 {border-left:.077em solid #999;border-right:.077em solid #999;}
.bov-a {border-left:.077em solid #aaa;border-right:.077em solid #aaa;}
.bov-b {border-left:.077em solid #bbb;border-right:.077em solid #bbb;}
.bov-c {border-left:.077em solid #ccc;border-right:.077em solid #ccc;}
.bov-d {border-left:.077em solid #ddd;border-right:.077em solid #ddd;}
.bov-e {border-left:.077em solid #eee;border-right:.077em solid #eee;}
.boa-0 {border:.077em solid #000;}
.boa-3 {border:.077em solid #333;}
.boa-6 {border:.077em solid #666;}
.boa-9 {border:.077em solid #999;}
.boa-a {border:.077em solid #aaa;}
.boa-b {border:.077em solid #bbb;}
.boa-c {border:.077em solid #ccc;}
.boa-d {border:.077em solid #ddd;}
.boa-e {border:.077em solid #eee;}

/* Background-classes */
.bg-0 {background-color:#000;}
.bg-3 {background-color:#333;}
.bg-6 {background-color:#666;}
.bg-9 {background-color:#999;}
.bg-a {background-color:#aaa;}
.bg-b {background-color:#bbb;}
.bg-c {background-color:#ccc;}
.bg-d {background-color:#ddd;}
.bg-e {background-color:#eee;}
.shadow-eee { background:#eee; }
.shadow-ddd { background:#ddd; }

/* Font-size classes */
.fs10-11 {font-size:1.1em;}
.fs10-12 {font-size:1.2em;}
.fs10-13 {font-size:1.3em;}
.fs10-14 {font-size:1.4em;}
.fs11-10 {font-size:.91em;}
.fs11-12 {font-size:1.091em;}
.fs11-13 {font-size:1.182em;}
.fs11-14 {font-size:1.273em;}
.fs12-10 {font-size:.834em;}
.fs12-11 {font-size:.917em;}
.fs12-13 {font-size:1.084em;}
.fs12-14 {font-size:1.167em;}
.fs13-10 {font-size:.77em;}
.fs13-11 {font-size:.847em;}
.fs13-12 {font-size:.924em;}
.fs13-14 {font-size:1.077em;}
.fs14-10 {font-size:.715em;}
.fs14-11 {font-size:.786em;}
.fs14-12 {font-size:.858em;}
.fs14-13 {font-size:.929em;}

/* components.css */

span.sep { color: #aaa; margin: 0 .154em; }

/* == Fréttir == */

#main-content h2,
.newslist-item h4 {
   font-family: georgia, "times new roman", times, serif;
   line-height: 1.3;
	 font-weight: normal;
}
#main-content h2 { font-weight: normal; font-size: 1.693em; margin-bottom: .308em; }
#toppfrett h2 { margin: 0 0 .231em 0;  }
.newslist-item h4, h4.twocol-heading { font-size: 1.308em }

/* == bloggađ um fréttir == */
div.toolbox {
  float: right;
	border: 1px #ddd solid;
  margin: .25em 0 .167em .417em;
  width: 11em;
}
div.toolbox-inner {
	padding: .334em;
}
div.toolbox-inner img { margin-left: .154em; }

.toolbox-inner {
	position: relative;
}
#toolbox-share {
	display: none;
	height: 200px;
	width: 100px;
	border: 1px #ccc solid;
	position: absolute;
	top: 4em;
	right: -1px;
	background-color: #eee;
	padding: 5px;
	width: 200px;
	height: 120px;
}



div.newsblog { margin-top: .77em; font-size: .847em;}
div.newsblog ul {
  margin: 0;
  padding: .167em;
  list-style-type: none;
}
div.newsblog li {
  padding: 0 0 .167em 0;
  border-bottom: 1px dotted #ccc;
  margin: .167em 0 0 0;
  width: 11.334em;
  overflow: hidden;
}
div.newsblog li.last {
  border-bottom: 0;
}
div.newsblog li div {
  font-size: .917em;
  line-height: 1.2;
  color: #777;
}
div.newsblog h4 {
  margin: 0;
  border-top: 2px solid #ccc;
  padding: .167em;
  border-bottom: 1px solid #ccc;
}
div.newsblog li.more-hidden { display: none; }
div.newsblog div.newsblog-footer {
  text-align: right;
}

/* == Fréttalistar fyrir neđan stakar fréttir == */
.morenews-day { clear: both; margin: 1.5em 0 .5em 0; font-size: .9em; text-transform: uppercase;}
.morenews-time { float: left; text-align: right; font-size: .9em; color: #666; padding-right: .5em; clear: left; line-height:2.25; font-family: Georgia, times, serif; }
.morenews-item { margin-bottom: .75em; }
.morenews-item h4 { font-weight: normal; font-family: Georgia, times, serif; font-size: 1.308em; }
.morenews-catname { color: #666; }
.morenews-catname span { text-transform: uppercase; color: #000; }

/* == Fréttamyndir: stök frétt og toppfrétt == */

.newsimg-left { float: left; clear: left; padding: 0; margin: 0 0 .231em 0; border-right: 10px #fff solid; } /* width needs to be specified inline */
.twocol .newsimg-left { clear:both; }
.twocol-left h2 { clear:both; }
.newsimg-left p { font-size: .924em; background-color: #eee; text-align: left; margin: 2px 0 0 0; padding: 2px 1px 1px 2px; }
.newsimg-left em, .newsimg-right em, .newsimg-center em { font-size: .847em; color: #666; }

.newsimg-right { float: right; clear: right; padding: 0; margin: 3px 0 3px 7px; } /* width needs to be specified inline */
.newsimg-right p { font-size: .924em; background-color: #eee; text-align: left; margin: 2px 0 0 0; padding: 2px 1px 1px 2px; }

.newsimg-center { float: left; width: 100%; text-align: center; clear: both; padding: 3px 0 3px 0; margin: 0; } /* width needs to be specified inline */
.newsimg-center p { font-size: .924em; background-color: #ddd; text-align: left; margin: 0 0 0 0; padding: 2px 1px 1px 2px; }

#newsimg-slideshow {background-color: #EEE;}
.newsimg-slide-buttons {padding: .3em 0;height: 20px;}
#newsimg-prev,#newsimg-next { font-weight: bold; font-size: .924em; padding: 1px;}

.newsimg-button-active { text-decoration: underline; }
.newsimg-button-inactive { color: #999999; text-decoration:none; }

.magnify-link { position: relative; display: block; }
.magnify-link .magnify { position: absolute; right:0px; bottom: 0px; }

#newsimg-state { clear: none; text-align: center; float: left; font-weight: bold;font-size: .847em; }
#newsimg-next-wrap,#newsimg-prev-wrap {float: left;clear: none;width: 64px;}
#newsimg-next-wrap { text-align: right; }

/* == Fréttatexti - stök frétt og toppfrétt == */
.fptext-top {  margin: 5px 0; }
.ftptext img.icon { vertical-align: text-bottom; }
.maintext {  }
.newsitem table { clear: both; margin: 4px 0 4px 0; }
.newsitem table tr td { padding: 1px 3px 1px 3px; margin: 0; }

/* == "Frétt međ vídeó" - táknmynd á eftir == */
img.video-icn { vertical-align: middle; margin: -3px 0 0 3px; border: 0; }

/* == Myndskeiđ inni í fréttum...: == */
/* ==  ... innlend == */
.mbl-video { width: 644px; padding: 0; margin: 0 0 .5em 0; clear:both; }
.mbl-video-iframe-container { width: 644px; height: 434px; border: .15em solid #666; padding: 0; margin: .4em 0 0 0; }
.mbl-video-iframe { width: 640px; height: 430px; border: .15em solid #000; padding: 0; margin: 0; }

/* ==  ... erlend == */
.video { width: 332px; padding: 0; margin: 0 }
.video-iframe-container { width: 324px; height: 314px; border: .15em solid #666; padding: 0; margin: 0; }
.video-iframe { width: 320px; height: 310px; border: .15em solid #000; padding: 0; margin: 0; }
.video-cp { vertical-align: middle; background-color: #E3EAFD; border: .015em solid #6666FF; margin-top: 2px }

/* == ... aukamyndskeiđ == */
div.newsitem-extra-videos { margin:.7em 0; }
div.newsitem-extra-videos .video-thumb { float:left; margin-right:1em; font-size:.9em; height:125px; width:142px; overflow:hidden; }


/* == Birting á aukamyndum inni í fréttum == */
ul.news-extraimg    { list-style-type: none; text-align: center; margin: 10px 50px 10px 50px; padding: 3px; }
ul.news-extraimg li { display: inline; margin: 0; padding: 0; height: 102px; width: 102px; }
ul.news-extraimg li a img { vertical-align: middle; margin: 3px; }

/* == Höfundarlínur ==*/
div.source24stundir, div.sourcemorgunbladid, div.sourcembl {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: .847em;
	margin: .77em 0;
	padding: .231em 0;
}

div.source24stundir span, div.sourcemorgunbladid span, div.sourcembl span { font-weight: bold; padding-left: .154em; width: 280px; display: inline-block; }

div.source24stundir { background: #eee url('/img/24.gif') right no-repeat; }
div.sourcemorgunbladid {	background: #eee url('/img/morgunbladid.gif') right no-repeat; }
div.sourcembl { background: #eee url('/img/mbl_logo.gif') right no-repeat; }

/* Gerast áskrifandi (á viđ fréttir úr Morgunblađinu) */
div.source-morgunbladid-subscr a { font-weight: bold; }
div.source-morgunbladid-subscr {
	width: 100%;
	background: url('/askrift/augl/fr_askrift_bg.jpg') no-repeat;
	height: 40px;
	font-family: Georgia, times, serif;
	font-size: .9em;
	line-height: 1.15em;
	position: relative;
    clear: both;
}
div.source-morgunbladid-subscr .subscr-left {
	position: absolute;
	left: 150px;
	top: 6px;
}
div.source-morgunbladid-subscr .subscr-middle {
	position: absolute;
	left: 294px;
	top: 6px;
}
div.source-morgunbladid-subscr .subscr-right {
	position: absolute;
	left: 432px;
	top: 6px;
}


/* == Stök frétt - verkefna- og tenglaslá neđst == */
.newsitem-toolbar {
  float: left;
  width: 98%;
  margin: 10px 0 10px 3px;
  padding: 2px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: .847em;
}
.newsitem-toolbar div {  float: left; margin: 0 15px 2px 3px; }
.newsitem-toolbar div a { border: 2px solid white; }
.newsitem-toolbar div img {  border: 0; margin-bottom: -1px; }

/* == Myndir - fréttalisti og stök frétt == */
img.mynd { border: 1px solid black;}
img.mynd-grar-rammi { border: 1px solid #666; }


/* == Fréttalistar == */
.newslist-item { padding: .308em .077em .539em .077em; clear: left; margin-bottom: .385em; }
.newslist-item img { float: left; margin: 1px 3px 2px 0; }
.newslist-item img.video-icn { float: none; margin: auto; margin-left: .2em; }
.newslist-item p { margin: 0; }
.newslist-item h4 { margin: .077em 0 .231em 0; }
.newslist-item img.icon { float: none; border: none; margin: 0; vertical-align: text-bottom; }
img.video-icon-left { border:none; vertical-align:middle; float:none; margin:0 2px 0 0; }

.meira, .meira-big {
  text-decoration:underline;
  padding-right: 12px;
  background: url(/frettir/img/pila.gif) right center no-repeat;
}
.meira { font-size: .92em; }

img.pila { vertical-align: middle; margin-left: 3px; border: 0; float: none; }




/* == Tvídálkar == */
/* sjá einnig .vs-twocol* í compat.css */
.twocol { width: 100%; zoom:1; clear:both; }
.twocol-left, .twocol-left-variant, .twocol-left-ads { width: 49%; margin-right: 2%; float: left; clear: left; overflow: hidden; padding: 0 0 .231em 0; }
.twocol-right, .twocol-right-variant, .twocol-right-ads { width: 49%; float: left; clear: right; overflow: hidden; padding: 0 0 .231em 0; }
/*.twocol-left-ads  { width: 48%; padding:0; padding-right:.462em; }
.twocol-right-ads { width: 48%; padding-left:.462em;padding-top:0; }*/
/* These percentages are based on 664 px wide #main-content (with a 13 px base font).
   The wide column is 384 px, the narrow column 267 px with a 13 px right margin.
   The numbers are just a bit off to allow for rounding errors by the browser.
   NB! Apply .narrow with .twocol-left, .wide with .twocol-right.
*/
.twocol .narrow { width: 57.831%; margin-right: 2%; }
.twocol .wide { width: 40.168%; }

/* == Auglýsingar == */
.augl, .augl-left {
  display: block;
  clear: both;
  margin: .834em auto 0 auto;
  text-align: center;
}
.augl { padding: 3px 0 3px 0; }
.augl-left { padding: 0 0 2px 0; }
.compact { padding:0; }
.compact img { margin-top: 0; margin-bottom: 0; padding: 0; }
.augl-viewcounter { position: absolute; bottom: 1px; right: 1px; margin:0; padding:0; border:0; }
.augl-noformat { display:block; border:0; margin:0; padding:0; }

.augl-custom-capacent {
  width: 10.77em;
  height: 7.693em;
  border: 1px #999 solid;
  padding: 5px;
  background: white;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}
.augl-custom-capacent p {
  margin: 0;
}
.augl-custom-capacent h4 ,
#left .augl-custom-capacent h4
  { margin: .154em 0; text-transform: none; }



/* == Fyrirsagnir í fyrirsagna-/fréttalistaboxum == */
#left h4, #right h4 { text-transform: uppercase; margin-left: .167em; }
h4.boxheading {
  margin: .77em 0 .154em 0;
  color: #000;
}
h4.boxheading a {
  color: #000;
  padding-right: 15px;
  background: url(/img/arrow2x_small.gif) right center no-repeat;
}
h4.boxheading a:hover {
  color: #b30;
  background: url(/img/arrow2x_hover_small.gif) right center no-repeat;
}
#left ul { list-style-type: none; margin-left:.334em; }
#left li.nodot, li.nodot { background:none; margin-left:0; padding-left:0;}
#left li { margin-bottom:.334em; }
#main-content h4.boxheading {
  font-size:1.385em;
  margin-bottom: .539em;
  padding-top: .154em;
}
#main-content #right h4.boxheading { font-size: 107.7%; }
#main-content #right h4.boxheading a { text-decoration:none; }

/* Handled in IE6 using JS */
#left .col-content > *:first-child,
#right .col-content > *:first-child {
  margin-top: .1em;
  padding-top: 0;
}

#main-content span.boxheading-lastword { white-space: nowrap;  }
span.boxheading-lastword img { padding-left: 2px; }
#main-content span.boxheading-lastword img { padding-left: 5px; }
#main-content h4.boxheading a { text-decoration: underline; }


h4.frettir-bgcolor { border-top: 4px #000077 solid; }
h4.vidskipti-bgcolor { border-top: 4px #6666cc solid; }
h4.folk-bgcolor { border-top: 4px #990000 solid; }
h4.sport-bgcolor { border-top: 4px #4a0 solid; }
h4.ferdalog-bgcolor { border-top: 4px #DD2F00 solid; }
h4.food-bgcolor { border-top: 4px solid #ff8844; }

/* == Fréttalistar == */
ul.newstitles, ul.nicelist {
  line-height: 1.45;
  padding: .08em .08em .23em .16em;
  margin: .385em 0 0 0;
  list-style: none;
  clear: both;
}
ul.newstitles { font-size: .924em; }
ul.newstitles li, ul.nicelist li {
  padding: 0 0 0 .616em;
  margin: 0 0 .539em 0;
/*  background: url('/img/nav_dot_nytt2.gif') no-repeat .15em .45em; */
/*  background: url('/img/utlit/newslist-pila-5x9.gif') no-repeat 0 .31em; */
  background: url(/img/dot_3px.gif) left .539em no-repeat;
}
ul.newstitles li img.icon, ul.nicelist li img.icon { vertical-align: text-bottom; }

ul.nicelist ul.nicelist { margin-left: 1.154em; }



/* == Tenglabox í dálkum == */
ul.tenglabox { padding:0; margin:0 0 .25em .182em; font-size:.917em; }
ul.tenglabox li { list-style-type:none; margin: 0 0; padding-left: .637em; background: url(/img/dot_3px.gif) left .546em no-repeat;  }

/* == Widget box á forsíđu == */
/* widgetbox.css */

div.widgetbox h3 { text-transform: uppercase; margin-bottom: .231em; }
div.widgetbox h4 { font-size: 1em; font-family: arial, helvetica, sans-serif; margin: 0; font-weight: normal; }
div.widgetbox img { border: 0; }

/* Síđurnar í boxinu */
.widgetbox .page { display: none; }
.widgetbox div.selected { display: block; }

/* Talnaröđ til ađ fletta fram og aftur í page-divum */
.widgetbox ul.pager { 
  margin:0; 
  padding:0; 
  float:right; 
  clear:right; 
  list-style-type:none; 
}
.widgetbox ul.pager li {
  float:left;
  margin:0; 
  padding:0; 
}
.widgetbox ul.pager li a.marker {
  padding: 0 .084em;
  display: block;
  width: 9px;
  height: 17px;
  background: url(/img/utlit/widgetbox/grey_dot.gif) no-repeat 3px 5px;
}
.widgetbox ul.pager li.selected a.marker,
.widgetbox ul.pager li a.marker:hover {   
  background: url(/img/utlit/widgetbox/red_dot.gif) no-repeat 3px 5px;
  color: white;
  font-weight: bold;
}
.widgetbox ul.pager li span {
  display: none;
}
.widgetbox li.arrow a {
  width: 17px;
  height: 17px;
  display: block;
  background-position: top left;
  background-repeat: no-repeat;
}
.widgetbox li.prev a { margin-right: .167em; }
.widgetbox li.next a { margin-left: .334em; }

.widgetbox li a.previous          { background-image: url(/img/utlit/widgetbox/arrow_left.gif); }
.widgetbox li a.previous:hover    { background-image: url(/img/utlit/widgetbox/arrow_left_over.gif); }
.widgetbox li a.previous-disabled { background-image: url(/img/utlit/widgetbox/arrow_white_left_inact.gif); cursor: default; }
.widgetbox li a.next              { background-image: url(/img/utlit/widgetbox/arrow_right.gif); }
.widgetbox li a.next:hover        { background-image: url(/img/utlit/widgetbox/arrow_right_over.gif); }
.widgetbox li a.next-disabled     { background-image: url(/img/utlit/widgetbox/arrow_white_right_inact.gif); cursor: default;}

#sjonvarp-fpbox li a.previous-disabled { background-image: url(/img/utlit/widgetbox/arrow_left_inact.gif); }
#sjonvarp-fpbox li a.next-disabled     { background-image: url(/img/utlit/widgetbox/arrow_right_inact.gif); }


#sjonvarp-fpbox {
  background: #000;
  height: 180px;
  width: 325px;
  position: relative;
  overflow: hidden;
}

#sjonvarp-fpbox.thaettir {
  background: #000;
  height: 305px;
  width: 325px;
}

#sjonvarp-fpbox #renningur_indicator,
#sjonvarp-fpbox #thaettir_indicator {
  position: absolute;
  width: 35px;
  height: 5px;
  right: 28px;
  top: 15px;
  background: #969798;
}

#sjonvarp-fpbox #renningur_indicator .curr_position,
#sjonvarp-fpbox #thaettir_indicator .curr_position {
  background: #B30;
  position: absolute;
  height: 5px;
  width: 5px;
}

#sjonvarp-fpbox #renningur_indicator .overlay,
#sjonvarp-fpbox #thaettir_indicator .overlay {
  background: url('/img/sjonvarp_box_overlay.png') repeat-x;
  height: 5px;
  width: 35px; // 5 + (item_count / items_per_page) * 10 == 5 + pages * 10
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
}

#sjonvarp-fpbox .viewfinder {
  height: 95px;
  width: 325px;
  top: -56px;
}

#sjonvarp-fpbox.thaettir .viewfinder {
  height: 258px;
  margin: 5px;
  width: 313px;
  border: 1px solid #403f40;
  position: absolute;
}

#sjonvarp-fpbox .btn {
  position: absolute;
  top: 9px;
  height: 17px;
  width: 17px;
  text-indent: -10000px;
  padding: 0;
  outline: none;
}

#sjonvarp-fpbox .btn_right {
  background: url("/img/utlit/widgetbox/arrow_right.gif") no-repeat;
  right: 5px;
}

#sjonvarp-fpbox .btn_left {
  background: url("/img/utlit/widgetbox/arrow_left.gif") no-repeat;
  right: 69px;
}

#sjonvarp-fpbox ul {
  margin: 0;
}

#sjonvarp-fpbox.thaettir ul { padding: 5px; }

#sjonvarp-fpbox ul li {
  display: block;
  list-style: none;
  height: 95px;
  width: 102px;
  margin-left: 5px;
  float: left;
  overflow: hidden;
}

#sjonvarp-fpbox.thaettir ul li {
  height: 182px;
  width: 99px;
  margin: 0 5px 0 0;
}

#sjonvarp-fpbox ul li .text { display: none; }
#sjonvarp-fpbox.thaettir .hover_text {
  position: absolute;
  top: 232px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  color: #fff;
  font-size: 0.8em;
  border-top: 1px solid #403f40;
  padding-top: 3px;
  overflow: hidden;
}

#sjonvarp-fpbox.thaettir ul li img { border: 2px solid #000; }
#sjonvarp-fpbox.thaettir ul li.hover_curr img { border: 2px solid #619CBC; }

#sjonvarp-fpbox.thaettir ul li .new_indicator {
  background: url('https://www.mbl.is/a/img/sjonvarp/vid_new.gif') no-repeat;
  width: 50px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 5px;
}

#sjonvarp-fpbox li .image { position: relative; }
#sjonvarp-fpbox .category { position: absolute; }
#sjonvarp-fpbox .category.innlent {
  background: url('/img/utlit/mbl_frettir_logo.png') no-repeat;
  width: 55px;
  height: 12px;
  bottom: 4px;
  left: 4px;
}
#sjonvarp-fpbox .category.erlent {
  background: url('/img/utlit/reuters_logo.png') no-repeat;
  width: 63px;
  height: 17px;
  left: 2px;
  bottom: 0px;
}

#sjonvarp-fpbox ul li a,
#sjonvarp-fpbox .thattur a {
  color: #fff;
  font-size: 0.8em;
}

#sjonvarp-fpbox ul li a:hover {
  text-decoration: underline;
}

#sjonvarp-fpbox ul li .title {
  margin-top: 3px;
}

#sjonvarp-fpbox .thattur {
  height: 45px;
  width: 312px;
  border: 1px solid #403f3f;
  background: url('/img/thaettir_bakgrunnur.gif') repeat-x;
  margin: 5px;
  position: absolute;
  bottom: 0;
}

#sjonvarp-fpbox .thattur .not_found {
  color: #fff;
  padding: 1em;
  text-align: center;
}

#sjonvarp-fpbox .thattur a {
  outline: none;
  display: block;
  height: 45px;
  width: 312px;
  position: absolute;
  top: 0;
}

#sjonvarp-fpbox .thattur .image {
  height: 37px;
  width: 67px;
  margin: 4px;
}

#sjonvarp-fpbox .thattur .header {
  position: absolute;
  top: 4px;
  left: 79px;
  color: #fff;
  font-size: 0.8em;
}

#sjonvarp-fpbox .thattur .header.new {
  background: url('/img/vid_new.png') no-repeat center left;
  padding-left: 48px;
  left: 71px;
}

#sjonvarp-fpbox .thattur .title {
  position: absolute;
  top: 23px;
  left: 79px;
  overflow: hidden;
  height: 15px;
}


div#topnews {  padding: .462em 0 0 0; }
div#topnews h3 { background: url('/frettir/img/dash.gif') bottom left repeat-x; }

/* == Meistaramatur == */
div.recipe-box-cont { border:.077em solid #eee;padding: .154em; width:13.847em; }
div.recipe-box-thumb { margin-bottom: 1em;font-size:.9em; padding-left:.7em;}
div.recipe-box-thumb a { font-weight: bold; }
div.recipe-box-thumb img { margin: 0 .154em .154em 0; }
p.recipe-more { font-size:.9em; text-align:right; }
div.recipe-box-haus { font-size:.9em; font-weight:bold; padding-left:.7em; color:#f00; }
div.recipe-box-meira { text-align:right; padding-right:1em; }

/* == myndasyrpur, á fréttavef, fólki og íţróttavef == */
div.tb-myndasyrpa { margin: .385em 0 1em 0; }
div.tb-myndasyrpa a { font-weight: bold; }
div.tb-myndasyrpa img { margin: 0 .385em .385em 0; }
img.tb-myndasyrpa-left { float: left; margin-right: .385em; }
img.tb-myndasyrpa-right { float: right; margin-left: .385em; }

/* == embluorđatafla í fréttum == */
div.embla-frettir { width: 38.462em; margin: 1.539em auto; }
div.embla-frettir table.embluord { padding:0; text-align: center; border-top: 2px solid #008; background-color: #eee;  }
div.embla-frettir table.embluord td { padding: 0 2px 0 2px; text-align: left; }

/* Notađ i smaauglysingum og bilavef */
.g-centerline { background:url(/img/gdot.gif) center top repeat-y }
.lg-centerline { background:url(/img/lgdot.gif) center top repeat-y }

/* == Útlit á tooltips, /js/jq-mbltitle.js == */
div.mbltitle {
    background: #FBF9E8;
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: black;
    font-size: 8pt;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: normal;
    border: 1px solid black;
		opacity: .95;
    display: none;
    /* Mozilla proprietary */
    /*-moz-border-radius: 12px;*/
}

/* == Innskráningarbox í vinstri dálki == */
form.leftlogin { margin: 0 .167em;}
form.leftlogin input.text { width: 95% }
form.leftlogin input.button {
  margin: .334em 0;
  /*font-weight: bold;
  font-size:  .917em;  */
}

/* Stjörnuspá og gjaldmiđlar á forsíđu - setja í frettir/compat.css ? */
div.gradient-box { padding: .385em 0; }
div.gradient-box a { text-decoration: underline }
div.gradient-box h4 { margin-bottom: .5em; text-transform: uppercase; font-size: 1em; }

div.gbox-currency { border-top: 2px solid #66c; }
div.gbox-currency table { width: 100%; margin-top: .231em; }
div.gbox-currency table tr td { padding: 7px 0; font-size: .924em; }

div.gbox-small-currency { /*border-top: 2px solid #66c;*/ }
div.gbox-small-currency table { width: 100%; /*margin-top: .231em;*/ margin: 0; }
div.gbox-small-currency table tr td { /*padding: 7px 0;*/ font-size: .924em; }

div.gbox-horoscope { border-top: 2px solid #900; }
div.gbox-horoscope #fors-stjspa img { float:left; margin: .231em .231em .077em 0; }

div.gbox-ferdalog { border-top: 2px solid #dd2f00; margin-bottom:0; }
div.gbox-ferdalog h4 { margin-bottom:0; padding-bottom:0 }

a.video-icon {
  background: url(/frettir/img/mbltv/video_icn_trans2.gif) no-repeat right center;
  padding-right: 18px;
}

div.error-centered, div.notice-centered {
	width: 500px;
	margin: 1.5em auto 0;
	background: #FFFFCC;
	border: 1px #ccc solid;
	padding: 1em;
}

div.error-centered pre {
  overflow: auto;
}

.button-green {
	color: #333;
	font-weight: bold;
	background: #37d81d url('/img/greenbg.gif') repeat-x 0 0;
	height: 2.308em;
	padding: .539em .77em;
	border: 1px #ccc solid;
	font-size: 1.1em;
}
.button-green:hover {
	background: #99ff66 url('/img/greenbg2.gif') repeat-x 0 0;
}

a.button-blue {
	background: #3366cc url(https://static.mbl.is/rentals/layout/takkagrunnur.gif) repeat-x;
	border: 1px solid #2255aa; /*#446688; */
	height: 23px;
  display: inline-block;
	text-decoration: none;
	padding: 0 .8em;
	line-height: 1.8;
	color: #fff;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}

a.button-blue:hover { text-decoration: underline; }



a.rss-icon {
  background: url(/img/nytt-rss.gif) no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}


div.msg {
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #ccc;
  background: lightyellow;
}

/* == Fréttir annarra miđla á forsíđu == */
ul.feeder-list {list-style: none; margin:0; padding: 0;}
ul.feeder-list li { margin-top: .3077em; padding-top: .3077em; background: url('/frettir/img/dash.gif') repeat-x top; }
ul.feeder-list li:first-child { background: none; margin-top: 0; }
ul.feeder-list li span {color: #666; font-size: 0.846em; }

/* == Hafa samband (nema á bloggi) == */
.contact-box { padding: 0 0 0 25px; margin: 1em 0; max-width:34em; }
.contact-box p { margin:0; }
#contact-faq { background: url("/img/famicons/information.png") top left no-repeat; }
#contact-nb { background: url("/img/famicons/exclamation.png") top left no-repeat; }
#contact-nb p { font-size: .9em; }

/* == FAQ page == */
h4.faq-topic, h3.faq-topic { color: #c60; }
div.faq-qa div.question { margin: 1em; font-weight: bold }
div.faq-qa div.answer { margin: 1em 1em 1em 2em; }
div.faq-qa p { margin:0 }
div#faq-toc { padding:1em; margin: 1em 2em; border: 1px solid #ccc; background-color: #eee; }
div#faq-toc ul { margin-top:0; margin-bottom:0 }

/* == normalform búiđ til af /lib/formutils.mc == */
form.normalform label { display:block}
form.normalform ul.errorlist { margin:.5em 0 0 0; padding:0; list-style:none }
form.normalform ul.errorlist li { margin:0; padding:0 }
form.normalform fieldset { border:none; margin:0 0 .5em 0; padding:0 }
/* == Hafđu samband form - Django-megin == */
form#roundup-contact .txtinput { width: 33em; }

/* == share-on-facebook hnappur == */
a.facebook-share { padding-left: 20px; background: url(/frettir/img/facebook_share_icon.gif) left no-repeat; }

/* == Mailer form defaults == */
form#mailerform .field { padding: .3em 0; }
form#mailerform .field label { display:block; font-weight: bold; color: #333; }
form#mailerform .field span.hint { display:block; color: #666; font-size:.9em; }
form#mailerform .field span.error { display:block; color: red; font-size:.9em; }
p.mailerform-thanks-msg { color: green; font-weight: bold; }


/* == Auka CSS vegna auglýsinga == */
div.barnaheill-ad {
  width:320px;
  overflow:hidden;
}

div.barnaheill-ad > div {
  width:440px;
  overflow:hidden;
  margin-left:-120px;
}

#icelandair-overlay {
	background-color:#000000;
	height:5000px;
	left:0;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	top:0;
	width:100%;
}

/*#icelandair-november-2009 {
	position:absolute;
	top: 21.5em;
	left: 18.15em;
	z-index: 1000;
}*/

#dell-gardina { margin-bottom: 10px; }
#dell-gardina-litil { height:30px; }
#dell-gardina-stor {
    background-image: url(https://static.mbl.is/2010/08/05/dell-capture-cropped.jpg);
    background-position: left bottom;
    cursor: pointer;
}
#slot-gardina { margin-bottom: 10px; }
#slot-gardina-litil { height:30px; }
#slot-gardina-stor {
    background-position: left bottom;
    cursor: pointer;
}

#ms-overlay {
	background-color:#000000;
	height:5000px;
	left:0;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	top:0;
	width:100%;
}

#ms-september-2009 {
	background: url('/~oon/frutina/frutina_bg.png') top left no-repeat;
	position:absolute;
	left: 10em;
	top: 0;
	z-index: 1000;
	height: 805px;
	width: 705px;
}

#ms-september-2009-flash {
	left: 12.85em;
	position:absolute;
	top: 13em;
}

#ms-september-2009-loka {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 55.5em;
	top: 1em;
	z-index: 2000;
}

#nestle-oktober-2009-flash {
	left: 22em;
	position:absolute;
	top: 28em;
}

#landsbankinn-nov-2009 {
	position:fixed;
	left: 11.3em;
	top: 1em;
	z-index: 2000;
}

#si-november-2009 {
	position: absolute;
	left: 11.2em;
	top: 13.5em;
	width: 700px;
	height: 500px;
	z-index: 2000;
}

div.adset-multi { overflow: hidden; position: relative; background: #eee; }

div.adset-multi .multi-item { overflow: hidden;  }

div.adset-multi .multi-item .textad { text-align: left; padding: .7em; background:#eee; }
div.adset-multi .multi-item .textad:hover { cursor: pointer; background: #ddd }
div.adset-multi .multi-item .textad h4 { font-size: 1em; margin:0 }
div.adset-multi .multi-item .textad p { font-size: .85em; margin:0 }
div.adset-multi .multi-item .target-domain { font-size: .85em; color: green; }
div.adset-multi .multi-item .ad-notice { font-size: .75em; text-align: right; color: #999;  }

div.adset-multi.horizontal .multi-item { width:25%; float:left; background: #eee; }
div.adset-multi.horizontal .multi-item .textad:hover { cursor: pointer; background: #eee }
div.adset-multi.horizontal .multi-item .textad:hover table { cursor: pointer; background: lightyellow }
div.adset-multi.horizontal .multi-item .textad table { width: 100%; margin: auto 2px; border: 1px solid #ccc; min-height: 150px; background: white; }
div.adset-multi.horizontal .multi-item .textad table td { padding:5px; }
div.adset-multi.horizontal .multi-item .textad table td div.target-domain { display: none; }

div.adset-multi.horizontal .multi-item .textad table tr.ta-img td { height: 82px; vertical-align:bottom; text-align:center; }
div.adset-multi.horizontal .multi-item .textad table tr.ta-is-ad { height: 12px; }

div.adset-multi.vertical .multi-item { border-top: 1px solid #999; }
div.adset-multi.vertical .multi-item:first-child { border-top: none; margin-top: 0; }



/* == Flipabox == */
/* 
   We can't use the natural way (LIs with display:inline) 
   because we need an image on the left in many cases.
   So the method below works by using float and shifting the tabs
   1px down with position:relative.
*/

div.tabs {
  font-size: .924em;
}

div.head {
  position: relative;
  border-bottom: 1px solid #ccc;
  line-height: 1;
}

div.tabs div.head ul {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  list-style-type: none;
  position: relative;
  top: 1px;
  max-height: 2.3em; 
  overflow: hidden;
  vertical-align:bottom;
}
div.tabs div.head ul.with-left-icon {
  padding-left: .334em;
}

div.tabs div.head ul li {
  float: left;
  margin-left: .334em;
  line-height: 1;
}

div.tabs div.head ul li a {
  float: left;
  background: #e5e5e5;
  border: 1px solid #ccc;
  margin: 0;
  margin-top: .25em;
  padding: .334em .417em;
  cursor: pointer;
}

div.tabs div.head ul li a:hover { 
  background: #fff; 
  color: #b30; 
  text-decoration:none; 
  border-color: #bbb;
  border-bottom: 1px solid #ccc;
}

div.tabs div.head ul li.selected a {
  background: #fff;
  font-size: 1.084em;
  padding: .462em .539em .308em .539em;
  margin-top: 0;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  font-weight: bold;
  color: #b30;
}

div.tabs div.headlinks { position: relative; margin-top: .154em;  }
div.tabs div.headlinks-left { float: left; margin-left: .385em; }
div.tabs div.headlinks-right{ float: right; margin-right: .385em; }

/* innihalds-div */

div.tabs div.tab-container {
  clear: left;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-top: none;
}

div.tabs div.safari-fix { 
  float: left; 
  height: 1px;
}
* html div.tabs div.safari-fix { display: none; }

div.tabs div.tab {
  display: none;
  /*overflow: auto;*/
  padding: 5px 5px 2px 5px;
  zoom: 1;
}

div.tabs div.noscroll { overflow: hidden; }

div.tabs div.selected {
  display: block;
}

div.tabs div.wait, div.wait-message {
  position: relative;
  text-align: center;
  color: #666;
}

div.tabs div.wait img, div.wait-message img {
  vertical-align: middle;
}

/* Specific tabboxes from the old look (Nov 2007) */

/* ***************** BLOG ************** */

#tabbox-fp_blog { margin: 20px 0 10px 0; }
#tabbox-folk_blog { margin: 10px 0 5px 0; }
#tabbox-sport_blog { margin: 10px 0 10px 0; }
#tabbox-leikh_blog { margin-bottom: 10px; }
#tabbox-sos_blog { margin-bottom: 10px; }
#tabbox-enski_blog { margin: 10px 0; }

div.tabbox-blog ul.list { 
  margin: 2px 0 0 0;
  padding: 0; 
  list-style-image: url('/blog/new.gif');
}

div.tabbox-blog ul.blogList { 
  list-style-image: url('/blog/category.gif');
}

div.tabbox-blog ul.list li { 
  margin: 5px 0 0 20px;
}
div.tabbox-blog ul.list li a img { border: 0; padding-right: 3px; }

div.tabbox-blog ul.nolistimage {
	list-style-type: none;
	list-style-image: none;
}
div.tabbox-blog ul.nolistimage li { margin-left: 2px; }

div.tabbox-blog img.author-icon {
	border: 0;
	float: left;
	margin: 0;
	padding: 3px 10px 5px 0;
}


div.tabbox-blog img.blog-icon {
  border: 0;
  margin: 0 3px 0 9px;
}

/* ***************** WEATHER ************** */

#tabbox-weather_en { margin: 10px 0; padding-bottom: 1px;  }
#tabbox-weather_en div.weather-first { float: left; width: 9.167em; line-height: 150%; }
#tabbox-weather_en span { margin: 0; padding: 0; }
#tabbox-weather_en div.weather-first img { margin-top: 5px; }
#tabbox-weather_en p.weather-first-heading { font-size: 1.25em; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
#tabbox-weather_en span.weather-heat{	font-size: 1.5em; margin-left: 7px; }
#tabbox-weather_en span.hot { color: #CC0000; font-weight: bold; }
#tabbox-weather_en span.cold { color: #0000CC; font-weight: bold; }
#tabbox-weather_en table { float: right; margin: 0; padding: 0; height: 100%; border-collapse: collapse; }
#tabbox-weather_en table.weather-info { width: 15.834em; }
#tabbox-weather_en table.weather-forecast { width: 100%; text-align: center;  }
#tabbox-weather_en table tr td { vertical-align: middle; padding: 2px 0; margin: 0; }
#tabbox-weather_en table.weather-info tr td { padding: 4px 0; }
#tabbox-weather_en table tr td.weather-place { text-align: left; font-weight: bold; }
#tabbox-weather_en table tr td img { vertical-align: middle; }


#tabbox-weather { margin: 10px 0; padding-bottom: 1px;  }
#tabbox-weather div.weather-first { float: left; width: 9.167em; line-height: 150%; }
#tabbox-weather span { margin: 0; padding: 0; }
#tabbox-weather div.weather-first img { margin-top: 5px; }
#tabbox-weather p.weather-first-heading { font-size: 1.25em; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
#tabbox-weather span.weather-heat{	font-size: 1.5em; margin-left: 7px; }
#tabbox-weather span.hot { color: #CC0000; font-weight: bold; }
#tabbox-weather span.cold { color: #0000CC; font-weight: bold; }
#tabbox-weather table { float: right; margin: 0; padding: 0; height: 100%; border-collapse: collapse; }
#tabbox-weather table.weather-info { width: 15.834em; }
#tabbox-weather table.weather-forecast { width: 100%; text-align: center;  }
#tabbox-weather table tr td { vertical-align: middle; padding: 2px 0; margin: 0; }
#tabbox-weather table.weather-info tr td { padding: 4px 0; }
#tabbox-weather table tr td.weather-place { text-align: left; font-weight: bold; }
#tabbox-weather table tr td img { vertical-align: middle; }


/* ***************** VIDEO TABS ************** */
/* vefvarpsfliparnir */

div.videoTabs { margin-bottom: 5px; }
table.mbltv p, div.videoTabs p { margin: 0 0 2px 0; clear: left; } 
p.mbltv-more { margin: 0; text-align: right; }
p.mbltv-more img { vertical-align: middle; border: 0; }
table.mbltv img, div.videoTabs img { border: 0; }
table.mbltv img.video_tn, div.videoTabs img.video_tn { margin: 0 5px 5px 0; clear: left; float: left; border: 1px solid black; }
div.videoTabs img.vefvarp { margin: 4px 6px 0 2px; float: left; }
td.mbltv-col-below p { text-align: center; }
td.mbltv-col-right p { text-align: left; }

/* *********** MORE WEATHER ******* */

div.boxes-footer {
  font-size: .917em;
  color: #999;
  clear: both;
  margin-top: .334em;
}

div.boxes-header {
	font-size: .917em;
	margin-bottom: .334em;
}

div.boxes.header a, div.boxes-footer a { text-decoration: underline; }






/* ***************** NEWSSTATS ************** */
#tabbox-newsstats ol { padding: 0 0 0 1em; margin: 0 0 0 1em; color: #999; font-weight: bold; }
#tabbox-newsstats ol li { margin-bottom: .584em; }
#tabbox-newsstats ol li span { font-weight: normal; line-height: 1.45; }

#tabbox-newsstats div.newsstats-cat { margin-bottom: .584em; font-size: .917em; }
#tabbox-newsstats div.newsstats-cat ul { list-style: none; padding: 0 0 .25em .584em; margin: 0; background: url('/frettir/img/dash.gif') left bottom repeat-x; }
#tabbox-newsstats div.newsstats-cat ul li { display: inline; margin-right: .584em; padding-left: 1em; background: url('/img/gdot_3x3.gif') left center no-repeat; }
#tabbox-newsstats div.newsstats-cat ul li.first { background: none; padding-left: 0; }
#tabbox-newsstats div.newsstats-cat ul li.last { margin-right: 0; }
#tabbox-newsstats div.newsstats-cat ul li a { text-decoration: underline; }
#tabbox-newsstats div.newsstats-cat ul li.selected { }
#tabbox-newsstats div.newsstats-cat ul li.selected a { color: #BB3300; font-weight: bold; text-decoration: none; }

/* ********* Sjónvarpssíđa - sjá einnig sjonvarp.css ************* */
div#tabbox-sjonvarp-page div.tab-container { border:none; }
div#tabbox-sjonvarp-page { margin-top: 10px; }
div#tabbox-sjonvarp-page div.head ul { margin-left: 200px; }
div#tabbox-sjonvarp-page div.head ul li { margin-left: .6em; }

div.tabbox-blog h4 { font-size: 1.154em; }

/* ***** Veraldarfréttabox á forsíđu ***** */

#veraldarfrettir-container .newslist-item { padding-bottom:0; }
#veraldarfrettir-container .newslist-item .gray, 
#veraldarfrettir-container .newslist-item .meira_hnapp { 
  display:none;
}
#veraldarfrettir-container .newslist-item p { margin:0; }
#veraldarfrettir-container .newslist-item p { margin-bottom:.3em; }
#veraldarfrettir-container ul.nicelist li { margin-left:1em; margin-bottom:.2em; }



/* == Spurt er kannanir == */
/*#spurter-box {}*/
/*#spurter-dynamic {}*/
/*#svar[n] {}*/
.spurter-box { padding-left: 0.2em; margin-bottom: 0.4em; }
#spurter-box.spurter-box ul {
  margin-bottom: 0.3em;
  /* Ţetta myndi birta alveg venjulegan lista: */
  /* list-style-type:disc; margin-left:1.3em;*/
}
#spurter-box.spurter-box ul li.spurter-valkostur-links {
  background: transparent url(/img/dot_3px.gif) no-repeat scroll left 0.546em;
  list-style-type: none;
  margin: 0em;
  padding-left: 0.637em;
}
#spurter-box.spurter-box ul li.spurter-valkostur-radio {
  list-style-type:none;
  margin-left: -0.4em;
  padding-left: 0em;
}
div.mot-spurter { border-top: 4px solid #CC6600; }
div.mot-spurter .spurter-haus { font-size: 1.1em; }
.spurter-haus {}

.spurter-spurning {  }
.spurter-dynamic {}
.spurter-valkostur-links {}
.spurter-valkostur-radio {}
.spurter-valkostir {}
.spurter-takkar { clear: both }
.spurter-kjosa {}
.spurter-skoda {}
.spurter-tilbaka {}
.spurter-sulur {}
.spurter-sulutexti { clear: both; margin-top: 0.3em; font-size:0.94em; }
.spurter-sulutexti-fjoldi { font-size: 0.9em; width:100%; text-align:right; } /* Ekki lengur birt, var fyrir aftan prosentu */
.spurter-sulutexti-prosent { font-weight: bold; font-size: 0.9em; margin-left: 0.2em; }
.spurter-heildarfjoldi { clear:both; font-size: 0.94em; margin-top:0.4em; }
.spurter-heildarfjoldi-tala { font-weight: bold; }
.spurter-sula { margin-bottom: 0.2em; float: left; height: 1.4em; }
.spurter-sula-litur-1 { background: #8000f7 url('/img/popup/sulur/sula1.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-2 { background: #00C558 url('/img/popup/sulur/sula2.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-3 { background: #FFAA44 url('/img/popup/sulur/sula3.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-4 { background: #CE0909 url('/img/popup/sulur/sula4.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-5 { background: #0982CE url('/img/popup/sulur/sula5.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-6 { background: #B5B721 url('/img/popup/sulur/sula6.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-7 { background: #D800B7 url('/img/popup/sulur/sula7.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-8 { background: #D04E00 url('/img/popup/sulur/sula8.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-9 { background: #1F24E3 url('/img/popup/sulur/sula9.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-10 { background: #34C920 url('/img/popup/sulur/sula10.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-11 { background: #8000F7 url('/img/popup/sulur/sula11.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-12 { background: #00C558 url('/img/popup/sulur/sula12.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-13 { background: #FFAA44 url('/img/popup/sulur/sula13.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-14 { background: #CE0909 url('/img/popup/sulur/sula14.gif') repeat-x scroll left bottom; }
.spurter-sula-litur-15 { background: #0982CE url('/img/popup/sulur/sula15.gif') repeat-x scroll left bottom; }




/* == Myndasyrpur == */
div.mmsyrpu-rammi {
  margin-bottom: 4px;
  margin-left: 2px;
  margin-right: 2px;
  border: 2px solid #ddd;
  background-color: #eee;
  width: 140px;
  height: 140px;
  padding: 0px;
  float: left;
  text-align: center;
}
.mmsyrpu-wrapper { text-align:center;width:600px;min-width:100px;margin:0 auto; }
.mmsyrpu-nav { font-size:1em; margin:0px; padding:0px; }
.mmsyrpu-nav-middle { text-align:center; }
.mmsyrpu-prev { width:90px;text-align:left;float:left; }
.mmsyrpu-next { width:90px;text-align:right;float:right; }
.mmsyrpu-to-thumbs { width:40px;text-align:center;float:none; }
.mmsyrpu-selpagenum { text-decoration: underline }
img.mmsyrpu-mynd { border: 1px #666 solid;vertical-align:middle;margin:0;padding:0; }
.mmsyrpu-single-tafla {
  padding: 0px;
  margin: 0px auto;
  background: #eee;
  border: 1px solid #000;
  width: 480px;
}
.mmsyrpu-mynd-nr, .mmsyrpu-photographer { font-size: 0.7em; }
.mmsyrpu-photographer { text-align: right; }
.mmsyrpu-mynd-rammi { text-align: center; }




/* == Síđufótur == */
#footer { margin: 2em 0 .385em 0; padding: .77em 0; border-top: 1px #999 solid; background-color: #eee; }
#footer h4 { font-size: 1.15em; margin: 0 0 .385em 0; padding: 0; font-weight: bold; }

#footer div.list-container { width: 100%; clear: both; padding-left: 5px; }

#footer div.list-container div { width: 12.308em; clear: none; float: left; margin: 0 auto; }
#footer div.list-container ul { list-style: none; padding: 0.2em 0; margin: 0; }
#footer div.list-container div ul li { padding: 0 0 .5em 0; }
#footer div.list-container div ul li a { color: #666; }

#footer div.footer-search { margin: 15px 0 10px 0; text-align: center; }
#footer div.footer-search form { padding: 0; margin: 0;  }


#footer input { font-size: 1em; padding: 2px; }

#copyright { 
  float: left;
  clear: both;
  width: 100%;
  margin: 15px 0 0 0;
  font-size: .85em;
  color: #666;
}
/* pos: relative is because of IE6 display bug */
#copyright p { text-align: center; margin: 0 auto 0 auto; position:relative; }




/* compat.css */


/* Lottó (sama?) */
table.lotto-table { background-color: #ffc; width: 100%; }
table.lotto-table td { font-size: .917em; line-height: 1.2; text-align: center; padding: 0 0 1px 0; }

/* Töflur í vinstri og hćgri dálki */
table.dalktafla { line-height: 1.3; padding: 0 0 0 .334em; width: 100%; }
table.dalktafla td { font-size: .917em;  }

table tr.dotted-border { background: url('/frettir/img/dash.gif') repeat-x bottom; }

table.dalktafla-tbox { line-height: 1.3; padding: .167em .25em; margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
table.dalktafla-tbox td { font-size: .917em; padding: .167em 0; border-top: .084em solid #ccc; }
table.dalktafla-tbox tr.tbox-firstitem td { border-top: none; padding: 0 0 .167em 0; }
table.dalktafla-tbox td.tbox-firstitem { border-top: none; padding: 0 0 .167em 0; }

/* Mjór hćgri, breiđur vinstri dálkur,
   sbr .twocol .broad og .twocol .narrow
*/
.vs-twocol { width: 100%; zoom:1; clear:both; }
.vs-twocol-left {  width: 40.168%; margin-right: 2%; float: left; clear: left; padding: 0; overflow: hidden; }
.vs-twocol-right {  width: 57.831%; float: left; clear: right; padding: 0; overflow: hidden; }

/* == sms box stuff == */
.sms-box {font-size:0.9em;float:left;height:95px;margin-right:7px;width:170px;border-top:3px solid #008;padding-left:72px;padding-top:10px;background-position: 3px 7px; background-repeat: no-repeat;}
.sms-box-big {height:135px;margin-right:7px;width:390px;padding-left:117px;padding-top:10px;background-position: 3px 7px; background-repeat: no-repeat;}
.sms-box-link { display:inline}


/* Hér komi klasar, sem einungis verđa notađir á bloggvef */
ul.blog li a { color: #CC6600 }
img.album-list { border: 1px solid black; display:block; }
div.search-res { margin-bottom: 5px; clear: both; }
div.search-res:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.instructions { font-size: 15px; line-height: 30px; font-weight: bold; }
h2.instructions { color: #CC6600; }
div.kerfilist { float: left; width: 100% }
div.kerfilink a { display:inline; background:top left url(/blog/tilkynningar.gif) no-repeat; padding-left:13px; }
div.kerfilink a:hover { background-color: none; }
div.kerfilink:hover { background-color: #ccc; }
div.kerfiend { text-align:right; }
div.kerfiend a { display:inline;background:top left url(/blog/meira.gif) no-repeat; padding-left:13px; }
table.blog-popular { width:100%; }
table.blog-popular tr { color: #666666; }
table.blog-popular tr.blog-visit:hover { background-color:#ccc; }
table.blog-popular tr.even { background-color: #f2f2f2; }
table.blog-popular tr td a { color: #cc6600 }
table.neat tr th { background-color: #557; }

div.alertbox { 
  clear: both;
  height: 31px;
  margin: 4px 0 10px 0;
  background: url('/blog/sla/blog_alertbox_right.gif') no-repeat top right;
}

div.alertbox div {
  height: 31px;
  padding: 6px 0 0 6px;
  overflow: hidden;
  background: url('/blog/sla/blog_alertbox_left.gif') no-repeat top left;
}

div.alertbox img {
  border: 0;
  vertical-align: middle;
  margin-top: -3px;
}

div.alertbox a {
  color: #c60;
  font-weight: bold;
}

/* *** Nýskráning *** */

#step-bar {
  text-align: center;
  font-size: 11px;
  margin-bottom: 15px; 
  padding: 5px;
}

#step-bar a {
  color: #999;
  margin: 0 4px;
  cursor: default;
}

#step-bar a:hover {
  text-decoration: none;
}

#step-bar a.current {
  color: #000;
  font-weight: bold;
}

#step-bar a.seen {
  cursor: pointer;
}

#step-bar a.seen:hover {
  text-decoration: underline;
}

#step-bar img {
  vertical-align: -6px;
  margin-right: 5px;
  border: 0;
}

img.blog-reg-haus {
  margin-left: 10px;
}

div.reg-content {
  margin: 10px 0;
}

div.blog-reg-theme-ctrl {
  width: 500px; margin: 10px auto; text-align: center;
}

div.blog-reg-theme-ctrl a.disabled {
  color: #999;
}

#theme-tn {
  width: 500px; 
  height: 300px; 
  margin: 0 auto;
}

#blog-reg-theme a {
  font-weight: bold;
}

div.blog-reg-buttons {
  /*margin-left: 168px;*/
  text-align: center;
}

/* Útlit á contact.html síđu */
.contactbox {
	padding: 0 0 0 75px;
	width: 400px;
	height: 80px;
	margin: 1em 0;

}

.contactAdd1 {
	background:transparent url("/frettir/img/dash.gif") repeat-x scroll center bottom;
}

#contactFaq {	background: url("/blog/contact/spurt.gif") top left no-repeat;}
#contactDisclaimer {	background: url("/blog/contact/skilmalar.gif") top left no-repeat;}
#contactEmail {	background: url("/blog/contact/postur.gif") top left no-repeat;}
img.blog-rss-feed { border: 0; vertical-align: -1px; }





h4.twocol-heading { font-size: 1.077em; color: #CC6600; margin-bottom: .154em; }
h4.twocol-heading a, h5.twocol-heading a { color: #CC6600; }
h4.twocol-heading span.blog-comments { font-size: .8em; color: #666; font-weight: normal; }

img.author-icon { float: left; margin: 0 .308em .308em 0;}


h4.blog-cat { color: #333; text-transform: uppercase; .77em }
div.blog-cats { width: 99%; border: 1px solid #555577; background-color: #DFDFE8; margin-top: .231em; padding: .154em; overflow: hidden; }
div.blog-cats:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#blog-afmaeli { position: absolute; top: 2.385em; left: 13.847em; }

/* Leitarvélin */
div.search-result { clear: left; }
p.search-result-meta { margin: 0; color: #666; font-size: .847em; }

div.search-box { 
  background: #eee;
  border-width: 1px 0 1px 0; 
  border-color: #ccc; 
  border-style: solid;
  margin-bottom: 1em;
  padding: 0 .308em;
}  
div.search-form input.query { width: 15.385em;}
div.search-form { text-align: center; padding: .308em; }
div.search-form span.periods { padding-left: 1em; }
div.search-form span.current-period { font-weight: bold; }

div.search-paginator { text-align: center; }
div.search-paginator .current { font-weight: bold; }

div.search-box-right { float: right; width: 30%; margin: 0 0 1em 1em; }
div.search-box-right h4 { font-size: .9em; }      
div.search-box-right ul { margin: 0; padding: 0; list-style-type: none; }
div.search-box-right li { margin: .5em 0; }

div.author-results h4 { font-size: .9em;}
div.author-results ul { margin: 0; padding: 0; list-style-type: none; }
div.author-results ul li { margin: .5em 0; }
div.author-results p { margin: 0; }





