body { background:#000 url(images/background.gif) repeat-y; color:#FFF; font-family: Verdana,Helvetica,sans-serif; }

a { text-decoration:none; border:none; outline:none; }

a:link { COLOR: #86C4EC; }

a:visited { COLOR: #97A8B4; }

a:hover { COLOR: #72BCEC; }

a:active { COLOR: #72BCEC; }

p { font-size:0.8em; padding-top:10px; }

#essay-page { background: url(images/background-dark.jpg) no-repeat fixed top left; float:left; position:relative; min-width:981px; margin-right:264px; width:100% }

#wrapper { background: url(images/background.jpg) no-repeat fixed top left; float:left; position:relative; min-width:981px; margin-right:264px; width:100%; }

#header h1 { float:left; width:399px; }

#header h1 a { background:url(images/header_button.png) no-repeat scroll 0 0; display:block; height:89px; width:399px; }

#header h1 a:hover { background-position:-399px 0; }

#tagline { position:absolute; left:260px; top:65px; text-align:right; padding:0; }

#tagline span { font-family:Arial,Helvetica,sans-serif; font-size: 0.7em; padding:15px; font-style: italic; }

#container { float:left; width:741px; }

/* essay css */

#essay {
	font-family: Cambria, serif;
    font-weight: normal;
    font-style: normal;
}

#essay p {
	line-height:1.25em;
	font-size:0.9em;
	padding-top:0;
	margin-top:1.25em;    
}

#essay hr { width:75%; height:1px; color:gray; border-width:1px 0 0 0; margin: 18px auto 0 auto; }

#essay  table{ margin-top:10px; }

#essay  table p:first-child { margin-top:0px; }

#essay a { COLOR: #619FC8; }

#essay a:hover { COLOR: #72BCEC; }

#essay a:active { COLOR: #72BCEC; }

#essay h3 { display:none; }

#essay h1 { text-indent:0; font-size:1.4em; line-height:1.5em; margin:1em 0 0 0; border-bottom:thin solid gray; font-weight:bold; }

#essay ul { font-size:0.9em; margin: 1em 0 0 50px; }

#essay li { margin: 7px 0 0 0; }

#essay .blockquote { text-indent:0; margin: 1em 0 0 50px; font-style:italic; }

#essay .emphasis { color:Pink; }

#essay .digression { display:none; background-color:#151515; text-align:left; color:AntiqueWhite; margin: 15px 15px 5px 15px; padding:0px 5px 10px 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;  }

#essay .digression a.closedigression { padding:10px 200px; }

#essay .nb { display:none; background-color:#151515; text-align:left; color:AntiqueWhite; margin:15px 15px 5px 15px; padding:0 15px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;  }

#essay .nb p { padding: 1em 0; }

#digressionWrapper { margin: 10px 0 0 0; font-size:0.9em; }

#essay .inline-right { position: relative; padding: 18px 10px 10px 10px; float: right; }

#essay .inline-left { position: relative; margin: auto 10px; float: left; }

#essaycontent { padding:10px 20px 65px 162px; position:relative; float:left; line-height:1.25em;}

#essaycontent h2 { text-indent:0; border-bottom:1px solid #FFF; font-size:1.5em; line-height:2em; margin-bottom: 10px; width:558px; font-weight:bold; text-transform:uppercase; }

/* end essay css */

#content { padding:10px 20px 65px 162px; position:relative; float:left; font-size:0.9em; line-height:1.25em;}

#content p { padding-top:10px; padding-bottom:10px; }

#content h2 { font-family:Arial,Helvetica,sans-serif; text-indent:0; border-bottom:1px solid #323232; font-size:1.5em; line-height:2em; margin-bottom: 10px; padding-top:30px; width:558px; text-transform:uppercase; }

#content  .posttitle { font-size:1.2em; font-weight:bold; padding-top:40px; }

#content hr { width:75%; height:1px; color:gray; border-width:1px 0 0 0; margin: 18px auto 0 auto; }

#content .images { position: relative; width: 248px; float: left; margin: 14px; }

#content .images img { border:1px solid #323232; }

#content .images p { padding: 5px 0 5px 5px; font-size: 0.7em; line-height:1.2em; }

#content .images a { text-decoration: none; color: white; }

#content .images a span { display: none; position: absolute; top: 60%; margin: 0 auto; width: 100%; text-align: center; background: url(images/overlay.png); }

#content .images a:hover span { display: block; }

#sidebar { float:left; min-height:850px; width:240px; }

#meta { font-size:0.8em; height:334px; padding:10px 10px 10px 77px; }

#navigation { height:127px; }

#navigation a { display:block; width:152px; }

#navigation .home { background-image:url(images/home_button.png); height:37px; }

#navigation .gallery { background-image:url(images/gallery_button.png); height:48px; }

#navigation .about { background-image:url(images/about_button.png); height:42px; }

#navigation a:hover { background-position:-152px 0; }

#gallerynav { width:558px; }

#gallerynav a { float:left; position:relative; height:48px; }

#gallerynav .illustration { background-image:url(images/illus_button.png); width:130px; }

#gallerynav .photomanip { background-image:url(images/photo_button.png); width:190px; }

#gallerynav .webd { background-image:url(images/webd_button.png); width:130px; }

#gallerynav .other { background-image:url(images/other_button.png); width:105px; }

#gallerynav a:hover { background-position: 0 48px; }

#gallerysplash { width:558px; }

#gallerysplash a { float:left; position:relative; width:558px; }

#gallerysplash .illustration { background-image:url(images/splash-illustration.png); height:149px; }

#gallerysplash .photomanip { background-image:url(images/splash-photo.png); height:125px; }

#gallerysplash .webd { background-image:url(images/splash-web.png); height:124px; }

#gallerysplash a:hover { background-position: 558px 0; }

#header,#page { height:89px; }

#header h1 a span,#navigation a span,#gallerynav a span,#gallerysplash a span { display:none; }

#footer { position:absolute; bottom:0; left:141px; background:url(images/footer.png) no-repeat scroll 0 0; display:block; height:35px; width:840px; }

#footer p { padding:3px 15px 15px 15px; font-family: Arial,Helvetica,sans-serif; font-size:0.7em; color:#646464; }
