/* Stylesheet for everything under blog.is/frontpage/ */

/* Base stylesheets, hosted on mbl.is */
/* @import url(https://www.mbl.is/mm/css/blog/style.css); */
/* 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%; }

.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; }


.meira, .meira-big {
  text-decoration:underline;
  padding-right: 12px;
  background: url(https://www.mbl.is/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 */

@media screen and (min-width: 768px) {
  .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 .narrow { width: 57.831%; margin-right: 2%; }
  .twocol .wide { width: 40.168%; }
}
/*.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.
*/

/* == 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; }


/* == 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;
}


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

div.tabbox-blog ul.blogList { 
  list-style-image: url('https://www.mbl.is/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;
}


/* == 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; }

/* 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; }


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; }

/* == Ú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;*/
}

/* @import url(https://www.mbl.is/css/grids/grid-960.css); */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
    .container_12 { width: 960px; }
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
  }
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
  .alpha {
	margin-left: 0;
  }

  .omega {
	margin-right: 0;
  }
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

@media screen and (min-width: 768px) {
  .container_12 .grid_5 {
	width:380px;
  }

  .container_12 .grid_6 {
	width:460px;
  }

  .container_12 .grid_7 {
	width:540px;
  }

  .container_12 .grid_8 {
	width:620px;
  }

  .container_12 .grid_9 {
	width:700px;
  }

  .container_12 .grid_10 {
	width:780px;
  }

  .container_12 .grid_11 {
	width:860px;
  }

  .container_12 .grid_12 {
	width:940px;
  }
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
  .container_12 .prefix_1 {
	padding-left:80px;
  }

  .container_12 .prefix_2 {
	padding-left:160px;
  }

  .container_12 .prefix_3 {
	padding-left:240px;
  }

  .container_12 .prefix_4 {
	padding-left:320px;
  }

  .container_12 .prefix_5 {
	padding-left:400px;
  }

  .container_12 .prefix_6 {
	padding-left:480px;
  }

  .container_12 .prefix_7 {
	padding-left:560px;
  }

  .container_12 .prefix_8 {
	padding-left:640px;
  }

  .container_12 .prefix_9 {
	padding-left:720px;
  }

  .container_12 .prefix_10 {
	padding-left:800px;
  }

  .container_12 .prefix_11 {
	padding-left:880px;
  }


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

  .container_12 .suffix_1 {
	padding-right:80px;
  }

  .container_12 .suffix_2 {
	padding-right:160px;
  }

  .container_12 .suffix_3 {
	padding-right:240px;
  }

  .container_12 .suffix_4 {
	padding-right:320px;
  }

  .container_12 .suffix_5 {
	padding-right:400px;
  }

  .container_12 .suffix_6 {
	padding-right:480px;
  }

  .container_12 .suffix_7 {
	padding-right:560px;
  }

  .container_12 .suffix_8 {
	padding-right:640px;
  }

  .container_12 .suffix_9 {
	padding-right:720px;
  }

  .container_12 .suffix_10 {
	padding-right:800px;
  }

  .container_12 .suffix_11 {
	padding-right:880px;
  }


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

  .container_12 .push_1 {
	left:80px;
  }

  .container_12 .push_2 {
	left:160px;
  }

  .container_12 .push_3 {
	left:240px;
  }

  .container_12 .push_4 {
	left:320px;
  }

  .container_12 .push_5 {
	left:400px;
  }

  .container_12 .push_6 {
	left:480px;
  }

  .container_12 .push_7 {
	left:560px;
  }

  .container_12 .push_8 {
	left:640px;
  }

  .container_12 .push_9 {
	left:720px;
  }

  .container_12 .push_10 {
	left:800px;
  }

  .container_12 .push_11 {
	left:880px;
  }


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

  .container_12 .pull_1 {
	left:-80px;
  }

  .container_12 .pull_2 {
	left:-160px;
  }

  .container_12 .pull_3 {
	left:-240px;
  }

  .container_12 .pull_4 {
	left:-320px;
  }

  .container_12 .pull_5 {
	left:-400px;
  }

  .container_12 .pull_6 {
	left:-480px;
  }

  .container_12 .pull_7 {
	left:-560px;
  }

  .container_12 .pull_8 {
	left:-640px;
  }

  .container_12 .pull_9 {
	left:-720px;
  }

  .container_12 .pull_10 {
	left:-800px;
  }

  .container_12 .pull_11 {
	left:-880px;
  }

} /* end @media */


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear-float {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* Main part */
body { background: #999; }

#blogfront-allt {
  background:white;
  font-family: georgia, "times new roman", times, serif;
  line-height: 1.5;
  min-height: 98%;
  padding: 10px;
  padding-top: 57px; /* vegna hauss */
}


@media screen and (min-width: 768px) {
  #blogfront-allt {
    width: 960px;
    border-left: 3px solid #ccc;
    border-right:3px solid#ccc;
    padding: 29px 10px 20px 10px;
  }
}
#blogfront-main ul { display: table; margin-left: 0; padding-left: 3em; }
#blogfront-main li { margin-left:0; padding-left: 0; }

