body { margin: 0px 0px 20px 0px; background: url(img_62.png) repeat; }

a { text-decoration: underline; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #003366; }

#title1 { position: absolute; visibility: hidden; }

#content {
	background: white url(sunflower.png) no-repeat top right;
	width: 80%; max-width: 40em;
	border: 1px solid grey;
	margin: 4ex auto 20px 5%;
	padding: 0;
}
#content table { margin: 1ex 1em; }

p, li, label {
	color: #333333;
	font-family: Garamond, serif;
	font-weight: normal;
}

p, div#comments-form-buttons {
	line-height: 150%;

	text-align: left;
	margin-bottom: 0px;
	padding: 0 1em;
}

p+p { margin-top: 0; text-indent: 1em; }
h3+p, h4+p { margin-top: 0; }

blockquote, div.note {
	line-height: 125%;
	border-left: 2px solid black;
	margin-left: 1em; padding-left: 0;
}
div.note p { margin-left: 1em; }

div.warn {
	line-height: 125%;
	border: 1px solid red;
	background: #fcc;
	margin-left: 1em; padding-left: 0;
}
div.warn p { margin: 2ex 1em; }

li, li p { line-height: 125%; }
li { margin-right: 1em; }
li p { padding: 0; }
li blockquote, li div.note { margin-left: 0; }

h1, h2 {
	font-family: Garamond, serif;
	margin: 0px; padding: 0px;
	border-bottom: 1px solid #333333;
	text-align: left;
	font-weight: normal;
}
h2 {
	color: #333333;
	font-size: 100%;

	margin-bottom: 10px;
	padding: 3px;
}

h3 { font-weight: bold; }
h4 { font-weight: normal; font-style: italic; }
h3, h4 {
	font-family: Garamond, serif; 
	font-size: 100%;
	text-align: left;
	margin: 0;
	padding: 2ex 1em 0 1em;
}
h3 a {
	color: #000000;
	font-weight: bold;
}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active,
h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {
	color: black;
	text-decoration: none;
}
h1 a:hover, h3 a:hover { text-decoration: underline; }

p.posted {
	border-bottom: 1px dotted #999999;

	text-align: left;
	line-height: normal;
	padding: 1ex 1em;
	margin-bottom: 1ex;
}
p.posted .text {
	color: #999999;
}
p+p.posted {
	text-indent: 0;
	margin-top: 1ex;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

#title {
	background-color: white;

	max-width: 15em;
	padding: 2ex 1em;
	float: right;
}
#title p { padding: 0; margin: 0; }

#powered p, #title p, p.posted .text {
	font-family: "franklin gothic medium", sans-serif;
	font-size: small;
}

ul.quick {
	font-size: 90%;
	padding-bottom: 2ex;
	border-bottom: 1px dotted #999999;
}
p.short { margin-left: 1em; text-indent: -1em; }

li.enjoying, li.comment { list-style-type: none; text-indent: -1em; }
li.enjoying:before { content: '\2665 \0020'; }
li.comment:before { content: '\263B \0020'; }

#archives ul { width: 24%; float: left; }
#powered { clear: left; }

del { display: none; }
ins { text-decoration: inherit; color: #060; }

a.commenter-profile img { border-width: 0; }

h3.postComment { border-top: 1px dotted #999999; margin-top: 2ex; clear: both; }
textarea#text { margin: 2ex 1em; }
.trackback { font-size: small; background-color: #f0f0f0; }
.trackback h3 a { font-size: normal; }
div.comment, div.trackback { margin-top: 2ex; }
p#comment-help { padding: 0 1em 2ex; }
/* adapted from A List Apart: Practical CSS... */
.formrow { display: block; width: 26em; clear: both; padding-top: 1ex; }
.formrow .label { float: left; width: 5em; text-align: right; }
.formrow .widget { float: right; width: 20em; text-align: left; }

#postCommentTabs { padding: 0 2em; border-bottom: 1px solid grey; }
#postCommentTabs img { border-width: 0; }
.postCommentTab { border: 1px solid grey; border-width: 1px 1px 0 1px; }
#postCommentLiveJournal, #postCommentOpenID { display: none; }
#postCommentTabs a:link, #postCommentTabs a:hover, #postCommentTabs a:visited, #postCommentTabs a:active { text-decoration: none; padding: 2px; margin: 0; }