/*
Theme Name: HeraBjork
Theme URI: http://gasfabrik.com
Description: Design for singer Hera Björk
Version: 1.0
Author: Leifur Einarsson
Author URI: http://gasfabrik.com
Tags: 
*/

/* Css handbuilt by Gasfabrik (Author: Leifur Einarsson), feel free to browse and learn from it, give some credit if it helped - take care! */




@import url('css/reset.css');
@import url('css/rebuild.css');



/*Almennt*/
body {
	font: 14px Georgia, Times New Roman, Courier new, serif;
	color:#ffffff;
	background: #ffffff;
	background: url(images/bg3.jpg) repeat;
	background-position: top;
	background-repeat: repeat;
	margin: 0;
	padding: 0; 
}


a:link {
	color: #f7db56;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #f7db56;
}
a:hover {
	text-decoration: none;
	color: #f7db56;
        text-decoration:underline;
}
a:active {
	text-decoration: none;
	color: #f7db56;
}
h1 {
	font-size: 24px;
	color: #3b3b3b;
}
h2  {
	
	
	font-size: 22px;
	color: #3b3b3b;
        margin:0px 20px 20px 0px;
}



h3 {
    
	font-size: 18px;
	color: #ffffff;
        margin:20px 20px 20px 0px;

}

h4 {
	font-size: 14px;
	color: #2b4845;
        padding:4px 0px 4px 0px;
}

h5 {
	font-size: 14px;
	color: #4a4c4b;
}


blockquote {
font-style: italic;
text-shadow: -1px -1px 0px #fdfff5;
font-size: 14px;



}

img {


}



/*Uppbygging*/
#wrapper {
height:100%;
width:100%;
margin:0 auto;
padding:0;
background: url(images/herabakk.jpg) top center no-repeat;




}

#header {
width:100%;
margin: 0;
}



#head {
width: 940px;
height: 300px;
background: url(images/herahaus.jpg) top center no-repeat;
margin: 0px auto;
padding: 0;

}


#player {
width: 280px;
height: 40px;
float: right;
clear:right;
margin: 24px 0px 0px 0px;

}




.rulla {
width:224px;
height:136px;
float:right;
clear:right;
margin: 42px 0px 0px 0px;
padding:0;
overflow:hidden;


}




#navi {
width: 940px;
height: 50px;
position: absolute;
margin-top: 250px;
background: url(images/greenbakk.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}



/*Matseðill*/

#menu{
	
	padding: 8px 6px 0px 6px;
	width:940px;
	height:auto;
        text-transform:uppercase;
	}
	
#menu ul {
	
        float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	}
	
#menu li {
	
        float: left;
	list-style: none;
	
	padding: 0px;
       

	}

/* aktívi liturinn á tökkum */	
#menu li a, #menu li a:link, #menu li a:visited {
	font-size:22px;
        color: #ffffff;
	display: block;
	margin: 0px;
	padding: 6px 15px 6px 4px;
        
	}

/* Hover dæmið á tökkum */
#menu li a:hover, #menu li a:active {
        font-size:22px;
        z-index:99999;
	color: #f7db56;
        margin: 0px;
	padding: 6px 15px 6px 4px;
	text-decoration: none;
        
        
	}

/* Liturinn á dætursíðum, fontinu */	
#menu li li a, #menu li li a:link, #menu li li a:visited {
        font-size: 16px;
        letter-spacing:1px;
        display:block;
        z-index:9999;
	background:url(images/greenbakk.png) repeat;
        width:200px;
        height: auto;
	text-align:left;
        color: #ffffff;
	font-weight: normal;
        padding: 7px 5px 7px 5px;
        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;	
	

	}
	
/* Hoverið á dætursíðum */	
#menu li li a:hover, #menu li li a:active {
	font-size: 16px;
        z-index:9999;
        background:url(images/greenbakk.png) repeat;
	color: #881d53;
	
        
        padding: 7px 5px 7px 5px;
        /* for IE */
        filter:alpha(opacity=100);
        /* CSS3 standard */
        opacity:1;	

}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 140px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -34px 0px 0px 100px;
       
        
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}
#menu ul ul ul {
        left: -999em;
}


