/* Localized */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



/* LAYOUT */
html {
    overflow:				-moz-scrollbars-vertical;
}

.clear { clear: both; }

strong {
	font-weight: bold;
}
img { border: 0; }

body {
	background-color:		#f0f0f0;
	height:					100%;
	width:					100%;
}

#main { 
	width:					100%; 
	position:				relative;
}

#container {
	width:					960px; 
	margin:					0 auto; 
	position:				relative;
}

#top { 
	height:					177px; 
	position:				relative; 
	color:					#333; 
	background-image:		url('../img/top_2009.jpg'); 
	background-position:	10px 0;
	background-repeat:		no-repeat;
	overflow:				hidden;
}


#top a.forsida {
	display:				block;
	height:					177px;
	width:					800px;
	float:					left;
	text-indent:			-9999px;
}

#top a.forsida:hover {
	color:					#d4d4d4;
	text-decoration:		none;
	font-size:				10px;
}


ul#extramenu {
	width:					105px;
	float:					right;
	margin:					58px 10px 0 0;
	padding:				0;

}

ul#extramenu li {
	float:					left;
	width:					105px;
	height:					25px;
	margin:					0 0 3px 0;
}

ul#extramenu li a {
	text-indent:			-9999px;
	display:				block;
	height:					25px;
	width:					105px;
	overflow:				hidden;
	background-image:		url('../img/small_menu_top_001.png');
	background-position:	0 0;
	background-repeat:		no-repeat;
	margin:					0;
	padding:				0;
}

ul#extramenu li a.menu-youtube {
	background-position:	0 0;
}

ul#extramenu li a.menu-flickr {
	background-position:	0 -25px;
}

ul#extramenu li a.menu-hafasamband {
	background-position:	0 -50px;
}

ul#extramenu li a.menu-facebook {
	background-position:	0 -75px;
}

ul#extramenu li a.menu-youtube:hover {
	background-position:	-105px 0;
}
ul#extramenu li a.menu-flickr:hover {
	background-position:	-105px -25px;
}
ul#extramenu li a.menu-hafasamband:hover {
	background-position:	-105px -50px;
}
ul#extramenu li a.menu-facebook:hover {
	background-position:	-105px -75px;
}

/**/


ul#menu {
	width:					960px;
	height:					40px;
	float:					left;
	margin:					0;
}

ul#menu li {
	float:					left;
	width:					160px;
	height:					40px;
}

ul#menu li a {
	text-indent:			-9999px;
	display:				block;
	height:					40px;
	width:					160px;
	overflow:				hidden;
	background-image:		url('../img/menu_2009.png');
	background-position:	0 0;
	background-repeat:		no-repeat;
	cursor:					pointer;
}

ul#menu li a.menu-forsida {
	background-position:	0 0;
}

ul#menu li a.menu-myndagallery {
	background-position:	-160px 0;
}

ul#menu li a.menu-umfrostrosir {
	background-position:	-320px 0;
}

ul#menu li a.menu-utgafur {
	background-position:	-480px 0;
}

ul#menu li a.menu-vefverslun {
	background-position:	-640px 0;
}

ul#menu li a.menu-midasala {
	background-position:	-800px 0;
}


/* hover */
ul#menu li a.menu-forsida:hover {background-position:			0 -40px }
ul#menu li a.menu-myndagallery:hover {background-position:		-160px -40px }
ul#menu li a.menu-umfrostrosir:hover {background-position:		-320px -40px }
ul#menu li a.menu-utgafur:hover {background-position:			-480px -40px }
ul#menu li a.menu-vefverslun:hover {background-position:		-640px -40px }
ul#menu li a.menu-midasala:hover {background-position:			-800px -40px }

/* selected */
ul#menu li.selected a.menu-forsida {background-position:			0 -80px }
ul#menu li.selected a.menu-myndagallery {background-position:		-160px -80px }
ul#menu li.selected a.menu-umfrostrosir {background-position:		-320px -80px }
ul#menu li.selected a.menu-utgafur {background-position:			-480px -80px }
ul#menu li.selected a.menu-vefverslun {background-position:			-640px -80px }
ul#menu li.selected a.menu-midasala {background-position:			-800px -80px }


#samfelagid {
	position:				relative;
	background-image:		url('../img/v2_gold_bg.png'); 
	background-repeat:		no-repeat;
	width:					380px;
	height:					230px;
	background-position:	top left;
	margin:					20px 0 0 0;
	padding:				0;
	float:					left;
}

