﻿/*
THEME NAME: arborg-jotunheimar_wp
THEME URI: http://jotunheimar.arborg.is
DESCRIPTION: Þema fyrir Leikskólann Jötunheimar
VERSION: 1.0
AUTHOR:  Vefþjónustan sf.
AUTHOR URI: http://www.endor.is
TAGS: Jötunheimar, leikskoli, Árborg
*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;width:100%;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html {background:#d5f9f4 url(images/background.png) repeat-x;}
body{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;}
img{vertical-align:middle;}
a{text-decoration:none;color:#4a9358;}
a:hover{text-decoration:underline;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#wrap{ width:981px; margin:0 auto; background:url(images/bg_header.png) no-repeat ; text-align:left;}

/* *************************** 
   $2 Header Styles
   ***************************/
#header{width:100%;height:200px;position:relative;}
.header-highlight {z-index:-1 !important;position:absolute;top:3px;left:-50px;}
#logo{position:absolute;top:25px;left:20px;width:210px;height:104px;}
#top_menu{height:27px;color:#fff;font-size:0;background:url(images/bg_topmenu.png) no-repeat left;float:right;position:absolute;right:0;top:0;}
.top_menu_text{width:115px;height:23px;float:left;padding:4px 7px 0 7px;font-size:10px;background:url(images/bg_topmenu.png) no-repeat right;}
#top_menu a{color:#FFF; font-size:10px;text-decoration:underline;}
#top_menu a:hover{text-decoration:none;}
#top_menu a.lang{width:61px;height:36px;overflow:hidden;margin:0px 0px 0px 8px;display:inline-block; float:left;}
#navigation {position:absolute;bottom:0px;left:0;height:67px;width:981px;background:url(images/navigation_bg.png) no-repeat;}
#search_box{width:195px;height:28px;padding:2px 0 0 8px;position:absolute;right:8px;top:8px;background:url(images/bg_search.png) no-repeat;}
#search_box .ipt{width:145px;color:#9b9b9b;font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:5px 0 0;border:0 none; vertical-align:top;}
#search_box #searchsubmit{width:43px; height:21px; padding-top:5px; border:0 none;background:none;cursor:pointer;vertical-align:top;color:#FFF;font-size:11px; font-weight: bold;}

