/* Skólabloggþema  */

/* ************ LETURSTÆRÐ ETC. ************* */

body {
  font: 13px 'trebuchet ms',trebuchet,tahoma,verdana,arial,sans-serif;
  line-height: 140%;
}

h1,h2,h3,h4,h5 { font-weight: bold; margin-bottom: .5em; color: #c33; }
p,h1,h2,h3,h4,h5 { margin-top:0; }

h1 { font-size: 2.2em; font-weight:normal; line-height: 1.1em; }
h2 { font-size: 2em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em;   }

a { color: #c33; text-decoration: underline; }
a img { border: 0 }

/* ************ GRUNDVALLARLAYOUT ************* */

#content { margin: 0 auto; text-align:center; background:#abb; position: relative; zoom: 1; padding-top: 1px; }
@media screen and (min-width: 768px) {
  #content { width: 844px; }
}
#content:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
.blog-content #Header-image { margin: 9px 10px; }
.blog-content #main { background: #eee; padding: 7px; }
@media screen and (min-width: 768px) {
  .blog-content #main { margin: 10px 180px; }
}

.blog-content #main #Main-content { border: 1px solid white; padding: 6px; zoom: 1; }
#Main-content:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
.blog-content div   { text-align:left; }
.album-content #left { display: none; }
.other-content #left { display: none; }
.album-content #right { display: none; }
.other-content #right { display: none; }

/* ************ DÁLKAR ************* */

#left, #right { font-size: .92em; padding: 0; padding-bottom: 0; background: #fff; width: 148px; border: 1px solid #ccc; line-height: 130%; color: #000; overflow: hidden; padding: 6px; }
#left { clear: left; float: left; margin: 1em 5px; }
#right { float: left; margin: 1em 5px; }
@media screen and (min-width: 768px) {
  #left { position: absolute; top: 178px; left: 10px; }
  #right { position: absolute; top: 178px; right: 10px; }
}

#left a, #right a { color: #000; text-decoration: none; }
#left a:hover, #right a:hover { text-decoration: underline; }
#left h2, #right h2 { color: #fff; background: #c33; font-size: 1.17em; font-weight: bold; text-align: center; line-height: 30px; }
#left h2 a, #right h2 a { color: #fff; }
.box { margin-bottom: .8em; }
.box p, .box div.list-item-content, .sidelink { padding: 2px 3px 2px 5px; }
.box h4, .box h3 { color: #000; padding: 2px 3px 0px 5px; }
.box h4 { font-family:verdana,"trebuchet ms",trebuchet,arial,helvetica,sans-serif; font-size: .9em; line-height: 130%; padding-left: 14px; }
.box p.list-description { display: none }

.box ul {  list-style: none; margin: 0; padding: 0;}
.box li { margin: 0; padding: 3px 2px 3px 14px; border:0; display: block; background: url("arrow.gif") 3px 8px no-repeat; border-top: 1px solid #ccc; line-height: 1.3em; }
.box li.first { border-top: none; padding-top: 0; background: url("arrow.gif") 3px 5px no-repeat; }

#Calendar-box { line-height: 14px; }
#Calendar-box table { width: 100%; }
#Calendar-box td { text-align:right; }
#Calendar-box th { text-align:right; }
#Calendar-box td.monthname { font-size:1.17em; font-weight:bold; color: #fff; background: #c33; text-align: center; line-height: 30px; }
#Calendar-box div.blog-calendar-nav { text-align: right; padding-right: 15%; }
#Calendar-box div.blog-calendar-nav div { display: inline; padding: 0 .3em; }
#Calendar-box td a { font-weight: bold; color: #c33; }

#Photos-albumlist-box li { background: none; border: none; }
#Photos-albumlist-box li img { border: 1px solid #000; }
#Photos-albumlist-box li span.name { display:block; clear:both }

#Photos-recent-box li { background: none; border: none; }
#Photos-recent-box li img { border: 1px solid #000; }
#Photos-albumlist-box li span.name { display:block; clear:both }

/* ************ HAUS ************* */

#Header-image { height:120px; border: 0; padding: 0; margin:0; background: #c33; overflow:hidden; position: relative; }
@media screen and (min-width: 768px) {
  #Header-image { width: 824px; }
}
#Header-image .add1 { margin: 5px; border: 1px solid white; height: 98px; padding: 5px; overflow: hidden; position: relative; }
#Header-image h1 { color: #fff; position: absolute; font-size: 2em; top:74px; left: 5px; line-height: 1.2em; }
#Header-image h1 a { color: #fff; text-decoration:none; }
#Header-image img { position: absolute; right: 0; top: 0; border: 0; }

#topline { height:28px; border:1px solid #ccc; padding:0; margin:0 auto; overflow:hidden; background-color: #fff; vertical-align: middle; }
@media screen and (min-width: 768px) {
  #topline { width: 822px; }
}
#topline .add1 { margin: 0 4px; position:relative; top:1px; }
* html #topline .add1 { margin: 1px 4px; position:static; top:0; } /* IE6 */
#topline #Search-box-embla { float: right; height: 28px; }
#topline #Search-box-embla div { display:inline; vertical-align: middle; }
#topline #Search-box-mbl-news { float: left; height: 28px; }
#topline #Search-box-mbl-news #sb-m-n-label { position: relative; top: -2px; }
#topline #Search-box-mbl-news div { display: inline; }
#topline input.text { border:1px solid black; padding:0; height:14px; font-size: 12px; width: 160px; background-color: #eee; }
#topline input.submit { font-size:12px; padding:0; }


/* ************ MEGINHLUTI SÍÐUNNAR - BLOGG ************* */

p.entry-date { font-size: 0.92em; color: #999; margin-bottom: .5em; }
p.entry-info { font-size: 0.92em; margin-bottom: 1.5em; background-color: #fff; text-align:right; clear: both; padding: 2px; border: 1px solid #ccc; color: #999; }
p.entry-info a { color: black; text-decoration: none; }
p.entry-info a:hover { text-decoration: underline; }
.entry-body { margin-bottom: .7em; }

.comment { font-size: 0.92em; line-height: 1.3em; margin: 0 0 10px 0; padding: 0 15px; background: url(arrow.gif) 5px 5px no-repeat; }
.comment-number { display:none; }
.comment-body { margin-left: 60px; }
.comment-text { margin-bottom: 0; }
.comment-signature { margin-left: 60px; margin-top:2px; font-style:italic; }
.entry-comment-form { margin-top: 10px; }
#comment-field { width: 50%; max-width: 450px; }

label { vertical-align: top; }
input { margin: 3px; }

#Main-content h2 { line-height: 1.3em; }
#Main-content h2 a { color: #c33; text-decoration:none; }
#Main-content h2 a:hover { text-decoration:underline; }

/* ************ MYNDAALBÚM ************* */

#Photo-album { margin: 1em auto; text-align: center; }

#Photo-album div.album-description { width: 80%; max-width: 530px; padding: 4px; background-color: #eee; margin: .7em auto; text-align: center; }
div.album-description h2 { font-size:1.4em; margin: 0; text-align:left; }
div.album-description p  { font-size:0.92em; margin: 0; text-align:left; line-height: 1.2em; }


#Photo-album div.thumb-row { width: 80%; max-width: 596px; margin: 0 auto; text-align: center; }
/* clearfix fyrir smámyndaraðir */
#Photo-album div.thumb-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Photo-album div.thumb-row { zoom: 1; }

#Photo-album div.thumb, #Photo-album-list div.thumb { background-color: #ddd; margin: 6px; padding: 6px; border: 1px solid gray; float:left; }
#Photo-album img, #Photo-album-list img { border: 1px solid gray; }

p.img_info { background-color: #eee; color: black; padding: 4px; border: 1px solid gray; margin: 85px 0 0 20px; font-size: .85em;  }


#Photo-album-list h1 { margin-top: 15px; }
#Photo-album-list div.album-description { width: 530px; padding: 4px; background-color: #eee; margin: .7em auto; text-align: left; }

#Photo-album-list div.album { width: 85%; max-width: 596px; margin: 0 auto; text-align: center; }
#Photo-album-list div.album-thumbs { text-align: center;  }
#Photo-album-list div.album-thumbs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#Photo-image { margin-left: .4em; text-align: left; }
#Photo-image div.image { float:left; clear:left; background-color: #eee; margin: 0; padding: 2px; border: 1px solid #ccc; }
.blog-content #Photo-image div.image { border: none }
#Photo-image div.image img { border: 1px solid black; }
#Photo-image div.image p { text-align:left; margin: .2em 1.5em; font-size: .92em; }
#Photo-image div.image p.caption { font-weight: bold; }
#Photo-image div.image p.photoinfo { font-size: .92em; padding: .2em .3em;  margin-top: 1em; border-top: 1px solid #ccc; }

#Simple-navigation { font-size: .92em; margin-bottom: .8em; text-align:center; }
#Simple-navigation div { text-align:center; }

.other-content table { text-align: center; margin: .5em auto; }
.other-content table td { text-align: left; }
.other-content table td.center { text-align: center; }
.other-content table td.right { text-align: right; }