p, h1, h2, h3, h4, h5, ul, li { margin:0; padding: 0; }

body {
	margin: 0; padding: 0; font-family: helvetica, arial, sans-serif; font-size: small;
	background: url(/images/span1022.gif) repeat-y #e8e8e8;
	color: #210;
}

#pageArea { width: 1000px; margin: 0 13px    }

a img { border: none; }

li {
	margin-left: 3em; padding-bottom: 0.25em }


dd { margin-bottom: 0.8em; }

#topbanner {
	
	background: url("/images/header/enigmaBanner4.jpg") no-repeat bottom left;
	height: 128px;
	position: relative;
	width: 100%;
}

#topbanner h1 {
	position: absolute;
	bottom: 8px; left: 18px; 
	color: #fec; 
	font-size: 40px;
	font-style: italic;
	text-transform: lowercase;
	font-family: verdana;
	   filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
	
	
	
	
/*	text-indent: -500em; */
}

.siteindex h1,
.siteindex h2
 { margin-bottom: 0.4em}

#underbanner {
	float: left;
	position: relative;
	width: 100%;
}

#sidebar {
	position: absolute;
	width: 190px;
	w\idth: 174px;
	left: 0;
	top: 0;
	padding: 10px 8px;
}

#sidebar h3 { margin: 8px 0; }
#sidebar a:link,
#sidebar a:visited, /* Moz needs this one! */
#sidebar a:link:visited {text-decoration: none; color: #654}
#sidebar a:link:hover {text-decoration: underline}
#sidebar p { margin: 1em 1em 1em 0; }

#badges { margin-top: 12px; }
#badges p { margin: 4px; }

#projlist  { padding: 0; margin: 4px 4px 10px 4px;}
#projlist li { display:inline ; }

#pageframe {
/*
	padding: 0 10px;
	margin-left: 180px
*/
	position: absolute;
	top: 0;
	left: 200px;
	padding-top: 10px
}

#adbox { float: right; margin: 10px 50px }

