
/*
  Style Sheet for Kurt Edelmann's Drop Shadow CSS theme

  Color scheme: Shadowgraphic icons corresponding to the background colors listed below are supplied in "extra icons" folder. You will need to copy the appropriate shadowgraphics to the main folder for visualization.  If you are interested in producing new background colors for the shadowgraphics I have supplied the graphics as .xcf (GIMP) files such that you can change the background layer easily and then save the new file as .jpg.
 
  body            #ffffff (white),#d1d1d1 (light gray),#cbd6c4 (sage), #ddcdac (beige), #d7cfec (violet)
 
*/

body { /* base page style-  make sure to match the appropriate shadow graphics with the background color choices below.  Also use chosen background color for .wrap border-color which is required for proper display in IE only(*/
  color: #000000;
  background: #d7cfec /* #ffffff (white),#d1d1d1 (light gray),#cbd6c4 (sage), #ddcdac (beige), #d7cfec (violet)*/;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}

/* link treatments*/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul a:visited {
  color: #203643;
}

a:link img, a:hover img, a:visited img {
 
  margin: 0;
}

a:hover img{
	border-color: red;
		}

/* Header & header list treatments*/		
h1 { /* the header of all pages */
  height: 70px;
  background: #666699;
  color: white;
  font-weight: normal;
  letter-spacing: 3pt;
  font-size: 2em;
  vertical-align: top;
  text-align: right;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

ul.menu { /* the navigation menu (parent folders) */
  background: #babadd;
  border-top: solid 1px #404822;
  border-bottom: solid 1px #404822;
  font-weight: bold;
  letter-spacing: 1pt;
  margin: 0px;
  padding: 3px 0px 3px 2%;
  color: #404822;
}
ul.menu li {
  display: inline;
  color: #404822;
}
ul.menu li a {
  color: #404822;
}
ul.menu li.up {
  position: absolute;
  right: 2%;
}

h2 { /* headers and footers */
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 130%;
  color: #000000;
  margin: 3% 2% 1% 2%;
  padding: 2px;
  border: dotted 2px #000000;
}


           
ul.list { /* the list of subfolders */
  margin-left: 0px;
 
}
ul.list li {
				list-style-type: none;
            line-height: 1.4;
            margin-bottom: 0px;
            padding-left: 0px;
            margin-left: 0px;
            list-style: none;
            vertical-align: top;
            position: relative;
            Clear: left ;

            }
  /*line-height: 130%;
  color: #203643;
}
ul.list li a {
  color: #203643;
}

div a { /* color of links in captions */
  color: #B85761;
}
h2 a { /* color of links in the headers/footers */
  color: #B85761;
}

/*div characteristics*/
div.album {
	
	Float: left;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: 5px;
	margin-left: 40px;
	}
div.fullimage { /* the full image areas */
  float: left;
  overflow: hidden;
  margin: 2em;
}
div.fullimage a img {
  border: 7px #ffffff; /*#203643;*/
  border-style: inset;
}
 
div.divider {
	color: #FFFFFF;
	text-align: center;
  	font-weight: bold;
  	letter-spacing: 3pt;
	font-size: 0.8em;
	background: #666699;
	margin-bottom: 20px;
	border: 2px solid;
	border-color: #D3D3D3 black black #D3D3D3;
	clear: both;
	}

div.spacer { /* needed to clean the flow before and after floating thumbnails */
  clear: both;
}
div.infotext {
	font: Comic Sans;
	font-size: 1em;
  	color: #000000;
  	line-height: 130%;
   text-align: center;
	padding: 0px 4px;
	clear: both;
	
	}
div.infotext a {
	color: #000000;
	}
	


div.thumbs { /* the area all the thumbnails reside in */
     margin: 3%;
     clear: both;
 
}
div.thumbs2 { /* the area all the thumbnails reside in */
     margin: 3%;
    
 
}

/*"onionskin" drop shadow rules-*/
		.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, {
			display:inline-table;
			/* \*/display:block;/**/}
		
		.wrapname {/* holds text and framed image as unit*/
			
			float:left;
			margin-bottom: 20px;
			margin-right: 5px;
			}
		.wrap1 { /* bottom layer of shadow- make sure to match the background color to the appropriate shadow graphics*/		
			border: 1px solid #d7cfec /*note- FOR IE only- a border is needed to properly render shadow when there is text below the image*/ ;
			background:url(shadow.jpg) right bottom no-repeat;
				}
			
		.wrap2 { /* middle layer of shadow- make sure to match the background color to the appropriate shadow graphics*/
			background:url(corner_bl.jpg) -12px 100% no-repeat;}
		
		.wrap3 { /* top layer of shadow- make sure to match the background color to the appropriate shadow graphics */
			padding:0 16px 16px 0;
			background:url(corner_tr.jpg) 100% -4px no-repeat;}
			
		.wrap4 {border:1px solid;
			border-color: /*picture border outer highlights*/#D3D3D3 black black #D3D3D3;}
		
		.wrap5 {border: /*primary picture border style*/ 11px solid #FFFFFF;}
		
		.wrap3 img {
			display:block;
			border:2px solid;
			border-color: /*picture border inner highlights*/ gray #D3D3D3 #B7BDAD gray ;}
			

div div.caption, div.name { /* this is for text above thumbnails and images */
	
	
	font: Comic Sans;
	font-size: 1em;
  	color: #000000;
  	line-height: 130%;
   text-align: center;
	padding: 0px 4px;
	clear: both;
}

/* Footer treatments*/
address { /* the footer of all pages */
  float: right;
  width: 90%;
  margin: 2%;
  font-size: .5em;
  color: #203643;
  font-style: normal;
  text-align: right;
  display: none;
}
address a { /* color of links in the footer */
  color: #B85761;
  display: block;
  }

address span.helmar {
  display:block;
  } 


