/*
	description:
	history:
		2004-05-03 JRC: Created
		2005-08-23 JRC: Updated for use on pbase.com
		2005-12-01 JRC: Updated to fix accidental screw-up; not quite the same as it used to be
		2006-04-20 JRC: Minor additions for consistency with new homepage Jim04.css.
		2006-04-21 JRC:
			• Standardized and condensed CSS formatting for readability
			• Synchronized whole document with Jim04 where possible (and indicated in Jim04 add/change/deletes).
			• Fixed "h1 renamed to h2" bug
	notes:
		structure of CSS doc: element.class:psuedo-element { property name: value }
			The part to the left of the braces is collectively called the selector.
*/


/*******************************************************************/
/* WC3 standard style definitions***********************************/
/*******************************************************************/

ADDRESS,BLOCKQUOTE,BODY,DD,DIV,DL,DT,FIELDSET,FORM,FRAME,FRAMESET,H1,H2,H3,H4,H5,H6,IFRAME,NOFRAMES,OBJECT,OL,P,UL,APPLET,CENTER,DIR,HR,MENU,PRE { display: block }
LI				{ display: list-item }
HEAD			{ display: none }
TABLE			{ display: table }
TR				{ display: table-row }
THEAD			{ display: table-header-group }
TBODY			{ display: table-row-group }
TFOOT			{ display: table-footer-group }
COL				{ display: table-column }
COLGROUP		{ display: table-column-group }
TD, TH			{ display: table-cell }
CAPTION			{ display: table-caption }
TH				{ font-weight: bolder; text-align: center; margin-left: auto; margin-right: auto; }
CAPTION			{ text-align: center; margin-left: auto; margin-right: auto; }
BODY			{ padding: px; line-height: 1.33 }
H1				{ font-size: 2em; margin: .67em 0 }
H2				{ font-size: 1.5em; margin: .83em 0 }
H3				{ font-size: 1.17em; margin: 1em 0 }
H4,P,BLOCKQUOTE,UL,FIELDSET,FORM,OL,DL,DIR,MENU { margin: 1.33em 0 }
H5				{ font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6				{ font-size: .67em; margin: 2.33em 0 }
H1,H2,H3,H4,H5,H6,B,STRONG { font-weight: bolder }
BLOCKQUOTE		{ margin-left: 40px; margin-right: 40px }
I,CITE,EM,VAR,ADDRESS { font-style: italic }
PRE,TT,CODE,KBD,SAMP { font-family: monospace }
PRE				{ white-space: pre }
BIG				{ font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB				{ vertical-align: sub }
SUP				{ vertical-align: super }
S, STRIKE, DEL	{ text-decoration: line-through }
HR				{ border: 1px inset }
OL,UL,DIR,MENU,DD { margin-left: 40px }
OL				{ list-style-type: decimal }
OL UL,UL OL,UL UL,OL OL { margin-top: 0; margin-bottom: 0 }
U, INS			{ text-decoration: underline }
CENTER			{ text-align: center; margin-left: auto; margin-right: auto; }
BR:before		{ content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM	{ font-variant: small-caps; letter-spacing: 0.1em }
A[href]			{ text-decoration: underline }
:focus			{ outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
	BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
	BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
	*[DIR="ltr"]	{ direction: ltr; unicode-bidi: embed }
	*[DIR="rtl"]	{ direction: rtl; unicode-bidi: embed }
	/* Elements that are block-level in HTML4 */
	ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
	FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
	NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
	DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
	COL, COLGROUP, TD, TH, CAPTION 
	{ unicode-bidi: embed }
/* End bidi settings */

@media print {
		@page		 { margin: 10% }
		H1, H2, H3,
		H4, H5, H6	{ page-break-after: avoid; page-break-inside: avoid }
		BLOCKQUOTE, 
		PRE			{ page-break-inside: avoid }
		UL, OL, DL	{ page-break-before: avoid }
	}

@media speech {
		H1, H2, H3, 
		H4, H5, H6	{ voice-family: paul, male; stress: 20; richness: 90 }
		H1			{ pitch: x-low; pitch-range: 90 }
		H2			{ pitch: x-low; pitch-range: 80 }
		H3			{ pitch: low; pitch-range: 70 }
		H4			{ pitch: medium; pitch-range: 60 }
		H5			{ pitch: medium; pitch-range: 50 }
		H6			{ pitch: medium; pitch-range: 40 }
		LI, DT, DD	{ pitch: medium; richness: 60 }
		DT			{ stress: 80 }
		PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
		EM			{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
		STRONG		{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
		DFN			{ pitch: high; pitch-range: 60; stress: 60 }
		S, STRIKE	{ richness: 0 }
		I			{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
		B			{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
		U			{ richness: 0 }
		A:link		{ voice-family: harry, male }
		A:visited	{ voice-family: betty, female }
		A:active	{ voice-family: betty, female; pitch-range: 80; pitch: x-high }
	}


/*******************************************************************/
/* JRC standard styles *********************************************/
/*******************************************************************/

/* common global text attributes */
body,font,p,pre,h1,h2,h3,h4,h5,h6,table,tr,td,th,thead,tbody,tfoot,caption,li,form,div,address,blockquote,ul,fieldset,ol,dl,dir,menu,head,span {
		font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; 
		letter-spacing: normal;											/* 5em; */
		word-spacing: normal; 
		line-height: normal;
		vertical-align: baseline;										/* default=baseline */
	}

/* monospace text font */
pre { font-family: "Lucida Console", "Courier New", Monospace;  font-size: 90%;  } /* 2006-04-21: changed from 80% */

/* common regular text attributes */
body,font,p,pre,table,tr,td,dir,menu {
		font-style: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-decoration: none; 
		text-transform: none; 
		text-indent: 0; 
	}

/* font sizing; equivelancies below: 10px=62.5%, 11px=70%, 11.5px=75%; 2006-04-21 JRC: added */
	html { font-size: 100%; }		/* IE6 hack to get em sizing to work rationally with different user viewing sizes */
	html>body { font-size: 11px; }  /* IE6 hack [IE can’t read this but works for most other browsers; sets 1em=10px] */
	body { font-size: 70% }		  /* this results in 1em = 10px since most browsers define "medium" as 16px; everything else is relative to this; some claim 76% is as low as you can go and stay the same accross all browsers */
	/* now everthing else is relative to 1em = 10px [e.g. 1.5em = 15px] */
	h1 { font-size: 2em }
	h2 { font-size: 1.5em }
	h3 { font-size: 1.25em }
	h4 { font-size: 1em }
	/* declare things that are 1em */
	font,p,pre,table,tr,td,th,thead,tbody,tfoot,caption,li,form,div,address,blockquote,ul,fieldset,ol,dl,dir,menu,a,span { font-size: 1em }
	/* prevent inheritance shrinkage - not entirely sure if this shorthand works [JRC 2005-12-04] */
	box *,div *,p *,pre *,caption *,form *,blockquote *,dir *,font *,menu *,address *,fieldset *,a *,table *,tr *,td *,th *,thead *,tbody *,tfoot *,ul *,ol *,li *,span * { font-size: 1em }

/* alignment: left, baseline */
body,font,p,pre,h1,h2,h3,h4,h5,h6,table,tr,td,th,thead,tbody,tfoot,caption,li,form,div,address,blockquote,ul,fieldset,ol,dl,dir,menu,head,span
{ text-align: left; margin-left: auto; vertical-align: baseline; }  /* default 'text-align'='browser decides'; 'text-align: left; margin-left:auto' is a hack to get content left-justified in both browsers; 2006-04-21 JRC: added */
	
/* box attributes */
box,div,table,tr,td,th,thead,tbody,tfoot { padding: 0 0 0 0; margin: 0 0 0 0; border: none; }

/* lists */
ul, ol { list-style-position: outside; margin-left: 40px; padding-left: 0; }
ul li, ol li { padding: 0 0 0.5em 0; }

/* links */
a:link { color: coral; text-decoration: underline; }
a:visited { color: cornsilk; text-decoration: underline;  }
a:hover { color: navy; background: tan }
a:active { color: navy; background: palegreen }
a:focus { color: navy; background: skyblue }
/* IE6 hack to fix photo links [hover works incorrectly on photos in IE] (doesn't work with the "img" sub-selector present); added 2006-04-21 JRC */
/* a:link, a:visited, a:hover, a:active, a:focus {position: relative; } */
/* a:link img, a:visited img, a:hover img, a:active img, a:focus img {background-color: transparent; color: inherit; position: relative; text-decoration: none; } */


/*******************************************************************/
/* pbase-specific formatting ***************************************/
/*******************************************************************/

	/***********************************************************/
	/* general element overrides ***********************************/

		/* overrides */
		body { background: rgb(48, 48, 48); color: Beige; }
		body { padding: 15 15 15 15; }
		h3 {font-size: 1em; font-weight: normal; }


	/**********************************************************/
	/* common attributes **************************************/

		/* common box colors */
		h2, div.galleryheader, table.JimCustom01, td.thumbnail, td.JimC_AttribDescription01, td.JimC_AttribValue01, 
		table.comment, p.small, div#imagecaption, h2.jim-MainPage-Heading
		{ background: DimGray; }

		/* common box borders */
		h2, h2.jim-MainPage-Heading, div.galleryheader, td.thumbnail, p.small, table.comment, div#imagecaption
		{ border: solid 1px black; }
		
		/* common box margins */
		h2, h2.jim-MainPage-Heading, div.galleryheader, td.thumbnail, p.small, table.comment, div#imagecaption
		{ margin: 10px 0px 5px 0px; }

		/* common box padding */
		h2, h2.jim-MainPage-Heading, div.galleryheader, td.thumbnail, p.small, table.comment
		{ padding: 8px 8px 8px 8px; }
		
		/* font-size 2em */
		h2, h2.jim-MainPage-Heading { font-size: 2em }

		/* font-size 90% */
			div#Jim-PleaseVote,
			span.small
			{font-weight: normal; font-size: 90%; }
		
		/* font-size 75% */
			td.thumbnail,
			div.techinfo,
			span.date,
			span.camera,
			span.exif
			{ font-weight: normal; font-size: 75% }
													

	/***********************************************************/
	/* specific elements common among more than one page type **/

		/* menu (not the PBase one)
		div.localmenu { margin: 5 5 5 0; }
			div.localmenu table {  }
				span.treepath { padding: 8px 8px 8px 8px; margin: 5px 0px 5px 0px; } /* cookie crumb path at top (not much can be done with this) */

		/* gallery title */
		h2 { letter-spacing: 3px; word-spacing: normal; text-decoration: none; text-transform: none; }

		/* first letter of gallery title */
		/* h2:first-letter { color: Khaki; font-size: 160%; } */

		/* page div */
		div#page-1 {  }

		/* thumnails nav */
		div.thumbnails, div.thumbnails table { text-align: center; margin-left: auto; margin-right: auto; }

		/* individual thumnail cells */
		td.thumbnail {
				vertical-align: top;
				text-align: center; margin-left: auto; margin-right: auto;
				padding: 8px 8px 8px 8px;
				background: Gray;
				margin: 0 0 0 0; 
			}

		/* image itself */
		img.thumbnail { border: solid 3px white; }

		/* thumbnail image hyperlinks */
		a.thumbnail {  }
		a.thumbnail:link {  }
		a.thumbnail:visited {  }
		a.thumbnail:active {  }
		a.thumbnail:hover {  }  /* 2006-04-21 JRC: removed 'border: chartreuse 1px solid;' to see the effect; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); */
		a.thumbnail:focus {  }
		a.thumbnail, a.td.thumbnail:link, a.td.thumbnail:visited, a.td.thumbnail:active {  }


	/***********************************************************/
	/* sub-gallery icon page ***********************************/

		/* div#page-1 */
			div#page-1 center {  }
				div#page-1 center table {  }
					/* tr */
						/* td */
							/* a */
								/* img */
							/* gallery icon caption */
							div#page-1 center table tr td b { font-size: 1em;}
							div#page-1 center table tr td b { font-weight: normal; font-size: 110%;}


	/***********************************************************/
	/* photo icon page *****************************************/

		/* div#page-1 */
			/* div.galleryheader */
				table.JimCustom01 {  }
					tr.JimCustom01 {  }
						table.JimCustom01 tr td {  }
						td.JimC_AttribDescription01, td.JimC_AttribValue01 { vertical-align: top; padding: 0 1em 0 0; background: Gray; }
						td.JimC_AttribDescription01 {  }
						td.JimC_AttribValue01 {  }
				div#Jim-PleaseVote { margin: 5px 2px 0 3px; }
					div#Jim-PleaseVote b { font-weight: bold; color: #BBC7FF;}


	/***********************************************************/
	/* photo detail page ***************************************/

		/* main box */
		div.imagepage {  }

			/* view control */
			div.slideshow {  margin: 5 5 5 0; }  
			div.image { vertical-align: top; }
				table.imagetable { background: DimGray;  border: solid 1px black; vertical-align: top; text-align: center; margin-left: auto; margin-right: auto; }
					img.display { margin: 8 8 8 8; border: solid 3px white; }
					span.date { margin: 5 5 5 5; }
					span.artist {  }

			/* container for info */
			div.imageinfo {  }  
				/* photo title */
				h3.title, span.title, { text-align: center; margin-left: auto; margin-right: auto; vertical-align: middle; }
				h3.title {  }
					span.title {font-weight: normal; font-size: 55%; }  /* image title (for some reason this is messed up--have to set custom to get to what should be 75%) */
				div#imagecaption { padding: 0 8px 0 8px; }
					p.caption { font-style: italic; font-weight: normal; }

			/* other info */
			div.techinfo {  }
			span.camera {  }
			span.exif {  }

			/* other sizes */
			div.othersizes {  }

			/* copyright */
			div.copyright {  }


	/***********************************************************/
	/* comments page *******************************************/

		/* comments */
		div.comment {  }
			table.comment {  }
				tr.head {  }
					td.from {  }  
					td.commands { text-align: center; margin-left: auto; margin-right: auto; }
					td.date {  }  

		/* text box and comments  */
		td.message_body { padding: 8 8 8 8; }
		div.commententry {  }
		span.small {  }  /* 'private comment' field */
		
		/* footer */
		p.small {  }

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }