/*----------------------------------------------reset---------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
abbr, acronym, address,
blockquote, q, cite, dfn, kbd, pre, code, samp, var, tt,
ul, ol, li, dl, dt, dd,
form, label, fieldset, legend, input, textarea,
a, img, del, ins, strong, em, sub, sup,
table, caption, tfoot, tbody, thead, tr, th, td
												{padding: 0;
												border: 0;
												margin: 0;
												outline: 0;}
a, abbr, acronym								{text-decoration: none;}
ul, ol											{list-style: none;}
h1, h2, h3, h4, h5, h6, p, a, blockquote, q, cite, li, dt, dd, tr, th, td
												{font-style: normal;
												font-variant: normal;
												font-weight: normal;}
strong											{font-weight: bold;}
em												{font-style: italic;}

/*----------------------------------------------layout--------------------------------------------*/

body											{min-width: 720px;}
#meta											{position: fixed;
												left: 0px;
												top: 0px;
												width: 360px;
												height: 560px;}
#main											{overflow: hidden;
												margin: 130px 10px 30px 370px;}
object											{display: block;
												margin: 10px auto 0 0;}
#about object, #contact object					{margin: 10px auto;}
object, a img, img								{clear: both;}
a.alignnone img, img.alignnone					{display: block;
												margin: 10px 20px 20px 0;}
a.alignleft img, img.alignleft					{float: left;
												margin: 10px 20px 20px 0;}
a.aligncenter img, img.aligncenter				{display: block;
												margin: 10px auto 20px;}
a.alignright img, img.alignright				{float: right;
												margin: 10px 0 20px 20px;}
#comments										{clear: both;
												padding: 50px 0;}
#siteinfo										{clear: both;
												position: relative;
												overflow: hidden;
												margin: 0 15px 40px 375px;}

/*----------------------------------------------typography----------------------------------------*/

body											{background: #222;
												color: #CCC;
												font-size: 62.5%;
												line-height: 1.5;
												font-family: 'lucida grande', sans-serif;}
h1												{font-size: 2.4em;}
h2												{font-size: 2.8em;}
h3												{font-size: 2.4em;}
h4												{font-size: 2.0em;}
h5												{font-size: 1.8em;}
h6												{font-size: 1.6em;}
p, li, dt, dd									{font-size: 1.4em;}
a, ol li, li li									{font-size: 1.0em;}
dt												{float: left;}
dd												{margin-left: 8em;}
dl, ul li										{padding: 0 10px;}
h1, h2, h3, h4, h5, h6, p						{padding: 0.5em 10px;}
abbr, acronym									{border-bottom: 1px dotted;}
h2 a:link, h2 a:visited							{color: #CCC;}
h2 a:focus, h2	a:hover, h2 a:active			{color: #600;
												outline: none;}
a:link, a:visited								{color: #FFFF99;}
a:focus											{color: #FFFF99;
												outline: #FFFF99 solid 1px;
												overflow: hidden;}
a:hover, a:active								{color: #FFFF99;
												cursor: pointer;
												outline: none;}

/*----------------------------------------------skiplink------------------------------------------*/

#skiplink										{position: absolute;	
												text-indent: -9999px;}

/*----------------------------------------------searchform----------------------------------------*/

#searchform										{position: absolute;
												top: 25px;
												right: 10px;
												width: 220px;
												overflow: hidden;
												border: 1px solid #CCC;}
#searchform input								{float: left;
												width: 166px; /*54px less than searchform div width*/
												padding: 0.25em 8px;
												margin: 2px;
												color: #222;
												background: #CCC;
												font-size: 18px;
												font-family: 'lucida grande', sans-serif;}
#searchform #searchsubmit						{width: 30px;
												height: 30px;
												padding: 0;
												text-indent: -9999px;
												background: url(../graphics/search.png) no-repeat;}
#searchform #searchsubmit:hover					{cursor: pointer;}
#searchform input:focus							{outline: #600 solid 1px;
												overflow: hidden;}
#searchform input:active						{outline: none;}

/*----------------------------------------------sitenav-------------------------------------------*/

#sitenav										{position: absolute;
												top: 75px;
												right: 10px;
												width: 270px;
												height: 40px;
												background: url(../graphics/sitenav.png) no-repeat center top;}
#sitenav a										{position: absolute;
												height: 35px;
												display: block;
												text-indent: -9999px;
												background: url(../graphics/sitenav.png) no-repeat center -1000px;}
#sitenav a:focus								{outline: none;}
#sitenav .about a								{left: 0px;
												width: 110px;}
#sitenav .about a:focus,
#sitenav .about a:hover,
#sitenav .about a:active,
#about #sitenav .about a						{background-position: 0px -40px;}
#sitenav .contact a								{left: 130px;
												width: 140px;}