/*Matseðill endar*/





#center {
width: 100%;
margin:0;
}

#content {
width: 940px;
height:100%;
min-height: 400px;
overflow: hidden;
margin: 0 auto;
}

#page {
width: 460px;
height: auto;
float: left;
clear: left;
margin:0px 0px 50px 0px;

}

/*Page 2*/


#page2 {
width: 700px;
height: auto;
float: left;
clear: left;


}






#video {
width:460px;
height: 300px;
margin: 20px 0px 20px 0px;
float: left;
clear: left;

overflow: hidden;

}


#frontvid {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;


}

#vidtitle {
width: 460px;
height: 30px;
margin: 10px 0px 0px 0px;
background: url(images/greenbakk.png) ;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;


}

#jene {
width: 460px;
height: 31px;
background: url(images/vidtitle.png) no-repeat;


}


#efni {
width: 460px;
height: auto;
float: left;
clear: left;
margin: 0px 0px 40px 0px;
padding-bottom:20px;
background: url(images/greenbakk.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
text-align:justify;
line-height:18px;
}





/*EFNI 2  Page*/

#efni2 {

width: 700px;
height: auto;
min-height:641px;
float: left;
clear: left;
margin: 20px 0px 40px 0px;
background: url(images/greenbakk.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
text-align:justify;
line-height:18px;


}



#efni2 h2  {
font-size:14px;


}

#efni2 img {
border: solid 1px #8b8b8b;

}

.entry {
margin:10px 0px 0px 0px;

}





/*Efni 3 page fyrir musik sidu*/

#page3 {
width: 600px;
height: auto;
float: left;
clear: left;

}

#efni3 {
width: 600px;
height: auto;
float: left;
clear: left;
margin:20px 0px 20px 0px;
background: url(images/greenbakk.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
text-align:justify;

}

#sidebar3 {
width: 320px;
height: auto;
float: right;
clear: right;
margin: 20px 0px 20px 20px;

}


#albums {
width:320px;
height:auto;
float: right;
clear: right;
margin: 0px 0px 20px 0px;
color:#2b4845;
list-style:none;
background: url(images/greenbakk.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;

}

#albums ul {
margin:0;
list-style:none;
}

#albums li {
list-style:none;
margin:10px 20px 0px 20px;
}

#albums li img {
border:solid 1px #2b4845;
}


.albumtag {
padding:4px;
border-bottom:solid 1px #4a4c4b;
font-size:12px;


}

#tonlistis {
width: 320px;
height: 230px;
float: right;
clear: right;
margin: 0px 0px 20px 0px;
background: url(images/tonlistAD.png) no-repeat;


}

.tonlistbuy {
width: 320px;
height: 230px;
display: block;
text-indent: -9999px;
overflow: hidden;

}


.rekord ul {
list-style: none;
margin: 0px;

}


.albumshedd {
background: url(images/musicbyhera.png) no-repeat;

}

#disco {
width:320px;
height:58px;
background: url(images/discography.png) no-repeat;
margin:0;

}


#sidebar {
width: 460px;
height: auto;
float: right;
clear: right;
margin: 20px 0px 20px 0px;

}


/*Sidebar 2*/

#sidebar2 {
width: 240px;
height: auto;
float: right;
clear:right;
margin: 20px 0px 50px 0px;
}

#bar1 {
background: url(images/greenbakk.png);
width: 220px;
height: 300px;
float: left;
clear: left;
margin: 0px 20px 20px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;


}


#bar1page {
background: url(images/greenbakk.png);
width: 220px;
height: 300px;
float: right;
clear: right;
margin: 20px 0px 40px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;



}


#barcontent1 {
width:220px;
height:248px;
list-style:none;



}

/*Twitter*/

#twitter-tools {
margin:0px;
padding:8px;
overflow:hidden;
display:block;

}

#twitter-tools h2.widgettitle {
display:none;
}

