body {
    background: #eee;
	font-family: geneve, arial, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0; padding: 0;
}

p, ol, ul {
	line-height:20px;
}

/* BYGGING */

#haus {
	background-color: white;
	padding: 25px 0px 20px 40px;
	width: 935px;
	height: 55px;
	font-size: 52px;
}

#haus a {
	font-size: 52px;
	color: #111111;
	text-decoration: none;
	text-shadow: #ccc 1px 1px 1px;
}

#titill {
	background-color: #eee; x: #fde5b7;
	width: 975px;
	height: 30px;
	color: white;
}

#titill a {
	font-weight: bold;
	padding: 7px 5px 3px 30px;
	color: white;
	text-decoration: none;
	display: block;
	font-size: 16px;
}

#baenir #titill {
	background-color: #6d0456;	
}
#pistlar #titill {
	background-color: #B1091D;
}
#postilla #titill {
	background-color: #034375;
}
#svor #titill {
	background-color: #3A8A34;
}
#almanak #titill {
	background-color: #E29C04;
}
#salmabok #titill {
	background-color: #8A3A34;
}

#meginmal {
	background-color: white;
	width: 975px;
	padding: 0;
	min-height: 1000px;
}

#fotur {
	background-color: white;
	width: 975px;
}

#midjusla {
	position: absolute; top: 130px; left: 525px;
	width: 185px; height: 1070px; padding: 10px 20px 10px 20px;
	border-left: solid 1px #ccc;
}

#haegrisla {
	position: absolute; top: 130px; left: 750px;
	width: 185px; height: 1070px; padding: 10px 20px 10px 20px;
	border-left: solid 1px #ccc;
}

#vinstrisla {
	position: relative; top 0; left: 0px;
	width: 465px; height: 1075px; padding: 10px 30px 10px 30px; 
	border-right: solid 1px #ccc;
}

/* dalkar */

.dalkur {
	height: 208px;
	overflow: hidden;
}

.dalkur h3 {
	margin-top:  10px;
}

.dalkur2, .dalkur3 {
	height: 270px;
}

/* midjusla */

#fasta-nytt a {
	text-decoration: none;
	color: #333;
}

#forsida #midjusla cite {
	float: right;
	margin-right: 15px;
	font-size: 10px;
}

/* TEXTI */

h1, h2 {
	margin: 20px 0 0px 0px;
	text-shadow: #ccc 1px 1px 1px;
}

h3 {
	margin: 20px 0 10px 0px;
	font-size: 15px;
	text-shadow: #ccc 1px 1px 1px;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
}

.pistill h2, .predikun h2, .svor h2 {
	margin-left: 90px; margin-top: 15px;
}

.pistill p, .predikun p, .svor p {
	margin-left: 90px;
	margin-top: 5px;
}

.pistill img, .predikun img, .svor img {
	margin-left: 0px; margin-top: 2px;
}

h2 {
	letter-spacing: 1px;
}

#vinstrisla .pistill, #vinstrisla .predikun, #vinstrisla .svor {
	height: 175px;
}

.dalkur h3 {
	margin-bottom: 2px;
}

.almanak h3 a {
	color: #E29C04;
	padding-bottom: 2px;
}

#spyrja h3 {
	color: #3A8A34;
}

.innri h3, .innri h3 a {
	padding-bottom: 2px;
}

/*.almanak a:hover {
      color: #EFBC24;
}*/

.predikun h2 a, a.predikun {
	color: #034375;
}

.predikun a:hover, a.predikun:hover {
	color: #3373A5;
}

.pistill h2 a, a.pistill {
	color: #B1091D;
}

.pistill a:hover, a.pistill:hover {
	color: #E1395D;
}

.svor h2 a, a.svor {
	color: #3A8A34;
}

.svor a:hover, a.svor:hover {
	color: #5AAA54;
}

h4 {
	margin: 0;
}

#haegrisla p, #midjusla p,p.lestur, p.baen, p.andakt {
	font-size: 13px;
}
#haegrisla p, #midjusla p {
	margin: 0 0 10px 0;
}

img.hofundamynd {
	padding: 3px;
	border: 1px solid #ddd;
}

/* FLIPAR */

#flipar {
	width: 300px;
    cursor: pointer;
}

#flipar .flipi {
	width: 75px;
	height: 24px;
    padding-top: 106px;
	text-align: center;
    color: white;
    font-size: 13px;
}

#flipar #pistlar {
	position: absolute; left: 525px; top: 0px;
	background: #B1091D url("http://tru.is/vefmyndir/pistlar_flipagrunnur.jpg") no-repeat;
}

#flipar #postilla {
	position: absolute; left: 600px; top: 0px;
	background: #034375 url("http://tru.is/vefmyndir/postilla_flipagrunnur.jpg") no-repeat;
}

#flipar #svor {
	position: absolute; left: 675px; top: 0px;
	background: #3A8A34 url("http://tru.is/vefmyndir/svor_flipagrunnur.jpg") no-repeat;
}

