/* 
Author:    rob@robertspahr.com
Updated:   Dec 03, 2010
border:	1px solid #000000;
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #383d44;	
	}

/* links */

a:link, a:visited {
	padding-bottom: 1px;
	color: #0000ff;
	text-decoration: none;	
	}
	
a:hover {
	padding-bottom: 0;
	color: #383d44;
	text-decoration: underline;
	}
	
a.more {
	padding-right: 7px;
	background: url(/images/morearrow.gif) no-repeat 100% 5px;
	}



	
/* page structure */

#main-body {
	width: 960px;
	margin: 30px auto;
	padding: 0;
	font-size: 100%;
	line-height: 1.6em;
	background: url(/images/main-bg.gif) repeat-y 675px 0;
	}
	
#home-content {
	width: 960px;
	margin: 30px auto;
	padding: 0;
	font-size: 100%;
	line-height: 1.6em;
	}
	
#content {
	width: 650px;
	float: left;
	}
	
#sidebar {
	width: 260px;
	float: right;
	margin: 0 0 20px 0;
	padding-top: 13px;
	font-size: 90%;
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #666b75;
	}

/* header  */

#header {
	padding: 0;
	font-size: 100%;
	border-top: 1px solid #464a52;
	background: #31363e;

	}

/* logo */

#logo {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
#logo span, #logo a {
	display: block;
	width: 193px;
	height: 41px;
	padding: 0;
	border-style: none;
	background: url(/images/logo.gif) no-repeat;
	}
#logo img  {
	display: block;
	width: 0;
	}
#logo a:hover {
	background-image: url(/images/logo-hov.gif);
	}

/* navigation */

#nav {
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 0;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #464a52;
	background: #383d44;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 110%;
	letter-spacing: 2px;
	text-transform: lowercase;
	}
	
#nav li a {
	float: left;
	padding: 5px 12px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	background: url(/images/nav-bg.gif) no-repeat bottom right;
	}
	
#nav li a:hover {
	color: #fff;
	background: #464a52;
	}
	
#nav li a.active {
	font-weight: normal;
	color: #fff;
	background: #292d34 url(/images/nav-on-bg.gif) repeat-x top left;
	}

/* content */

/* basic phrase element styles */

blockquote {
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-size: 95%;
	line-height: 1.5em;
	color: #666b75;
	padding-left: 23px;
	background: url(/images/quotes.gif) no-repeat 0 3px;
	}

.code {
	background-color: #efede7;
	font-family: Monaco, monospace;
	font-size: 90%;
	text-align: left;
	}
code strong {
	color: #630;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #dbd5c5;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	color: #666b75;
	}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

/* title box */

#title {
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #dbd5c5;
	}
#title h1 {
	margin: 0;
	padding: 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-size: 144%;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #383d44;
	border: none;
	}


	
#title h2 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	color: #666b75;
	}

/* content styles */

#content h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 140%;
	line-height: 1.5em;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}
#content h3 a {
	border: none;
	}
#content p {
	margin: 0 0 20px 0;
	}



/* slideshow navigation*/


#next {
	float: right;
	padding: 0 7px 0 0;
	border: none;
	background: url(/images/icon-more.gif) no-repeat 100% 4px;
	}
#prev {
	float: left;
	padding: 0 0 0 7px;
	border: none;
	background: url(/images/icon-less.gif) no-repeat 0 4px;
	}

/* elegy main image back button */
#back {
	float: center;
	padding: 0 0 0 7px;
	font-weight: bold;
	border: none;
	background: url(/images/icon-less.gif) no-repeat 0 4px;
	}


/* enlarge pic */
.magnify {
	padding: 0 0px 0px 14px;
	border: none;
	background: url(/images/icon-magnify.gif) no-repeat 0px 4px;
	text-align: left;
	}


/* cruft archive nav */

#displaypicture {
text-align: center;
margin-top: 40px;
width: 100%;
}

#picnav {
width: 420px;
text-align: center;
}
/* bigbro cruft page manifest slideshow nav */
#bigbro {
width: 432px;
text-align: center;;
}


/* lists */

#content ul, #content ol, #content dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#content ul, #content ol {
	margin-left: 20px;
	}
#content ol {
	padding-left: 20px;
	}
#content ul {
	list-style: none;
	}
