html, body {
	background: #fff;
	font-family: arial;
	background: url(/img/background-dark.png);
	font-size: 11px;
	color: #303030;
}

div {

}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.shadow.middle {

}
.shadow.top {
	height: 6px;
	background: url(/img/shadowback-top.png);
	width: 994px;
}
.shadow.bottom {

}

a{
	color: #ea3073;
	text-decoration: none;
}
	a:hover{
		color: #fb508d;
	}

a.share-frett{
	display: block;
	padding: 2px 5px 2px 20px;
	margin: 0 20px 0 0;
	background: #ECEEF5 url(/img/face-icon.png) no-repeat 5px 3px;
	color: #3B5998;
	border: 1px solid #CAD4E7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	a.share-frett:hover{
		border: 1px solid #9dacce;
	}

#background {
	background: url(/img/background.png);
	min-width: 1140px;
	margin: 0 auto;
}
	#background.bottom {
		min-height: 150px;
		margin: -30px 0 0 0;
		padding: 30px 0 0 0;
		*margin: 0px 0 0 0; /* IE7 fix */
		background: url(/img/background-pink.png);
		min-width: 1140px;
	}
		#background.bottom .footer{
			width: 1000px;
			margin: 0 auto;
			padding: 0 156px 0 0;
			word-spacing: -2px;
		}
			#background.bottom .footer a{
				border: 0px;
				color: #fff;
				text-decoration: none;
			}
			#background.bottom .footer .box{
				margin: 30px 0;
				float: right;
			}
				#background.bottom .footer .box table{
					text-align: right;
				}
					#background.bottom .footer .box table tr{
					
					}
						#background.bottom .footer .box table tr td{
							padding: 0 0 0 10px;
							color: #fff;
							font-size: 24px;
							font-family: arial narrow;
							letter-spacing: 1px;
						}
							#background.bottom .footer .box table tr td span{
								font-size: 20px;
							}
							#background.bottom .footer .box table tr td.first{
								border-right: 2px solid #454545;
								padding: 0 10px 0 0;
							}
	
#wrap {
	width: 1156px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
	#wrap .parallel {
		float: right;
		width: 156px;
		position: relative;
	}
		#wrap .parallel .banner{
			position: absolute;
			width: 150px;
			height: 600px;
			margin: 0 0 0 7px;
			background: transparent;
			overflow: hidden;
		}
	#wrap .content.shadow {
		height: auto;
		background: #fff;
		-webkit-box-shadow: 0px 0px 5px #606060;
		-moz-box-shadow: 0px 0px 5px #606060;
		box-shadow: 0px 0px 5px #606060;
	}
	#wrap .content {
		width: 1000px;
		position: relative;
	}
		#wrap .content.first{
			background: url(/img/background-gradient.png) repeat-x;
		}
		#wrap .content p{

		}
		#wrap .content.top {
			height: 140px;
			background: #000 url(../img/content-top-bg.png) no-repeat;
		}
			#wrap .content .top p{

			}
			#wrap .content.top .logo{
				float: left;
				width: 410px;
				height: 140px;
				overflow: hidden;
			}		
			#wrap .content.top .search{
				position: absolute;
				/*background: #303030;*/
				top: 0px;
				right: 10px;
				height: 30px;
			}
				#wrap .content.top .search a{
					color: #fff;
				}
					#wrap .content.top .search a:hover{
						color: #fb508d;
					}
				#wrap .content.top .search table{
					color: #606060;
					font-size: 12px;
					text-transform: lowercase;
				}
					#wrap .content.top .search table tr{
					
					}
						#wrap .content.top .search table tr td{
							padding: 8px 2px;
						}				
				
			#wrap .content.top .banner{
				position: absolute;
				top: 31px;
				right: 10px;
				background: transparent;
				width: 550px;
				height: 80px;
				overflow: hidden;
			}
		
		#wrap .content .menu{
			border-top: 1px solid #fff;
			font-size: 12px;
			text-transform: lowercase;
			overflow: hidden;
			height: 45px;
		}
			#wrap .content .menu ul{
				height: 45px;
				padding: 0 0 0 10px;
				background: #1f1f1f;
				/*background-image: url(/img/menu.jpg);*/
			}
				#wrap .content .menu ul li{
					float: left;
					height: 45px;
					line-height: 45px;
				}
					#wrap .content .menu ul li:hover,
					#wrap .content .menu ul li.selected{
						background: url(/img/menu-mouseover-li.png) left top no-repeat;
					}
					#wrap .content .menu ul li a{
						float: left;
						display: block;
						color: #fff;
						text-decoration: none;
						height: 45px;
						padding: 0 13px 0 13px;
						outline: none;
					}
						#wrap .content .menu ul li a:hover,
						#wrap .content .menu ul li a.selected{
							background: url(/img/menu-mouseover-a.png) right top no-repeat;
							/*background: url(/img/menu-mouseover-a-plain.png) right top no-repeat;*/
							color: #fff;
						}
		#wrap .content .submenu{
			
			/*min-height: 20px;*/
			font-size: 12px;
			text-transform: lowercase;
			margin: 0 0 0 0;
		}
			#wrap .content .submenu ul{
				border-top: 1px solid #fff;
				height: 30px;
				padding: 0 20px;
				background-image: url(/img/submenu.png);
			}
				#wrap .content .submenu ul li{
					float: left;
					height: 30px;
					line-height: 30px;
				}
					#wrap .content .submenu ul li:hover,
					#wrap .content .submenu ul li.selected{
					
					}
					#wrap .content .submenu ul li a{
						float: left;
						display: block;
						color: #454545;
						text-decoration: none;
						height: 30px;
						padding: 0 15px 0 15px;
					}
						#wrap .content .submenu ul li a:hover,
						#wrap .content .submenu ul li a.selected{
							color: #e269b0;
						}
		
		#wrap .content .flottur{
			min-height: 330px;
		}
			#wrap .content .flottur .article-show{
				width: 725px;
				min-height: 20px;
				float: left;
				height: 440px;
				overflow: hidden;
			}
				#wrap .content .flottur .article-show .article{
					float: left;
					width: 423px;
					margin: 0 0 0 7px;					
				}
					#wrap .content .flottur .article-show .article .main-article{
						min-height: 150px;
						height: 440px;
						overflow: hidden;
					}
						#wrap .content .flottur .article-show .article .main-article .article-slide{
							height: 440px;
						}
						#wrap .content .flottur .article-show .article .main-article .main-view{
							min-height: 276px;					
							background: #fff no-repeat center;
							border: 3px solid #bf2c4d;
						}
						#wrap .content .flottur .article-show .article .main-article .text{
							padding: 0 15px 0 15px;
							line-height: 14px;
							height: 132px;
							overflow: hidden;
							font-size: 12px;
						}
						#wrap .content .flottur .article-show .article .main-article .text h1{
							font-size: 26px;
							color: #ea3073;
							padding: 10px 0; 
							line-height: 28px;
						}
							#wrap .content .flottur .article-show .article .main-article .text h1 a{
								color: #ea3073;
								text-decoration: none;
							}
				#wrap .content .flottur .article-show .list{
					min-height: 300px;
					float: left;
					width: 290px;
					margin: 0 0 0 4px;
					border-left:1px solid #cfcfcf;
				}
					#wrap .content .flottur .article-show .list .item{
						/*border: 3px solid #454545;*/
						border-bottom:1px solid #cfcfcf;
						width:288px;
						margin: 0;
						height: 69px;
						background: url(../img/article-list-item-bg.png) repeat-x;
						overflow: hidden;
						position:relative;
						
					}
						#wrap .content .flottur .article-show .list .item .link{
							position:absolute;
							display:block;
							height:69px;
							width:288px;
							z-index:50;
						}
						#wrap .content .flottur .article-show .list .item.selected{
							background: url(../img/article-list-item-selected-bg.png) repeat-x;
							border-bottom:1px solid #bd2949;
							width:302px;
							margin-left:-14px;
						}
						
						#wrap .content .flottur .article-show .list .item.selected .item-title{
							padding-left:21px;
						}
						
						#wrap .content .flottur .article-show .list .item .title,
						#wrap .content .flottur .article-show .list .item .image-rest,
						#wrap .content .flottur .article-show .list .item .text{
							display: none;
						}
						#wrap .content .flottur .article-show .list .item .image{
							display: block;
							position:absolute;
							top:3px;
							right:5px;
							width: 67px;
							height: 57px;
							background-position: center center;
							background-repeat:no-repeat;
						}
						#wrap .content .flottur .article-show .list .item .item-title{
							position:relative;
							display:table-cell;
							height:69px;
							vertical-align:middle;
							padding-left:7px;
							color:#585858;
							font-weight:bold;
							width:180px;
							font-size:13px;
							-moz-text-shadow: 1px 1px 1px #fff ;
							-webkit-text-shadow: 1px 1px 1px #fff ;
							text-shadow: 1px 1px 1px #fff ;
							
						}
						
						#wrap .content .flottur .article-show .list .item.selected .item-title{
							color:#fff;
							-moz-text-shadow: 1px 1px 1px #5b1f30 ;
							-webkit-text-shadow: 1px 1px 1px #5b1f30 ;
							text-shadow: 1px 1px 1px #5b1f30 ;
						}

			#wrap .content .stars{
				margin-top:10px;
				height:68px;
				background: #2d2d2d;
				padding:15px 30px 0 30px;
				width:658px;
			}

			#wrap .content .right .stars{
				margin: 0 5px 5px 0;
				background: url("/img/stjornur-background.jpg") no-repeat 0 0 #E02C6D;
				border: 3px solid #454545;
				padding: 13px 15px;
				width:234px;
				height:232px;
			}
			
			#wrap .content .right .stars .article-index-side .item{
				margin-bottom:5px;
				height:53px;
				width:234px;
			}
			
			#wrap .content .right .stars .article-index-side .item h1 a{
				color:#303030;
			}
			
			#wrap .content .right .stars .article-index-side .item .author{
				color:#fff;
			}
			
			#wrap .content .right .stars .article-index-side .item .image{
				float:right;
				border-color:#fff;
			}
			
			
			
				#wrap .content .stars .article-index-side{
					
				}
					
					#wrap .content .stars .article-index-side .title{
						/*padding: 0 0 8px 0;*/
						font-size: 26px;
						font-family: arial narrow, arial, helvetica, sans;
					}
						#wrap .content .stars .title a,
						#wrap .content .stars .article-index-side .title a{
							color: #454545;
						}
					#wrap .content .stars .article-index-side .item{
						height: 53px;
						width:163px;
						float:left;
						overflow: hidden;
						margin: 0;
						color:#fff;
					}
						#wrap .content .stars .article-index-side .item .imagebox{
							display: none;
						}
							#wrap .content .stars .article-index-side .item .imagebox.stjornur{
								display: block;
							}
						#wrap .content .stars .article-index-side .item .image{
							display: block;
							width: 49px;
							height: 49px;
							border: 2px solid #e6789c;
							float: left;
							margin: 0 10px 0 0;
							background: #f6f6f6 center center no-repeat;
						}
						#wrap .content .stars .article-index-side .item .author{
							color: #d74972;
							font-size: 13px;
							padding: 0 0 3px 0;
						}
						#wrap .content .stars .article-index-side .item a{
							color: #fff;
							font-size: 12px;
							text-decoration: none;
							line-height: 16px;
						}
							#wrap .content .stars .article-index-side .item a:hover{
								/*color: #454545;*/
							}
						
		#wrap .content .right{
			float: left;
			width: 275px;
			padding: 5px 0 0 0;
			min-height: 20px;
		}
			#wrap .content .right .banner{
				width: 270px;
				height: 400px;
				background: transparent;
				margin: 0 0 5px 0;
				overflow: hidden;
			}
			#wrap .content .right .sidebox{
				border: 3px solid #EA3073;
				min-height: 70px;
				margin: 0 5px 5px 0;
				padding: 0 0 10px 0;
				position: relative;
			}
				#wrap .content .right .sidebox .head{
					height: 37px;
					line-height: 37px;
					font-size: 20px;
					color: #fff;
					background: #9E1E4B;
					padding: 0 10px;
					text-transform: lowercase;
					font-family: arial narrow;
					letter-spacing: 1px;
				}
					#wrap .content .right .sidebox .head a{
						color: #fff;
					}
						#wrap .content .right .sidebox .head a:hover{
							color: #fff;
						}
					#wrap .content .right .sidebox .head.pink{
						background: #ea3073;
						background: rgba(234,48,115,0.9);
					}
					#wrap .content .right .sidebox .head.yellow{
						background: #D3B61C;
						background: rgba(211,182,28,0.8);
					}
					#wrap .content .right .sidebox .head.small{
						float: right;
						font-size: 11px;
						color: #454545;
						width: auto;
						background: transparent;
						font-family: arial;
						padding: 0;
					}
					#wrap .content .right .sidebox .head.facebook{
						float: right;
						background: url(/img/facebook.png) no-repeat;
						height: 38px;
						width: 38px;
						margin: -8px 8px 0 0;
						padding: 0px;
					}
				#wrap .content .right .sidebox.black{
					background: #000;
					color: #fff;
					padding: 0px;
					overflow: hidden;
				}
				#wrap .content .right .sidebox.blackline{
					border: 3px solid #000;
					color: #000;
					padding: 0px;
					overflow: hidden;
				}
				#wrap .content .right .sidebox.pinkline{
					border: 3px solid #EA3073;
					color: #000;
					padding: 0px;
					overflow: hidden;
				}
				#wrap .content .right .sidebox .sidecontent{
					padding: 10px 10px 0 10px;
					font-size: 11px;
					
				}
				#wrap .content .right .sidebox .article-index-side{
					
				}
					#wrap .content .right .sidebox .article-index-side .author{
						/*font-size: 20px;
						padding: 0 0 10px 0;*/
						display: none;
					}
						#wrap .content .right .sidebox.hlin .article-index-side .author,
						#wrap .content .right .sidebox.asdis .article-index-side .author{
							padding: 0;
						}	
					#wrap .content .right .sidebox .article-index-side .text{
						width: 140px;
						line-height: 14px;
						max-height: 126px;
						overflow: hidden;
					}
						#wrap .content .right .sidebox .article-index-side .text h1{
							font-size: 17px;
							line-height: 18px;
							padding: 0 0 0 0;
							margin: 0 0 0 0;
						}
						#wrap .content .right .sidebox .article-index-side .text h2{
							font-size: 12px;
							color: #ea3073;
							padding: 0 0 10px 0;
						}
						#wrap .content .right .sidebox.hlin .article-index-side .text,
						#wrap .content .right .sidebox.asdis .article-index-side .text{
							width: auto;
						}
						#wrap .content .right .sidebox .article-index-side .imagebox{
							display: block;
							float: right;
							position: relative;
							right: -5px;
							top: -5px;
							padding: 4px;
							margin: 0 0 20px 0;
							background: #fff;
							border: 1px solid #ddd;
						}
							#wrap .content .right .sidebox .article-index-side .imagebox.stjornur{
								display: none;
							}
							#wrap .content .right .sidebox.hlin .article-index-side .imagebox,
							#wrap .content .right .sidebox.asdis .article-index-side .imagebox{
								display: none;
							}
							#wrap .content .right .sidebox .article-index-side .imagebox .image{
								display: block;
								height: 90px;
								width: 90px;
								background: #f6f6f6 no-repeat center center;
							}
				#wrap .content .right .sidebox.facebook{
					padding: 0;
					margin-top: 10px;
				}
				
				#wrap .content .right .twitter-side{
					margin-bottom: 10px;
				}
				
				#wrap .content .right .sidebox.hlin{
					background: url(/img/hlin_einars_small.jpg) no-repeat top center;
					min-height: 130px;
					max-height: 250px;
					border: 3px solid #454545;
					overflow: hidden;
				}
				#wrap .content .right .sidebox.asdis{
					display: none;
					background: url(/img/asdis-ran.jpg) no-repeat top right;
					min-height: 130px;
					max-height: 250px;
					border: 3px solid #454545;
					overflow: hidden;
				}
					#wrap .content .right .sidebox.hlin .sidecontent,
					#wrap .content .right .sidebox.asdis .sidecontent{
						padding: 10px 10px 0 10px;
						width: 145px;
						font-size: 11px;
						overflow: hidden;
					}
			#wrap .content .right .sidebox h1{
				margin: 0 0 3px 0;
			}
				#wrap .content .right .sidebox h1 a{
					color: #9E1E4B;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
				}
			#wrap .content .right .sidebox .more {
				text-align: right;
				position: absolute;
				right: 10px;
				bottom: 10px;
				font-size: 12px;
			}
				#wrap .content .right .sidebox .more a{
					color: #ea3073;
					text-decoration: none;
				}
				#wrap .content .right .sidebox.hlin .more,
				#wrap .content .right .sidebox.asdis .more {
					display: none;
				}
			
		#wrap .content .left{
			float: left;
			width: 725px;
			padding: 5px 0 0 0;
			min-height: 20px;
		}
		
		body.wide #wrap .content .left{
			width:1000px;
		}
		
			#wrap .content .left .banner{
				width: 600px;
				min-height: 100px;
				background: transparent;
				margin: 20px auto 0 auto;
				overflow: hidden;
			}
			#sub #wrap .content .left .banner{
				margin: 20px auto;
				overflow: hidden;
			}
				#wrap .content .left .banner.bottom{
					height: 200px;
					margin: 20px auto 10px auto;
					overflow: hidden;
				}
				
			#wrap .content .left .milliskuggi{
				background: url(/img/milliskuggi.png) no-repeat;
				padding: 10px 0 0 0;
				border-top: 1px solid #fff;
			}

			#wrap .content .left .titlebar{
				position: relative;
				height: 40px;
				margin: 0 0 0 -19px;
				padding: 0 0 0 41px;
				background: #ea3073;
			}
				#wrap .content .left .titlebar .overhang{
					position: absolute;
					width: 19px;
					height: 11px;
					top: -11px;
					left: 0px;
					background: url(/img/corner-pink.png);
				}
			#wrap .content .left .titleshadow{
				height: 60px;
				margin: 25px 0 0 0;
				padding: 0 0 0 22px;
				background: url(/img/articlehdr1.png) no-repeat;
			}
				#wrap .content .left .titleshadow.second{
					margin: 20px 0 0 0;
					background: url(/img/articlehdr2.png) no-repeat;
				}
			
		#wrap .content .divider{
			position: relative;
			min-height: 200px;
			margin: 60px 0 5px -19px;
			padding: 15px 0 0 23px;
			/*width: 745px;*/
			background: #cdcdcd;
		}
			#wrap .content .divider .overhang{
				position: absolute;
				width: 19px;
				height: 11px;
				top: -11px;
				left: 0px;
				background: url(/img/corner-grey.png);
			}
			#wrap .content .divider .tabs{
				position: absolute;
				width: 100%;
				height: 40px;
				top: -40px;
				left: 0px;
			}
				#wrap .content .divider .tabs ul{
					margin: 0 0 0 40px;
				}
					#wrap .content .divider .tabs ul li{
						display: block;
						float: left;
						line-height: 40px;
						height: 40px;
						background: #7b7b7b;
						padding: 0 25px;
						margin: 0 10px 0 0;
						color: #fff;
						font-size: 16px;
						cursor: pointer;
					}
						#wrap .content .divider .tabs ul li.selected,
						#wrap .content .divider .tabs ul li.selected:hover{
							background: #cdcdcd;
							color: #e43d79;
						}
						#wrap .content .divider .tabs ul li:hover{
							background: #b1b1b1;
						}
						#wrap .content .divider .tabs ul li a{
						
						}
			#wrap .content .divider .divider-content{
				display: none;
			}
				#wrap .content .divider .divider-content a{
					color: #ccc;
				}
					#wrap .content .divider .divider-content a:hover{
						color: #ff8bb5;
					}
				#wrap .content .divider .divider-content.selected{
					display: block;
				}
				#wrap .content .divider .divider-content .box{
					width: 310px;
					background: #fff;
					min-height: 200px;
					float: left;
					margin: 0 10px 20px 10px;
				}
				#wrap .content .divider .divider-content .article-index-boxes{
					
				}
					#wrap .content .divider .divider-content .article-index-boxes .item{
						position: relative;
						width: 300px;
						border: 5px solid #fff;
						background: #f6f6f6 no-repeat center center;
						height: 210px;
						float: left;
						margin: 0 10px 20px 10px;	
					}
						#wrap .content .divider .divider-content .article-index-boxes .item h1{
							display: block;
							height: 40px;
							width: 300px; /* for IE 7 */
							background: #DE2E71;
							background: rgba(224,44,109,0.95);
							line-height: 40px;
							font-size: 18px;
							color: #fff;
							padding: 0 5px 0 15px;
							text-transform: lowercase;
						}
						#wrap .content .divider .divider-content .article-index-boxes .item .container{
							position: absolute;
							height: 40px;
							width: 300px; /* for IE 7 */
							overflow: hidden;
							bottom: 0px;
						}
							#wrap .content .divider .divider-content .article-index-boxes .item h1 a{
								color: #fff;
								text-decoration: none;
							}
						#wrap .content .divider .divider-content .article-index-boxes .item .text{
							position: relative;
							color: #fff;
							padding: 20px 10px;
							background: #454545;
							background: rgba(69,69,69,0.95);
							overflow: hidden;
							height: 130px;
						}
						#wrap .content .divider .divider-content .article-index-boxes .item .more{
							display: block;
							text-align: right;
						}
							#wrap .content .divider .divider-content .article-index-boxes .item .more a{
								position: absolute;
								bottom: 0px;
								right: 0px;
								background: #353535;
								padding: 5px 5px 5px 10px;
								color: #fff;
								font-size: 12px;
								text-decoration: none;
							}
						
						
		#wrap .content .titlewrap{
			float: left;
			width: 223px;
			min-height: 10px;
			padding: 0 10px 0 0;
			line-height: 40px;
			text-transform: lowercase;
			font-size: 16px;
			color: #fff;
			letter-spacing: 1px;
		}
			#wrap .content .titlewrap .textbox{
				padding: 0px;
				font-size: 16px;
			}	
			#wrap .content .titlewrap span{
				position: absolute;
				color: #454545;
				font-size: 11px;
				margin-top: -12px;
				letter-spacing: 0px;
			}
			#wrap .content .titlewrap.lower{
				line-height: 60px;
				color: #454545;
			}
				#wrap .content .titlewrap.lower.first{
					color: #ea3073;
				}
				#wrap .content .titlewrap.lower.last{
					color: #ea3073;
				}
				
		#wrap .content .listwrap{
			float: left;
			width: 223px;
			padding: 0 10px 10px 0;
			margin: 0 0 10px 0;
			height: 175px; /* 211 for 6 rows */
			overflow: hidden;
			font-size: 12px;
			line-height: 26px
		}
			#wrap .content .listwrap.top{
				height: 211px; /* 175 for 5 rows */
			}
			#wrap .content .listwrap ul{
				margin: 10px 0;
				line-height: 13px
			}
				#wrap .content .listwrap ul li{
					height: 25px;
					padding: 0 0 5px 0;
					margin: 0 0 5px 0;
					border-bottom: 1px solid #f6f6f6;
					overflow: hidden;
				}
			#wrap .content .listwrap.first{
				margin: 0 0 0 22px;
			}
			#wrap .content .listwrap a{
				display: block;
				height: 26px;
				overflow: hidden;
				/*padding: 6px 0;*/
				text-decoration: none;
				color: #701233;
			}
				#wrap .content .listwrap.first a{
					color: #454545;
				}
				#wrap .content .listwrap.last a{
					color: #ea3174;
				}
				#wrap .content .listwrap a:hover{
					color: #ea3174;
				}
					#wrap .content .listwrap.last a:hover{
						color: #ff8fb8;
					}
					
		
