/* 
Flemming Bo Jensen - stylesheet
===============================
https://www.pbase.com/flemmingbo

CSS by Flemming Bo Jensen
Web and graphic design by GeeArt - www.geeart.com
---
CSS and design copyright Flemming Bo Jensen - please do not copy my design, html or css. Thanks. 
---
Stylesheet for new frontpage with panorama slideshow
Version of 11 JULY 2009
----------
Thanks to Arjun - https://www.pbase.com/arjunrc - for the code below to hide the menu.
*/
/* --- simple code to hide the menu -- */
/* -- by arjun -- */
body table td a img { display:none;} 
.thumbnails table img {display:none;}
table img {display:block;}
.display,.display img {display:block;}
.thumbnails table,.thumbnails table img, .display,p.small{ 
display: inline;} 
body div.galleryheader table td a img {display:inline;}

TABLE
{
  MARGIN-TOP: -6px;
}

BODY
{
  font-family: Verdana, Tahoma, Helvetica;
  background : white;
  color: rgb(40,40,40);
  font-size: 0px;
  text-align: center;
  margin: 0px;
/*  display: block;*/
  margin:auto;
  padding:0;
  border:0;
}

DIV,TH,TR,TABLE,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5, CENTER
{
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 0px; 
  font-weight: normal;
  color: rgb(40,40,40);
}

font
{ 
  font-family: Verdana, Tahoma, Helvetica;  
  color: rgb(40,40,40);
  background : rgb(90,86,80);
  font-size: 0px;
}

A, TD.A, A:link, A:visited, A:active
{
  color: rgb(95, 48, 21);
  text-decoration: none;
}

A:hover
{ 
  color: rgb(95, 48, 21);
  text-decoration: underline; 
}

TD.thumbnail 
{
  display:none;
}

img.thumbnail
{
  display:none;
}

#inline_slideshow 
{ 
  border-style : none;
  border-width : 0px;
  margin-top:15px;
  margin-left:10px;
  vertical-align: top;
}

#inline_slideshow td
{
  vertical-align: top; 
  text-align: right; 
}

#inline_slideshow td img
{
  margin:0px;
  padding:0px;
  border:0px;
  vertical-align:top;
}

.gallery_hitcounts
{
  display:none;
}

.gallery_comments
{
  display: none
}

.normaltable
{
  MARGIN-TOP: 0px;
}

/*Top menu navigation*/

#topmenu
{
  height: 20px;
  width: 815px;
  margin: 0px 0px 0px 0px; 
}

#topmenu ul 
{ 
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  float: left; 
  padding:0;
}

#topmenu li 
{ 
  display: block; 
  height: 20px; 
  width: 74px; 
  font-family: Verdana;
  font-size: 11px;
  letter-spacing: 0; 
  line-height: 20px; 
  color: #fff; 
  margin-left: 10px;
  text-indent: 9px; 
  float: left; 
}

#topmenu li a:link, li a:active, li a:visited  
{
  display: block;
  background: #fff url(https://www.pbase.com/image/90484707/original.jpg) no-repeat left top;
  color: rgb(40,40,40);
  text-decoration: none; 
}