#content ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	background: url(/images/icon-bullet.gif) no-repeat 0 4px;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dd {
	margin: 0 0 15px 0;
	padding: 0;
	}

/* RSS feed list */
a.rss {
	padding-left: 18px;
	background: url(/images/rss-icon.gif) no-repeat 0 2px;
	}
a.sound {
	padding-left: 18px;
	background: url(/images/sound.gif) no-repeat 0 2px;
	}	
a.delicious {
	padding-left: 18px;
	background: url(/images/delicious12.gif) no-repeat 0 2px;
	}	
a.facebook {
	padding-left: 18px;
	background: url(images/facebook12.gif) no-repeat 0 2px;
	}
a.tell {
	padding-left: 18px;
	background: url(images/tell12.gif) no-repeat 0 2px;
	}

a.open {
	padding-left: 18px;
	background: url(images/arrow-open.gif) no-repeat 0 2px;
	}
a.close {
	padding-left: 18px;
	background: url(images/arrow-close.gif) no-repeat 0 2px;
	}

a.dwn {
	padding-left: 13px;
	background: url(images/icon-dnld.gif) no-repeat 0 6px;
	}

#content ul.feed-list li {
	padding-left: 0;
	background: none;
	}
#content ul.feed-list2 li {
	padding-left: 0;
	margin-top:
	float: left;
	background: none;
	}
	
#content ul.feed-list li a.rss {
	padding-left: 18px;
	background: url(/images/rss-icon.gif) no-repeat 0 2px;
	}
#sidebar ul.feed-list li {
	padding-left: 0;
	background: none;
	}
#sidebar ul.feed-list li a.rss {
	padding-left: 18px;
	background: url(/images/rss-icon.gif) no-repeat 0 2px;
	}



/* alert check filed notes */

#content .alert {
	padding-left: 16px;
	background: url(/images/icon-alert.gif) no-repeat 0 1px;
	}
#content .check {
	padding-left: 22px;
	background: url(/images/alert-oran.gif) no-repeat 0 0;
	}

#content .filed {
	padding-left: 16px;
	color: #929C87;
	background: url(/images/icon-filed.gif) no-repeat 0 8px;
	}


/* comments */

#comments {
	font-size: 90%;
	}
#comments textarea {
	width: 350px;
	}
#comments h3 {
	margin: 30px 0 20px 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #dbd5c5;
	}

#comments code {
	font-size: 118%;
	}
#comments span {
	color: #999;
	}
#comments dl {
	margin-top: 0;
	}
#content #comments dl dt {
	font-weight: normal;
	color: #383d44;
	padding: 10px 0 8px 54px;
	margin: 0;
	font-size: 110%;
	line-height: 1em;
	background: url(/images/comment-dt.gif) no-repeat 20px 100%;
	}
#comments dl dt a {
	font-weight: bold;
	text-decoration: none;
	border: none;
	}
#comments dl dt a em {
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	color: #EBF4D9;
	}
#comments dl dt a:hover {
	text-decoration: none;
	}
#comments dl dt a:hover em {
	color: #666b75;
	}
#comments dl dt a.comment-number {
	margin-right: 3px;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #383d44;
	}
#comments dl dt a.comment-number:hover {
	color: #929C87;
	}
#comments dl dt img {
	vertical-align: middle;
	}
#comments dl dd {
	padding: 20px 20px 8px 20px;
	margin: 0 0 20px 0;
	font-size: 100%;
	color: #383d44;
	background: #e6e3d7;
	}
#comments dl dd p {
	margin: 0;
	padding: 0 0 12px 0; 
	}
#comments input {
	vertical-align: middle;
	}
#comments input#author,
#comments input#email,
#comments input#url {
	width: 250px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#comments textarea {
	width: 400px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#comments .note {
	font-size: 100%;
	}




/* sidebar
---------------------------------------------------------- */

#sidebar h3 {
	margin: 24px 0 0px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}
	

	
#sidebar h3.first {
	margin: 34px 0 0px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}

#sidebar h3.first a {
	margin: 34px 0 0px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #0000ff;
	}
#sidebar h3.first a:hover {
	margin-top: 34px;
	margin: 24px 0 0px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #383d44;
	}

		
#sidebar h3.sort {
	margin-top: 34px;
	}
#sidebar h3.sketchbook {
	margin-top: 28px;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
	}

#sidebar p.cc {
	margin-top: 1em;
	}
