/* tímabundin css-síđa fyrir hallgrimur.net */

body		{	background-color: #330000;	}

#top1		{	height: 5%; width: 55%; background: url(../back/top.gif) repeat-x bottom; color: #fff; position: absolute; top: 1px; left: 0px;}
#top2		{	height: 5%; width: 55%; background: url(../back/top.gif) repeat-x bottom; color: #fff; position: absolute; top: 1px; right: 0px;}
#botn1		{	height: 3%; width: 55%; background: url(../back/botn.gif) repeat-x top; color: #fff; position: absolute; bottom: 1px; left: 0px;	}
#botn2		{	height: 3%; width: 55%; background: url(../back/botn.gif) repeat-x top; color: #fff; position: absolute; bottom: 1px; right: 0px;	}

#vin		{	height: 92%; width: 25%; float: left; background: url(../back/vin.gif) right no-repeat; color: #fff; position: absolute; top: 5%; left: 0px;	}

.randrun	{	height: auto; width: 150px;	float: right; margin-top: 10%; 	}
.rrtop	{	width: 150px; height: 13px; background: url(../back/rrtop.gif) no-repeat;	}
.rrback	{	width: 150px; background: url(../back/rrback.png) repeat-y; }
.rrbotn	{	width: 150px; height: 13px; background: url(../back/rrbotn.png) no-repeat;}

.raru	{ text-align: center; }
.rarut	{ font-family: tahoma; font-size: 7pt; color: #660000; padding: 10px; text-align: justify; }

#mid		{	height: 87%; width: 55%; float: left; background: url(../back/mid.png) center no-repeat; color: #fff; position: absolute; top: 10%; left: 28%;	}
				
.main	{	font-family: tahoma; font-size: 8pt; color: #fff; text-align: justify; padding-right: 10px; overflow: auto; height: 90%; float: left; width: 95%; }
.menu2	{	margin-bottom: 20px; width: 100%;  }				
a.li2	{	float: left; padding: 5px; font-family: tahoma; font-size: 7pt; color: #999; }
a.li2:hover	{ border-bottom: 1px dotted; color: #fff; }
a.lir	{	float: left; padding: 2px; color: #33000; }
a.lir:hover	{	border-bottom: 1px dotted #990000; }

/* rúnir */
.runir	{	margin: 15px 0px; border-top: 1px dotted #fff;	}
.runir2	{	margin: 15px 0px; border-top: 1px dotted #fff; height: 130px;	}
.rmynd	{	margin: 10px; float: right; }
.rtit	{	margin: 12px; font-family: garmond; font-size: 14pt; color: #cfcfcf; text-align: center; }
.rfs	{	padding: 0px 25px; font-family: tahoma; font-size: 9pt; font-weight: bold; text-align: center; }

#hae		{	height: 92%; width: 15%; float: left; background: url(../back/hae.gif) bottom no-repeat; color: #fff; position: absolute; top: 5%; right: 0px;	}

.menu	{	margin-top: 10%; }
a.li	{	width: 99%; height: 20px; float: left; display: block; text-align: center; font-family: tahoma; font-size: 9pt; font-variant: small-caps; color: #999; }
a.li:hover	{	border-bottom: 1px dotted; color: #fff; }

p	{	font-size: 8pt; color: #000; font-family: tahoma; margin: 0px 10px;	}
h1	{	font-family: tahoma; font-size: 14pt; color: #999; }
h2	{	font-size: 14pt; color: #000000; font-family: garmond; }
a	{ text-decoration: none; color: #fff; }
table	{	font-size: 9pt; color: #fff; font-family: tahoma;	}
img	{ border: 0px; outline: 0px; }
ul	{ font-family: tahoma; font-size: 8pt; color: #ccc; }

ul a	{ color: #ccc; }

form { font-family: tahoma; font-size: 9pt; color: #fff; padding: 3px; }
input { color: #ccc; background: #330000; border: 1px solid #ccc; font-size: 9pt; }
textarea { color: #ccc; background: #330000; border: 1px solid #ccc; overflow: auto;}
select { color: #ccc; background: #330000; border: 1px solid #ccc; font-size: 9pt; }