/* defaults */
body {
	background : #D6AF86;
	background-image: url("back.jpg");
	margin: 0px;
	color: #000000;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif, Helvetica, Geneva;
	font-size: 16px;
	background-attachment: scroll;
}
body		{ width: 97%; } /* for IE since it makes up useless horisontal scrollbars otherwise */
html>body	{ width: 100% }

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

/* default to no borders */
table, tr, td, img	{ border-style: hidden; border-width: 0px; margin: 0px }
table, tr, td		{ padding: 0px; border-spacing: 0px; border-collapse: collapse }

/* for left and right navigation frames */
body.side 		{ background : #CC8750; background-image: url("side.jpg"); color: #ffffff; font-size: 11px; vertical-align: top; height: 100%; }
div.left img, div.left span { margin-top: 15px; margin-bottom: 0px ; margin-left: 7px } /* need span as well for IE's fixpngalphaforshittybrowser wrapper */
div.left a:hover	{ position: relative; left: 12px ; z-index: 5 }
div.left a { position: relative; left: 0px ; z-index: 5; -webkit-transition-property: left; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: left; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}
span.line		{ background : #CCCFDE ; background-image: url("line.gif")  ; width: 12px ; height: 100% ; position: absolute ; right: 0px; top: 0px; margin: 0 }
span.rline		{ background : #CCCFDE ; background-image: url("line2.gif") ; width: 12px ; height: 100% ; position: absolute ; left: 0px;  top: 0px; margin: 0 }
img.arrowup, span.arrowup	{ position: absolute ; left: 13px; top: 20px }	 /* need span as well for IE's fixpngalphaforshittybrowser wrapper */
img.arrowdown, span.arrowdown	{ position: absolute ; left: 13px; bottom: 20px }/* need span as well for IE's fixpngalphaforshittybrowser wrapper */
img.arrowup:hover		{ position: absolute ; top: 15px ; padding-bottom:5px }
img.arrowdown:hover		{ position: absolute ; bottom: 15px ; padding-top:5px }
img.arrowup, img.arrowdown { -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: all; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}
div.scroll img		{ margin-top: 15px; margin-bottom: 0px ; margin-left: 1px }
div.scroll 		{ position: absolute ; bottom: 10px }
/* center right side nav section */
html.side, body.side	{ height: 100%}
div.scrollx 		{ overflow: visible ; position: relative } /* center vertically - IE */
div.scrollx2 		{ position: absolute; top: 50% ; z-index: 0 ; } /* center vertically - IE */
div.scrollx3 		{ position: relative; top: -50% ; text-align: center } /* center vertically - IE */
html>body div.scrollx	{ display: table; position: static ; height: 100%; } /* center vertically - real browsers */
html>body div.scrollx2	{ display: table-cell; vertical-align: middle; position: static; } /* center vertically - real browsers */
html>body div.scrollx3	{ position: static; } /* center vertically - real browsers */
/* new centered side nav section */
div.scrollx3 a#home:hover img	{ padding-top:14px ; padding-bottom:14px }
div.scrollx3 img#up		{ padding-bottom:0px ; padding-top:7px }
div.scrollx3 img#down		{ padding-bottom:7px ; padding-top:0px }
div.scrollx3 img#up:hover	{ padding-bottom:7px ; padding-top:0px }/*; xheight: 70px; xwidth: 68px}*/
div.scrollx3 img#down:hover	{ padding-bottom:0px ; padding-top:7px }
div.scrollx3 a img	{ padding-top:7px; padding-bottom:7px }
div.scrollx3 a span	{ margin-top:7px; margin-bottom:7px } /* need span as well for IE's fixpngalphaforshittybrowser wrapper */

/* center thumbnails and photos for ffx/op and ie */
table.shadow 		{ margin: auto }
td.mainthumb		{ text-align: center }

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

/* IE only scrollbar colors */ /* commented out - import in .js instead to avoid validator errors..
html {
	scrollbar-face-color: #eeeeff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #555566;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #bbbbcc;
	scrollbar-drawshadow-color: #ccccdd;
} */


/* ---------------------------------------------- bigtrip region pages ---------------------------------------------- */

/* for main page and bigtrip region pages with thumbnails for each folder */
table.main		{ margin-top: 20px; margin-bottom:  0px; margin-right:  2px; margin-left: 10px; line-height: 20px }
td.mainlnk		{ width: 100% } /* to push thumbnails to the right when folder link text isn't long enough */
img.mthumb		{ border-style: solid;  border-width: 1px; border-color: #ffffff; margin: 0px 4px 0px 4px }
/* img.mthumbsh		{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px }
img.mthumbsh:hover	{ border-color: #ffffff } */
img.mthumbsh		{ border-style: solid;  border-width: 1px; border-color: #555555; margin: 0px; padding: 1px ; background-color: #ffffff }
a.mthumbsh:hover	{ position: relative; left: 4px; top: 8px ; z-index: 5 }
a.mthumbsh { position: relative; left: 0px; top: 0px ; z-index: 5; -webkit-transition-property: left,top; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: left,top; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}
table.shadow tr		{ line-height: 12px } /* remove space between photo and shadow in strict HTML4 */

/* for bigtrip page for each region */
img.map			{ margin-top:  4px; margin-bottom:  4px; margin-right: 42px; margin-left: 12px }
table.bigtrip		{ margin-top: 20px; margin-bottom:  0px; margin-right: 10px; margin-left: 10px; line-height: 20px }
div.bigtripupdates	{ margin-top: 20px; margin-bottom:  0px; margin-right:  2px; margin-left: 30px }

/* "edel's photos" / "david's photos" links on bigtrip pages */
div.tab			{ text-align: right ; margin-right: 30px ; margin-left: 30px ; font-size: 17px }
div.tab span		{ margin-right: 20px ; font-weight: bold ; text-decoration: underline }
div.tab a		{ margin-right: 20px }
div.tab hr		{ margin-right: 0px ; margin-left: 0px ; margin-top: 5px ; margin-bottom: 0px }

/* "best-???" tables */
table.mainbest		{ margin-top: 20px; margin-bottom:  0px; margin-right: auto; margin-left: auto; line-height: 20px ; text-align: center }
div.mainbest		{ margin-right: 30px ; margin-left: 30px }
td.footbest		{ font-size: 14px ; font-style: italic ; text-align: center }


/* ---------------------------------------------- all photos and thumbindex pages ---------------------------------------------- */

/* thumbindex and allphoto header - prev/next album, title and "show all/thumbnails" links */
div.albumnav		{ width: 150px; height:  50px; margin: 15px 20px }
div.albumnavth		{ width: 150px; height: 140px; margin: 15px 20px } /* 140=fill thumbnailindex page nicer..less thumbs on row one */
div.prevalbum		{ float: left  ; clear: none ; text-align: left  }
div.nextalbum		{ float: right ; clear: none ; text-align: right }
span.maintitle		{ font-size: 20px ; font-weight: bold ; line-height: 24px }
a.allorthumb		{ font-size: 19px }

/* for each folders all-photos page */
table.titletext		{ margin-top:  0px; margin-bottom:  0px; margin-right: 10px; margin-left: 10px; line-height: 20px; text-align: center } /*??*/
div.mainphoto		{ margin-top:  0px; margin-bottom:  0px; margin-right: 10px; margin-left: 10px; line-height: 20px; text-align: center }
div.mainphoto table	{ margin: auto }
img.photo		{ border-style: solid;  border-width: 1px; border-color: #ffffff }
img.photosh		{ border-style: solid;  border-width: 1px; border-color: #000000 }

/* for folder thumbnail index pages */
div.thumbindex		{ margin-top:  0px; margin-bottom:  0px; margin-right:  4px; margin-left:  4px; line-height: 20px; text-align: center ; vertical-align: top }
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.hidemeindexthumb 	{ display: none }
a.showhidden		{ display: inline ; font-size: 12px ; font-weight: bold }
a.hidehidden		{ display: none   ; font-size: 12px ; font-weight: bold }
/* for folder thumbnail index pages with dropshadows */
div.thumbindexsh		{ margin-top: 0px; margin-bottom: 0px; margin-right: 4px; margin-left: 4px; line-height: 20px; text-align: center }
table.indexthumbsh		{ display: inline} /* works in firefox/ie/opera9 but not opera8 */    /* doesn't work: { float: left ; clear: none } */
table.indexthumbsh		{ display: inline-table } /* works in opera8/opera9, firefox and IE will ignore */
table.hidemeindexthumbsh	{ display: none   ; margin: auto }
a.indexthumbsh img		{ border-style: solid;  border-width: 1px; border-color: #555555; margin: 0px ; padding: 1px ; background-color: #ffffff }
/* a.indexthumbsh img		{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px }
a.hidemeindexthumbsh img	{ border-style: solid;  border-width: 1px; border-color: #999999; margin: 0px }
a.indexthumbsh img:hover, a.hidemeindexthumbsh img:hover	{ border-color: #ffffff } */ 
a.hidemeindexthumbsh img	{ border-style: solid;  border-width: 1px; border-color: #000000; margin: 0px ; padding: 1px ; background-color: #999999 }
a.indexthumbsh:hover, a.hidemeindexthumbsh:hover	{ position: relative; left: 3px; top: 6px ; z-index: 5 }
a.indexthumbsh, a.hidemeindexthumbsh { position: relative; left: 0px; top: 0px ; z-index: 5; -webkit-transition-property: left,top; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: left,top; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}
table.indexthumbsh tr, table.hidemeindexthumbsh tr	{ line-height: 12px }	/* remove space between photo and shadow in strict HTML4 */
/*a.hidemeindexthumbsh img	( opacity: 0.6 }
a.hidemeindexthumbsh img:hover	{ opacity: 1 } */

/* ---------------------------------------------- singlephoto pages ---------------------------------------------- */

/* for single-photo pages */
html.mainonephoto, body.mainonephoto	{ height: 100% } /* center vertically */
          div.mainonephoto	{ overflow: visible ; position: relative } /* center vertically - IE */
html>body div.mainonephoto	{ display: table; position: static ; height: 100%; width: 100% } /* center vertically - real browsers */
          div.onephoto		{ position: absolute; top: 50% ; z-index: 0 ; padding-left: 8px ; padding-top: 2px } /* center vertically - IE */
html>body div.onephoto		{ display: table-cell; vertical-align: middle; position: static; width: 100% } /* center vertically - real browsers */
          div.onephotoinner	{ position: relative; top: -50% ; text-align: center } /* center vertically - IE */
html>body div.onephotoinner	{ position: static; width: 100%; padding-bottom: 55px; } /* center vertically - real browsers */
img.onephoto		{ border-style: solid;  border-width: 1px; border-color: #ffffff ; margin-top:  4px; }
img.onephotosh		{ border-style: solid;  border-width: 1px; border-color: #000000 ; margin-top:  4px; }
div.prevnext		{ margin: auto; line-height: 20px; text-align: center ; white-space: nowrap }
div.prevnext a	{ margin-top: 4px; margin-bottom: 4px; margin-right: 12px; margin-left: 12px }
div.prevnext		{ position: absolute ; bottom: 0px ; width: 100% ; z-index: 1 ; } /* IE */
html>body div.prevnext	{ display: table-row; vertical-align: bottom ; position: static; width: 100% } /* nice browsers */
/* Thanks Yuhu http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
div.prevnext2		{ text-align: center ; white-space: nowrap }
div.prevnext2 a		{ margin-top: 4px; margin-bottom: 4px; margin-right: 12px; margin-left: 12px }
div.prevnext2		{ position: absolute ; bottom: 0px ; width: 100% ; z-index: 1 ; } /* IE */
html>body div.prevnext2	{ position: relative; bottom: 53px; padding-bottom: 3px; } /* nice browsers */

/* ---------------------------------------------- misc.. ---------------------------------------------- */

/* for text pages */
div.text		{ margin-top: 20px; margin-bottom: 20px; margin-right: 20px; margin-left: 20px; line-height: 20px; text-indent: 0px }
div.text:first-line	{ font-size: 20px }
div.text:first-letter	{ font-size: 42px }

/* for main bigtrip page and contact, link etc. pages */
div.mainother		{ margin-top: 30px; margin-bottom: 0px; margin-right: 40px; margin-left: 40px; line-height: 20px; text-align: center }
div.maintext		{ margin-top: 20px; margin-bottom: 20px; margin-right: 20px; margin-left: 120px; line-height: 20px; text-align: left }
div.mainbigtrip		{ margin-top: 30px; margin-bottom: 20px; margin-right: 20px; margin-left: 20px; line-height: 20px; text-align: center }
table.mainbigtrip	{ margin: auto }
td.mainbigtrip a	{ margin-right: 10px }


div.home		{ width: 685px ; xmargin-top: 20px; xmargin-bottom: 20px; xmargin-right: 20px; xmargin-left: 20px; margin: auto; line-height: 12px; }
table.home		{ width: 685px ; xmargin-top: 20px; xmargin-bottom: 20px; xmargin-right: 20px; xmargin-left: 20px; margin: auto; line-height: 22px; text-align: left; vertical-align: top}
table.home h2	{ margin-bottom: 4px; margin-top: 0px }
table.home td		{ vertical-align: top}
div.home img		{ border-style: solid;  border-width: 1px; border-color: #ffffff; margin: 3px ; width: 220px ; height: 147px ; padding: 0px; }
div.homertw		{ text-align: left ; vertical-align: top }
div.homealb		{ text-align: right ; vertical-align: bottom }
span.albx a, span.rtwx a { font-size: 22px; font-weight: bold ; line-height: 30px; clear: none ; vertical-align: bottom }
span.rtwx		{ float: right; line-height: 20px;}
span.albx		{ float: left; line-height: 20px;}

table.hometb a		{ font-size: 22px; font-weight: bold ; line-height: 30px; }
table.hometb 		{ line-height: 18px; margin-top: 20px }

span.left25		{ font-size: 17px; font-weight: bold ; line-height: 22px; position: absolute ; left: 26% ; top: 18px }
span.right25		{ font-size: 17px; font-weight: bold ; line-height: 22px; position: absolute ; right: 26% ; top: 18px }
span.right25 a, span.left25 a {font-weight: normal }

div.news	{ border-width:2px; border-color:#ffffff; xcolor: #ffffff; border-style: solid; padding: 5px; line-height: 20px; width: 80% ; margin: auto; margin-top: 5px ; font-size: 14px ; font-weight: bold }
.copyright	{ font-size: 10px; margin: auto; text-align: center}

/* ----------------------------------------------test stuff------------------------------------------------------------------- */


/* for small photos page */
div.smallphotos	{ text-align: center ; margin: auto ; width: 100%}
table.smallphotos 	{ margin-top:  0px; margin-bottom:  0px; margin-right: 10px; margin-left: 10px; line-height: 20px; text-align: center }
td.smallphoto		{  }
td.smallphototext	{ width: 100% }

xxtable.smallshadowphoto 		{ text-align: left ; margin-left: 20px; margin: auto}

td.shtr2		{ background-image: url("../shadow-tr.png") ; width: 15px ; height: 20px }
td.shbl2		{ background-image: url("../shadow-bl.png") ; width: 15px ; height: 20px }

span.shtr2		{ background-image: url("../shadow-tr.png") ; width: 15px ; height: 20px ; float: right}
span.shr2		{ background-image: url("../shadow-r.png") ; width: 15px   ; height: 100% ; float: right}
span.shbl2		{ background-image: url("../shadow-bl.png") ; width: 15px ; height: 20px ; float: left}
span.shb2		{ background-image: url("../shadow-b.png") ; height: 20px  ; width: 100% }
span.shbr2		{ background-image: url("../shadow-br.png") ; width: 15px ; height: 20px ; float: right}
td.shr2b 		{ width: 15px ; vertical-align: top }
td.shb2b 		{ height: 20px ; text-align: left }
td.shbr2b		{ width: 15px ; height: 20px }

xxxdiv.indexxthumbsh	{  width: 123px ; margin: auto}
xxxa.indexxthumbsh	{float: left ; margin: 0}
td.shr2 img.tra, td.shb2 img.tra	{ background-image: url("xxx.png")  ; width: 15px ; height: 20px ; float: left}

td.shr2x		{ background-image: url("../shadow-r.png") ; vertical-align: top ; width: 15px ; position: relative; top: 20px }
td.shb2x		{ background-image: url("../shadow-b.png") ; text-align: left ; height: 20px ; text-align: left ; position: relative; left: 15px }

span.shtrwrap	{ background-image: url("../back.jpg") ; width: 15px ; height: 20px }
span.shblwrap	{ background-image: url("../back.jpg") ; width: 15px ; height: 20px ; background-position: 0 0}


/*div.bigsep	{ xbackground-image: url("../hr.gif")  ; height: 45px ; width: 95% ; }
span.bigsep	{ background-image: url("../hr.gif")  ; height: 45px ; xwidth: 95% ; }
img.sepleft	{ float: left  ; clear: none }
img.sepright	{ float: right ; clear: none }*/





/* Google Earth page */
table.gepage		{ width: 100% }
table.gepage td 	{ text-align: left; vertical-align: top; font-size: 14px;}
table.gepage td a 	{ text-decoration: underline; }
table.gepage a.gedl	{ font-weight: bold;}
table.gepage h3 	{ xcolor: #000000 }
td.gescreenshot		{ text-align: right; float: right }
.smalltext			{ font-size: 12px; margin-left: 5px }
table.gesubt		{ text-align: left; margin-right: 10px }
table.gesubt img	{ margin: 0px 10px }
div.gesmall			{ text-align: left; font-size: 14px; margin-top: 5px }


/* new non-frame sidebars */
div#left	{ position: absolute; width: 80px; left: 0; height: 100%; }
div#right	{ position: absolute; width: 80px; right: 0; height: 100%; }
div.sidebar	{ background : #CC8750; background-image: url("side.jpg"); color: #ffffff; font-size: 11px; vertical-align: top; height: 100%; }
div.sidebar	{ background : #222222; background-image: url("sidedark.jpg"); color: #ffffff; font-size: 11px; vertical-align: top; height: 100%; }

div#left img, div#left span { margin-top: 15px; margin-bottom: 0px ; margin-left: 7px } /* need span as well for IE's fixpngalphaforshittybrowser wrapper */
div#left span.line { margin: 0; }
div#left a:hover	{ position: relative; left: 12px ; z-index: 5 }
div#left a { position: relative; left: 0px ; z-index: 5; -webkit-transition-property: left; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: left; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}

div#mainarea	{ overflow: auto; position: absolute; right: 80px; left: 80px; top: 0; bottom: 0; margin: 0; }
div#mainarea	{ background:#333333 url(backdark.jpg); background-attachment: scroll; }
body.folder	{ height: 100%; margin: 0; overflow: hidden; }

/* Google Map */
div#map_canvas { padding: 4px; height: 310px; }
div#map_canvas_outer { width: 95%; background-color: #000; margin: 0px auto; color: #000; padding: 10px; border: 1px solid #FFF; }
#tooltip_box	{ position: absolute; top: 23px; width: 95%; text-align:center; }
#plmark_tooltip { width: 350px; margin: auto; text-align: center; opacity: 0.7; filter:alpha(opacity=70); background-color: #000; z-index: 5; top: 5px; color: white; font-family: tahoma; font-size: 9pt; font-weight: bold; border: 1px solid #FFF; line-height: 18px; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
#tooltip_text	{ margin: 3px 26px; }

.hideme 	{ display: none }