/* contains some ideas borrowed from www.kmgerich.com and adpated */


/* 
Language is a drag to handle:
 - Mozilla supports the attribute but not the pseudo
 - MacIE supports the pseudo but not the attribute
 - WinIE doesn't support anything
Result: it's implemented as classes
*/
.fr		{font-style: italic;}  /* for WinIE */
.en		{font-style: normal;}  /* for WinIE */
/* :LANG(fr)	{font-style: italic;} */  /* for MacIE */
/* :LANG(en)	{font-style: normal;} */  /* for MacIE */
/* [LANG="fr"]	{font-style: italic;} */  /* for Mozilla */
/* [LANG="en"]	{font-style: normal;} */  /* for Mozilla */

body {
	margin:15px 20px 20px 20px;
	max-width: 790px;
	min-width: 630px;
	}

body, table {
	/* table must be defined for WinIE, otherwise it inherits a much larger font-size */
	font:13px arial, sans-serif;	/* overridden by fontmac.css or fontwin.css */
	}


h1 {
	font:bold 28px arial, sans-serif;
	margin:0px 0px 20px 0px;
	padding: 6px;
	border:1px solid #919191;
	/* -moz-border-radius: 10px; */
	}

h1,
h1 a			{ color:inherit; background:inherit; text-decoration:none; }
h1 a:hover 		{ text-decoration:underline; }
h1 a:visited	{ color:inherit; }	/* on WinIE, color:inherit doesn't work, so the class of the "Photobiker" link
										was set to 'continent' in DisplayPhotobikerTitleBar() */

/*---- some WinIE hacks ----*/
h1 a.continent,
.sidebar.navlinks.langButtons td /*continent buttons*/
				{ background-color:transparent; }

.minimap .sidebar.navlinks.langButtons {
	padding:0px;
	background-image:none;
	background-color:transparent;
	border: none;
}
/*----*/


.date { -moz-border-radius:0; } /* cancel rule in iBlog css files for new button look */


.subh1 {
	float:right;
}

.subheader {
	font:bold 13px arial, sans-serif;
}


h2 {
	font:bold 13px arial, sans-serif;
	margin:0px 0px 1em 0px;
	padding:0px;
	}


p {
	margin:0px 0px 1em 0px;
	padding:0px;
	}

.content, .chapter {
	width:auto;
	min-width: 200px;
	margin:0px 0px 20px 170px;
	padding:10px;
	border:1px solid #919191;
	background-color:white;
	}
	
.content {
	-moz-border-radius: 10px;
	}


.archivesLink .content, .transparent .content {
	/* on WinIE, the archivesLink bloc (the "Note" at the beginning of the Journals) stretches up to the
	left edge of the window, and apparently the only fix is simply to not display anything. */
	border:none;
	background-color:transparent;
	}
	
td .date {
	/* on WinIE, the Archives page displays the date and country with a continent-color background */
	background-image:none;
	background-color:transparent;
	}


.subcontent {
	margin:0px 0px 20px 50px;
	}

.monolarge {
	font: 16px "Courier New", Courier, monospace;
	}
.monosmall {
	font: 14px "Courier New", Courier, monospace;
	}

.redstuff {
	color:red;
	font-weight:bold;
	}

.rosy { 
	background-color:#ffc0d0;
	}

.sidebarContainer {
	position: absolute;
	top:   81px;
	left:  20px;
	width: 150px;
	}

.sidebarFloat {
	/* cannot name the class 'sidebarFloat' because
	macIE gets confused and matches it like 'sidebar' */
	float:left; clear:left;
	width: 130px;
	-moz-border-radius: 10px;
	}

.sidebar, .sidebarFloat {
	padding:10px;
	border:1px solid #919191;
	-moz-border-radius: 10px;
	}

.sidebarNoBorder {
	padding:11px;
	}

.sidebar, .sidebarFloat, .sidebarNoBorder {
	position: static; /* for MacIE */
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	}

.sidebar.navlinks {				/* cancels the above rules for the new button look */
	padding:0;
	border:0;
	-moz-border-radius: 0;
	}

.sidebar.navlinks.langButtons {
	padding:8px;
	}


.sideimage {
	padding:0px;
	border:none;
	}

.sideimage IMG {
	border:1px solid #919191;
}

.langButtons IMG {
	cursor:pointer; cursor:hand;
	}

.imageComment {
	margin-top:80px;
}

.imageComment:before {
	content: "\21d2  "; 			/* double right arrow */
	font: 20px "Symbol";
	}

.imageComment:first-letter {
	font: 20px "Symbol";  			/* repeated here for Safari */
	float: right;
	}

/*
----WinIE 5 doesn't like padding: instead we put an empty float by script
.navlinks .sublink { 
	padding-left: 30px;
	width: 120px;
	}
*/

.navlinks .selected { 
	}

.navlinks a { 
	display: block;
	width:144px;

	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;

	margin-bottom: 4px;
	padding-left: 6px;
	}

/*------------------------- was used for the single-button continent switch
.navlinks a#continentSwitch:before {
	content: "";
	}

.navlinks a#continentSwitch {
	font-size: 11px;
	line-height: 16px;
	}
-------------------------*/

.invisible {
	display: none;
}


.imageleft {
		float:left;
		border:1px solid black;
		margin: 4px 8px 2px 2px;
}

.imagecommentleft {
		float:left;
		margin: 4px 8px 2px 2px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
}


.imagecommentleft IMG {
		display: block;
		margin-bottom: 2px;
		border:1px solid black;
}

.imageright {
		float:right;
		border:1px solid black;
		margin: 4px 2px 2px 8px;
}

.imagecommentright {
		float:right;
		margin: 4px 2px 2px 8px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
}

.imagecommentright IMG {
		display: block;
		border:1px solid black;
		margin-bottom: 2px;
}

.imagecenter {
		text-align:center;
		font-size: 11px;
		font-weight: bold;
}