/* IE fixes */
	

/* Article Index */

.listwrap .article-index{

}
	.listwrap .article-index{
		
	}
		.listwrap .article-index .item{
			height: 36px;
			overflow: hidden;
		}
		.listwrap .article-index .item .image{
			display: none;
		}
		
	#sub .article-index{
		font-size: 12px;
		padding: 25px 25px 15px 32px;	
	}
		#sub .article-index .item{
			position: relative;
			margin: 0 0 30px 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #eee;
		}
			#sub .article-index li.item{
				margin: 0 0 10px 0;
				padding: 0 0 10px 0;
			}
				#sub .article-index li.item .date{
					float: right;
					margin: 2px 0 0 0;
				}
		#sub .article-index .item .imagebox{
			display: block;
			padding: 4px;
			background: #fff;
			border: 1px solid #ccc;
			float: left;
			margin: 0 10px 10px 0;
		}
			#sub .article-index .item .imagebox .image{
				float: left;
			}
		#sub .article-index .item .date,
		#sub .article-index .item .author{
			display: inline;
			letter-spacing: 1px;
			font-size: 11px;
		}
		#sub .article-index .item h1{
			font-size: 20px;
			font-weight: bold;
			padding: 0 0 5px 0;
		}
			#sub .article-index .item h1 a{
				color: #454545;
				text-decoration: none;
			}
			#sub .article-index .item .text{

			}
				#sub .article-index .item .text h1{
					font-weight: bold;
				}
		#sub .article-index .more{
			clear: both;
			text-align: right;
			letter-spacing: 1px;
		}
			#sub .article-index .more a{
				color: #646464;
				text-decoration: none;
				font-size: 11px;
			}
				#sub .article-index .more a:hover{
					color: #ea3073;
				}
		
		#sub .article-index.twocol{
			padding: 25px 0 15px 32px;
			height: 100%; /* IE7 fix */
			width: 693px; /* IE7 fix */
		}
			#sub .article-index.twocol .itemwrap{
				float: left;
				height: 220px;
				overflow: hidden;
				margin: 0 0 20px 0;
			}
			#sub .article-index.twocol .itemwrap .item{				
				width: 310px;
				height: 205px;
				margin-right: 35px;
				position: relative;
				padding-bottom: 10px;
			}
				#sub .article-index.twocol .itemwrap .item .more{	
					position: absolute;
					right: 0px;
					bottom: 2px;
				}
				#sub .article-index.twocol .itemwrap .item .textwrap{
					max-height: 120px;
					overflow: hidden;
				}
				#sub .article-index.twocol .itemwrap .item h1{
					max-height: 48px;
					overflow: hidden;
					margin-bottom: 5px;
				}
	
