body {
	font-size: 63.5%;
	font-family: 'Tahoma',Arial,Helvetica, Verdana, Sans-Serif;
	background: #faf9ee;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9ee', endColorstr='#eeedd1');
	background: -webkit-gradient(linear, left top, left bottom, from(#faf9ee), to(#eeedd1));
	background: -moz-linear-gradient(top,  #faf9ee,  #eeedd1);
	background-attachment: fixed !important;

	color: #06001d;
	margin: 0;
	height: 100%;
}

#player {
 	background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000028', endColorstr='#000');
	background: -webkit-gradient(linear, left top, left bottom, from(#000028), to(#000));
	background: -moz-linear-gradient(top,  #000028,  #000);
}

#liveproject {
	width: 960px;
	height: 180px;
	padding: 10px 0 10px 0;
	margin: 0;
	float: right;
	background-repeat: no-repeat;
}
#header {
	padding: 1.5em 0 0 60px;
	/*padding-top: 1.5em;*/
	margin-bottom: 2em;
	height: 420px;
	background-repeat: no-repeat;
}
#keppandi_img {
	background-repeat: no-repeat;
	height: 333px;
	width: 460px;
	margin: 26px 0 15px 0;
	border: 2px solid #E0DEBF;
}
.container {
	position: relative;
	right: 60px;
}
#header h1 {
	width: 180px;
	height: 68px;
	text-indent: -3000em;
	background: url(/templates/songkeppni/images/logo.png) no-repeat scroll 0 0;
	margin: 0 0 0 -0.7em;
	position: relative;
	z-index: 300;
}
#footer {
	clear: both;
	margin: 3em 0 0 0;
	padding-top: 15px;
	opacity: 0.7;
	height: 50px;
}
#footer_two {
	clear: both;
	font-size: 1px;
}
#footer:hover {
	opacity: 1;
}
#sidebar {
	clear: both;
}

.item {
	float: left;
	clear: none;
}
#keppendur .item {
	width: 57px;
	margin-right: 2.3em;
	text-align: center;
}
#keppendur {
	margin: 3em 0;
	padding: 0;
	width: 100%;
	float: left;
}
#fb_fanbox, #fb_recommend {
	margin: 1.5em 0;
	padding: 0;
	width: 100%;
	float: left;
}
#keppendur img {
	border: 2px solid #e0debf;
	opacity: 0.75;
	clear: right;
}
#keppendur img:hover {
	opacity: 1;
}
#keppendur .last {
	margin-right: 0;
}
#keppendur a {
	color: #a8a8a8;
}
#keppendur a:hover {
	color: #181d66;
}

#header, #footer {
	width: 100%;
	float: left;
	clear: both;
}
#footer img {
	vertical-align: middle;
}
#footer a {
	color: #181d66;
}
#footer a:hover {
	color: #a6a6a6;
}

img {
	padding: 0;
	border: 0;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 20px;
	width: 43px;
	height: 11px;

}
.news_img_con {
	float: right;
	margin: 0 0 10px 10px;
}
.news_item {
	width: 460px;
	clear: both;
}
.news_item p.full {
	width: 460px;
	clear: left;
	float: left;
	margin: 5px 0 5px 0;
}
.news_item img {
	max-width: 460px;
}
.news_item h4 {
	width: 460px;
	clear: both;
}

/* Navigation */
#nav {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
 
}
#nav ul {
	list-style-type: none;
	padding: 0;
	z-index: 100;
	margin: 0;

	line-height: 1;
	position: relative;
}
#nav li {
	list-style-type: none;
	float: left;
	margin: 0.4em;
	padding: .5em .3em;
	text-transform: uppercase;
	font-size: 1.2em;
}
#nav li.active, #navigation li:hover {
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    z-index: 999;
}
#nav .active a, .active a {
	color: #fff;
}
#nav .active ul a {
	color: #181D66;
}
#nav li:hover {
	color: #fff;
	opacity: 1;
}
#nav a {
	padding: 1em 0.12em;
	text-decoration: none;
}
#nav ul ul {
	margin: 0.5em 0 0 -5px;
	width: 100%;;
	float: left;
	position: absolute;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