div.aktt_tweets ul {
list-style:none;
margin:0px;

}

/*ie hack*/

div.aktt_tweets ul  li {
width:100%;
list-style:none;
margin:0px 0px 10px 0px;
float:left;
clear:both;
display:block;
overflow:hidden;

}



div.aktt_tweets ul li p {
float:left;
clear:left;

}

.widget aktt_widget {
margin:0;

}

div.aktt_tweets ul li ,div.aktt_tweets ul li a {
float:left;
clear:left;
display:block;

}

a.aktt_tweet_time {

color:#c6c6c6;
font-size:10px;
float:left;
clear:both;
margin:0px 100px 0px 0px;
}

li.aktt_more_updates a {
font-size:11px;
color:#881d53;
float:right;
clear:right;


}


#bar2 {
width: 220px;
height: 300px;
float: right;
clear: right;
margin: 0px 0px 20px 0px;
}





#twitthedd {
width:220px;
height:51px;
background: url(images/twitthedd.png) no-repeat;

}





#twitthedd a {
width:220px;
height:51px;
text-indent:-9999px;
display:block;
overflow:hidden;

}





#bar3 {
background: url(images/greenbakk.png);
width: 220px;
height: 300px;
float: left;
clear: left;
margin: 0px 20px 20px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;


}

#eventhedd {
background: url(images/eventhedd.png) no-repeat;
width:220px;
height:51px;
}

#barcontent3 {
width: 220px;
height:248px;
margin:0;

}

#barcontent3 ul {
margin:0;
}

#barcontent3 li {
font-size:14px;
list-style:none;
padding: 0px 4px 10px 4px;


}


#bar4 {
background: url(images/greenbakk.png);
width: 220px;
height: 300px;
float: right;
clear: right;
margin: 0px 0px 20px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;


}

#fanshedd {
background: url(images/fanshedd.png) no-repeat;
width:220px;
height:50px;

}

#barcontent4 h2.widgettitle {
display:none;

}

#barcontent4 {
list-style:none;
padding:8px;

}


/*latest comments dæmið*/

ul#recentcomments {
list-style:none;
margin:0;

}

li.recentcomments {
width:100%;
margin:0px 0px 10px 0px;
float:left;
clear:left;
}

li.recentcomments a.url {
color:#ffffff;
}


/*Auglýsingar*/

#ad1 {
width:220px;
height:66px;
background: url(images/orangebakk.png) repeat;
margin: 0px 0px 12px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

#ad2 {
width:220px;
height:66px;
background: url(images/gulbakk.png) repeat;
margin: 0px 0px 12px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#ad3 {
width:220px;
height:66px;
background: url(images/violabakk.png) repeat;
margin: 0px 0px 12px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#ad4 {
width:220px;
height:66px;
background: url(images/bluebakk.png) repeat;
margin: 0px 0px 0px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}



#miniad1 {
width:220px;
height:66px;
background: url(images/alltjuro.jpg) no-repeat;
float:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

#miniad2 {
width:220px;
height:66px;
background: url(images/myeuro.jpg) no-repeat;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.miniclick {
width:220px;
height:66px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#topfoot {
width: 100%;
height: 31px;
background: url(images/topfoot.png) repeat-x;

}

#footer {
background: url(images/footerbakk.png) repeat-x;
width: 100%;
height: 347px;
margin: 0;


}

#foot {
width: 940px;
height: 347px;
margin: 0 auto;
overflow: hidden;
background: url(images/footbakk.png) bottom center no-repeat;



}

#latesthedd {
width: 323px;
height:37px;
background: url(images/latestphotos.png) no-repeat;


}

#latestpics {
width: 460px;
height: 260px;
float: right;
margin: 20px 20px 20px 0px;


}

#latestthumb {
width: 460px;
height: 223px;
list-style:none;

}

#latestthumb h2.widgettitle {
display:none;
}

<!-- 
#musichedd {
width:323px;
height:37px;
background: url(images/getthemusic.png) no-repeat;
}
-->


#musicpromo {
width: 382px;
height: 260px;
float: left;