#sitenav .contact a:focus,
#sitenav .contact a:hover,
#sitenav .contact a:active,
#contact #sitenav .contact a					{background-position: -130px -40px;}
#about #sitenav .about a,
#contact #sitenav .contact a					{cursor: default;}

/*----------------------------------------------ident---------------------------------------------*/

#ident											{position: relative;
												width: 360px;
												height: 130px;
												background: url(../graphics/ident.png) no-repeat left top;}
#ident h1										{padding: 0;
												text-indent: -9999px;}
#ident a										{position: absolute;
												top: 15px;
												width: 360px;
												height: 70px;
												display: block;
												background: url(../graphics/ident.png) no-repeat left -1000px;}
#ident a:focus									{outline: none;}
#ident a:focus, #ident a:hover, #ident a:active	{background-position: left -145px;}
#home #ident a									{background-position: left -1000px;
												cursor: default;}

/*----------------------------------------------projectnav----------------------------------------*/

#projectnav										{position: relative;
												left: 10px;
												width: 360px;
												height: 390px;
												margin-top: 40px;
												background: url(../graphics/projectnav.png) no-repeat left top;}
#projectnav a									{position: absolute;
												left: 0px;
												height: 40px;
												display: block;
												text-indent: -9999px;
												background: url(../graphics/projectnav.png) no-repeat left -1000px;}
#projectnav a:focus								{outline: none;}
#projectnav .jeckyl a							{top: 5px;
												width: 195px;}
#projectnav .jeckyl a:focus,
#projectnav .jeckyl a:hover,
#projectnav .jeckyl a:active,
#jeckyl #projectnav .jeckyl a					{background-position: -360px -5px;}
#projectnav .wasp a								{top: 55px;
												width: 230px;
												height: 80px;}
#projectnav .wasp a:focus,
#projectnav .wasp a:hover,
#projectnav .wasp a:active,
#wasp #projectnav .wasp a						{background-position: -360px -55px;}
#projectnav .spina a							{top: 145px;
												width: 220px;}
#projectnav .spina a:focus,
#projectnav .spina a:hover,
#projectnav .spina a:active,
#spina #projectnav .spina a						{background-position: -360px -145px;}
#projectnav .vatican a							{top: 195px;
												width: 325px;}
#projectnav .vatican a:focus,
#projectnav .vatican a:hover,
#projectnav .vatican a:active,
#vatican #projectnav .vatican a					{background-position: -360px -195px;}
#projectnav .standpipe a						{top: 245px;
												width: 295px;}
#projectnav .standpipe a:focus,
#projectnav .standpipe a:hover,
#projectnav .standpipe a:active,
#standpipe #projectnav .standpipe a				{background-position: -360px -245px;}
#projectnav .swarm a							{top: 295px;
												width: 210px;}
#projectnav .swarm a:focus,
#projectnav .swarm a:hover,
#projectnav .swarm a:active,
#swarm #projectnav .swarm a						{background-position: -360px -295px;}
#projectnav .apollonia a						{top: 345px;
												width: 185px;}
#projectnav .apollonia a:focus,
#projectnav .apollonia a:hover,
#projectnav .apollonia a:active,
#apollonia #projectnav .apollonia a				{background-position: -360px -345px;}
#jeckyl #projectnav .jeckyl a,
#wasp #projectnav .wasp a,
#spina #projectnav .spina a,
#vatican #projectnav .vatican a,
#standpipe #projectnav .standpipe a,
#swarm #projectnav .swarm a,
#apollonia #projectnav .apollonia a				{cursor: default;}

/*----------------------------------------------headers-------------------------------------------*/

#pagenotfound .postexcerpt						{margin-top: 1em;}
.page #main, #pagenotfound #main, #search #nada,
.postcomplete, .postexcerpt						{padding-top: 0.75em;
												background: url(../graphics/divider.png) repeat-x left top;}
h2												{line-height: 1.2;
												padding: 0 10px 0.35em;
												margin-bottom: 0.35em;
												background: url(../graphics/divider.png) repeat-x left bottom;}

/*----------------------------------------------posts/comments/pings------------------------------*/

.postcomplete, .postexcerpt						{margin-bottom: 2em;}
.postcontent img, .postcontent object			{display: block;
												margin: 0 auto;
												max-width: 560px;}
.postmeta p, .pingmeta p						{padding-left: 46px;}
.postmeta .postdate								{background: url(../graphics/date.png) no-repeat 10px center;}
.pingmeta .pingdate								{background: url(../graphics/date.png) no-repeat 10px center;}
.postmeta .postcategory							{background: url(../graphics/category.png) no-repeat 10px center;}
.postmeta .posttags								{background: url(../graphics/tags.png) no-repeat 12px center;}
.postmeta .postcomments							{background: url(../graphics/comments.png) no-repeat 10px center;}
.postmeta .invitecomment						{background: url(../graphics/comment.png) no-repeat 10px center;}
.postmeta .readmore								{background: url(../graphics/arrowright.png) no-repeat 10px center;}
.avatar img										{display: block;
												float: left;
												margin: 0 11px 0 2px;}
