@import "dtstyle.css";

body {
	background : #333333;
	background-image: none;
	background-image: url("backdark.jpg");
	color: #DDDDDD;
}


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

body.side {
	background : #222222;
	background-image: none;
	background-image: url("sidedark.jpg");
	color: #DDDDDD;
}

/* for main page with thumbnails for each folder */
img.mthumb		{ border-style: solid;  border-width: 1px; border-color: #000000; }
img.mthumbsh		{ border-style: solid;  border-width: 1px; border-color: #FFFFFF; padding: 5px ; background-color: #000000 }
/* img.mthumbsh		{ border-style: solid;  border-width: 3px; border-color: #000000; padding: 1px ; 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: #FFFFFF; margin: 0px ; padding: 5px ; background-color: #000000 }

/* 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-dk-r.png")     ; width: 15px ;              ; background-repeat: repeat-y  ; vertical-align: top }
td.shb			{ background-image: url("ie-dk-b.png")     ;             ; height: 20px ; background-repeat: repeat-x  ; text-align: left }
td.shbr			{ background-image: url("ie-dk-br.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr img		{ background-image: url("ie-dk-tr.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shb img		{ background-image: url("ie-dk-bl.png")    ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr2			{ background-image: url("../ie-dk-r.png")  ; width: 15px ;              ; background-repeat: repeat-y  ; vertical-align: top }
td.shb2			{ background-image: url("../ie-dk-b.png")  ;             ; height: 20px ; background-repeat: repeat-x  ; text-align: left }
td.shbr2		{ background-image: url("../ie-dk-br.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr2 img		{ background-image: url("../ie-dk-tr.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shb2 img		{ background-image: url("../ie-dk-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 }

/* "edel's photos" / "david's photos" links on bigtrip pages */
div.tab 		{ color: #FFFFFF }
div.tab a		{ margin-right: 20px; color: #FFFFFF }

/* for single-photo pages */
img.onephoto		{ border-style: solid;  border-width: 1px; border-color: #FFFFFF ; margin-top:  4px; padding: 8px ; background-color: #000000}
img.onephotosh		{ border-style: inset;  border-width: 1px; border-color: #FFFFFF ; margin-top:  4px; padding: 8px ; background-color: #000000}
div.onephotosh		{ border-style: inset;  border-width: 1px; border-color: #FFFFFF ; margin-top:  4px; padding: 8px ; background-color: #000000} /* for .swf */



/* Google Earth page */
table.gepage td 	{ color: #f7f7f7}
table.gepage a.gedl	{ color: #f7f7f7 }
table.gepage h3 	{ color: #ffffff }