.sidelines { width: 400px; background-color: #f0eee8; padding: 4px 0; margin: 10px 0 }

.pagebody { clear: both; margin-right: 10px;}

/*.pagebody p,
.pagebody h2,
.pagebody h3
 { padding-bottom: 1em }*/

h2.tagline {
	font-weight: normal; font-family: verdana, arial, sans-serif; margin: 6px 0 2px 1em; font-style: italic
}


.stdblock { background-color: #f0eee8; padding: 1em; padding-right:0;  margin-bottom: 2em; }
.pagebody a:link,
.pagebody a:visited,
.pagebody a:link:visited {text-decoration: none; color: #654}
.pagebody a:link:hover {text-decoration: underline;} 
.stdblock p { padding: 0.4em 0; }
.stdblock h3 { padding-bottom: 0.8em; }

.rssbox {
	border: black solid 2px; margin: 4px 4px 10px 4px;
}

.rssbox div { margin: 2px; }
.rsstitle { background-color: #000; color: #fff; padding: 2px; font-weight: bold; margin: 2px;}
.rsstitle a:link { color: #fff; text-decoration: none}
.rsstitle a:visited { color: #ccc;}
.rssstory { background-color: #f0eee8 }
.rssstory a:link { color: #000; text-decoration: none}
.rssstory a:visited { color: #555;}

.recentbook {
	border: black solid 2px; margin: 4px 4px 10px 4px;
	text-align: center;
}
.recentbook h4 { background-color: #000; color: #fff; padding: 2px; font-weight: bold; margin: 2px; text-align: left;}
.recentbook h4 a:link { color: #fff; text-decoration: none}
.recentbook p { background-color: #f0eee8 ; text-align: left; margin: 2px;}

div.chaptername {background-color: #f0eee8; }
.chaptername h1 { padding: 0.4em 0 0.3em 10px; color: #000; font-style: italic }
.chaptername p { margin: 0.4em 0 0.4em 14px; color: #000 }

.byline {  font-style: italic; padding: 0.8em 0 1em 6em ; }

.chapter {  background-color: #f0eee8; padding: 1em; margin-bottom: 1em; position: relative; clear: left}
.chaptersummary {  background-color: #f0eee8; padding: 1em; margin-bottom: 1em; margin-top: 1em; position: relative}

h3.chaptertitle { margin: 0em 11em 0.6em 0; font-size: 1.8em/*float: left*/ }
.chapterbody { clear: left; } /* -moz-column-width:20em; -moz-column-gap:1.4em; padding-top: 6px;} */

.chapterbody h1 { padding: 0.8em 0 0.3em 0; font-size: 1.5em }
.chapterbody h2 { padding: 0.8em 0 0.3em 0; font-size: 1.4em }
.chapterbody h3 { padding: 0.8em 0 0.3em 0; font-size: 1.3em }
.chapterbody h4 { padding: 0.5em 0 0.3em 0; font-size: 1.2em }
.chapterbody h5 { padding: 0.5em 0 0.3em 0; font-size: 1.1em }

.chapterdate { /*text-align: right; position: relative; */}

.chapterdate { position: absolute; top: 1em; right: 2em !important; right: 16em; }

.chaptertags { text-align: right; padding-top: 8px; }

.chapterfoot { text-align: right; padding-top: 8px; }
.chapter p { padding: 0.4em 0; }
.chapter a {text-decoration: none; color: #765}
.chapter a:hover {text-decoration: underline;}

.chapternav { background-color: #e8e0d8; float: left; padding: 8px 24px; margin-bottom: 12px; width: 750px}

.chapternav div { float: left;  }
.chapternavprev { text-align: left; width: 320px; }
.chapternavindex { text-align: center; width: 100px}
.chapternavnext { text-align: right; width: 320px; }


ul.navlist { display: block; list-style-type: none }
ul.navlist li { display: block; margin-left: 0.4em; padding-bottom: 0.4em;}


.photoSetPost {  background-color: #f0eee8; padding: 1em; margin-bottom: 2em; position: relative}

h3.photoSetTitle { margin: 0em 11em 0 0; font-size: 1.4em/*float: left*/ }

.photoSetDate { position: absolute; top: 1em; right: 2em !important; right: 16em; }

.photoSetPost p { padding: 0.4em 0; }

.photoSetPhotos div div{display: table-cell; vertical-align: middle; height: 240px; min-width: 230px; padding: 0 5px; text-align: center; }
.photoSetPhotos div  {display: inline-block; margin: 0px}


/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:172px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image { display: inline}
.flickr_badge_image a { padding: 0; cursor: pointer}
.flickr_badge_image img {border: 5px solid white !important; }
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 0px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



form.createaccount label  { display: block; width: 15em; float: left; text-align: left; line-height: 150%;}
form.createaccount br  { clear:left }

.formerror { color: #d00; font-weight: bold; padding-left: 1em;}
#subbtn { margin-left: 15em; margin-top: 1em}

form.validationform label  { display: block; width: 6em; float: left; text-align: left; line-height: 150%;}
form.createaccount br  { clear:left }
.userblock { padding: 0.4em; margin-bottom: 0.4em; background-color: #f0eee8;}

#loginform { margin: 0.2em 0; position: relative; width: 10em; height: 5em;}
#loginform input { font-size: x-small; }
#loginform #unamelabel { position: absolute; top:0; left: 0;}
#loginform #uname { position: absolute; top:0; left: 6.5em;}
#loginform #passlabel { position: absolute; top:1.9em; left: 0;}
#loginform #pass { position: absolute; top:2.2em; left: 6.5em;}
#loginform #loginsubmit { position: absolute; top: 4.4em; right: 0 }

.forummessageheader .userpic { float: left; margin-right: 6px;}

.forummessageapproved,
.forummessagehidden
 { margin-top: 10px;}
#pageframe p.forummessageheader { font-size: 1.1em; font-weight: bold; background-color: #ccc; padding: 4px; height: 100px;}
#pageframe div.forummessagebody { padding: 8px 4px; clear: left;}
#pageframe p.forumreplylink { padding: 8px 4px;}
.forummessagehidden { color: #ccc; font-style: italic}

#forumpostform { margin-top: 20px; background-color: #ddd; padding: 5px; }
#forumpostlink { font-size: 1.2em; margin-top: 10px; padding: 4px; background-color: #ddd;}
#forumpostlink a:link,
#forumpostlink a:visited
 { color: black;}

#forumthreadtable td { padding: 1px 4px; }
#forumthreadtable th { padding: 4px 8px 0 1px; }

.forummodcontrols { background-color: #f0eee8; padding: 5px; }
/*
.pagebody form p {line-height: 1.4em;  padding-bottom: 4px; min-height: 1.8em; clear: left;}
.pagebody form h3 { padding-bottom: 0.6em;}
.pagebody form label { font-weight: bold; width: 8em; display: block; float: left; padding: 3px; clear: left; } */
.pagebody form#structform label { float: none; }
.pagebody form.tbform label { float: none; display: inline }
/*.pagebody form input[type=submit] { margin-left: 8em; }*/

/*
.pagebody form div { margin-top: 2px; background-color: #f0eee8; padding: 2px; } */
.pagebody form div.nobg { margin-top: 0px; background-color: inherit; padding: 2px; }
.pagebody form div.pullout { border: 1px solid black; background-color: #fff; padding: 2px; visibility: hidden; }
.pagebody form label.noclear { clear: none; width: auto; float: none;}

/* OmniOutliner CSS */
      .oclevel0 { padding-left: 0px; }
      .oclevel1 { padding-left: 18px; }
      .oclevel2 { padding-left: 36px; }
      .oclevel3 { padding-left: 54px; }
      .note0 { padding-left: 36px; }
      .note1 { padding-left: 54px; }
      .note2 { padding-left: 72px; }
      .note3 { padding-left: 90px; }

#structform { position: relative; width: 700px;}
#structform li { line-height: 1.7; background-color: #ddd; border-top: 2px white solid;}
#structform span.ctlblock {position: absolute; right: 3px; }

#structform select { width: 180px; }
#structform p#parenttag{ text-align: right; width: 600px; font-weight: bold;}

/* .pagebody form#structform input[type=submit] { margin-left: 0; } */


#siteadminform h3 { margin-top: 0.7em; margin-bottom: 0.3em; }

.commentheader { font-weight: bold; }
.commenthidden { font-style: italic}

input.openid {
   background: url("/images/openid-login-bg.gif") no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

p.fileforminfo { padding: 8px 4px;}

.timebox { margin-left: 1em; }
.timebox table { background-color: #ffffff; }
.timebox table span { cursor: pointer }
.timeip div {clear: left; margin-left: 4em;}
.timeip div div { margin-left: 0em;}

table.booksread td,
table.booksread th { padding: 2px; }
.editbook { padding: 8px; border: 1px solid black; }
.editing td { color: #aaa; font-style: italic; }

.eventcalendar { background-color: #fff }
.eventcalendar .today { background-color: #f4f4f4 }
.eventcalendar th { padding: 4px 4px 4px 2px; background-color: #ddd; width: 100px; }
th.eventcalendarmonth { font-size: 1.4em; text-align: left; padding: 4px 1em }
.eventcalendar td.isday { padding: 4px; vertical-align: top; border: 1px solid black;}
.eventcalendar td span.daynum { display: block;  width: 60px; margin-right: 4px; }
.eventcalendar td span.calheight { display: block; float: left; width: 1px; height: 80px; margin-right: 1px; }
.eventcalendar td.today span.daynum { font-weight: bold; color: #004 }
.event { background-color: #dde; padding: 2px; margin-left: 2px; margin-bottom: 3px; }
.eventundef { background-color: #e2e2e2;}
.eventSocial { background-color: #dfd;}
.eventVisits { background-color: #ffa;}
.eventConference { background-color: #ddf}
.eventGig { background-color: #fdd;}
.eventFestival { background-color: #fdf;}
.eventMeetup { background-color: #dff;}
.eventcalendar .event a { color: #333 }
.eventcalendar th.nav { background-color: #f0eee8; }

.caltime { font-size: 0.7em; }
.callegend p { width: 6em; padding: 4px; }
.callegend h4 {padding: 4px; }
.callegend p.event { margin:0; }

#recurrence { background-color: #fafafa; width: 21em; padding: 4px;}

#recweekly, #recmonthdow, #recmonthdate, #annual
{ background-color: #f4f4f4; width: 20em; padding: 4px;}
#recweekly div, #recmonthdow div, #recmonthdate div, #annual div
{ background-color: #f4f4f4 }

#locdiv { clear: both; }

.filealbum { margin-top: 10px; }
.albumthumb { float: left; clear: left; margin-right: 10px; text-align: center }
.albtitle { float: left; clear: left; border: 1px solid #fff; width: 98%; padding: 4px;}

.managethumb { height: 80px; display: none; position: absolute; border: 1px solid #999; width: 400px; z-index: 4 ; padding: 8px;}
.managethumb a:hover { background-color: #ddd; }
.managethumbclose { position: absolute; top: 2px; right: 4px; display: block; clear: left;}
.thumbregen { display: block; float: left;}
.newthumb { clear: left; }
.managethumblink:hover {  background-color: #ddd;}

.adminpage h3 { padding-top: 0.6em; }

.trackback  {  }
.trackbackheader { font-weight: bold ;}

/* from phase.org css page in db */

.docs p, .docs h1, .docs h2, .docs h3 { margin-bottom: 0.5em; margin-top: 0.8em }
.rssstorydesc { padding: 2px 4px 4px 4px; }
.rssstory { padding: 1px; }
.googlebanner {  padding: 4px 30px; }
h2.tagline { margin-top: 10px; margin-bottom: 10px; }



/* comments */

.commentForm { background-color: #ddd;  padding: 10px; margin-top: 1em}
.commentForm h3 { margin-bottom: 1em;}
.commentForm th { text-align: left}
.commentForm textarea { width: 40em; height: 8em; }
.commentForm input[type=text]  { width: 20em; }

.commentTrail { background-color: #ddd;padding: 10px}

.commentTrail h3 { margin-bottom: 1em; }
.comment p { margin-bottom: 1em; }


/* GESHI */
pre.php { border: 1px solid grey; background-color: #fdfdfd }

/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */
.php  {font-family:monospace;  overflow: auto; width: 758px}
.php .imp {font-weight: bold; color: red;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php span.xtra { display:block; }

pre.shell { border: 1px solid grey; background-color: #fdfdfd; padding: 1em 1em 1em  4em;   overflow: auto; width: 698px }



p.copynote { margin-bottom: 12px; width: 100%; text-align: center; float: left}

div.aznBanner { position: absolute; left: 1030px; top: 10px; width: 120px; background-color: #fff; padding: 10px }
div.aznBanner p { margin-bottom: 1em; }

iframe#bparkCalendar { margin-top: 10px; }