/* ************** Positioning **************** */
html, body	{ width: 99%; height: 99%; margin: 0px; }
body		{ background: #ece9e3 url(images/mockingbird-swirls.png) no-repeat left top fixed; font-size: 11px;  font-family: "times new roman", serif; color: #403934; line-height: 1.6em; }

#title		{ height: 100px; width: 260px; position: fixed; top: 400px; left: 260px; z-index: 1;}

#nav			{ position: fixed; left: 0px; top: 0px; width: 100px; z-index: 2;} 
#nav ul, #nav ul li	{ width: 100px; height: 20px; letter-spacing: 1em; } 

#nav ul#idle	{ list-style: none; position: absolute; top: 350px; left: 0px; text-align: right; padding: 12px 0px 10px 0px; background: url(images/nav-idle.png) no-repeat top center; margin-left: -15px;}
#nav ul#work	{ list-style: none; position: absolute; top: 0px; left: 455px; text-align: left; padding: 120px 0px 0px 10px; margin: -55px; background: url(images/nav-work.png) no-repeat 0% 80%;  height: 60px; }
#nav li#music	{ margin: 5px 0px 0px 10px; }
#nav li#web	{ margin-left: 10px; }
#nav li#elsewhere{ margin-left: 10px; }
#nav li#cv	{ margin: -7px 0px 0px 20px; padding-left: 20px; }
#nav li#research{ margin-left: 20px; }
#nav li#scratch	{ margin-left: 20px; }
#nav li#about	{ margin-left: 15px; }

#content	{ position: absolute; left: 520px; top: 150px; width: 550px; background: url(images/bg-opac.png); z-index: 0; }
#content ul	{ padding: 0px 0px 0px 5px; margin: 0px 0px 10px 10px; text-indent: -9px; }

#subnav		{ position: fixed; width: 130px; left: 290px; top: 200px; margin-left: -130px; text-align: right; }
#sub-content 	{ position: fixed; left: 200px; top: 130px; height: 300px; width: 300px; }




/* ***************** Style ******************* */

#title			{ background: url(images/alexis.png) no-repeat top left; }
#title h1		{ display: none; } 

#nav ul li span		{ visibility: hidden; }
#nav ul li a		{ text-decoration: none; }

#nav ul#idle		{ list-style: none; text-align: right; background: url(images/nav-idle.png) no-repeat top center; }
#nav ul#work		{ list-style: none; text-align: left; background: url(images/nav-work.png) no-repeat 0% 80%; }
#nav li#music		{ background: url(images/nav-music.png) no-repeat; }
#nav li#web		{ background: url(images/nav-web.png)  no-repeat; }
#nav li#elsewhere	{ background: url(images/nav-elsewhere.png) no-repeat; }
#nav li#cv		{ background: url(images/nav-cv.png) no-repeat; }
#nav li#research	{ background: url(images/nav-research.png) no-repeat; }
#nav li#scratch		{ background: url(images/nav-scratch.png) no-repeat; }
#nav li#about		{ background: url(images/nav-about.png) no-repeat; }

#content		{ background: url(images/bg-opac.png); }
#content ul		{ text-indent: -9px; }
#content li		{ list-style: none;  }
#content ul li:before 	{ content: "\203A \0020"; }
#content ul.lump li:after { content: "\0020 \02D6"; }
#content ul.lump li:before { content: ""; padding: 0px; }

#subnav			{ text-align: right; }
#sub-content 		{ border: 1px solid #ccc;}

h2,h3			{ margin-top: 20px; letter-spacing: 0.1em; font-variant: small-caps; }
h3.cap			{ text-transform: lowercase; border-top: 3px double #666; }
h3.cap:first-letter	{ text-transform: uppercase; font-size: 44px; width: 45px; color: #222; float: left; opacity: 0.85; padding: 14px 5px 0px 0px; }
h3 a.no-col		{ color: #403934;}
h4			{ margin-bottom: 0px; }

a			{ color: #5c8388;/*3a5079*/ text-decoration: none; }
a:hover			{ color: #000; }

address			{ font-style: normal; margin: 0px 0px 10px 10px; }
textarea		{ width: 550px; border: 1px solid #666;}
input			{ border: 1px solid #666; background: #ddd; font-size: 12px; }
img			{ border: 1px solid #666; background: #fff; padding: 3px; margin-bottom: 10px; }
img.right, span.right	{ float: right; margin-left: 10px; }
img.left, span.left	{ float: left; margin-right: 10px; }
div.imgblock		{ clear: none; }
div.imgblock span.right { margin-top: -5px; clear: both;}
img#plain		{ border: 0px; background: none;}
td			{ border-top: 1px dotted #999; }

li.done			{ text-decoration: line-through; }
ul.lump li		{ display: inline; }
p.date,p.tags		{ font-style: italic; margin: -15px 0px 10px 50px; font-size: 100%; }
p.comm-auth		{ margin-top: 20px; border-top: 1px dotted #aaa; background: #fff; }
#comments p.date	{ margin-left: 0px; border-bottom: 1px dotted #aaa; background: #fff;}
#content p.note		{ border-top: 1px dotted #aaa; margin-top: 20px; }
#content p.explanation	{ font-style: italic; margin: -10px 0px -10px 0px;}

span.email, span.hide	{ display: none; }