#blogfront-allt h1, #blogfront-allt h2, #blogfront-allt h3, #blogfront-allt h4, #blogfront-allt h5,
#blogfront-right a, #blogfront-breadcrumbs, #blogfront-haus {
  font-family: "Trebuchet MS", trebuchet, "lucida grande", "lucida sans", lucida, verdana, sans-serif;
}
#blogfront-allt h2, #blogfront-allt h3 { margin: .2em 0; font-weight: bold; }
#blogfront-allt h2 {  font-size: 1.85em; }
#blogfront-allt h3 {  font-size: 1.4em; }

#blogfront-right ul { margin-bottom: 0; }
#blogfront-right li { color: #c80; }
#blogfront-allt a, #blogfront-right li a { color: #06c; }

#blogfront-right .first-big { margin:.5em 0; font-size:.85em; }
.first-big strong.headline { font-size:1.3em; }

#blogfront-haus {
  margin-bottom: 1em;
}

#blogfront-breadcrumbs { font-weight:bold; margin: 0 0 1em 0; }
#blogfront-breadcrumbs a { font-weight:normal; }

.align_left {  float:left; margin: 0 1em .5em 0; }
.align_right {  float:right; margin: 0 0 .5em 1em; }

#blogfront-right h4 { text-transform: uppercase; font-size:1.15em; }

.right-grid .thumb { font-size:.92em; float:left; width:142px; height:122px; margin:3px; overflow:hidden; }

.rightbox { margin-bottom: .8em; padding-bottom:.2em; border-bottom: 2px dotted #ddd; }

table.blog-popular { font-size:.9em; margin-top:1em; margin-bottom:1em; }
table.blog-popular tr th { font-size:.85em; }

#blogfront-main pre { background:#eee; padding:.5em; width:85%; overflow:hidden; border: 1px solid #ccc; margin:1em auto; }
#blogfront-main ul.toc { background:#eee; padding:.5em; width:90%; overflow:hidden; border: 1px solid #ccc; margin:1em auto; }
#blogfront-main ul.toc ul { margin-bottom:.5em; }

/* === overrides of blog/style.css === */

div.search-form { font-size: .92em; }
div.search-form input.query { width: 11em; }

/* === popups === */
body#system-popup { background: white; }
body#system-popup h3 { color: #06c; }

/* === Feeds === */
#feeds .domestic,
#feeds .international {
    background: #eee;
    float: left;
}

#feeds .domestic { max-width: 475px; margin-right: 5px; }
#feeds .international { max-width: 475px; margin-left: 5px; }

#feeds h3 { text-transform: uppercase; margin: 3px 10px; }

#feeds ul { margin: 0; }
#feeds ul ul { margin: 0; }
#feeds ul li { width: 217px; list-style: none; float: left; margin: 10px; }
#feeds ul li li { width: auto; float: none; margin: 2px 0; }

#feeds h4 a { font-family: Georgia, serif; color: #666; font-size: 15px; font-weight: normal; }

#feeds .feed a { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

/* === system.css below === */
/* system.css: grundvallarlayout fyrir blog.is */

html,body { 
  height: 100%;
  margin: 0;
  padding: 0; 
  border: 0;
}
@media screen and (min-width: 768px) {
  html,body {
    min-width: 1000px;
  }
}

@media screen and (min-width: 768px) {
  html.theme-solar-shinra, body.theme-solar-shinra {
    min-width: 1150px;
  }

  html.theme-cutline, body.theme-cutline {
_width: 1150px;
    min-width: 1150px;
  }

  html.theme-listaverkid, body.theme-listaverkid {
    min-width: 1150px;
  }
}