margin: 12px 0px 20px 20px;


}

#musicad {
width: 384px;
height: 249px;
background: url(images/tonlistAdfront.jpg) no-repeat left;

}

.musicad {
width: 384px;
height: 249px;
display: block;
text-indent: -9999px;
overflow: hidden;
}






#gas {
width: 240px;
height: 34px;
background: url(images/gasfabrik.png) no-repeat;
float:right;
margin:12px 0px 0px 0px;






}

.gasfabrik {
width: 240px;
height: 34px;
text-indent: -9999px;
display: block;
overflow: hidden;

}

#copy {
width: 240px;
height: 34px;
float: left;
margin:30px 0px 0px 0px;
font-size:11px;
color:#c1c1c1;

}



/*Comments hera*/



#com {
float:left;
clear:left;
font-size:11px;
text-transform:uppercase;
margin:0px 0px 30px 0px;
}


.com {
float:left;

font-size:11px;
text-transform:uppercase;
margin:6px 10px 6px 0px;

}

#commentind {
float:left;
clear:left;
font-size:11px;
text-transform:uppercase;


}

#com a {
color:#881d53;
}

.com a {
color:#881d53;
float:left;
clear:left;
font-size:11px;
text-transform:uppercase;



}



#comments{
	margin: 15px 0px 0px;
        
        border:solid 1px #dddddd;
}
 #respond{
	padding: 10px 20px;
        
 
 }

 #comments-count{
        color:#606060;
 
 }

.commentlist .quote {
	background:url(images/bg_quote.png) no-repeat top right;
        padding: 20px 0px 20px 0px;
	}

.commentlist li {
	
 padding: 5px 18px 2px 18px;
	margin:15px 20px 0px 0px;
	background: url(images/goose.png) top center no-repeat;
	color:#ffffff;
        border:dotted 1px #dddddd;
	}



.commentlist cite {
	display:block;
	font-style:normal;
        color:#606060;
        background:url(images/greenbakk.png);
        padding:3px 0px 3px 10px;
        margin:0px 20px 0px 0px;
        border-bottom:1px dotted #ffffff;
        border-right:1px dotted #ffffff;
        border-left:1px dotted #ffffff;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#ffffff;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#ffffff;
	text-decoration:underline;
	}


h3#comments-count {
margin:20px 0px 20px 20px;
color:#881d53;

}


input#submit {
background: url(images/gulbakk.png);
width: 160px;
height:50px;
border:solid 1px #2b4845;
font-size:14px;
color:#881d53;

}

textarea#comment {
width:400px;
height:auto;
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;;
font-family: georgia, times new roman, courier new, serif;
font-size:16px;
color:#59834d;
padding:6px;
}

input#url {
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;
font-family: georgia, times new roman, courier new, serif;
font-size:14px;
color:#59834d;
}

input#email {
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;
font-family: georgia, times new roman, courier new, serif;
font-size:14px;
color:#59834d;
}

input#author {
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;
font-family: georgia, times new roman, courier new, serif;
font-size:14px;
color:#59834d;
}




/*comments búið*/

span.com{
	line-height:18px;
	padding:0px 0px 0px 20px;
	background:url(images/comm.png);
	background-repeat:no-repeat;
	font-size:13px;
	margin-right:10px;
	font-weight:bold;
}

span.com a:link,
span.com a:visited {
	color:#4a7296;
	background-color: transparent;
}
span.com a:hover{
	color:#d11242;
}


/*2nd loop*/

#2loop {
margin: 0px 0px 10px 0px;
}

#entrytime {
font-size:11px;
color:#881d53;
margin:0px 0px 10px 0px;



}



#comments-count h3 {
font-size:8px;

}






/*postmeta, navi, litlir dvergar*/


#post {
margin:0;

}



.post {

padding:14px;
margin:0px 0px 10px 0px;
clear:both;
}


.postmetadata {
font-size:11px;
color:#6a7781;
margin:0;


}

