body {
	margin: 0px;
	background: white;
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Sans-Serif;
}

h3, blockquote {
	font-style: italic;
}

#header {
/*	background: #ffe500 url(/images/grandmother_gradient.jpg) no-repeat right;*/
	background: #ffe500 url(/images/our_grandmother.jpg) no-repeat right;
	color: black;
	border-bottom: solid 6px #ffb200;
}

#nav {
/*	width: 150px;*/
	padding: 20px;
	background-color: #392266;
	color: white;
}

#nav #links {
	white-space: nowrap;
}

#nav #links strong {
	margin: -1em;
}

#nav #orange_corner {
	margin-left: -20px;
	margin-top: -20px;
}

#poem {
	padding: 20px 20px 0px 20px;
	font-style: italic;
	font-size:90%;
}

div.content {
	padding: 0px 20px 20px 20px;
}

.event_title, .event_label, .event_text {
	padding-left: 10px;
	padding-right: 10px;
}

.event_title {
	font-size: 120%;
	font-weight: bold;
	color: black;
	background-color: #d7d3e0;
	border: solid 1px black;
/*	border-top: solid 1px black;
	border-left: solid 1px black;*/
}

.event_label {
	font-weight: bold;
}

.more {
	font-size: 90%;
}

div.inline_photo {
	margin: 2px 4px;
	float: right;
}

div.inline_photo img {
	border: solid 2px black;
}

.photo_credit {
	font-size: 7pt;
}

#sidebar {
/*	width: 130px;*/
	margin: 10px;
	padding: 20px;
	border: solid 1px black;
	font-size:90%;
	background-color: #d7d3e0;
}

#donate {
	background-color: white;
	color: black;
	padding: 14px;
	margin-top: 20px;
	border: solid 1px black;
	font-size:80%;
	white-space: normal;
	background-color: #d7d3e0;
}

#sidebar strong {
	font-size: 10pt;
}

#sidebar em {
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
}

#sidebar img {
	margin-top: 4px;
	margin-bottom: 0px;
	border: solid 2px #392266;
}

#txtSizeLinks {
	margin-top: 10px;
	padding: 4px 4px 8px 4px;
	text-align: center;
	border: solid 1px black;
	background-color: #d7d3e0;
	color: black;
	font-size:90%;
}

#nav #txtSizeLinks a {
	font-weight: bold;
	color: black;
	background-color: transparent;
	text-decoration: none;
}

#txtSizeLinks strong {
	border: solid 1px black;
	padding: 0px 2px 0px 2px;
}

#small  { font-size: 10pt; }
#medium { font-size: 12pt; }
#large  { font-size: 14pt; }

#copyright {
	font-size: 80%;
}

/* technique borrowed from: http://www.evolt.org/article/A_revised_method_of_defining_link_pseudo_classes/17/35541/index.html */
#nav :link:focus,#nav :visited:focus   { text-decoration:none }
#nav :link                             { text-decoration:none;      color:#cccccc; background:transparent; }
#nav :visited                          { text-decoration:none;      color:#999999; background:transparent; }
#nav :link:hover                       { text-decoration:underline; color:#ffffff; background:transparent; }
#nav :visited:hover                    { text-decoration:underline; color:#ffffff; background:transparent; }
#nav :link:active,#nav :visited:active { text-decoration:underline; color:#ff0000; background:transparent; }

/* technique borrowed from: http://www.evolt.org/article/A_revised_method_of_defining_link_pseudo_classes/17/35541/index.html */
:link:focus,:visited:focus   { text-decoration:none }
:link                        { text-decoration:none;      color:#0000ff; background:transparent; }
:visited                     { text-decoration:none;      color:#000099; background:transparent; }
:link:hover                  { text-decoration:underline; color:#0000ff; background:transparent; }
:visited:hover               { text-decoration:underline; color:#ff0000; background:transparent; }
:link:active,:visited:active { text-decoration:underline; color:#ff0000; background:transparent; }