/* default style sheet for saxton.org pages */

/* these Anchor properties also make sure we keep
   the desired colors when the mouse is clicked */
A:link {color: #b00000}
A:visited {color: #400080}

/* visited previously #9010c0; also tried #600000 #b000b0 #800078 #780080 */
BODY {background: #fffff0; color: #000000}

/* keep content to 40 characters wide to make reading text easier */
/* .pagewidth, .navbar, IMG.divline {width:600} */
.pagewidth {width: 40em}

/* use a nice teal texture for the background of the navigation bar
   (header/footer of document) */
.navbar {background: url("/buttons/bkgnd.gif") #70c0c0}

/* teal HR to match page look */
HR {border: 1px solid #008080; margin-top: 0.25em; margin-bottom:0.25em}

/* for table holding photo list on table-of-contents pages */
TABLE.toc {border: 3px double #70c0c0; padding: 0; border-spacing: 0}
.toc TD {border: 1px solid #008080; padding: 3px}

/* 'updated' text */
.title { text-align: center; margin-bottom: 0.2em }
.updated { text-align: center; font-size: 90%; font-style: italic; margin-top: 0 }

/* use these properties on the image tag to mimic hr */
/* REVIEW: get rid of this (after kauai conversion); can now use HR instead... */
IMG.divline {height:2px; vertical-align: middle; width:600px;
		     margin-top: 0.25em; margin-bottom: 0.25em}

/* for sub-pages */
.menutext {color: #007878; text-align: center;
		   margin-top: 0.25em; margin-bottom: 0.25em}
.menutext A:visited {color: #b00000}

/* provides a nice edge around images; especially nice for white-background images */
IMG.frame { border: 1px solid #caca95 }

/* for images with captions; white 'box' with border, containing picture and caption */
/* note that TABLE tag will need params: align=... width=<img width> (to avoid long text making table too wide) */
TABLE.picL { margin: 0.5em 1.3em 0.5em 0 }
TABLE.picR { margin: 0.5em 0 0.5em 1.3em }
TABLE.picL, TABLE.picR, TABLE.picC { border: 1px solid #caca95; padding: 0; border-spacing: 0;
	background: white; color: #666641 }
TD.picture { text-align: center; border: none; padding: 0.5em 0.5em 0 0.5em }
TD.picture IMG { border: none }
TD.caption { text-align: center; border: none; padding: 0.3em 0.5em 0.2em 0.5em;
	font-family: sans-serif; font-size: 90% }

@media handheld, screen and (max-device-width: 480px), screen and (min-resolution: 250dpi)
{
	/* REVIEW: need to add cells L & R of main content for this to work */
	.pagewidth { width: 95% }
}


/* temp tags for marking edits */
.add { color: #008000; background-color: #ffff80 }
.delete { color: #FF0000; text-decoration: line-through }