#system-body { 
  background: #ccc;
}

#system-content { 
  padding-top: 1px; 
  padding-bottom: 1px;
  margin: 56px 0 0 0;
  background-color: white; 
  min-height: 100%;
}
@media screen and (min-width: 768px) {
  #system-content {
    margin: 28px 0 0 0;
    min-width: 840px;
    margin: 28px 160px 0 0;
  }
}
#content {
  position: relative;
  top: 1px;
  left: 0;
}
/* clearfix for content */
#content:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

#system-right { 
  position: absolute; 
  top: 60px; 
  right: 5px; 
  width: 150px; 
  text-align: center; 
  font-size: 150%; 
  z-index: 1000; 
}
#system-right-ad { 
  margin: 0 auto 0 auto; 
  width: 150px; 
  overflow:hidden;
}
#system-right-ad object { min-width: 150px; }

#system-top { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  color: white; 
  background-color: #666; 
  font-weight: bold; 
  border-top: 1px solid #45455f;
  border-bottom: 1px solid #45455f; 
  margin: 0; 
  z-index: 1001;
}
@media screen and (min-width: 768px) {
  #system-top {
    height: 28px;
    min-width: 1000px;
  }
}

#system-top { background-color: #557; color:white; font: 12px verdana,sans-serif; line-height: 140%; }
#system-top img { border:0;margin:0;padding:0; }
#system-top #top-blogo { float: left; margin: 0 0 0 5px; line-height:1; padding:0; width:76px;height:28px; border:0; overflow:hidden; } 
#system-top #top-mlogo { float: left; margin: 0 0 0 10px; line-height:1; padding:0; width:40px; height:28px; border:0; overflow:hidden; } 
#system-top #top-home { position: absolute; left: 800px; }
#system-top #top-contact { float: right; padding: 5px 10px 0 0; white-space: nowrap; }
#system-top a { color:white; text-decoration:underline; font-weight:normal; }
#system-top a:hover { color: #ff6; background-color: #557; }

#system-right #right-ad { display: none; }
@media screen and (min-width: 768px) {
  #system-right #right-ad { display: block; height:900px; width:auto; padding:0; }
}

#right-ad div.adset-multi {
    font: 12px/1.4 Arial, Helvetica, sans-serif;
}
#right-ad div.adset-multi a {
    text-decoration: none;
    color: #147;
}
#right-ad div.adset-multi .multi-item .textad {
    text-align: left;
    position: relative;
}

#right-ad div.adset-multi .multi-item .textad h4 {
    font-size: 1em;
    margin: 0;
}
#right-ad div.adset-multi .multi-item .textad p {
    font-size: 10px;
    margin: 0;
}
#right-ad div.adset-multi .multi-item .target-domain {
    font-size: 10px;
    color: green;
}
#right-ad div.adset-multi .multi-item .ad-notice {
    font-size: 9px;
    text-align: right;
    color: #999;
}

#right-ad div.adset-multi .multi-item {
    margin: 0;
    clear: both;
    overflow: hidden;
}
#right-ad div.adset-multi .multi-item .textad:hover {
    cursor: pointer;
}
#right-ad div.adset-multi .multi-item .textad:hover table {
    cursor: pointer;
    background: lightyellow;
}

#right-ad div.adset-multi .multi-item .textad table {
    margin: 5px 0;
    width: 150px;
    border: 1px solid #9ab;
    min-height: 150px;
    background: white;
}
#right-ad div.adset-multi .multi-item .textad table:first-child {
    margin-top: 0;
}

#right-ad div.adset-multi .multi-item .textad table td {
    padding:5px;
    margin: 0;
    border: 0;
}
#right-ad div.adset-multi .multi-item .textad table td div.target-domain {
    display: none;
}

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


#system-right-container { width:100%;_width:100%;position:absolute; left:0; top:0; }
@media screen and (min-width: 768px) {
  html.theme-cutline #system-right-container { min-width:1160px;padding-right:160px; }
}

