/*  Stylesheet for ÞOR - Þróun og rannsóknir, ehf   */

/*          Last updated April 22, 2009             */



body {

	margin: 0px;

	padding: 0px;

	font-size: 1.0em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	text-align: center;

	background: #777777 url(images/thorbgnd.gif) 50% 0;

	background-repeat: repeat-y;

}



* /* Initialilze all to zero */ {

	padding: 0;

	margin: 0;

}



div#topbar {

	background: #777777;

	height: 12px;

	width: 100%;

}



/* Inniheldur allt efni á síðunni */

div#page {

	margin-left: auto;

	margin-right: auto;

	width: 900px;

	text-align: left;

}



/* Logo container */

div#logo {

/*	width: 90px;

	height: 62px;  */

	margin-top: 0px;

	margin-left: 12px;

	float: left;

}



div#header {

	margin-top: 12px;

  padding-top: 12px;

	padding-left: 6px;

	width: 300px;

	text-align: left;

	float: right;

}



div#header h2 {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.5em;

	padding-top: 20px;

	text-align: left;

	color: #FFF;

	display: inline;

	margin-top: 20px;

	padding: 20px 0 0 0;

	vertical-align: top;

	azimuth: center-left;

}



div#language {

	position: relative;

	width: 30px;

	height: 20px;

	top: 20px;

	left: 855px;

}



div#contact {

	margin: 50px 16px 6px 0;

	text-align: right;

	color: Black;

	font-family: Tahoma, Times, serif;

	font-size: .7em;

	font-style: normal;

	float: right;

}



div#contact a {

	display: inline;

}



div.clearfloats {

	clear: both;

}



/* the horizontal menu starts here */

div#listmenu {

	width: 100%; /* makes the div full width - flexible when not used */

	margin-left: 13px; /* the standard content margin */

	margin-right: 10px; /* the standard content margin */

	float: left; /* makes the div enclose the list */

	font-size:.7em;

}



div#listmenu ul {

	margin-left: 1px;

}

	

div#listmenu li {

	float: left;	/* causes the list to align horizontally instead of stack */

	position: relative;

	list-style-type: none;	/* removes the bullet off each list item */

	background-color: #DDD; /*sets the background of the menu items */

	border-right: 1px solid black; /* creates dividing lines between the li elements */

	border-top:  1px solid #808080;

	border-bottom: 1px solid #808080;

	padding: 0px 0px 0px 0px;

	}



div#listmenu li:first-child {

	border-left: 1px solid black; /*the first vertical line on the menu */

	}



div#listmenu a {

	display: block;

	padding: 4px 52px 4px 53px; /*creates space each side of menu item's text */

	text-decoration: none;	 /* removes the underlining of the link */

	color: #4D4D4D;	/* sets the type color */

	}

		

div#listmenu a:hover { 

	background-color: #005000; /*sets the background of the menu items */

	color: #FFF;

	}



div#listmenu li .selected {

	background-color: #005000;

	color: #FFF;

	}	



/* *** The drop-down starts here *** */

div#listmenu ul li ul {

	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */

	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */

	width: 16em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/

	left: -1px; /*aligns the drop exactly under the menu */

	}

	

div#listmenu ul li ul li {

	width: 100%; /* makes the list items fill the list container (ul) */

	border-left: 1px solid #808080; /*  three sides of each drop-down item  */

	border-bottom: 1px solid #808080;

	border-top: none;

	border-right: 1px solid #808080;

	}

	

div#listmenu ul li ul li:first-child {

	border-top: 1px solid #808080; the top edge of the dropdown */

	}

	

/* make the drop-down display as the menu is rolled over */	

/* conceals the drop-down when menu not hovered */

div#listmenu ul li ul {

	display: none;

	} 



/* shows the drop-down when the menu is hovered */

div#listmenu ul li:hover ul {

	display: block; 

	}



	

/* the horizontal menu ends here */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {

	float: left; /* makes the ul wrap the li's */

	border-left: 1px solid #000; /* adds the rightmost menu vertical line to the ul */

	margin-left: 6px; /* IE doubles the given value above - why? */

	}

	

/* makes IE5 & 5.5 accept the padding on the link */

* html a {

	display: block;

} 

/* end of hack zone */

/* END OF LIST-BASED MENU */



/*  ******************  */



/* And now the excellent "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* Simply add the clearfix class to any containter that must enclose floated elements */

/* Read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

   content: ".";              /* the period is placed on the page as the last thing before the div closes */

	 display: block;          /* inline elements don't respond to the clear property */ 

   height: 0;                  /* ensure the period is not visible */

   clear: both;               /* make the container clear the period */

   visibility: hidden;	     /* further ensures the period is not visible */

}



/* a fix for IE Mac */

.clearfix {

	display: inline-block;

}   



/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */



div#content {

/*	background-color: white;  */

	text-align: left;

	padding: 0px 0px 12px 14px;

	clear: both;

}



* html div#content {

	padding: 0px 1px 12px 38px;

}



div#textsection1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .8em;

	width: 480px;

	margin-top: 12px;

	float: left;

	padding-right: 12px;

	border-right: 1px solid Silver;

}



div#textsection2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .8em;

	width: 870px;

	margin-top: 12px;

	float: left;

	padding-right: 12px;

	}



div#textsection3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .8em;

	width: 350px;

	margin-top: 12px;

	margin-left: 6px;

	float: left;

	padding-right: 12px;

	padding-left: 6px;

	}	

	

* html div#textsection3 {

	padding: 0px 0px 0px 0px;

}

	

div#forsidumynd1 {

	margin: 0;

	padding: 0;

	}



div#image1 {

	float: right;

	padding-left: 12px;

	}



div#image2 {

	float: left;

}

	

.radir {

	vertical-align: top;

}



.breadcrumbs {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: italic;

	font-size: 1em;

	color: Gray;

	padding-bottom: 12px;

	border-bottom: 1px solid Silver;

}



.fyrirsogn {

	color: #4D4D4D;

	font-size: 1em;

	font-weight: bold;

	text-shadow: Green;

	azimuth: left-side;

}



.regulartext {

	padding: 0 0 12px 0;

}



.lasttext {

	padding: 0 0 20px 0;

	border-bottom: 1px solid silver;

	margin-bottom: 12px;

}



.pagelasttext {

	padding: 0 0 0 0;

}



.hlekkir {

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;	

	}



.hlekkir:hover {

	text-decoration: underline;

	}



.tilbaka {

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .8em;

	}



.myndsnid {

	border: none;

	}



.myndsnid2 {

	border: none;

	padding: 0 8px 0 0;

}



.iconMynd {

	border: none;

	padding: 0 8px 0 0;

	height: 32px;

	width: 32px;

}





div#footer {

	width: 875px;

	margin-right: auto;

	margin-left: auto;

	border-top: 1px solid #CCCCCC;

	margin-top: 12px;

	padding-top: 4px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .6em;

	font-style: normal;

	color: Gray;

	text-align: center;

	}



/*	IE 5 & 6 hack  */	

* html div#footer {

	width: 820px;

	padding: 12px 0px 0px 0px;

}

	

div#belowfooter {

	width: 875px;

	background-color: White;

	background-image: url(images/white_line.jpg);

	background-repeat: repeat;	

	float: left;

	}



/*	IE 5 & 6 hack */	

* html div#belowfooter {

	width: 875px;

}



/* ********* OLDER STUFF ********* */



/* ********* OLDER STUFF ********* */



/* ********* OLDER STUFF ********* */



div#contentarea {

	width: 900px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}