/* Article Item + Article Headers*/

#sub #wrap .content .htmlhead .titlebar {
	height: auto;
	padding: 0 0 0 51px;
	margin-top: 0px;
	margin-bottom: 15px;
}
	
#sub #wrap .content .kamahead .titlebar {
	height: auto;
	padding: 0 0 10px 51px;
	margin-top: 0px;
	margin-bottom: 15px;
}
	#sub #wrap .content .kamahead .titlebar .author {
		font-style: italic;
		color: #fff;
	}
	#sub #wrap .content .kamahead .titlebar .title{
		font-size: 24px;
		color: #fff;
		padding: 30px 0 0 0;
	}
	
.article-item {

}
	
	#sub #wrap .content .article-item .titlebar{
		height: auto;
		padding: 0 0 10px 51px;
		margin-top: 0px;
		letter-spacing: 1px;
	}
	#sub #wrap .content .article-item .titlebar .imagebox{
		float: right;
		margin: 8px 8px 0 5px;
		background: #fff;
		padding: 3px;
		border: 0px;
	}
		#sub #wrap .content .article-item .titlebar .imagebox .authorimage{
			background: #f6f6f6 no-repeat center center;
			height: 60px;
			width: 60px;
		}
	
	.article-item .imgright{
		float: right;
		border: 3px solid #ddd;
		background: #fff;
		margin: 0 0 5px 5px;
	}
	
	.article-item .imgleft{
		float: left;
		border: 3px solid #ddd;
		background: #fff;
		margin: 0 5px 5px 0;		
	}
	
	.article-item .text{
		font-size: 13px;
		line-height: 18px;
		padding: 25px 25px 15px 32px;
	}
		.article-item .text .fb{
			padding: 14px 0 0 0;
			border-top: 1px solid #ddd;
			margin: 10px 0 0 0;
		}
		.article-item .text .addthis{
			float: right;
			margin-top: 25px;
		}
		
		.article-item .text .twitter{
			float: right;
			margin:23px 0 0 2px;
		}
	
	.article-item .date {
		padding: 5px 0 0 0;
		font-size: 11px;
		color: #fff;
	}
	
	.article-item .author, .article-item .author a {
		font-style: italic;
		color: #fff;
	}
	.article-item .title{
		font-size: 24px;
		color: #fff;
		padding: 30px 0 0 0;
	}
	.article-item h1{
		font-size: 17px;
		font-weight: bold;
		padding: 6px 0 12px 0;
	}
	.article-item h2{
		font-size: 14px;
		font-weight: bold;
		padding: 2px 0 13px 0;
	}
	.article-item h3{
		font-weight: bold;
		padding: 2px 0 10px 0;
	}
	.article-item .imagebox{
		float: right;
		padding: 5px 5px 2px 5px;
		margin: 25px 25px 10px 10px;
		background: #fff;
		border: 1px solid #ddd;
		clear: right;
	}
		.article-item .imagebox a{
			display: block;
		}
		.article-item .imagebox .image{
			background: #f6f6f6;
		}
		.article-item .imagebox .caption{
			width: 250px;
			padding: 3px 0 0 0;
			line-height: 18px;
			color: #656565;
			text-align: center;
		}
		.article-item .image{
			
		}	
	.article-item .author-image,
	.author-image{
		margin: 0 0 0 -51px;
		overflow: hidden;
	}
		.article-item .author-image h1,
		.author-image h1{
			font-size: 24px;
			color: #fff;
			padding: 20px 0 18px 50px;
		}
	.article-item .imagelist{
		background: #f9f9f9;
		padding: 17px 0 0 19px;
		margin: 10px 0 0 0;
	}
		.article-item .imagelist .imgbox{
			padding: 5px;
			border: 1px solid #ccc;
			float: left;
			margin:0 17px 17px 0;
			background: #fff;
		}
			.article-item .imagelist .imgbox .item{
				display: block;
				height: 100px;
				width: 100px;
				background: #f6f6f6 50% 20% no-repeat;
			}
	
	.erfidleikastig{
		height: 27px;
		line-height: 27px;
		width: 250px;
		margin: 0 0 15px 0;
		background: no-repeat 100px 0;
		color: #646464;
		font-style: italic;
		font-size: 11px;
		letter-spacing: 2px;
	}
	
	.tips{
		clear: both;
		margin: 15px 0 20px 0;
		background: #f6f6f6;
		border: 2px solid #EA3073;
		padding: 10px 10px 10px 100px;
		background: url(/img/tips.png) 25px 50% no-repeat;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;		
	}
			
	/*.article-item .header{
		margin: 0 0 0 -51px;
		background: url(/img/hlin-header.jpg) no-repeat center center;
		height: 171px;
		width: 744px;
	}*/
	

