/* 

Title: flora.is / screen.css
Version: 1.0.0
Modified: 28th February 2005
Author: Bjorn Bjornsson bjorn at veldi.is

*/

/* General elements rules */
body {
	background: #EDF4EE url("img/pagebg.jpg") 0 0 repeat-x;
	font: 62.5% arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	/*height: 100%;*/
}
/* commented backslash hack \*/ 
html, body{/*height:100%;*/} 
/* end hack */

* { margin: 0; }
form { margin: 0; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 {
	font-family: georgia, times, serif;
	font-weight: normal;
}
h3 {
	color: #ED4E00;
	font-size: 2em;
}
h4 {
	font-size: 1.4em;
	color: #ED4E00;
	margin: 10px 0;
}
h6 {
	font: 1em arial, verdana, sans-serif;
	font-weight: bold;
	color: #474747;
}
.clear { clear: both; font-size: 0; }
.lefty { float: left; }
.stream { display: none; }
.hr { border-top: 1px dashed #006010; }
.hr hr { display: none;	}

/*  Links  */

a:link {
	text-decoration: none;
	color: #ED4E00;
}
a:visited {
	text-decoration: underline;
	color: #006010;
}
a:hover {
	text-decoration: underline;
	color: #006010;
}

/*  Header  */

#pageheader .wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0; 
	font-size: 0;
}
#pageheader .random {
	position: absolute;
	top: 0;
	right: 77px;	
	margin: 0;
}
#pageheader span {
	display: none;
}

/*  Navigation   */

#topnav {
	width: 808px;
	margin: 0 auto;
	padding: 0; 
	height: 30px;
	line-height: 30px;
	background: #006010;
}
#topnav .menul {
	background: transparent url("img/menul.gif") 0 0 no-repeat;
	height: 30px;
}
#topnav .menur {
	background: transparent url("img/menur.gif") 100% 0 no-repeat;
	height: 30px;
}
#topnav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#topnav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}
#topnav a {
	padding: 0;
	margin: 0;
	color: #A3C6AA; 
	font: 1.4em georgia, times, serif;
}
#topnav a:link, #topnav a:visited {
	color: #A3C6AA;
	text-decoration: none;
}
#topnav a:hover {
	color: #fff;
	text-decoration: none;
}


/*  Page content  */

#pagewrap {
	position: relative;
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	
	background: #ffffff;
	/*z-index: 100;*/
	border: solid 1px #fff;
}

#mainwrap{
	width: 100%;
	background: #fff;
}

* html #pagewrap {
	height: 100%;
}
#col1 {
	/*position: absolute;
	top: 0;
	left: 0;*/
	
	/**/
	float: left;
	/**/
	
	width: 530px;
	min-height: 100%;	
	margin: 10px 0 0;
	padding: 0 10px 20px 0;
	border-right: 1px dashed #006010;		
}
* html #col1 {
	height: 100%;
}
#col1 .image {
	padding: 10px 0;
}
#col1 .image img {
	border: 1px solid #C9DDCD;
}
#col1 .submenu {
	height: 25px;
	line-height: 25px;
}
#col1 .submenu ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#col1 .submenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}
#col1 .submenu a {
	padding: 0;
	margin: 0;
	color: #006010; 
	font: 1.4em georgia, times, serif;
}
#col1 .submenu a:link, #col1 .submenu a:visited {
	color: #006010;
	text-decoration: none;
}
#col1 .submenu a:hover {
	color: #ED4E00;
	text-decoration: none;
}
#col2 {
	/*position: absolute;
	top: 0;
	right: 0;*/
	
	/**/
	float: right;
	/*border: solid 1px red;*/
	/**/
	
	
	width: 250px;
	margin: 10px 0 0;
	padding: 0 0 20px 0;/* 0 0 10px;*/
}
/*  Content */

#col1 .content {
	color: #333333;
	margin: 0 0 10px;
}
#col1 .content p{
	margin: 10px 0;
}
#col1 .content a {
	color: #006010; 
}
#col1 .content a:link, #col2 .content a:visited {
	color: #006010;
	text-decoration: none;
}
#col1 .content a:hover {
	color: #006010;
	text-decoration: underline;
}

#col1 .content .item {
	padding: 5px 10px;
	background: #fff;
}