#sidebar ul, #sidebar dl {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	background: url(/images/icon-bullet.gif) no-repeat 0 4px;
	}

#sidebar ul.articles li {
	padding-left: 16px;
	background-image: url(/images/icon-doc.gif);
	background-position: 0 2px;
	}
#sidebar ul li.last {
	margin-bottom: 0;
	}
#sidebar h2 {
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: lowercase;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}


/* simple work list */

#work-simple {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#work-simple li {
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	width: 100%;
	background: none;
	}

	

/* sub navigation */

#sidebar ul.sub li.active a:link, #sidebar ul.sub li.active a:visited {
	color: #383d44;
	border-bottom: none;
	}
	
#sidebar  a:hover {
	padding-bottom: 0;
	color: #383d44;
	text-decoration: underline;
	}
#sidebar ul.sub li.active {
	background: url(/images/icon-subon.gif) no-repeat 1px 4px;
	}

/* selected writings */
#sidebar ul.doc li a:link, #sidebar ul.doc  a:visited {
	padding-left: 7px;
		padding-top: 0px;
	background: none;
	border-bottom: none;
	}
#sidebar ul.doc li {
	padding-left: 7px;
	padding-top: 0px;
	background: none;
	background: url(/images/icon-doc.gif) no-repeat 0px 3px;
	}

/* slideshows */

#slidenav {
	width: 522px;
	margin: 1em 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	text-align: center;
	color: #ccc;
	}
#clearPhoto {
	clear: both;
	margin: 20px 0 0 0;
	}
img#photo {
	margin: 0 0 1em 0;
	padding: 10px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
	}

/* photo viewer overrides */

body.viewer #sidebar {
	display: none;
	}
body.viewer #main-body {
	background-image: none;
	}
body.viewer #content {
	width: 60em;
	}



/* forms
---------------------------------------------------------- 
background of old form
background: #e6e3d7 url(/images/form-bg.gif) repeat-x top left;

*/

/* contactform form */
#contactform {
	margin: 0 0 25px 0;
	padding: 20px;
    background-color: #e5e1d5;
	}
#content form p, #content form dl dd {
	margin: 0 0 8px 0;
	padding: 0;
	}
#comments-form p.note, #contactform p.note #sharethispage p.note{
	margin-top: 20px;
	}
#contactform dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt {
	color: #383d44;
	font-weight: normal !important;
	}

#contactform #realname, #contactform #email, #contactform #subject {
	width: 250px;
	padding: 2px;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}
#contactform  textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}



/* feedbackform form */
#feedbackform {
	margin: 0 0 25px 0;
	padding: 20px;
    background-color: #e5e1d5;
	}
#content form p, #content form dl dd {
	margin: 0 0 8px 0;
	padding: 0;
	}
#comments-form p.note, #feedbackform p.note #sharethispage p.note{
	margin-top: 20px;
	}
#feedbackform dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#feedbackform dt {
	margin: 45px 0 0 0;
	color: #383d44;
	font-weight: normal !important;
	}

#feedbackform #course, #feedbackform #email, #feedbackform #subject {
	width: 598px;
	padding: 2px;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}
#feedbackform  textarea {
	width: 600px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}




/* sharethispage form */

#sharethispage {
	margin: 0 0 25px 0;
	padding: 20px;
    background-color: #e5e1d5;
	}
#content form p, #content form dl dd {
	margin: 0 0 8px 0;
	padding: 0;
	}
#sharethispage p.note{
	margin-top: 20px;
	}
#sharethispage dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#sharethispage dt {
	color: #383d44;
	font-weight: normal !important;
	}

#sharethispage #y_name,  #sharethispage #y_email, #sharethispage #f_name, #sharethispage #f_email
 {
	width: 250px;
	padding: 2px;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}
	
#sharethispage textarea {
	width: 400px;
	height: 100px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #999999;
	}

/* more forms */


form {
	margin: 0;
	padding: 0;
	}
#search-form {
	margin: 0 0 15px 0;
	}
#search-form input {
	color: #666;
	vertical-align: middle;
	}
#extra #search-form input#search-text {
	width: 150px;
	}

/* when on blog */

#content #search-form {
	margin-bottom: 20px;
	padding: 20px;
	background: #e6e3d7 url(/images/form-bg.gif) repeat-x top left;
	}