/* texti */

.content .left .textbox {
	font-size: 12px;
	padding: 25px 25px 15px 32px;
}
	.content .left .textbox .imagebox{
		display: block;
		padding: 4px;
		background: #fff;
		border: 1px solid #ccc;
		float: left;
		margin: 0 10px 10px 0;
	}
		.content .left .textbox .imagebox.rightalign{
			float: right;
			margin: 0 0 10px 10px;
		}
	
/* text expand */
.textexpand {
	font-size: 12px;
	padding: 10px 25px 15px 32px;
	overflow:hidden;
}
	.textexpand .expander{
		overflow:hidden;
		height: 98px;
		line-height: 16px;
	}
	.textexpand h1 {
		font-size: 24px;
		line-height: 24px;
	}
	.textexpand .button {
		text-align: right;
		line-height: 20px;
	}
		.textexpand .button span{
			text-decoration: none;
			color: #757575;
			cursor: pointer;
		}

/* Article Index - Slates */ 

.article-index-slates{
	padding: 0 0 0 3px;;
}
	.article-index-slates .item{
		position: relative;
		width: 160px;
		border: 5px solid #454545;
		background: #f6f6f6 no-repeat 50% 20%;
		height: 210px;
		float: left;
		margin: 20px 5px 5px 5px;
	}
		.article-index-slates .item h1{
			display: block;
			height: 40px;
			width: 160px; /* for IE 7 */
			background: #DE2E71;
			background: rgba(224,44,109,0.95);
			line-height: 40px;
			font-size: 16px;
			color: #fff;
			padding: 0 5px 0 10px;
			text-transform: lowercase;
		}
		.article-index-slates .item .container{
			position: absolute;
			height: 40px;
			width: 160px; /* for IE 7 */
			overflow: hidden;
			bottom: 0px;
		}
			.article-index-slates .item h1 a{
				display: block;
				color: #fff;
				text-decoration: none;
				line-height: 40px;
			}
		.article-index-slates .item .text{
			position: relative;
			color: #fff;
			padding: 20px 10px;
			background: #454545;
			background: rgba(69,69,69,0.95);
			overflow: hidden;
			height: 130px;
		}
		.article-index-slates.item .more{
			display: block;
			text-align: right;
		}
			.article-index-slates .item .more a{
				position: absolute;
				bottom: 0px;
				right: 0px;
				background: #454545;
				padding: 5px 5px 5px 10px;
				color: #fff;
				font-size: 12px;
				text-decoration: none;
			}
						