#col1 .content .item_alt {
	padding: 5px 10px;
	background: #F3F4EA;
}
#col1 .content h4 {
	margin: 0;
}
#articles {
	position: relative;
	width: 530px;
	margin: 10px 0 0;
	min-height: 100%;
	height: 100%;
}
* html #articles {
	height: 100%;
}
#articles .box {
	background: #F3F4EA;
}
#articles .box h4 {
	margin: 0;
	padding: 0 10px 0;
	line-height: 28px;
}
#articles .boxl {
	background: transparent url("img/boxl.gif") 0 0 no-repeat;
	height: 30px;
}
#articles .boxr {
	background: transparent url("img/boxr.gif") 100% 0 no-repeat;
	height: 30px;
}
#articles .col1 {
	/*position: absolute;
	top: 40px;
	left: 0;*/
	/**/
	float: left;
	/**/
	
	width: 325px;
	height: 200px;
	min-height: 200px;
	padding: 10px 10px 0 0;
	border-right: 1px dashed #006010;
}
html>body #articles .col1 {
	height:auto;
}
#articles .col2 {
	/*position: absolute;
	top: 40px;
	right: 0;*/
	float: left;
	width: 175px;
	height: 200px;
	min-height: 210px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}
html>body #articles .col2 {
	height:auto;
}
#articles ul {
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
}
#articles li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
	border-bottom: 1px solid #E7E9D4;
}
#articles a {
	padding: 0;
	margin: 0;
	font-size: 1em;
}
#articles a:link, #articles a:visited {
	color: #474747;
	text-decoration: none;
}
#articles a:hover {
	color: #ED4E00;
	text-decoration: none;
}
/* Article */
#articles .article .image {
	float: left;
	clear: both;	
	margin: 0 10px 0 0;
}
#articles .article dl {
	color: #474747;
	font-size: 1em;	
}
#articles .article dt {
	font-weight: bold;
}
#articles .article dd a {
	color: #006010; 
}
#articles .article dd a:link, #articles .article dd a:visited {
	color: #006010;
	text-decoration: none;
}
#articles .article dd a:hover {
	color: #006010;
	text-decoration: underline;
}
#col2 .flower {
	
	margin: 10px 0 14px;
}
#col2 .flowerimg {
	float: left;
	margin: 10px 10px 0 0;
}

#col2 .flowerimg img{
	height: 73px;
	width: 73px;
}

#col2 .flower h4 {
	margin: 0;
}
#col2 .flower a {
	color: #006010; 
}
#col2 .flower a:link, #col2 .flower a:visited {
	color: #006010;
	text-decoration: none;
}
#col2 .flower a:hover {
	color: #006010;
	text-decoration: underline;
}
#col2 .news dl {
	color: #474747;
	font-size: 1em;
	margin: 0 0 20px;
}
#col2 .news dt {
	font-weight: bold;
}
#col2 .news dd a {
	color: #006010; 
}
#col2 .news dd a:link, #col2 .news dd a:visited {
	color: #006010;
	text-decoration: none;
}
#col2 .news dd a:hover {
	color: #006010;
	text-decoration: underline;
}

#col2 .search {
	background: transparent url("img/search.jpg") 0 0 no-repeat;
	margin: 10px 0;
	height: 117px;
	width: 250px;
}
#col2 .search .box1 {
	height: 43px;
	border-bottom: 1px dashed #006010; 
	padding: 20px 20px 0;
}
#col2 .search .box1 input {
	border: 1px solid #006010;
	margin: 0 15px 0 0;
}
#col2 .search .box1 a {
	font: 1.4em georgia, times, serif;
}
#col2 .search .box2 {
	height: 53px;
	text-align: center;
}
#col2 .search .box2 p {
	/*line-height: 53px;*/
	margin: 15px 0 0 0;
}

/* Footer  */

#footer {	
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	clear: both;
	background: #EDF4EE;
	width: 100%;
	margin: 0;
	padding: 0;
}
#footer .wrapper {
	width: 800px;
	margin: 0 auto;  
	padding: 10px 0;
	/*font-size: 1px;*/
	
	/*Taka út þessa harðkóðun*/
	height: 45px;
}
#footer .border {
	height: 30px;
	background: #C9DDCD;
}

#footer .wrapper span {
	display: none;
}

/* Search */
#col1 .content #search_header{
	color: #006010;
	margin: 0 0 10px 0;
	padding: 0;
	
}

#col1 .content .search_title{
	font-size: 1.2em;
	color: #ED4E00;
	margin: 0 0 10px 0;
	padding: 0;
}

#col1 .content .search{
	margin: 0;
	padding: 5px 10px;
	background: #fff;
}

#col1 .content .search_alt{
	margin: 0;
	padding: 5px 10px;
	background: #F3F4EA;

}

#col1 .content .search h6, #col1 .content .search_alt h6{
	color: #ED4E00;
}

/* ContactPage */

#contact_page {
	width: 380px; 
	float: left;	
}

#contact_page input {
	width: 265px;
	height: 20px;
	border: solid 1px #A5C7AB;
	margin-bottom: 15px;	
}

#contact_div1{
	width: 265px;
	float: left;
}

