/*
 * Portfolio stylesheet...
 *
 * (c) 2002-2004 Dave Baker <dave@dsb3.com>
 *
 */


/* Defaults for use unless we override it below */
img { border: none }


/* outer border - thick line and padding */
div.outerborder {
	padding: 5px;
        margin: 2px;
	border: 2px solid black;
  
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
        text-decoration: none;

}

div.innerborder {
        padding: 0px;
        border: 1px solid black;
	background-image:url(/pf/img/dark_bg.jpg);
}

        

/*
 * TODO: need to figure out heirarchy so I can choose border type and
 * background type separately to combine as needed
 *
 */
  
/* top border, light background */
div.topcontent {
	padding-top: 20px; padding-bottom: 20px;
	background-image:url(/pf/img/light_bg.jpg);
}


div.menu {
        padding: 0px 0px 15px 0px;
	/* find a nicer font!! */
	font-family: Helvetica, Times, Roman;
	font-size: 20px;
        
}

/* this is ugly ... need a nicer style ... mostly I just wanted to get
   rid of the underline and not have the link change colour after being
   visited  - also doesn't work for Konq. */
div.menu a:link { color: #000000; text-decoration: none; }
div.menu a:visited { color: #000000; text-decoration: none; }
div.menu a:hover { color: #888888; text-decoration: none; }


/* middle region, contains image thumbnails */
div.bodycontent {
	padding: 0px 0px; 
}

div.bodycontent img {
	margin: 5px;
	border: 1px solid black
}


/* middle region, contains grid of thumbnails images */
div.splasharea {
	padding: 50px 5px; 
}


/* 
 * gallery page central region
 *  -  contains grid of thumbnails images
 *  -  fixed width means we know we have 3 pictures wide, and
 *     can group/arrange as such, though it starts to look dorky
 *     on a screen less than 800px wide.
 */
div.thumbsarea {
        width: 715px;
	padding: 25px 5px; 
}



/* middle region, contains single large image */
div.imagearea {
	padding: 50px 5px; 
        font-size: 15px; 
        line-height: 20px; 
}


/* text region, left hand side.  takes 200px image, and has -1 left
   margin for NS4 compatability */
div.textarealeft {
  valign: middle; 
  width: 202px; 
  margin-left: -1px; 
  float: left;
}

/* text region, right hand side. */
div.textarearight {
  valign: middle; 
  margin-left: 202px;
  margin-top: 15px; 
  padding-left: 30px;
  font-size: 21pt;
}



/* bottom region */
div.bottomcontent {
	padding: 20px 5px; 
	background-image:url(/pf/img/light_bg.jpg);
}


.spacer {
  clear: both;
}