#flipar #almanak {
	position: absolute; left: 750px; top: 0px;
	background: #E29C04 url("http://tru.is/vefmyndir/almanak_flipagrunnur.jpg") no-repeat;
}

#flipar #salmabok {
	position: absolute; left: 825px; top: 0px;
	background: #8A3A34 url("http://tru.is/vefmyndir/salmabok_flipagrunnur.jpg") no-repeat;
}

#flipar #baenir {
	position: absolute; left: 900px; top: 0px;
	background: #6d0456 url("http://tru.is/vefmyndir/baenir_flipagrunnur.jpg") no-repeat;
}

/* MEIRA */

#fpostilla, #fpistlar, #fsvor {
	position: absolute; 
	top: 750px;
	width: 255px;
	height: 26px;
	padding: 2px 0px 2px 20px;
	color: white;
	font-size: 13px;
}

#fflipar a, .flipi a {
	color: white;
}

#fpistlar {
	position: absolute; left: 0px; top: 1120px;
	background: #B1091D url("http://tru.is/vefmyndir/pistlar_smaflipabak.jpgx") no-repeat;
}

#fpostilla {
	position: absolute; left: 263px; top: 1120px;
	background: #034375 url("http://tru.is/vefmyndir/postilla_smaflipabak.jpgx") no-repeat;
}

#fsvor {
	position: absolute; left: 525px; top: 1120px;
	background: #3A8A34 url("http://tru.is/vefmyndir/svor_smaflipabak.jpgx") no-repeat;
}

#fotur .meira {
	width: 235px;
	padding: 5px 20px 5px 20px;
	height: 240px;
	font-size: 13px;
}

#fotur .pistlar {
	background: white;
	position: absolute; left: 0px; top: 1140px; left: 0px;
	color: #B1091D;
}

#fotur .pistlar a {
	color: #B1091D;
}

#fotur .postilla {
	background: white;
	position: absolute; left: 0px; top: 1140px; left:263px;
	color: #034375;
	border-left: 1px #ccc solid;
}

#fotur .postilla a {
	color: #3373A5;
}

#fotur .svor {
	background: white;
	position: absolute; left: 0px; top: 1140px; left: 525px;
	color: #3A8A34;
	border-left: 1px #ccc solid;
}

#fotur .svor a {
	color: #5AAA54;
}

#fotur .meira ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fotur .meira ul li {
	margin: 0px 0px 0px 15px;
	padding: 1px 0px 0px 5px;
}
/* sidubundid */

#forsida #vinsaelt ol,  #forsida #tema ol, #forsida #athafnir ol{
	margin: 0px; padding: 0px;
	list-style-type: none;
}
#forsida #vinsaelt ol li, #forsida #tema ol li, #forsida #athafnir ol li {
	margin-bottom: 6px;
}

#forsida #haegrisla img {
	padding-top: 0px;
	margin-top: 0px;
}

#forsida .textabox {
	width:  94%;
	border: solid 1px #ccc;
	color: #333;
	padding: 3px;
	margin: 2px auto 2px auto;
}

/*#forsida .takki {
	color: #333;
	background-color: #eee;
	border: solid 1px #777;
	float: right;
}*/

/* */
#fsvor.flipi {
	width: 400px !important;
	width: 205px !important;
}
#fotur .svor {
	width: 410px !important;
	width: 185px !important;
}
#thjodkirkjan {
	background-color: #c0c0c0;
	position: absolute; top: 1120px; left:750px;
	color: #034375;
	width: 225px;
	height: 270px;
}
#thjodkirkjan img {
	margin-top: 50px;
}

/* takkar */
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.clear {
    overflow: hidden;
    width: 100%;
}

a.takki {
    background: transparent url('/vefmyndir/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.dmidja {
	margin-right: auto; margin-left: auto;
	width: 170px;
}

a.takki.haegri {
	float: right;
}

a.takki:hover {
	color: #000;
}

a.takki span {
    background: transparent url('/vefmyndir/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.takki:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.takki:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* bladra */

span.balloon {
	display:block;
	padding: 5px 0 0 0;
	width:187px;
	text-align: center;
    font: normal 12px arial, sans-serif;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}

span.balloon span.top {
	display: block;
	margin: none;
	xpadding: 12px 8px 0;
	background: url(/vefmyndir/bg_balloon_top.gif) no-repeat top;
	height: 12px; width: 187px;
	background-color: #eee;
}

span.balloon span.middle {
	display: block;
	padding: 0 10px;
	margin: none;
	background: url(/vefmyndir/bg_balloon_middle.gif) repeat bottom;
}

span.balloon span.bottom {
	background-color: #eee;
	display: block;
	margin: none;
	xpadding: 8px 8px 20px;
	background: url(/vefmyndir/bg_balloon_bottom.gif) no-repeat top;
	height: 28px; width: 187px;
}

/* iphone */
html {-webkit-text-size-adjust:130%}

/* ... */

	.navigation {
  		padding: 20px 0px 30px 0px;
	}
	.alignright {
		float: right;
	}
	.alignleft {
		float: left
	}

#haegrisla img, #midjusla img {
	margin-left: -20px;
}