#nav li.active, #navigation li:hover{
 	background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000028', endColorstr='#000');
	background: -webkit-gradient(linear, left top, left bottom, from(#000028), to(#000));
	background: -moz-linear-gradient(top,  #000028,  #000);
 
}

#nav ul ul li:first-child {
	margin-left: 0.4em;
}
#nav ul ul li {
	margin: 0.4em 0.2em;
	font-size: 0.9em;
}


#nav .active ul li.current a, #nav .active ul li a:hover {
	color: #a6a6a6;
}
.sub-nav {
	display: none;
}
.active .sub-nav {
	display: block;
}
#keppnin, #midasala, #keppz {
	left: 0.4em;
}

#pagernav {
	float: right;
	clear: both;
}
#pagernav a {
	margin-left: 0.8em;
}
#pagernav .highlight {
	color: #fff;
}

a, a:hover {
	color: #181d66;
	text-decoration: none;
}
a:hover {
	color: #5566a5;
}
a#lagalisti, #player a {
	color: #fff;
}

h1, h2, h3, h4, h5, h6, .lagalisti {
	font-weight: lighter;
	color: #181d66;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
h4 {
	clear: both;
	float: left;
}
#player h5 {
	color: #edecce;	
}
h2 {
	font-size: 2.1em;
}
#sidebar h2, #sidebar h4, #sidebar h5 {
	width: 69%;
	float: left;
	clear: none;
}
h2 a {
	color: #181d66;
	margin: 2em 0 0 0;
}
h4 {
	color: #a7a7a7;
	font-size: 1.1em;
}
h5 {
	margin-top: 0.7em;
}
.list.zebra h5 a {
	color: #fff;
}
h5,h6 {
	font-size: 1em;
}
h6, h6 a {
	color: #a7a7a7;
	margin-top: 0.5em;
}

#content div {
	clear: right;
	float: right;
	border-bottom: 1px solid #e0debf;
	margin-bottom: 3em;
	padding-bottom: 3em;
}
#content #content {
	border-bottom: 0px solid #000;
}

