body
{
background-color:#333333;
color:#dddddd;

padding:20px;
font-family: Arial, Helvetica, sans-serif;
}

h2
{
color:#cccccc;
font-size:11pt;
font-weight:bold;
}

h1
{
color:#cccccc;
font-size:16pt;

}
p
{
line-height:120%;

}

.iconlabel
{
font-size:8pt;
color:#CCCCAA;
}

.thumbnails
{
	position:absolute;
	top: 160px;
	width: 240px;
	height: 312px;
	padding: 5px;
}

.thumb
{
width:75px;
height:75px;
border:0;

}

.mainimage
{
position:relative;
top:-5px;
left:270px;
width:600px;
align:left;
vertical-align:top;
}

.mainimagehomeless
{
position:relative;
top:10px;
left:270px;
width:600px;
align:left;
vertical-align:top;
}

.pagehead
{
font-family:georgia, times, serif;
color: #95d0d7;
font-size: 18pt;
font-style:italic;

}

.bodytext /* For most of the paragraph text on the site. A medium grey. */
{
color:#cccccc;
font-size:10pt;
}


.bodytext a
{
color:#666666;
text-decoration:underline;
}

.note
{
font-size:8pt;

}


.bigquote
{
margin-left:100px;
margin-top:100px;
font-family: verdana, sans-serif;
color: #c1ceb7;
text-align:center;
font-size:18pt;
line-height:2;
}

a
{
color:white;
text-decoration:none;
}

.bigquote i
{color:white;}

.pressmenu
{
border: 1px white solid;
padding:4px;
margin-left:20px;}


.squarebox
{
	border:none; 
	margin:0px; 
	width:149px; 
	height:149px;
    display: table-cell;
   
}

.quote /* A quotation about Joan or the site. */
{
margin-left:20px;
margin-right:20px;
font-size:9.5pt;
text-align:justify;
color:#ffffff;
}

.high-quote
{
margin-left:20px;
margin-right:20px;
line-height:1.3;
font-size:10.5pt;
text-align:justify;
color:#ffffff;
}


.speaker /* The person who made the quotation */
{
display:inline;
margin-top:0px;
font-size:9pt;
font-style:italic;
text-align:right;
}

.piclabel /* for the caption to a picture in the image galleries. It goes under the series of thumbnails . */
{
color:pink;
font-size:9pt;
/*font-family: courier, "andale mono", monospace;*/
font-family:arial,sans-serif;
}


.hidepiclabel /* I use this for a gallery where we have captions that aren't ready to go live. For example, the Ethiopian gallery. */
{
display:none;
color:white;
font-size:10pt;
font-family: courier, "andale mono", monospace;
}

.thispage  // label for a page of thumbnails in a gallery
{
margin-left:15px;
color:#95d0d7;
font-size:14pt;
}

a
{
color:white;
text-decoration:none;
}

a.iconlabel
{
text-decoration:none;
}

a:hover 
{
text-decoration:underline;
}

.highlight
{
color:white;
}

.footer
{
position:relative;
bottom:20px;
margin-top:30px;
font-size:10pt;
text-align:center;
}