.commentmeta p									{line-height: 1.643;}
#commentlist li, #pinglist li					{margin: 1em 0;
												border-top: 1px solid #DDD;
												border-bottom: 1px solid #DDD;}

/*----------------------------------------------contact/commentforms------------------------------*/

.form											{padding-top: 1em;
												border: 1px solid #CCC;
												margin: 1em 0;}
.form p											{padding: 0 10px;}
.form input, .form textarea						{width: 96.7%;
												padding: 0.5em 10px;
												margin-bottom: 0.5em;
												color: #222;
												background: #CCC;
												font-size: 18px;
												font-family: arial, sans-serif;}
.form .button									{overflow: hidden;}
.form .button input								{margin-bottom: 0.5em;}
.form #sendmessage,
.form #submitcomment,
.form .okbutton									{float: right;
												width: 295px;
												height: 39px;
												padding: 0;
												text-indent: -9999px;
												background: url(../graphics/buttons.png) no-repeat;}
.form #sendmessage								{background-position: 0px 0px;}
.form #sendmessage:hover						{background-position: 0px -50px;}
.form #submitcomment							{background-position: 0px -100px;}
.form #submitcomment:hover						{background-position: 0px -150px;}
.form .okbutton									{background-position: 0px -200px;}
.form .okbutton:hover							{background-position: 0px -250px;}
.form .okbutton									{font-size: 18px;
												margin: 0.5em 0;}
.form #sendmessage:hover,
.form #submitcomment:hover,
.form .okbutton:hover							{cursor: pointer;}
.form input:focus,
.form textarea:focus,
.form .okbutton:focus							{outline: #600 solid 1px;
												overflow: hidden;}
.form input:active, .form .okbutton:active		{outline: none;}

/*----------------------------------------------pagination----------------------------------------*/

#postnav, #pagenav								{padding-top: 1em;
												margin-top: 1em;
												background: url(../graphics/divider.png) repeat-x left top;}
#postnav ul li, #pagenav ul li					{padding: 0;}
#postnav a, #pagenav a							{border-bottom: none;}
#postnav .first, #pagenav .first				{margin-left: 10px;}
#postnav .previous, #pagenav .previous			{margin-left: 10px;
												background: url(../graphics/arrowleft.png) no-repeat left center;}
#postnav .previous a, #pagenav .previous a		{padding: 0.2em 0 0.2em 35px;}
#postnav .next a, #pagenav .next a				{padding: 0.2em 35px 0.2em 0;}
#postnav .next, #pagenav .next					{float: right;
												margin-right: 10px;
												background: url(../graphics/arrowright.png) no-repeat right center;}
#postnav .last, #pagenav .last					{float: right;
												margin-right: 10px;}
#postnav ul, #pagenav ul						{overflow: hidden;
												padding-bottom: 1.2em;
												background: url(../graphics/divider.png) repeat-x left bottom;}

/*----------------------------------------------siteinfo------------------------------------------*/

#siteinfo li									{float: left;												
												width: 300px;
												height: 40px;
												padding: 0;
												text-indent: -9999px;
												background: url(../graphics/siteinfo.png) no-repeat left top;}
#siteinfo li.backlink							{float: right;
												margin-right: 10px;
												background: url(../graphics/siteinfo.png) no-repeat left -40px;}
#siteinfo a										{position: absolute;
												height: 40px;
												display: block;
												background: url(../graphics/siteinfo.png) no-repeat left -1000px;}
#siteinfo a:focus								{outline: none;}
#siteinfo a.license								{top: 0px;
												left: 0px;
												width: 105px;}
#siteinfo a.license:focus,
#siteinfo a.license:hover,
#siteinfo a.license:active						{background-position: 0px -80px;}
#siteinfo a.about								{top: 0px;
												left: 180px;
												width: 105px;}
#siteinfo a.about:focus,
#siteinfo a.about:hover,
#siteinfo a.about:active						{background-position: -180px -80px;}
#about #siteinfo a.about						{background-position: left -1000px;
												cursor: default;}
#siteinfo .backlink a							{position: relative;
												top: -1.5em;
												left: 145px;
												width: 160px;}
#siteinfo .backlink a:focus,
#siteinfo .backlink a:hover,
#siteinfo .backlink a:active					{background-position: -145px -120px;}

/*----------------------------------------------ends----------------------------------------------*/