del { text-decoration: line-through; }
blockquote { font-size: 11pt; font-family: "georgia"; border-right: 10px solid #ccc; padding: 0 1em; margin: 1em 0; }
blockquote p { text-indent: 0; }

* { margin: 0; padding: 0; }

html { 
	height: 100%;
	font-family: garamond, georgia, serif;
	}

body {
	min-height: 100%;
	}

* html body { height: 100%; }

#wrapper {
	background-color: #333;
	background-position: 0 1px;
	}

#innerWrapper { 
	background-image: url(/images/background.gif);
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0 auto 0 auto;
	}

#container {
	background-color: #fff;
	margin: 0 auto 0 auto;
	width: 700px;
	padding: 220px 20px 10px 20px;
	position: relative;
	}

#title { position: absolute; top: 10px; left: 60px; }
.categoryTitle { position: absolute; top: 65px; right: 367px; }
#blackCrescent { position: absolute; top: 6px; right: 230px; }
#unifyingPrinciple { position: absolute; top: 60px; right: 230px; }
#leibniz { position: absolute; top: -170px; right: 10px; }
#leibniz:hover { top: -140px; }
#moonFace { position: absolute; top: 40px; left: 10px; }

#mainIllustration { float: left; margin: -135px 20px 10px -10px; }
.subpageIllustration { float: left; margin: -140px 400px 20px 10px; }
#verticalMenu { float: left; margin: -125px 15px 10px -20px; width: 22px;}
#verticalMenu1 { float: right; margin: 0 -15px 0 15px; width: 22px;}
	#verticalMenu, #verticalMenu1 a { width: 22px; display: block; background-position: 0 0; margin: 5px 0; }
	#verticalMenu, #verticalMenu1 a:hover { background-position: 22px 0; }
		#verticalMenu, #verticalMenu1 a span { display: none; }
	
	#buttonMovies { height: 68px; background-image: url(/images/buttonMovies.gif); }
	#buttonMusic { height: 58px; background-image: url(/images/buttonMusic.gif); }
	#buttonBooks { height: 66px; background-image: url(/images/buttonBooks.gif); }
	#buttonPhilosophy { height: 106px; background-image: url(/images/buttonPhilosophy.gif); }
	#buttonReligion { height: 71px; background-image: url(/images/buttonReligion.gif); }

#glassTube { float: left; position: relative; clear: left;  }
.glassTube { float: left; clear: left; margin-left: -75px; margin-right: 20px; position: relative; }

#beta #glassTube { float: left; position: relative; clear: left; margin: -110px 0 0 -85px; }
#beta .glassTube { float: left; clear: left; margin-left: -85px; margin-right: 20px; position: relative; }

#beta { float: left; width: 300px; clear: left; margin: -1em 1.5em 1em 0; }
#beta h2 { margin-top: 1em; }

.right { float: right; margin: 10px -15px 10px 10px; }
.comments { text-align: center; text-indent: 0; }
.comments ul { text-align: left; }
.tailPiece { margin: 10px auto 10px auto; display: block; }

a { color: #333; }
a:hover { color: #999; }

a img { border: 0; }

h1 { color: #cc3322; font-size: 1.3em; text-align: center; font-variant: small-caps; margin: .8em 0 0 0; }
h2 { margin: 7px 0 0 0; padding: 0; }
h2 img { margin: 0 0 -6px 0; }

p { margin: 10px 0; text-indent: 1em; line-height: 120%; text-align: left; }
	.authoredBy { text-align: right; padding-right: 4em; }

ol, ul { margin: 1em; }
li { margin: .5em 0 .5em 2em; }

h3.date-header { color: #999; font-family: georgia; font-weight: normal; font-size: small; }
	h3.date-header a { color: #000; }
h3.entry-author { font-size: small; text-align: right; font-family: georgia; padding-right: 3em; }
p.entry-footer { font-family: georgia; margin: 0 0 3em 0; }

.module-content ul { font-family: georgia; list-style-type: none; margin: 0; padding: 0; }
.module-content li { margin: .5em 0 0 0; padding: 0; }
.module-content ul ul { list-style-type: none; }
.module-content ul li ul li { margin: 0; padding: 0; font-size: x-small; background-image: none; }


.recent-comments-list li { font-size: small; }
.recent-comments-list em { display: block; margin: .5em; color: #777; }


.module-quicklinks {  }
.module-quicklinks p { text-indent: 0; font-size: medium; font-style: italic; }
.module-quicklinks ul { list-style-type: lower-greek; }
.module-quicklinks li { margin: 0 0 0 1.5em; padding: .1em 0; }

#menuTail { margin: 2em 0 2em 35px }

.divider { text-align: center; margin: 2em; }

.module-search-module { padding: 10px 20px 40px 40px; }

div.comment { margin: 1em 0; padding: .5em 1em; text-align: left; }
div.comment-alternate { background-color: #eee; margin: 1em 0; padding: .3em 1em; border: 1px solid #666; }
div.comment-author { background-color: #eedede; margin: 1em 0; padding: .3em 1em; border: 1px solid #666; }

div.comment p, div.comment-alternate p, div.comment-author p { text-indent: 0; }
p.comment-footer { font-family: georgia; font-size: large; }
.comment-number { float: left; font-size: 3em; padding-right: .3em; color: #999; margin-left: 5px; }

#comments-open-data { border: 2px solid #333; padding: 1em; background-color: #999; width: 355px; margin: 1em auto; text-align: left; }
	#comments-open-data label { display: block; }
	#comments-open-data input { border: 2px solid #333; padding: 3px; background-color: #eee; width: 340px; }
#comments-open-text { border: 2px solid #333; padding: 1em; background-color: #999; width: 600px; margin: .5em auto; text-align: center; vertical-align: center; }
	#comments-open-text { text-indent: 0; }
	#comments-open-text textarea { border: 2px solid #333; padding: 3px; background: #fff url(/images/wornbg.png) 50% 100% repeat-x; width: 580px; height: 300px; }

#wings { margin: 1em; }

p#pass { text-align: center; text-indent: 0 !important; }
p#pass input { padding: 5px; border: 1px solid #CC3322; background: #FFE2DF; }

q { font-style: italic; }