#system-loginbox {
  position: absolute;
  width: 340px;
  bottom: 5px;
  left: 50%;
  margin-left: -170px;
  padding-top: 5px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  #system-loginbox {
    position: static;
    width: auto;
    margin-left: 70px;
    float: left;
  }
}
#system-loginbox * { margin:0; padding:0; color:#fff; font-family: verdana; }
#system-loginbox h4 { display: none; }
#system-loginbox input { font: 12px verdana;  }
#system-loginbox input.short { border: 1px solid gray; font-size: 11px; padding:1px; background: #eee; color: black; width: 70px; } /* + special rule in system-ie.css */
@media screen and (min-width: 768px) {
  #system-loginbox h4 { font-weight: bold; font-size: 12px; display: inline; }
  #system-loginbox input short {
    width: 130px;
  }
}
/*#system-loginbox input.submit { border: 1px solid gray; font-size: 11px; padding:1px; font-weight: bold; background: #eee; color: black; }*/
#system-loginbox input.submit { vertical-align: -5px; border: 0; }
#system-loginbox .notice { color: yellow; }
#system-loginbox .error { color: orange; }
#system-loginbox .ok { color: #ff6; }
#system-loginbox .wait { color: #ccc; }
#system-loginbox #slb-loggedin-name { color: #ff6; }
#system-loginbox #slb-loggedin a { font-weight: bold; color:#fff; text-decoration:underline; padding:0 2px 0 2px; }
#system-loginbox #slb-loggedin a:hover { color: #ff6; }
#system-loginbox .slb-separator { color: #ccc; }
#system-loginbox #login-form-message { margin-left: 1em; }

/* --------- blogfriends top-box -------------------------------- */
#system-bfriends { float: left; margin: 4px 0 0 30px; position: relative; width: 200px; }
#system-bfriends * { margin:0; padding:0; color:#fff; }

#system-bfriends #bfsel { 
  background: #45455f url('/img/haus/1/pila_nidur.gif') no-repeat 97% 5px;
  border: 1px solid #777999; 
  padding: 1px 3px; 
  position: absolute; 
  left: 15px; 
  width: 138px; 
  font-weight: bold;
  cursor: pointer;
}
/*#system-bfriends #bfsel.active { background-color: #45455f; }*/

#system-bfriends span.title { 
  color: yellow; 
  font-style: italic; 
  display: block; 
}


#system-bfriends img { position: absolute; border: 0; top: 5px; }
#system-bfriends img.left { left: 0px;  }
#system-bfriends img.down { left: 144px; top: 6px; }
#system-bfriends img.right { left: 167px; }


#system-bfriends-menu { 
  position: absolute; 
  background: black; 
  z-index: 1500; 
  padding: 0px; margin: 0px;
  border-width: 1px 1px 0 1px; 
  border-style: solid; 
  border-color: #777999; 
  width: 144px; 
  text-align: left; 
  color: white; 
  font: 13px verdana,sans-serif;  
  top: 20px;
  left: 15px;
}

#system-bfriends-menu ul { margin: 0; padding: 0; list-style-type: none; }

#system-bfriends-menu a { color: white; text-decoration: none; }

#system-bfriends-menu li { border-bottom: 1px solid #777999;
    padding: 3px; margin: 0; }

#system-bfriends-menu li.friend { background-color: #557; cursor: pointer; }
#system-bfriends-menu li.friend:hover { background-color: #666;  }
#system-bfriends-menu li.selected { font-weight: bold; }

span.bf_logged_in { color: lightgreen; }
span.bf_new { color: yellow; }

#system-bfriends-menu .options { font-size: 11px; }
#system-bfriends-menu .options a:hover { text-decoration: underline; }

#system-bfriends-menu li#system-bfriends-hug { background-image: url(/img/hug_small.png); background-repeat: no-repeat; background-position: 3px 50%; padding-left: 36px; min-height: 24px; }


div.augl-viewcounter { position:absolute;top:0;right:0;z-index:-1; }
.vmiddle { vertical-align: middle; }

img.feed-icon { border: 0; }


/* Fréttatengingar */
div.news-connection { margin: 1em 0 .5em; }
div.news-connection-main { margin-left: 41px; }
div.news-connection img { float: left; vertical-align: -3px; border; 0; }
div.news-connection div.news-opinion { margin-top: .1em; font-size: 0.9em; _font-size: .8em; }
div.news-connection div.news-opinion a { font-weight: bold; }


p.system-real-author {
  border: 1px solid #ccc;
  background: #eee;
  padding: .5em;
  color: black;
}
</style>