/* CSS by Mika Loponen */

body {
	text-align: left;
	margin: 0;
	padding: 0;
	font: 12px Georgia;
	background: url(bg_brown.jpg) repeat-x #735D46;
	
	}

b {
	color: #D07516;
}	
	
h1 {
	font: 40px "courier new";
	color: #5D4B39;
	
}

h2 {
	font: 20px "courier new";
	color: #D07516;
	font-weight: bold;
	
}

.navi {
	font: 14px "courier new";
	color: #D07516;
	padding: -20px 0px 0px 200px;

}

a:link {text-decoration:none;color:#D07516}
a:visited {text-decoration:none;color:#D07516}
a:hover {border-top: 1px solid black;border-bottom: 1px solid black;}


#left_header {
	position:fixed;
	background: url(left_header.gif) no-repeat #735D45;
	clear: both;
	height: 1000px;
	width:173px;
	/*float: left;*/
	left:0px;
	}
	
#wrapper {
	width: 700px;
	padding: 10px;
	margin: 0px 0px 0px 173px;
	border-right: 2px solid #C0AE86;
	float: left;
	background-color: #FFFFFF;
	position: absolute;
	top:0px;

}

#header {
	clear: both;
	width: 100%;
	text-align: left;
}

#navibox {
	width:100%;
	clear:both;
	text-align: right;
	margin: -35px 10px 0px 0px;
	padding-right: 50px;
}

#navibox ul li {
	display: inline;
}

#navibox a:link {text-decoration:none;color:#D07516}
#navibox a:visited {text-decoration:none;color:#D07516}
#navibox a:hover {border-top: 1px solid black;border-bottom: 1px solid black;}



#main { 
	font-size: 1em;
	text-align: left; 
	line-height: 200%;
	background: #FFFFFF;
	padding: 0px 10px 10px 10px;
	clear:both;
	}

#main p {
	padding: 0px 0px 0px 10px;
}
 	
#main img.floatRight {  
	background: #FFFFFF;  
	border: 1px solid #000;  
	float: right;  
	margin: 0.5em 1em;  
	padding: 5px;}
	
#main img.floatRight_noborder {  
	background: #FFFFFF;  
	float: right;  
	margin: 0.5em 1em;  
	padding: 5px;}

#main ul {
	list-style-type: disc;
}
#right {
	float: left;
	width: auto;
	}
#footer {
	/*background:  url(bg_bottom2.gif') no-repeat bottom left;*/
	bottom: 0px;
	height: 150px;
	width: 100%
		}
		
.nosto {
	border: 1px solid gray;
	padding-left: 30px;
	margin-left: 30px;
	}
	
/*Stu Nicholls gallery template css*/

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:800px; 
	height:580px; 
	background:#eee url(pics/abstrakti/CRW_0126-01.jpg) 0 40px no-repeat;
	border:1px solid #aaa;
	margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0; 
	margin:580px 0 0 0;
	list-style-type:none; 
	position:relative; 
	width:320px;
}
/* remove the default image border */
.gallery img {
	border:0;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top:-320px; 
	left:0; 
	visibility:hidden; 
	border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-540px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
	}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}
/* make the images visible on active/focus */
	.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}
/*old stu*/

#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:650px; 
  height:300px; 
  border:1px solid #888; 
  background:#fff;
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:300px;
  width:20px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:20px; 
  height:300px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:450px;
  }
#galleryh li a:hover img {
  width:450px;
  }