#content #search-form input#search-text {
	width: 300px;
	}

#sidespace { padding: 7px;
	}

/* footer
---------------------------------------------------------- */

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0px 0;
	font-size: 95%;
	line-height: 1.5em;
	border-top: 1px solid #dbd5c5;
	}
#footer-inner {
	padding-left: 0px;
	text-align: center;
	color: #3a3a3a;

	}
	
	
#footer p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}


#footer-inner a:link {
	padding-bottom: 1px;
	color: #3a3a3a;
	text-decoration: none;
	
	}

#footer-inner a:visited {
	padding-bottom: 1px;
	color: #3a3a3a;
	text-decoration: none;
	
	}

#footer-inner a:hover {
	padding-bottom: 0;
	color: #383d44;
	text-decoration: underline;
	}



/* in sidebar */

li {

	list-style: none;
	}


/* misc.
---------------------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}


/* self-clearing floats */

#nav ul:after, 
#main-body:after,
#flickr:after,
#extra:after,
#footer:after,
#port:after, 
.prod-feature:after, 
dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

h2.byline {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	text-align: center;
	color: #666b75;
	}

/* IE fixes */
/* fixes font-size keyword problem for IE5/Win */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/* self-clearing floats
----------------------------------------------------- */

/* trigger hasLayout and target ie5+6/win only */
* html #nav ul, 
* html #main-body,
* html #flickr,
* html #extra,
* html #port,
* html .prod-feature,
* html dl.teaser {
	height: 1%;
	}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul, 
*:first-child+html #title, 
*:first-child+html #main-body, 
*:first-child+html #flickr, 
*:first-child+html #extra,
*:first-child+html #port,
*:first-child+html .prod-feature,
*:first-child+html dl.teaser {
	min-height: 1px;
	}
	
/* phpGraphy for cruft archive */


div.main {
  float: left;
  display: inline;
  margin-left: 10%;
  margin-right: 10%;
  }

td  {
	font-size : 11px;
	font-family : 'Verdana', 'Helvetica', 'Arial', 'Geneva';
	color : #464574;
}

.medium {
    font-size: 88%
	}

.small {
    font-size: 70%
	}
.big { font-size: 120%;
  		text-align: center; }
  		
#picnav {  		  		
		text-align: center;
		width: 100%;
		margin: 5px; }

.txt { 
  font-family : Courier New,sans-serif;
  }

.errormsg {
  font-family : Verdana,Arial,Geneva,sans-serif;
  font-size: 90%;
  color: #ff0000;
  }



/* Directory information bar (current directory) */
/* Replacing this html tag <table width="100%"    cellspacing="0" cellpadding="0"> */
#dirbar {
  width: 100%;
  border: none;
  }
/* Replacing <td align="left" width="80%" */
#dirbarleft {
  text-align: left;
  width: 80%;
  }
#dirbarright {
  text-align: right;
  }

/* display the directory content (thumbs) */
#dirlist {
  }

/* display the directory content (thumbs) */
/*
#dircontent {
  width: 100%;
  }
#dircontentleft {
  float: left;
  display: inline;
  width: 50%;
  border: none;
  }
#dircontentright {
  float: right;
  display: inline;
  width: 50%;
  border: none;
  }
*/

/* picture title (displayed when browsing lowres/highres pictures) */
.title {
  font-family : Verdana,Arial,Geneva,sans-serif;
  text-decoration: underline;
  }

/* used for .welcome and _comment file */
.welcome {
  color: #883333;
  margin: 5px;
  }

/* Lowres/Highres picture display area */
#displaypicture {
  text-align: center;
  }

#metadataicon {
  margin-left: 5px;
  }

/* Admin form to change picture's associated data */
#picupdateform {
  display: block;
  text-align: center;
  margin: 5px;
  }

/* exif metadata text */
.exifmetadata { 
  color: #646464;
  text-align: center;
  }

/* iptc metadata text */
.iptcmetadata {
  color: #a0a0a0;
  text-align: center;
  }



/* thumbnails properties 
 .thumbnail { border: 0px solid #000000; }
*/
/* lowres/highres picture properties */
/* .picture { 
  border: 0px solid #000000;
  }
*/

/* Page naviguation (Previous/Next, Page number) */
.pagenav { text-align: center; }

.popup {
  position: fixed;
  left: 10px;
  top: 10px;
  }