#contact_div1 input {
	width: 265px; 
	height: 20px; 
	border: solid 1px #A5C7AB; 
	margin-bottom: 15px;
}

#contact_div2 {
	width: 130px;
	float: left;	
}

#contact_div2 select {
	width: 128px;
	height: 20px;
	margin-bottom: 15px;
}

#contact_div3 {
	float: left;
}

#contact_div3 input {
	width: 380px;
	height: 160px; 
	border: solid 1px #A5C7AB; 
	margin: 0 0 15px 0; 
	padding: 0;
}

#contact_div3 a, #contact_div3 a:visited, #contact_div3 a:hover{
	text-decoration: none;	
	margin: 0;
	padding: 0;
	font-size: 1.1em;	
}

#contact_page_side {
	width: 130px; 
	float: right; 
	padding: 0 0 0 10px; 
	margin: 0; 
	border-left: dashed 1px #006010;
}

/* Staff Page */

#staff_tree_1{
	font-size: 1.4em;	
	color: #006010;
}

#staff_tree_2{
	font-size: 1.4em;
	color: #ED4E00;
}

#staff_page {
	width: 380px; 
	float: left;	
}

#staff_page h3 {
	color: #ED4E00;
	font-size: 2em;
	margin: 0 0 10px 0;
	padding: 0;
}

#staff_page span {
	color: #ED4E00;	
}

#pagewrap #staff_side{
	color: #474747;
}

#pagewrap #staff_side ul li a:link, #staff_side ul li a:visited {
	color: #474747;
	text-decoration: none;
}
#pagewrap #staff_side ul li a:hover {
	color: #ED4E00;
	text-decoration: none;
}




.selected_page{
	color: #ED4E00;
}

#creator span{
	font-weight: bold;
	font-size: 1em;
}

/* Gallery */

#gallery_wrapper{
	margin: 0 0 0 0;
	padding: 0;
}

#gallery_wrapper a{
	margin: 0 0 0 16px;
	padding: 0;
	text-decoration: none;
	color: #000;
	
}

#gallery_back{
	margin: 10px 0 0 0; 
	padding: 0;
}

div.gallery {
	 width: 130px;
	 float: right;
	 padding: 0 0 0 10px;
	 margin: 0;
	 border-left: dashed 1px #006010;
}

div.gallery span{
	color: #006010;
	font-family: Georgia, Verdana, Sans-Serif;
	font-size: 1.4em;
}

.gallery {
	 margin: 10px 0 0 0;
	 padding: 0px;
}

.gallery ul{
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

.gallery li {
	list-style-type: none;
	border-bottom: solid 1px #E7E9D4;
	padding: 2px 0 2px 0;
	margin: 0;
}
#pagewrap .gallery{
	color: #474747;
}

#pagewrap .gallery ul li a:link, #pagewrap .gallery ul li a:visited {
	color: #474747;
	text-decoration: none;
}
#pagewrap .gallery ul li a:hover {
	color: #ED4E00;
	text-decoration: none;
}

#gallery_header{
	margin: 0;
	padding: 10px 0 0 0;
	height: 15px;	
	background: #EDF4ED url(img/gallery_top.gif);
	background-repeat: no-repeat; 
	background-position: top left;
	
	text-align: center;
}

#gallery_header h4{
	font-size: 1.4em;
	color: #006010;	
	margin: 0;
	padding: 0;
}

#gallery_content{
	margin: 0;
	padding: 10px 16px 20px 16px;
	background: #EDF4ED;	
	height: auto;
	text-align: center;
	width: 498px;	
}

#gallery_content img{

	text-align: center;
	margin: 0;
	padding: 0;
}

#gallery_footer{
	margin: 0;
	padding: 0 0 20px 0;
	height: 45px;
	background: #EDF4ED url(img/gallery_bottom.gif);
	background-repeat: no-repeat; 	
	background-position: bottom left;	
}

#gallery_footer #footerl{
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	width: 247px;
	float: left;
	
	text-align: left;
	
}

#gallery_footer #footerl dl dt{
	color: #00600F;
	margin: 0;
	padding: 0;
}

#gallery_footer #footerl dl dd{
	color: #333333;	
	margin: 0;
	padding: 0;
}

#gallery_footer #footerr{
	margin: 0 0 0 0;
	
	padding: 0 16px 0 0;
	width: 220px;
	float: right;
	
	text-align: right;
	
}

#gallery_footer #footerr a{
	color: #000000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#gallery_footer #footerr a:hover{
	color: #ED4E00;
}

#gallery_footer #footerr p{
	margin: 0 10px;
	display: inline;
}

/* Lightbox */

#lightbox{
	z-index: 99;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.2em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{  z-index: 98; background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}