body {
	font-family:arial, sans-serif;
	width:960px;
	margin:0 auto;  /*0=top+bottom, auto=right+left*/

	background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #fff);
    background-image: -moz-linear-gradient(top, #dddddd, #fff);
    background-image: -ms-linear-gradient(top, #dddddd, #fff);
    background-image: -o-linear-gradient(top, #dddddd, #fff);
    background-image: linear-gradient(top, #dddddd, #fff);

}
h1, h2, h3, h4, p {		/*fyrirsagnir og málsgrein fá sömu padding gildin*/
	padding:0 10px;
}
footer h4 {
	color:#999;
	font-variant:Small-caps;
	font-size:.9em;
	text-align:center;
}
header, article, aside, div {
	-moz-box-sizing:border-box; /* eldri Firefox */
	-webkit-box-sizing:border-box; /* eldri Safari chrome*/
	box-sizing:border-box; /* Border og padding (px stærð) leggst inná öll div og hefur ekki áhrif á heildarbreidd */

}
header {
	background-color: #fff;
    background-image: -webkit-linear-gradient(right, #bbb, #fff);
    background-image: -moz-linear-gradient(right, #bbb, #fff);
    background-image: -ms-linear-gradient(right, #bbb, #fff);
    background-image: -o-linear-gradient(right, #bbb, #fff);
    background-image: linear-gradient(right, #bbb, #fff);

	border:0px solid;
	margin:10px;
}
aside{
	width:220px; /*hér er border og padding px stærð dregin frá breidd aside*/
	margin:10px;
/*	padding:10px; */
	border:0px solid;
	float:left;
}
nav {

}
/* efnisyfirlit menu */
nav a {
	display: block;
	border: 3px outset #aaa;
	margin: 3px 0;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #888; 
	border-radius: 5px;
}
nav a:hover {
		border: 3px inset #aaa;
		color: #000;
		background-color: #666; 
}
.virkur {
		border: 3px inset #aaa;
		color: #ddd;
		background-color: #888; 
}


article {
	border:0px solid red;
	margin:10px;
	width:700px;
	float:right;
}
footer {
	border:0px solid;
	margin:10px;
	clear:both;

	background-color: #bbb;
    background-image: -webkit-linear-gradient(bottom, #bbb, #fff);
    background-image: -moz-linear-gradient(bottom, #bbb, #fff);
    background-image: -ms-linear-gradient(bottom, #bbb, #fff);
    background-image: -o-linear-gradient(bottom, #bbb, #fff);
    background-image: linear-gradient(bottom, #bbb, #fff);

    overflow:hidden;
}
.Column{
	width:220px;
	border:1px solid;
	margin:10px 10px 20px; /*margin-bottom 20px, rest 10px*/
	padding:10px;
	float:left;
}
.cLeft {
	clear:left;
}
.cBoth {
	clear:both;
}

a.imgHover {
	display: block;
	width:220px;
	height: 150px;
	background: url("../img/a-bg.jpg") no-repeat;
}
a.imgHover:hover {
	background: url("../img/b-bg.jpg") no-repeat;
}

.img_hover a{
	display: block;
	width:220px;
	height: 150px;
	background: url("../img/a-bg.jpg") no-repeat;
}
.img_hover a:hover {
	background: url("../img/b-bg.jpg") no-repeat;
}

.kvikmynd {
	width: 700px;
	height: 384px;
	margin:0 auto;
	background: #777;
	padding:0;
}
.hljod {
	width: 220px;
	border: 1px solid;
	background: #777;
}
video{
	max-width: 100%
}
.padding{
	padding:0;
}
audio{
	max-width: 100%
}