.mainnav{float:left;height:47px;position:relative;z-index: 100;}
.n-home{position:relative;left:0px;top:-4px;float:left;color:#FFF;width:80px;height:47px;background:url(images/forsida_hnappur.png);overflow:hidden;text-indent:-999em;}
#nav{float:left;font-size:11px;height:47px;}
#nav li{float:left;height:47px;position:relative;font-size:14px;height:38px;}
#nav li a{float:left;background:url("images/seperator.png") no-repeat 100% 0;color:#FFFFFF;font-size:11px;height:38px;line-height:38px;overflow:hidden;text-align:center;margin:4px 0 0;padding:0 15px;}
#nav li a:hover{background:url("images/seperator.png") repeat-x 0 -38px;text-decoration:none;}
#nav li.current-menu-item a,#nav li.current_page_item a,#nav li.current-menu-ancestor a,#nav li.current_page_parent a{height:47px;line-height:47px;background:url("images/bg_navselected.png") repeat-x;margin:0;border-radius:5px;}
#nav li.current-menu-item a:hover,,#nav li.current_page_item a:hover,#nav li.current-menu-ancestor a:hover,#nav li.current_page_parent a:hover{background:url("images/seperator.png") repeat-x 0 -38px;text-decoration:none;height:38px;line-height:38px;overflow:hidden;margin:4px 0 0;border-radius:0;}

#nav ul{position:absolute;top:-999em;width:190px;left:0;}
#nav li li{width:100%;font-size:11px;height:auto;}
#nav li li a{padding:8px 10px;text-align:left;float:none;margin:0;display:block;width:auto;height:auto;line-height:1;background:url("images/seperator.png") repeat-x 0 -38px;border-radius:0;}
#nav li li a:hover{margin:0;background:url("images/seperator.png") repeat-x 0 -138px;border-radius:0;}
#nav li.current-menu-item li a,
#nav li.current_page_item li a,
#nav li.current-menu-ancestor li a,
#nav li.current_page_parent li a,

#nav li.current_page_parent li.current_page_item a{margin:0;display:block;width:auto;height:auto;line-height:1;background:url("images/seperator.png") repeat-x 0 -38px;border-radius:0;}

#nav li.current-menu-item li a:hover,
#nav li.current_page_item li a:hover,
#nav li.current-menu-ancestor li a:hover,
#nav li.current_page_parent li a:hover,

#nav li.current_page_parent li.current_page_item a:hover{margin:0;height:auto;line-height:1;background:url("images/seperator.png") repeat-x 0 -138px;border-radius:0;}

#nav li.current-page-ancestor li a:hover,
#nav li.current_page_parent li a:hover{height:auto;line-height:1;padding:8px 10px;background:#1BB0C4 url("images/seperator.png") repeat-x 0 -138px;border-radius:0;}
#nav li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li:hover ul,
#nav li.sfHover ul{left:0;top:42px;z-index:99;}
#nav li:hover li ul,
#nav li.sfHover li ul {top:-999em;}
#nav li li:hover ul,
#nav li li.sfHover ul {left:190px;top:0;}
#nav li .sf-sub-indicator{display:none;}
#nav li li .sf-sub-indicator{display:block;width:7px;height:8px;overflow:hidden;text-indent:-999em;background:url(images/icon_navarrow.png) no-repeat;position:absolute;right:10px;top:10px;}
#nav li.sfHover a.sf-with-ul{font-size:11px;height:38px;line-height:38px;background:url("images/seperator.png") repeat-x 0 -38px;margin:4px 0 0;border-radius:0;}
#nav li.sfHover li a.sf-with-ul{margin:0;height:auto;line-height:1;}
#nav li.sfHover li.sfHover a.sf-with-ul{background:#1BB0C4 url("images/seperator.png") repeat-x 0 -138px;}



.widget_rss h3{display:none;}
#content{width:100%;}
#main{width:100%;float:left;}
.main{margin:-10px 228px 0;width:755px;}
.main .mbox{background:url(images/bg_main_bottom.png) no-repeat 0 100%;padding:0 0 21px;width:755px;margin:0 0 0 -1px;}
.inner_mbox{background:url(images/bg_main_head.png) no-repeat;padding:20px 0 0;}
.mbox_content{background:url(images/mian_content_bg.png) repeat-y;width:745px;padding:0 8px;}
.mbox_content h2{color:#858686;display:block;font-size:15px;font-weight:bold;height:30px;line-height:20px;margin:0;padding-left:20px;padding-top: 4px;}
.mbox_content h2 ul{ width:205px; float:right; overflow:hidden;}
.mbox_content h2 li{ float:left; padding:0px 8px; border-right:1px solid #e0e0e0;font-weight:normal;}
.mbox_content h2 li a{ color:#3f3f3f; text-decoration:underline; font-size:11px;}
.mbox_content h2 li a:hover{ text-decoration:none;}
.mbox_content h2 li a.blue{ color:#0c554b; text-decoration:underline;}
.mbox_content h2 li a.blue:hover{ text-decoration:none;}
.mbox_content h2 li.last{ border-right:0;}

.videotab{ overflow:hidden; background:url(images/sidebar_nav_inner_bg.png) repeat-x; padding:28px 0 10px 18px;}
.vtt{width:236px; height:195px;overflow:hidden; float:left;}
.vtt li{width:110px; height:auto;overflow:hidden;margin:0 4px 0 4px;float:left;text-align:center;}
.vtt li a span{display:block;width:96px;height:56px;overflow:hidden;padding:6px 7px 8px;background:url(images/bg_vvtimg.png) no-repeat;}
.vtt li a{color:#868686;}
.vtt li a em{display:block;height:17px;line-height:17px;overflow:hidden;}
.tab_container{float:left; width:450px; height:252px; overflow:hidden;}
.tab_container .tab_content{width:450px;margin:0 auto;text-align:center; background:#CCCCCC; }
.player{display:block;width:450px;height:256px;}

.newslists{padding:20px 16px 5px;background:url(images/sidebar_nav_inner_bg.png) repeat-x;margin:0 auto;}
.newslists li{width:100%;overflow:hidden;padding:0 0 5px;margin:0 0 5px;line-height:16px;}
.newslists li a{color:#0c564c;font-weight:700;}
.newslists li .date{float:left;color:#6c6c6c;padding:2px 0 0;width:70px;}
.newslists li .date2{float:left;color:#6c6c6c;padding:0px 0 0;width:70px;font-size:12px;}
.newslists li h3{ margin:10px 0px;}
.newslists li h3 a{font-size:14px; font-weight:bold; color:#9d1212;}
.newslists li h4 a{font-size:12px; font-weight:bold;}
.newslists li.imgnews{border-bottom:1px dotted #8A8A8A;padding:0 0 10px;margin:0 0 10px;}
.newslists li.last{ border-bottom:0;}
.newslists .news_text{ width:583px; float:left; margin-left:0px;}
.newslists .news_text h5{ font-size:11px; color:#3f3f3f; font-weight:bold;}
.newslists .news_text p.last{ margin-top:18px;}
.newslists .news_text img{float:left;margin: 0px 10px 0px 0px;}
.newslists li.imgnews .date{float:none;margin:0 3px 0 0;}
.newslists li.imgnews .date2{float:none;margin:0 3px 0 0;font-size:12px;}
.newslists li.imgnews h4{width:100%;float:none;font-size:14px;margin:0 0 8px;}
.newslists li .news_thumb{width:120px;float:left;margin: 0px 10px 0px 0px;}
#crumbs{padding:0 0 15px;margin:0 0 15px;border-bottom:1px dotted #3f3f3f;}
.post{width:478px;padding:0 16px 20px;overflow:hidden;}
.post img{height: auto;margin: 0 10px 10px 0;max-width: 478px;background: none repeat scroll 0 0 #F3F3F3;border: 1px solid #E0DEDE;padding:5px;}
.post p{margin:0 0 10px;}
.mbox_content .post h2{height:auto;padding:10px 0;}
.mbox_content .post h2 a{color:#0c564c;}
.post .postmetadata{margin:10px 0 0;}

.main .inner_content .text_box{background:url(images/sidebar_nav_inner_bg.png) repeat-x; overflow:hidden; padding:0px 20px;}
.main .inner_content .text_box h2{ color:#3c3c3c; font-size:18px; line-height:1; margin:17px 0 0 0;}
.main .inner_content .text_box p{ font-size:12px;color:#3c3c3c; line-height:18px; margin-bottom:20px;margin-top:10px;}
.main .inner_content .text_box .text_pic{ width:294px; float:left; margin:23px 25px 15px 0px;}
.main .inner_content .text_box .text_pic .massage{ font-size:11px; font-style:italic; color:#595959; line-height:13px; background:#ebebeb; width:278px; margin-top:7px; padding:8px;}
.main .inner_content .text_box img{height: auto;margin: 0 10px 10px 0;max-width: 478px;background: none repeat scroll 0 0 #F3F3F3;border: 1px solid #E0DEDE;padding:5px;}
.main .inner_content .text_box li{margin: 5px 0px 5px 30px; list-style-type:disc;}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 0px 20px 20px 0;
    display: inline;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    display: inline;
}

.wp-caption img {
    margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    text-align: center;
    width: 300px;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

.alignleft {
	float: left
}

.entry img.size-auto, .entry img.size-full, .entry img.size-large, .entry img.size-medium, .entry .attachment img {
    height: auto;
    max-width: 100%;
    width: auto;
}

#gallery-1 {
	margin: auto;
	clear: both;
}

.sidebar{float:left;width:228px;}
.sleft{margin:-10px 0 0 -988px;}
.sright{ float:right; margin-right:-5px;}
.mleft{ width:525px; float:left; overflow:hidden;}

.sidebar h2 {background:url(images/sidebar_heading.png) no-repeat;color:#858686;display:block;font-size:15px;font-weight:bold;height:50px;line-height: 54px;margin:0;padding-left:20px;padding-top: 4px;width:208px;}
.sbox{width:228px;background:url(images/sidebar_nav_bottom.png) no-repeat 0 100%;padding:0 0 15px;margin:0 0 5px;}
.sbox a{color:#0c564c;font-weight:700;}
.sbox a.flase{color:#F00;}
.inner_sbox{background:url(images/sidebar_nav_bg.png) repeat-y;width:212px;padding:0 8px}
.sbox .event ul{background:url(images/sidebar_nav_inner_bg.png) repeat-x;padding:10px 0 0;font-size:11px;}
.sbox .event li{padding:8px 15px;border-bottom:1px solid #D9D9D9;}
.sbox .event span.date,.rss-date{display:block;}
.sbox .event li.odd {background:#f7f7f7;}
.sbox_ftlink{padding:10px 15px 5px;}
.sbox_ftlink a,.sbox a.more{color:#a4a4a4;background:url(images/href_arrow.png) no-repeat 0 1px;padding:0 0 0 15px;margin:0 15px 0 0;}
.sideimg{margin:0 0 10px;background:url(images/sidebar_heading.png) no-repeat; }
.sideimg .sbox{ padding:15px 15px;}
.sideimg .sbox img{ margin:0px 3px;}
.sbox .service ul{background:url(images/sidebar_nav_inner_bg.png) repeat-x;padding:10px 0 0 15px;font-size:11px;}
.sbox .service li{padding:5px 0;background:url(images/icon_reddot.png) no-repeat 0 10px;padding:5px 0 5px 10px;}
.sbox .service li a{font-weight:400;}
.sbox .adv li{border:0 none;} 
.event_sbox{ background:url(images/sidebar_nav_inner_bg.png) repeat-x; padding:0px 15px 8px 15px;}
.event_img{ margin:18px 0px;}
.event_sbox h3{ text-align:left; color:#3f3f3f; font-size:14px; font-weight:bold; }
.event_sbox h5{ color:#000; font-size:11px; font-weight:bold; padding:15px 0px 10px 0px;}
.event_sbox p{ text-align:left; padding-top:15px; font-size:11px; line-height:14px;}
.event_sbox span{ display:block; line-height:17px;}
.event_sbox a.green{ font-size:14px; color:#4a9358; text-decoration:underline;}
.event_sbox a.green:hover{ text-decoration:none;}


/* -------- footer -------- */
#footer{width:100%;clear:both;background:url(images/footer_bg.png) no-repeat 50% 0;height:190px;padding-top:20px;}
.footer{width:981px;overflow:hidden;margin:0 auto;font-size:11px;}
.footer p{}
.footer p strong{font-weight:700;}
.footer a{color:#9d1212;font-weight:700;}
/* -------- PAGE NAVIGATION -------- */
.wp-pagenavi{
  clear:both;
  margin:20px 0 20px;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
  border:1px solid #d9d8d8;
  color:#979696;
  margin:2px;
  padding:3px 7px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
  border:1px solid #d9d8d8;
  color:#979696;
  margin:2px;
  padding:3px 7px;
  text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
  border:1px solid #d9d8d8;
  color:#2869c9;
  text-decoration:underline;
  margin:2px;
  padding:3px 7px;
}
/* -------- END PAGE NAVIGATION -------- */


@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}


.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}