/* Forms */

#form-container{
	position: relative;
	margin: 0 0 0 -19px;
	padding: 0;
	background: #ea3073 url(/img/stjornur-left.jpg) no-repeat 0 0;
	/*background: #ea3073 url(/img/stjornur-left.jpg) no-repeat 0px 171px;*/
	color: #fff;
}
	#form-container.qna{
		position: relative;
		margin: 0 0 0 -19px;
		padding: 0;
		background: #ea3073 url(/img/stjornur-left.jpg) no-repeat 0px 171px;
		color: #fff;
	}
		#form-container.qna .wrap{
			overflow: hidden;
		}
	#form-container .overhang{
		position: absolute;
		width: 19px;
		height: 11px;
		top: -11px;
		left: 0px;
		background: url(/img/corner-pink.png);
	}
	#form-container .wrap{
		width: 400px;
		padding: 20px 0 15px 81px;
	}
	
.form.header{
	background: url(/img/qna.jpg);
	height: 171px;
	width: 744px;
}
	
.form-title {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 22px;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	letter-spacing: 1px;
	font-family: arial narrow, arial, helvetica, sans;
}

.form {
	margin: 0 0 10px 0;
	padding: 0;
}
	.form label {
		display: block;
		margin: 0 0 2px 0px;
		text-transform: lowercase;
		color: #fff;
	}

