@import "dtstyle.css";

body {
	background : #FFFFFF;
	background-image: none;
	background-image: url("backbw.jpg");
	color: #000000;
}


a			{ color: #000000; text-decoration: none }
a:link			{ text-decoration: underline }
a:visited		{ text-decoration: none }
a:hover			{ color: #777777; text-decoration: underline }
a:active		{ color: #777777; text-decoration: underline }

body.side {
	background : #FFFFFF;
	background-image: none;
	background-image: url("sidebw.jpg");
	color: #000000;
}

/* for main page with thumbnails for each folder */
img.mthumb		{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px 4px 0px 4px }
/*img.mthumbsh		{ border-style: solid;  border-width: 1px; border-color: #FFFFFF; margin: 0px; padding: 0px ; background-color: #FFFFFF }*/
img.mthumbsh		{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px; padding: 3px ; background-color: #FFFFFF }

/* for each folders all-photos page */
img.photo		{ border-style: solid;  border-width: 1px; border-color: #000000 }

/* for folder thumbnail index pages */
a.indexthumb img	{ border-style: solid;  border-width: 1px; border-color: #ffffff; margin: 4px }
a.hidemeindexthumb img	{ border-style: solid;  border-width: 1px; border-color: #777777; margin: 4px }
a.indexthumbsh img		{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px ; padding: 3px ; background-color: #FFFFFF }

/* for single-photo pages */
img.onephoto		{ border-style: solid;  border-width: 1px; border-color: #000000 ; margin-top:  4px; }



/* dropshadow for photos and thumbnails  */
td.shr			{ background-image: url("ie-bw-r.png")     ; width: 15px ;              ; background-repeat: repeat-y  ; vertical-align: top }
td.shb			{ background-image: url("ie-bw-b.png")     ;             ; height: 20px ; background-repeat: repeat-x  ; text-align: left }
td.shbr			{ background-image: url("ie-bw-br.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr img		{ background-image: url("ie-bw-tr.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shb img		{ background-image: url("ie-bw-bl.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr2			{ background-image: url("../ie-bw-r.png")  ; width: 15px ;              ; background-repeat: repeat-y  ; vertical-align: top }
td.shb2			{ background-image: url("../ie-bw-b.png")  ;             ; height: 20px ; background-repeat: repeat-x  ; text-align: left }
td.shbr2		{ background-image: url("../ie-bw-br.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr2 img		{ background-image: url("../ie-bw-tr.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shb2 img		{ background-image: url("../ie-bw-bl.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
/* use real alpha transparency for  browsers made this century.. (IE doesn't understand html>body child selectors) */
html>body td.shr	{ background-image: url("shadow-rx.png") }
html>body td.shb	{ background-image: url("shadow-bx.png") }
html>body td.shbr	{ background-image: url("shadow-br.png") }
html>body td.shr img	{ background-image: none }
html>body td.shb img	{ background-image: none }
html>body td.shr2	{ background-image: url("../shadow-rx.png") }
html>body td.shb2	{ background-image: url("../shadow-bx.png") }
html>body td.shbr2	{ background-image: url("../shadow-br.png") }
html>body td.shr2 img	{ background-image: none }
html>body td.shb2 img	{ background-image: none }