body{
padding-top:20px;
}


.circle
    {
	float:left;
	margin:20px;
    width:60px;
    height:60px;
    border-radius:30px;
    font-size:50px;
    color:#fff;
    line-height:60px;
    text-align:center;
    background:#000
    }

.smallcircle
    {
	float:left;
	margin:10px;
    width:50px;
    height:50px;
    border-radius:25px;
    font-size:20px;
    color:#fff;
    line-height:50px;
    text-align:center;
    background:#000
    }


#toppur{
position:fixed;
top:0;
left:0;
height:60px;
width:100%;
background:silver;
border-bottom:1px solid #000;
z-index:100;
}

/*#navbar{
position:fixed;
top:0;
left:0;
height:60px;
width:100%;
background:silver;
border-bottom:1px solid #000;
z-index:100;
}
.nav li a{
    float: left;
    width: 80px;
    padding: 15px 0;
}
.nav li a:hover{
    color: #f33 !important;
    background: none;
}
.nav li.active a{
    color: #f55;
    text-decoration: underline;
}
*/

.logo-nav {
border:0px solid green;
padding:none;
padding-top:3px;
padding-bottom:0px;
}

.logo-nav img{
max-height:45px;
margin:0px;
padding:0px;
}


#top_button
{
  background:transparent url("../images/top_button.png");
  bottom:20px;
  display:none;
  height:55px;
  position:fixed;
  right:20px;
  text-decoration:none;
  width:55px;
  z-index:100
}

#top_button:hover
{
  background:transparent url("../images/top_button_hover2.png")
}

.ws1{
background:silver;
min-height:50px;
}
.ws-h1{
font-family: 'arial' !important;
font-size: 36px;
color:#5B0765;
}
.site-color{
color:#960CA5;
/*font-style:italic;*/
}

.ws-text{
font-size:16px;
}
.ws-row1{
background:#fff;
margin-bottom:20px;
border:0px solid #960CA5;
}

.sec,.sec2{
height:600px;
background:blue;
margin-bottom:20px;
}
.sec2{
background:red;
}

/* audio player playlist */
      .audioPlayer ol { padding:0px; padding-left:40px;padding-right:20px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 100%; border-top: 1px solid #ccc; font-size: 0.9em; }
      .audioPlayer ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
      .audioPlayer ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
      .audioPlayer ol li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      .audioPlayer ol li.playing a { color: #000; }
      .audioPlayer ol li.playing:before { content: '♫'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

.audioPlayer ol li { font-size:20px}
.audioPlayer ol li a { color:#960CA5;}
.audioPlayer ol li a:hover { text-decoration:none; color:#000;}
.audioPlayer ol li.playing:before {font-size:28px; color:#960CA5;left: -44px; top: 12px;}

/* audio player common */
.audiojs { margin: 0px 0px 0px; width: 100%;}
.audiojs audio { position: absolute; left: -1px; }
.audiojs .play-pause { width: 25px; height: 40px; padding:0x; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }

.audiojs p{position: relative; left:-5px} /* færa play icon á réttan stað bootstrap bug*/

/*p { clear: both;margin:0px }*/


/* Theme */
/*.audiojs { background: #960CA5; overflow: hidden; font-family: monospace; font-size: 20px;}

.audiojs .play-pause { border-right: 1px solid #5E0767; }
.audiojs .time { border-left: 1px solid #5E0767; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } 


.audiojs .scrubber { border:none;border-top:1px solid #810A8D; border-right:1px solid #810A8D; background: #E875F4; } 
.audiojs .scrubber { width:40% }
.audiojs .loaded { background: #810A8D; border-top:1px solid #63076D; border-right:1px solid #63076D; }
.audiojs .progress { background: #2E0332; }*/
.audiojs .progress { border-radius:0px}

      .track-details { clear: both; margin-bottom:20px; height: 20px; width: 100%; padding: 1px 6px; background: #eee; color: #222; font-family: monospace; font-size: 11px; line-height: 20px;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); }
      .track-details:before { content: '♬ '; }
      .track-details em { font-style: normal; color: #999; }


h1.itarefni{
color:#fff;
background:#250329;
padding:5px 5px 5px 10px;
}
div.colored-bg{
background:#ffffea;
padding:5px 5px 5px 5px;
}

/* End audio player */

/*.meginmal p:first-child, .inngangur p:first-child{
margin-top:10px;
}*/

.meginmal img{
margin:2px 10px !important;
}
.meginmal img{
    max-width:540px;
	height: auto !important;
	float:left !important;
}




@media (max-width: 767px) {
	.ws-row1{
	border:none;
	}
	.ws-h1{
	font-size: 22px;
	}

.audiojs { font-size: 14px;}
.audiojs .scrubber { width:40% }  

  /* Override Bootstrap reponsive */
  body {
    padding-right: 0px;
    padding-left: 0px;
  }

.meginmal img{
    float:none !important;
	display: block;
    max-width:100%;
	height: auto !important;
	margin:5px auto !important;	
}


}