.form.txt,
.txt{
	padding: 0 0 0 0;
}
	.form.txt label {
		margin: 0 0 2px 0;
	}
	.form.txt input,
	input.txt,
	.form.txt textarea	{
		margin: 0 0 0 0;
		padding: 4px;
		width: 390px;
		border: 0px solid #ccc;
	}
	.form.txt input[type="file"]{
		width: 398px;
		padding: 4px 0px;
		border: 0px solid #fff;
	}
	.form.txt textarea {
		height: 100px;
	}
	.form.txt span{
		float: right;
		margin: 0 2px 2px 0;
		display: block;
		background: #fff;
		padding: 0 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;		
		color: #000;
	}
.file{
	position: relative;
}
	
	
.form.calendar {
	
}	
	.form.calendar input {
		margin: 0 0 0 0;
		padding: 4px;
		
		width: 60px;
		
		border: 0px solid #ccc;
	}
	.form.calendar img {
		margin-left: 15px;
	}

.form.btn {
	text-align: right;
	margin: 15px 0;
}
	.form.btn input {
		font-weight: bold;
		margin: 0;
		padding: 3px 10px;
		cursor: pointer;
		font-size: 11px;
		color: #454545;
		border: 0;
		background: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.form.btn input:hover {
			background: #f1f1f1;
		}
	
	.qna .button {
		text-align: right;
		padding: 0 10px 10px 5px;
		letter-spacing: 1px;
		font-size: 13px;
		font-weight: bold;
		cursor: pointer;
	}
		.qna .button a {
			margin: 5px;
			color: #fff;
		}
			.qna .button a:hover {
				
			}

.atom{
	width: 1000px;
	margin: 5px auto;
	padding: 0 156px 0 0;
	min-height: 50px;
	line-height: 50px;
	color: #707070;
	text-align: right;
}
	.atom a{
		display: block;
		padding: 0 27px 0 0;
		color: #707070;
		text-decoration: none;
		background: url(/img/foot-new-logo.png) right 13px no-repeat;
	}
		.atom a:hover{
			color: #454545;
		}


/* Gardína */

	#blind{
		display: block; /* Tekið út (14.02.2011) */
		border-top: 1px solid #fff;
		overflow: hidden;
	}
		#blind .retracted{
			background: #E02C6D no-repeat center center;
			position: relative;
			overflow: hidden;
			cursor: pointer;
			height: 30px;
		}
		#blind .expanded{
			position: relative;
			overflow: hidden;
			height: 0px;
			height: 0px;
			overflow: hidden;
		}
			#blind .expanded a{
				display: block;
				height: 300px;
				background: #000 no-repeat center center;				
			}
			#blind .expanded .bigbutton{
				position: absolute;
				display: block;
				padding: 0 20px 0 0;
				font-size: 12px;
				background: url(/img/close.png) no-repeat center right;
				top: 5px;
				right: 10px;
				line-height: 20px;
				padding-top: 3px;
				color: #fff;
				cursor: pointer;
			}
	