#cd-player {
	position:				relative;
	background-image:		url('../img/spilarinn_bg.png'); 
	background-repeat:		no-repeat;
	width:					380px;
	height:					300px;
	background-position:	top left;
	margin:					0;
	padding:				15px 0 0 0;
	float:					left;
}

#cd-player ul {
	float:					right;
	margin:					0;
	padding:				0;
	width:					210px;
}

#cd-player ul li {
	margin:					0;
	padding:				0;
}

#cd-player ul li a {
	color:					#fff;
	display:				block;
}

#cd-player ul li a:hover {
	color:					#fff;
	display:				block;
}

#cd-player img.big {
	position:				absolute;
	top:					-40px;
	left:					10px;
}

#cd-player h1 {
	color:					#fff;
	background:				none;
	float:					right;
	width:					220px;
	margin:					0;
	padding:				0 0 15px 0;
}

#cd-frostrosir, #cd-frostroses, #cd-raudur, #cd-kirkja {
	display:				none;
}

#cd-frostrosir, #cd-frostroses, #cd-heyr, #cd-raudur, #cd-kirkja {
 	position:				absolute;
}

.cd-smalls {
	margin:					80px 0 0 0;
	float:					left;
	width:					150px;
}

.cd-small {
	margin:					20px 5px 0 15px;
	cursor:					pointer;
	float:					left;
	border:					#b77312 solid 1px;
}

.cd-small:hover{
	border:					#fff solid 1px;
}


.popup {
	background-color:		#fff;
	border:					#667a3f solid 3px;
	z-index:				999; 
	position:				absolute; 
	background:				#fff; 
	display:				none;
	padding:				5px;
}



.popup img.button {
	position:				absolute; 
	right:					-15px; 
	top:					-15px;
	cursor:					pointer;
}


#main-content {
	width:					960px;
	float:					left;
	margin:					0;
	padding:				0 0 20px 0;
	background-color:		#fff;
}

#content_page {
	width:					490px;
	float:					left;
	margin:					0;
	padding:				30px 30px 0 30px;
	background-color:		#fff;
}

/*#sidebar {
  width:          380px;
  float:          left;
  margin:         0;
  padding:        30px 0 0 0;
}
*/
.content-col2 {
	float:					left;
	width:					240px;
}

.content-col2 a.right {
	display:				block;
	text-align:				right;
}


#footer-jolagjof {
	background-image:		url('../img/v2_jolagjof.png');
	background-repeat:		no-repeat;
	background-position:	top;
	height:					127px;
	width:					960px;
	margin:					10px 0 0 0;
	float: left;
}

#footer-jolagjof h1 {
	margin:					20px 0 10px 160px;
	color:					#820d31;
	background:				none;
	padding:				0;
}

#footer-jolagjof p {
	margin:					0 0 0 160px;
	color:					#777777;
}

#footer {
	background-image:		url('../img/v2_footer_skraut.png');
	background-repeat:		no-repeat;
	background-position:	top;
	float:					left;
	width:					960px;
	margin:					10px 0 0 0;
	padding:				40px 0 100px 0;
	text-align:				center;
	color:					#b0afaf;
}

#footer a {
  color:					#b0afaf;
}





/* TITLES */

h1 {
	color:					#e0b937;
	font-size:				20px;
	font-weight:			bold;
	background-image:		url('../img/v2_h1_bg.gif');
	background-repeat:		repeat-x;
	background-position:	bottom left;
	margin:					0 0 0 0;
	padding:				0 0 20px 0;
}

h2, .post h3, .post h3 a {
	color:					#667a3f;
	font-size:				11px;
	font-weight:			bold;
	
}



/* BLOCKS */


/* TYPE */
body { 
	font:					11px/18px Georgia;
	color:					#333;
}

/*input, textarea, option, select { 
  font:         10px Georgia;
  color:          #444;
}
*/
a { 
	color:					#444;
	font-size:				10px;
}

a:link, a:visited, a:active { 
	text-decoration:		underline; 
}

a:hover { 
	text-decoration:		underline; 
}


p {
	margin:					0 0 20px 0;
}

.info {
  margin: 0 0 10px 0;
  color: #888888;
}

ul.images {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.images li {
  width: 100px;
  margin-right: 10px;
  float: left;
}

ul.images li .title {
  display: none;
}