p.postmetadata {
float:left;
clear:left;
color:#c8c8c8;

margin-top:6px;
margin-bottom:5px;
margin-right:14px;
}


.post h2 {
margin:0px 0px 16px 0px;

}

.post h2 a   {

color:#ffffff;
font-size:22px;
background: url(images/h2bakk);
line-height:26px;
}

.post h2 a:hover {
color:#881d53;

}




.entry h2 a {
background: url(images/h2bakk);
color:#ffffff;
}

.entry img {
border: solid 1px #4a4c4b;

}




/*Entry excerpt*/

.entryex h2 a {
background: url(images/h2bakk.png);
color:#ffffff;
margin:4px 0px 4px 0px;
line-height:26px;

color:#ffffff;
font-size:22px;


}

.entryex h2 {
margin:0px 0px 4px 0px;

}

.entryex {
padding:14px;
margin:0px 0px 20px 0px;

}



.entryex img {
border: solid 1px #4a4c4b;


}



#aframbakk {
width:460px;
height:70px;
margin:0;
padding:0;
}


.previous, .previous a {
padding:4px;
float:left;
clear:left;
text-align:left;
color:#f7db56;


}

.nextprevious {
width:460px;
height:70px;
margin:0;
padding:0;



}


.nexty, .nexty a {
padding:4px;
float:right;
clear:right;
color:#f7db56;
text-align:right;

}

a.more-link  {
color:#bd4f4f;

}

.readmore, .readmore a {
color:#5098c6;
float:right;
margin: 10px 0px 10px 0px;
border-bottom: dotted 1px #bd4f4f;

}


.singlemeta{
width:460px;
height:40px;
background: url(images/bg3.jpg);
padding:18px 0px 0px 8px;
margin:50px 0;
color:#2b4845;
text-transform:uppercase; 
       
	
}

.singlemeta a {
color:#f7db56;
background:url(images/h2bakk.png);

}	


img.alignright {float:right; margin:0 0 12px 12px}
img.alignleft {float:left; margin:0 12px 12px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 12px 12px}
a img.alignleft {float:left; margin:0 12px 12px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.entryex a img.alignleft {float:left; margin:0 8px 6px 0}



.clear {
clear:both;
}


/*gallery*/

#gallery-1 {
margin:0;
padding:0;
}

.presspics li {
list-style:none;
margin:0 10px 0px 0px;
padding:0;
display:inline;

}

.presspics ul {
margin:0;
padding:0;

}


/*Archives*/

div.car-container car-collapse {
margin:0;
padding:0;
font-family:Georgia, times new roman, courier new, serif;


}

ul.car-list {
list-style:none;
font-family:Georgia, times new roman, courier new, serif;
font-size:12px;
}

ul.car-list li {
line-height:4px;
font-family:Georgia, times new roman, courier new, serif;
font-size:12px;
}

ul.car-monthlisting {
margin:0px 0px 0px 10px;


}

ul.car-monthlisting p {
padding:0;
margin:0;
} 

ul.car-monthlisting li {
list-style:none;
margin:0;
padding:0;


}

span.car-yearmonth {
font-family:Georgia, times new roman, courier new, serif;
font-size:14px;
}

a.car-toggler {
font-family:Georgia, times new roman, courier new, serif;
font-size:14px;
}


/*Formið*/



.wpcf7 input {
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;
font-family:Georgia, times new roman, courier new, serif;


}

.wpcf7 textarea {
border:1px solid #2b4845;
background: url(images/commbakk.png) #ffffff;
font-family:Georgia, times new roman, courier new, serif;

}

.wpcf7 input submit {
background: url(images/gulbakk.png);
width: 160px;
height:50px;
border:solid 1px #2b4845;
font-size:14px;
color:#881d53;

}

.wpcf7-form input.submit {
background: url(images/gulbakk.png);
width: 160px;
height:50px;
border:solid 1px #2b4845;
font-size:14px;
color:#881d53;

}


/*events*/

span.gigpress-info-label {
color:#f7db56;

}



div.gigpress-calendar-links-inner a {
color:#2b4845;
}