body {
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
	background-color: #FFF;
	margin: 0;
}

.NoCSS {
	display: none;
}

small { font-size: 10px; }
.clear { clear: both; }

/* Make visited and unvisited links blue and purple, Netscape style.
 * Hovered and 'active' links are a nice cyan.
 */
a:link { color : #00F }
a:visited, #TagCloud a:visited { color : #909 }
a:hover,   #TagCloud a:hover   { color : #09F }
a:active,  #TagCloud a:active  { color : #09F }

h1 {
	margin: 0.5ex;
}
h2, h3 {
	margin: 0;
}

blockquote {
	background: #EEF none;
	border-left: 4px solid #CCC;
	padding: 0 1ex;
}

img {
	border: none;
}

.RightPic {
	float: right;
	width: 250px;
	margin: 0 0 0.5em 1em;
}
.CenterPic {
	margin: 1em 0.5em;
	text-align: center;
}
.RightPic img, .CenterPic img {
	border: 1px solid #000;
}

.RightPic .caption, .CenterPic .caption {
	margin-top: 6px;
	font-size: 12px;
}

#ContentCol p {
	text-align: justify;
}
#ContentCol li {
	text-align: justify;
	margin-right: 3ex;
}

#Masthead {
	background: #EEF none;
	border-top: 1px solid #EEF;	/* otherwise leaves a white gap */
	border-bottom: 2px solid #CCC;
	padding: 0 1ex;
}
#Masthead h1 a {
	text-decoration: none;
	color: #000;
}

#Footer {
	background: #EEF none;
	border-bottom: 1px solid #EEF;	/* otherwise leaves a white gap */
	border-top: 2px solid #CCC;
	padding: 0 1ex;
	font-size: 89%;
}

#LayoutTable {
	width: 100%;
}

#LayoutTable td {
	vertical-align: top;
}

#LayoutTable td {
	padding: 1ex;
}

#NavCol, #ExtrasCol {
	width: 20%;
	font-size: 89%;
}
.ExtrasBox {
	background: #FFF none;
	border: 1px solid #FFF;
	padding: 0;
	margin-bottom: 1.5ex;
}
.ExtrasBox h3 {
	background: #EEF none;
	padding: 0.5ex;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
}
.ExtrasBox ul {
	list-style-type: square;
	margin-left: 0ex;
	padding-left: 3ex;
}
.ExtrasBox li {
	margin-top: 1ex;
}
.ExtrasBox cite {
	border-bottom: 1px dotted #666;
	font-variant: small-caps;
	font-style: normal;
	color: #333;
}
.ExtrasBox cite a, .ExtrasBox cite a:hover {
	color: #333;
	text-decoration: none;
}

.CenteringBox {
	text-align: center;
}
.CenteringBox iframe, .CenteringBox div, .CenteringBox table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#ContentArea .Metadata {
	text-align: right !important;
	font-size: 69%;
}
#ContentArea .Metadata .Date, #ContentArea .Metadata .Author {
	display: block;
}

.Date {
	color: #333;
}

#ContentCol .NextPrev {
	font-size: 89%;
	text-align: center;
}

#MonthArchive h3 {
	margin-top: 2ex;
	margin-bottom: 0;
}
#MonthArchive ul {
	margin-top: 0.5ex;
}
#MonthArchive .Date {
	margin-left: 1.5ex;
}
#MonthArchive .Description {
	font-size: 89%;
}

#TagsBox {
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
	padding: 0.5ex;
	font-size: 69%;
	clear: both;
}
#TagsBox a {
	margin-left: 1ex;
}

#TagsBox a, .Author a, #MonthArchive a, .NextPrev a, .ExtrasBox a,
#BlogHeadlines a, .AdminTable a, #TagCloud a {
	text-decoration: none;
}
#TagsBox a:hover, .Author a:hover, #MonthArchive a:hover, .NextPrev a:hover,
.ExtrasBox a:hover, #BlogHeadlines a:hover, .AdminTable a:hover,
#TagCloud a:hover {
	text-decoration: underline;
}

#BlogHeadlines h3, #AdminContent h3 {
	margin: 2ex 0 0 0;
}
#BlogHeadlines .Date, #BlogHeadlines .Description {
	margin: 0.5ex 3ex 0 3ex;
	font-size: 89%;
}
#BlogHeadlines .Date {
	color: #333;
}

fieldset {
	border: 1px solid #CCC;
}
legend {
	font-size: 122%;
	font-weight: bold;
}
#CommentsForm th {
	text-align: left;
	font-size: 89%;
	font-weight: normal;
}

#CommentsDisplay ol {
	list-style-type: none;
}

#CommentsDisplay .Permalink {
	text-decoration: none;
	font-weight: bold;
	color: #00F;
}

.HeadingAnnotation {
	font-size: 89%;
	margin-top: 0;
}

.Warning {
	background: #FFC none;
	color: #900;
	font-weight: bold;
}
.Acknowledgement {
	background: #CFF none;
	color: #009;
	font-weight: bold;
}

.AdminTable {
	border-collapse: collapse;
	font-size: 89%;
	margin-top: 1ex;
}
.AdminTable td, .AdminTable th {
	border: 1px solid #CCC;
}

.AdminTable .Concern1 td {
	background: #FFD none;
}
.AdminTable .Concern2 td {
	background: #FDE none;
}

p#TagCloud {
	text-align: center; 
	line-height: 16px; 
}
#TagCloud a {
	margin-right: 2ex;
}
#TagCloud .tc0  { font-size: 12px; color: #999 }
#TagCloud .tc1  { font-size: 13px; color: #88A }
#TagCloud .tc2  { font-size: 14px; color: #77B }
#TagCloud .tc3  { font-size: 15px; color: #66C }
#TagCloud .tc4  { font-size: 16px; color: #55D }
#TagCloud .tc5  { font-size: 17px; color: #55D }
#TagCloud .tc6  { font-size: 18px; color: #44E }
#TagCloud .tc7  { font-size: 19px; color: #44E }
#TagCloud .tc8  { font-size: 20px; color: #33F }
#TagCloud .tc9  { font-size: 21px; color: #33F }
#TagCloud .tc10 { font-size: 22px; color: #22F }
#TagCloud .tc11 { font-size: 23px; color: #11F }
#TagCloud .tc12 { font-size: 24px; color: #11F }
#TagCloud .tc13 { font-size: 25px }
#TagCloud .tc14 { font-size: 26px }
#TagCloud .tc15 { font-size: 27px }
#TagCloud .tc16 { font-size: 28px }
#TagCloud .tc17 { font-size: 29px }
#TagCloud .tc18 { font-size: 30px }
#TagCloud .tc19 { font-size: 31px }
#TagCloud .tc20 { font-size: 32px }
#TagCloud .tc21 { font-size: 33px }
#TagCloud .tc22 { font-size: 34px }
#TagCloud .tc23 { font-size: 35px }
#TagCloud .tc24 { font-size: 36px }

.Odd {
	background: #EEE none;
}
.Even {
	background: #FFF none;
}