#footer {
  text-align: center;
  display: block;
  margin: 4px;
  }
/* cv info */
 .cv {
 margin: 0;
 padding: 0px;
 font-size: 100%;
	
}

.syllabus_nav {
	background: #e6e3d7 url(/images/form-bg.gif) repeat-x top left;
	padding:10px;
	height: 200px;
	}


/* caption for javascript slideshow with captions */

.Caption {
	padding-top: 5px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.1em;
}

/* home grid */

#homegrid td {
text-align: center;
font-size: 100%;
line-height: 1em;
}

#homegrid h3 {
	margin: 24px 0 0px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}
	


/* work grid */

#workgrid td {
text-align: center;
font-size: 90%;
line-height: 1em;
}

#workgrid h3  {
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}
	




}
/* added for the wordpress blog */


#page {
	text-align: left;
	width: 100%;

	}

.narrowcolumn .entry, .widecolumn .entry {
padding-top: 0px;

	}


.narrowcolumn .postmetadata {
padding-bottom: 20px;
text-align: left;
	}


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}



code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}



/* End Typography & Colors */



/* Begin Structure */


#content {
	margin: 0px;
	padding: 1px 0 0 0px;
	margin-left: 0px;
	}
/* left column of posts 10px left margin */
.narrowcolumn {
	float: left;
	padding-left: 20px;
	margin-right: 0px;
	margin: 0px;
	width: 600px;


	}

.widecolumn {
	padding: 1px 0 0 0px;
	margin: 0px 10px 0px;
	width: 450px;	
border:	1px solid #000000;
	}

.post {
	margin: 0 0 40px;
	text-align: left;

	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}
/* posted in categories comments block */
.narrowcolumn .postmetadata {
border-bottom: thin solid #cccccc;
	padding-top: 5px;
	margin-right: 18px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 15px 5px 5px 0px;
}

.widecolumn .attachment {

}

.postmetadata {
	clear: left;
}



/* End Structure */



/*	Begin Headers */


/*	Begin Headers */




.post h2 {

}
.post h3 {

}

h2.pagetitle {


}


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



	
/* End Entry Lists */



/* Begin Form Elements */
#searchform { 
	margin: 0px;
	padding: 0px 3px 10px 0px; 
	text-align: left;

	}

#searchform #s {
	width: 108px;
	padding: 0px;
	margin: 0px;
	}

#searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform textarea {
	width: 450px;
	padding: 2px;
	}

#commentform #submit {
	margin: 25px;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}




.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
/* End Various Tags & Classes for blog*/

/* del.icio.us */
/* .delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.5em; width: 20em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
*/
.delicious-post a:link, a:visited { 	
	padding-bottom: 1px;
		font-family: Verdana, sans-serif;
	font-size: small;
	color: #0000ff;
	text-decoration: none;
	font-weight: normal;} 
	
.delicious-posts a:hover { 	padding-bottom: 0;
	color: #383d44;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-decoration: underline;
	font-weight: normal; } 
	

/* links */

a:link, a:visited {
	padding-bottom: 1px;
	color: #0000ff;
	text-decoration: none;	
	}
	
a:hover {
	padding-bottom: 0;
	color: #383d44;
	text-decoration: underline;
	}	
	
a.more {
	padding-right: 7px;
	background: url(/images/morearrow.gif) no-repeat 100% 5px;
	}
	
/* quick fix 070323 */
#title h1 a {
	margin: 0;
	padding: 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-size: 100%;
	line-height: 1.2em;
}

#elegy  {
padding-top: 25px;
	font-size: 100%;
	
	
}
#elegy a {
	font-size: 100%;
font-weight: bold;
}

.spacer {
height: 15px;
}

.required { color: #ff0000;}

#content h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Arial Bold", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5em;
	border-bottom: 1px solid #dbd5c5;
	}


/* css/code */

#content pre,
#content div.code-box {
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  white-space: pre;
  width: 98%;
  line-height: 1.4em;
  margin: 1em 0 3em 0;
  border: 1px dashed #aaa8a8;
  padding: 0.5em 0 0.3em 0.5em;
  font-size: 80%;
  color: #000;
  overflow: auto;
}

#content div.code-box {
  background: #efede7 url(/images/cut.gif) no-repeat top right;
}

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
width: 99%; word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* css/code */