#topmenu li a:hover  
{
  display: block;
  background: rgb(157,80,34) url(https://www.pbase.com/image/90484707/original.jpg) no-repeat left top;
  color: #ffffff;
  text-decoration: none; 
}

/* Main containers */

#topspace
{
  position:relative;
  width:815px;
  height:15px;
  background:none;
  margin:0;  
  font-size:0px;  
}

#wrapper 
{
  position:relative;
  width: 815px; 
  margin: auto; 
  text-align: left; 
  display:block;
}

#topbox
{
  width: 815px;
  height: 170px;
  background: #ffffff;
}

#toplogobox
{
  width:815px;
  height:130px;
  background: #ffffff;
}

#toplogobox-left
{
  width:190px;
  height:130px;
  float:left;
  display:inline;
}

#toplogobox-right
{
  width:420px;
  height:130px;
  float:left;
  display:inline;
}

#top-thinline
{
  width:815px;
  height:10px;
  background: #ffffff;
  font-size:0px;
}

#topmenubox
{
  width:815px;
  height:30px;
  background: #ffffff;
}

#standalone-greybox
{
  width:815px;
  height:2px;
  background:none;
  margin:0;
  font-size:0px;
}

#greybox-space
{
  width:815px;
  height:2px;
  background:none;
  margin:0;  
  font-size:0px;
}

#mainbox
{
  width:815px;
  height:631px;
  background: #ffffff;
}

#left-maincolumn
{
  position:relative;
/* next line, display should be block but inline fixes ie6 double-margin bug */
  display:inline; 
  width:200px;
  float:left;
  margin-top:15px;
  margin-left:10px;
  overflow:hidden;
}

#right-maincolumn
{
  position:relative;
  display:block;
  width: 595px;
  float:left;
  margin-left:0px;
  margin-top:0px;
  overflow:hidden;
  margin:0px;
}

#slideshow-box
{
  position:relative;
  width: 595px;
  height:250px;
  display:block;
  float:left;
  margin-left:0px;
  margin-top:0px;
  overflow:hidden;
  margin:0px;
}

#text-box
{
  position:relative;
/* next line, display should be block but inline fixes ie6 double-margin bug */
  display:inline;
  width: 334px;
  height:356px;
  float:left;
  text-align: left; 
  line-height: 1.55em; 
  font-size: 10px;  
  overflow:hidden;
  margin-left:10px;
  margin-right:0px;
  margin-top:6px;
}

#news-box
{
  position:relative;
/* next line, display should be block but inline fixes ie6 double-margin bug */
  display:inline;
  width: 210px;
  height:356px;
  float:left;
  text-align: left; 
  line-height: 1.34em; 
  font-size: 10px;  
  overflow:hidden;
  margin-left:40px;
  margin-right:0px;
  margin-top:6px;
}

.text-header
{
  display:block;
  font-size:12px;
  font-weight:bold;
  line-height: 1.5;
  color: rgb(80,76,70);
  margin-bottom:5px;
}

#credit-box
{
  display:block;
  width: 800px;
  height:12px;
  text-align: center; 
  margin-left:auto;
  margin-right:auto;
  line-height: 1;
  font-size: 9px;  
  color: rgb(230, 230, 230);
  overflow:hidden;
  margin-top:20px;
}

#credit-box a
{
  color:rgb(245,245,245);
}

/*Triptych - 3 picture column navigation*/

#triptych
{
  width: 200px;
  margin: 0px 0px 0px 0px; 
}

#triptych ul 
{ 
  margin: 0px 0px 0px 0px;
  padding: 0;
  list-style-type: none;
  float: left; 
}

#triptych li 
{ 
  display: block; 
  height: 122px; 
  width: 200px; 
  float: left; 
}


/* image styles */
.toplogo
{
  vertical-align:bottom;
}

.thinline
{
  vertical-align: top; 
}

.greyline
{  
  vertical-align: top; 
}

/* Search box */

#searchbox
{
}

#searchbox form
{
  float: right; 
  margin-right: 10px; 
  text-align: right; 
  vertical-align: middle; 
  height: 18px; 
  max-height: 18px; 
  display: inline;
  padding:0;
  margin-top:1px;
}

#searchbox input#searchinput
{
  font-size: 10px;
  height: 18px;
  width: 80px;
  background-color: #ffffff;
  margin: 0px;
  color: rgb(40,40,40);
  border: 1px solid rgb(230,230,230);
}

#searchBox input#searchInput:hover 
{
  border: 1px solid rgb(157,80,34);
}

#searchbox input#searchbutton
{
  margin-left:4px;
  vertical-align:top;
  margin-top:4px;
}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
