/****************************************
 * CSS for the WhyNot 2005 trip webpage *
 * By Andrei Ellman                     *
 ****************************************/


/******************
 * General layout *
 ******************/

body
{
	color: black;
	background-color: white;
	background-attachment: fixed;

	font-family: "Comic Sans MS", "Comic Sans", "Comic", sans-serif;
	font-size: 80%;
}

P.ClearFloat
{
	clear: both;
}


/* Columns */

.ColumnFull
{
	text-align : justify;
	width : auto;
	
	border: solid thin;
	
	padding: 0.75ex 0.75em;
	margin: 1ex 0 1ex 0;
}

.ColumnLeft
{
	text-align : justify;
	width : 46.75%;
	float : left;

	border: solid thin;

	padding: 0.75ex 0.75em;
	margin: 1ex 0 1ex 0;
}

.ColumnRight
{
	text-align : justify;

	width : 46.75%;
	float : right;

	border: solid thin;

	padding: 0.75ex 0.75em;
	margin: 1ex 0 1ex 0;

}


.AdditionalCommentaryContainer
{
	padding: 1em;
}



/* Headings */

H1
{
	text-align: center;
	font-size: 215%;
}

H2
{
	text-align: center;
	font-size: 180%;
}

H3
{
	font-size: 160%;
}

H4
{
	font-size: 130%;
    margin: 0.5ex 0;
}



/*******
 * HRs *
 *******/

HR
{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
	border: solid thin;
	margin: 3ex 0;
}



/**********
 * Images *
 **********/

IMG
{
	border: 0 none;
}


/* Used if a photo links to a larger version of itself */

IMG.PhotoWithHyperlink
{
	margin: 25px;
}

IMG.PhotoWithHyperlink:hover
{
	border: dashed #0000FF 2px;
	margin: 23px;
}


/* Used if a photo does not link to anything */

IMG.Photo
{
}


/* The sound-clip image */

IMG.SoundClipImage
{
	margin: 3em;
	border: 2px solid;
}


/* If the map image is too large horizontally for it's section, add a horizontal scrollbar */

.Mapimg
{
	overflow-y: visible;
	overflow-x: auto;
	width: 100%;	/* Makes it work on certain browsers */
	margin-top: 2ex;
	margin-bottom: 1ex;
}



/****************
 * Descriptions *
 ****************/

.PartUrban
{
	color: #000099;
}

.PartNature
{
	color: #006600;	
}

.PartTransport
{
	color: #660000;	
}

.AdditionalCommentary
{
	color: #B7910F;
}



/*********
 * Misc. *
 *********/

/* Main page */

.PhotoList
{
	float: left;
	margin: 0 1ex 3ex 1ex;

	text-align: center;
	font-size: larger;
}

/* Individual photo pages */

.SeeAlsoPhotos
{
	font-size: smaller;
	margin-left: auto;
	margin-right: auto;
	padding: 0.4em;
	border: solid thin;
	width: 55%;
}

.SeeAlsoPhotos .PhotoSetsList
{
	text-align: center;	
}


/* Feedback text */

.FeedbackText
{
	font-stretch: expanded;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 110%;
}



/*********
 * Lists *
 *********/

/* Used in lists to describe the item in the list */

.ListItemDesc
{
	font-size: x-small;
}