#content_container {
	padding: 2em 0 0 0;

}
#content .list {
	border-bottom: 0;
	width: 100%;
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
	cursor: pointer;
}
#content .list:hover {
	color: #fcea00;
}
.zebra {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;


 	background: #000;
 	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000028', endColorstr='#000');
	background: -webkit-gradient(linear, left top, left bottom, from(#000028), to(#000));
	background: -moz-linear-gradient(top,  #000028,  #000);

	border: 1px solid #2B2B2B;
}
#player .zebra {
	 background: #080832;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000028', endColorstr='#0d0d18');
	background: -webkit-gradient(linear, left top, left bottom, from(#000028), to(#0d0d18));
	background: -moz-linear-gradient(top,  #000028,  #0d0d18);
}
#content .list img {
	float: left;
	clear: none;
	padding: 0.5em 1.5em 0.5em 0.5em;
}
.log, .skolar {
		overflow: auto;
		width: 100%;
		height: 355px;
		margin: 1em 0 0 0;
		padding-right: 10px;
}
li.zebra {
	background-position: 0 -15px;
}
.sigur, .skolar {
	margin-top: 15px;
}
.sigur ul, .skolar ul {
	list-style: none;
	padding: 0;
}
.sigur li, .skolar li {
	margin: 0.5em 0;
	padding: 0.5em;
}
.sigur li a, .skolar ul li a {
	color: #A6A6A6;
}
.sigur li a:hover, .skolar ul li a:hover {
	color: #fcea00;
}
.skolar .allir {
	border-bottom: 1px solid #2B2B2B;
}
.skolar .allir a {
	color: #fff;
}
.lagalisti {
	font-size:1.3em;
	float: left;
	clear: none;
}







/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	clear: both;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .grid_1 {
	width:40px;
}
    .container_16 .grid_2 {
	width:100px;
}
    .container_16 .grid_3 {
	width:160px;
}
    .container_16 .grid_4 {
	width:220px;
}
    .container_16 .grid_5 {
	width:280px;
}
    .container_16 .grid_6 {
	width:340px;
}
    .container_16 .grid_7 {
	width:400px;
}
    .container_16 .grid_8 {
	width:460px;
}
    .container_16 .grid_9 {
	width:520px;
}
    .container_16 .grid_10 {
	/*width:580px;*/
	width:577px;
}
    .container_16 .grid_11 {
	width:640px;
}
    .container_16 .grid_12 {
	width:700px;
}
    .container_16 .grid_13 {
	width:760px;
}
    .container_16 .grid_14 {
	width:820px;
}
    .container_16 .grid_15 {
	width:880px;
}
    .container_16 .grid_16 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .prefix_1 {
	padding-left:60px;
}
    .container_16 .prefix_2 {
	padding-left:120px;
}
    .container_16 .prefix_3 {
	padding-left:180px;
}
    .container_16 .prefix_4 {
	padding-left:240px;
}
    .container_16 .prefix_5 {
	padding-left:300px;
}
    .container_16 .prefix_6 {
	padding-left:360px;
}
    .container_16 .prefix_7 {
	padding-left:420px;
}
    .container_16 .prefix_8 {
	padding-left:480px;
}
    .container_16 .prefix_9 {
	padding-left:540px;
}
    .container_16 .prefix_10 {
	padding-left:600px;
}
    .container_16 .prefix_11 {
	padding-left:660px;
}
    .container_16 .prefix_12 {
	padding-left:720px;
}
    .container_16 .prefix_13 {
	padding-left:780px;
}
    .container_16 .prefix_14 {
	padding-left:840px;
}
    .container_16 .prefix_15 {
	padding-left:900px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .suffix_1 {
	padding-right:60px;
}
    .container_16 .suffix_2 {
	padding-right:120px;
}
    .container_16 .suffix_3 {
	padding-right:180px;
}
    .container_16 .suffix_4 {
	padding-right:240px;
}
    .container_16 .suffix_5 {
	padding-right:300px;
}
    .container_16 .suffix_6 {
	padding-right:360px;
}
    .container_16 .suffix_7 {
	padding-right:420px;
}
    .container_16 .suffix_8 {
	padding-right:480px;
}
    .container_16 .suffix_9 {
	padding-right:540px;
}
    .container_16 .suffix_10 {
	padding-right:600px;
}
    .container_16 .suffix_11 {
	padding-right:660px;
}
    .container_16 .suffix_12 {
	padding-right:720px;
}
    .container_16 .suffix_13 {
	padding-right:780px;
}
    .container_16 .suffix_14 {
	padding-right:840px;
}
    .container_16 .suffix_15 {
	padding-right:900px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .push_1 {
	left:60px;
}
    .container_16 .push_2 {
	left:120px;
}
    .container_16 .push_3 {
	left:180px;
}
    .container_16 .push_4 {
	left:240px;
}
    .container_16 .push_5 {
	left:300px;
}
    .container_16 .push_6 {
	left:360px;
}
    .container_16 .push_7 {
	left:420px;
}
    .container_16 .push_8 {
	left:480px;
}
    .container_16 .push_9 {
	left:540px;
}
    .container_16 .push_10 {
	left:600px;
}
    .container_16 .push_11 {
	left:660px;
}
    .container_16 .push_12 {
	left:720px;
}
    .container_16 .push_13 {
	left:780px;
}
    .container_16 .push_14 {
	left:840px;
}
    .container_16 .push_15 {
	left:900px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .pull_1 {
	right:60px;
}
    .container_16 .pull_2 {
	right:120px;
}
    .container_16 .pull_3 {
	right:180px;
}
    .container_16 .pull_4 {
	right:240px;
}
    .container_16 .pull_5 {
	right:300px;
}
    .container_16 .pull_6 {
	right:360px;
}
    .container_16 .pull_7 {
	right:420px;
}
    .container_16 .pull_8 {
	right:480px;
}
    .container_16 .pull_9 {
	right:540px;
}
    .container_16 .pull_10 {
	right:600px;
}
    .container_16 .pull_11 {
	right:660px;
}
    .container_16 .pull_12 {
	right:720px;
}
    .container_16 .pull_13 {
	right:780px;
}
    .container_16 .pull_14 {
	right:840px;
}
    .container_16 .pull_15 {
	right:900px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
.right { float: right; }
.left { float: left; }

#fb_fanbox div.fbDarkWidget {
    background-color: none;
    border-color: pink;
    border-style: solid;
    border-width: 1px;
}