/* Odo Myndaslider */

#myndawrap{
	text-align: center;
	border-top: 10px solid #fff;
	margin-top: -15px;
}
	#myndawrap .slidewrap{
		position: relative;
		width: 725px;
		height: 570px;
		background: #fff;
		margin: 0 auto 5px auto;
		overflow: hidden;
	}
		#myndawrap .slidewrap .slide{
			position: absolute;
			left: 725px;
			width: 725px;
			height: 570px;
		}
			#myndawrap .slidewrap .slide p{
				width: 550px;
				margin: 0 auto 15px auto;
				text-align: center;
				font-size: 12px;
			}
			#myndawrap .slidewrap .slide .face{
				position: absolute;
				bottom: 20px;
				width:705px;
				padding: 10px 10px 10px 20px;
				background: #f6f6f6;
				text-align: left;
			}
			#myndawrap .slidewrap .slide .repository{
				display: none;
			}
			#myndawrap .slidewrap .slide img{
				display: none;
			}
			#myndawrap .slidewrap .button{
				position: absolute;
				top: 230px;
				background: #f6f6f6;
				height: 40px;
				width: 40px;
				z-index: 1;
				cursor: pointer;
				line-height: 40px;
			}
				#myndawrap .slidewrap #next{
					right: 20px;
					background: transparent url(/img/arrow-right.png) center center;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;		
				}
				#myndawrap .slidewrap #prev{
					left: 20px;
					background: transparent url(/img/arrow-left.png) center center;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;		
				}
	
	#myndawrap img{
		margin: 20px 20px 10px 20px;
		padding: 8px;
		border: 1px solid #ddd;
		background: #fff;
		max-height: 400px;
		max-width: 540px;
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}
	

/* Odo Myndaindex */

#myndaindex{
	overflow: hidden;
}
	#myndaindex .myndir-content{
		padding: 0px 20px 20px 20px;
		width: 745px;
	}
		#myndaindex .myndir-content .mynd{
			text-align: center;
			float: left;
			width: 129px;
			height: 90px;
			margin: 0 10px 15px 0;
		}
			#myndaindex .myndir-content .mynd img{
				padding: 4px;
				background: #fff;
				border: 1px solid #ddd;
				max-height: 80px;
				max-width: 119px;
				cursor: pointer;
				box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
			}	

	#js_siminn_kort{
		width: 270px!important;
		overflow: hidden;
		position: absolute;
		right: 0px;
	}
		#js_siminn_kort.open{
			width: 940px!important;
		}
		#js_siminn_kort object{
			float: right;
			*float: none;
			*position: absolute;
			*right: -270px;
			*z-index: 1000;
		}
		#js_siminn_kort embed{
			float: right;
			*float: none;
			*position: absolute;
			*right: -270px;
			*z-index: 1000;
		}