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

/* Base stylesheets, hosted on mbl.is */
@import url(https://secure.mbl.is/mm/css/blog/style.css);
@import url(https://secure.mbl.is/css/grids/grid-960.css);

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

#blogfront-allt {
  background:white;
  border-left: 3px solid #ccc;
  border-right:3px solid#ccc;
  padding: 0 10px 20px 10px;
  width: 960px;
  font-family: georgia, "times new roman", times, serif;
  line-height: 1.5;
  min-height: 98%;
  padding-top: 29px; /* vegna hauss */
}
#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 { width: 475px; margin-right: 5px; }
#feeds .international { 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;
  min-width: 1000px;
}

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: 28px 160px 0 0; 
  background-color: white; 
  min-height: 100%;
  min-width: 840px; 
}
#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%;
  min-width: 1000px;
  height: 28px; 
  color: white; 
  background-color: #666; 
  font-weight: bold; 
  border-top: 1px solid #45455f;
  border-bottom: 1px solid #45455f; 
  margin: 0; 
  z-index: 1001;
}

#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 { 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; }
html.theme-cutline #system-right-container { min-width:1160px;padding-right:160px; }

#system-loginbox { margin-left: 70px; padding-top: 5px; overflow: hidden; float: left; }
#system-loginbox * { margin:0; padding:0; color:#fff; font-family: verdana; }
#system-loginbox h4 { font-weight: bold; font-size: 12px; display: inline; }
#system-loginbox input { font: 12px verdana;  }
#system-loginbox input.short { border: 1px solid gray; font-size: 11px; padding:1px; background: #eee; color: black; width: 130px; } /* + special rule in system-ie.css */
/*#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>