/*
@import url(http://fonts.googleapis.com/css?family=Chivo:400,900);
*/

h1 { font-size: 2.618em; }
/*
h2 { font-size: 2.427em; }
h3 { font-size: 1.618em; }

h1 { font-size: 2em; }
*/
h2 { font-size: 1.618em; }
h3 { font-size: 1.333em; }

h2
{
 text-shadow: .25em, .25em, 0, .5em, red;
 line-height: 1;
}

#main h2
{
 max-width: 24.138em;
}

h2, h3
{
 font-family: 'Nimbus Sans L', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 small, h3 small
{
 padding-left: .125em;
}

pre, code
{
 font-family: "Lucida Console", "Bitstream Vera Sans Mono", monospace;
}

html, body
{
 padding: 0;
 margin: 0;
 border: none;
}

body
{
 background-color: #555;
 font-size: 100%;
 color: #100;
 background-image: url(Images/wc-t.gif);
 font-family: 'Nimbus Sans L', "Helvetica Neue", Chivo, Helvetica, Arial, sans-serif;
}

#main, #index li, h1
{
 background-color: #ffffe9;
}

#index li
{
 border-top-left-radius: .75em;
 border-bottom-left-radius: .75em;
}

h1
{
 font-family: 'Nimbus Sans L', "Helvetica Neue", Chivo,helvetica, arial, sans-serif;
 text-align: center;
 font-weight: 900;
 line-height: 1;

 color: #700;

 text-shadow: 0 0 .125em white;
 padding: 0 0 .309em;;
 margin: 0 0 .25em;
 border-bottom: 8px solid black;

/*
 background-image: url(Images/grad1.jpg);
 background-repeat: repeat-x;

 border: 12px double black;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;

 padding: .5em .5em .25em;

 margin: .5em 1.5em;

 background-image: url(images/grad6.jpg);
 background-repeat: repeat-x;
 background-position: middle left;
*/
}

#logo1
{
 display: inline;
 width: 275px;
 margin: .25em auto 0;
 padding: .125em .25em ;
 background-color: transparent;
 border: 2px solid transparent;
 border-radius: .25em;
/*
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
*/

}

#logo1:hover, #logo1 a:hover
{
 background-color: white;
/* border: 2px solid black; */

 border-color: black;
 background-position: bottom left;
}

.index
{
 margin: 0;
 width: 34%;
 padding: 0 .25em;
 position: fixed;
 top: 0;
 right: 0;
}

#content
{
 background-image: url( images/spiral-t.gif );
 background-repeat: repeat-y;
 background-position: top left;

 overflow: hidden;
 clear: left;
 width: 65%;
 min-width: 20em;
/* max-width: 46em; */
 float: left;
 margin:  .5em 0 .5em 1.7%;
}

#main
{
 margin-left: 42px;
/* width: 58%;
*/
 background-image: url(images/edge.gif);
 background-repeat: repeat-y;
 background-position: top right;
 font-family: 'Nimbus Sans L', "Helvetica Neue", Chivo, helvetica, arial, sans-serif;
 padding: 1em 7%;
 line-height: 1.5;

 overflow: hidden;

 border-top-right-radius: 1.25%;
 border-bottom-right-radius: 1.25%;
 -moz-border-radius-topright: 1.25%;
 -moz-border-radius-bottomright: 1.25%;
}

#index {
 float: right;
 max-width: 30%;
 min-width: 13em;
 margin: 0;
 padding: 0;
}

#main a,#index a
{
 color: #700;
 text-decoration: none;
 font-weight: 900;
}

#main a:focus,#main a:hover,#main a:active
{
/* padding-bottom: 2px; */
 text-decoration: underline;
/* border-bottom: 1px solid #400; */
}

h3
{
 margin: .5em 0 0;
}

.note
{
 line-height: 1.5;
}


#main p,#main h2
{
 width: 94%;
 margin-left: auto;
 margin-right: auto;
}

#main p
{
 max-width: 39em;
}

p.note
{
 font-style: italic;
}

pre
{
 background-color: #eed;
 padding: 1em .5em 1em 1em;
 overflow: auto;
 width: 95%;
/* max-width: 40em; */
 position: relative;
}

.pdf
{
 font-size: .8em;
}

.blurb
{
  margin-left: 2em;
  margin-top: 0;
}

.more
{
 font-weight: bold;
 text-align: right;
 font-style: italic;
 padding-left: 1em;
}

code
{
 color: black;
 font-weight: 900;
}

h4
{
 border-top: 1px solid black;
 margin: 0;
}

.references
{
 border-top: 1px solid black;
}

blockquote
{
 background-color: #eec;
 border: 2px solid #dda;
 padding: 0 1em;
 margin: .5em 0;
}

#main div
{
 margin: 0;
 padding: 0;
}

dt
{
 font-weight: bold;
}

dd
{
 margin-left: 1.5em;
}

dd + dt, dt + dt
{
 margin-top: 1em;
}

#datestamp
{
 text-align: right;
}

#index li span
{
 display: block;
}

#index ul
{
 margin: 0 0 5% 1%;
 padding: 1em 0 0 0;
}

#index li
{
 font-size: .95em;
 list-style-type: none;
 margin: 1em 0 ;
 border-left: 3px solid black;

 padding: .5em .5em .15em 2%;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-bottom-width: 3px;
}

#index li h3
{
 margin-left: .5em;
}

#index li h3 a
{
 margin-left: .125em;
 text-decoration: none;
 color: #400;
}

#index li h3 a:hover
{
 background-color: white;
 color: black;
 border-bottom: 2px solid #400;
}

#index a
{
 font-weight: bold;

}

.blurb
{
 font-size: .95em;
}

.permalink
{
 text-align: center;
 font-size: .85em;
}

.permalink a
{
 color: #400;
 padding: .25em;
 background-color: #aaa;
 background-image: url(images/grad2.jpg);
 background-repeat: repeat-x;
 background-position: 50% left;
 display: block;
 width: 7em;
 float: right; 
 border: 4px double #400;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

.permalink a:hover
{
 border: 4px double #800;
 background-position: bottom left;
}

.date
{
 padding-left: 1em;
 margin: 0;
}

#index li.title
{
 padding-bottom: 1em;
}

.webring
{
 text-align: center;
 width: 40%;
 clear: both;
 margin: 0 auto;
}

.param
{
 font-weight: 400;
 background-color: hsl(0,95%,90%);
 padding: 0 2px;
}

table
{
 width: auto;
 margin: 1em auto;
 border-collapse: collapse;
}

th,td
{
 padding: .125em .5em;
 border: 1px solid #400;
}

input#donate 
{
 display: block;
}

#footer
{
 clear: both;
 font-size: .85em;
 text-align: center;
 margin: 1em 0 0;
 border-top: 1px solid black;
 background-color: #eee;
 padding: 1em 0;
 position: relative;
 bottom: 0;
 width: 100%;
}

#footer a
{
 color: black;
 padding: 0 1em;
}

#footer h3
{
 margin: 0;
}

.gas
{
 text-align: center;
}

.modified
{
 font-size: .85em;
 text-align: right;
}

#main form
{
 display: none;
 clear: both;
 text-align: left;
 width: 90%;
}

#main form label
{
 display: block;
 clear: left;
 margin-top: .5em;
}

#main input
{
 line-height: 1.5;
 height: 1.75em;
}

#main input, textarea
{
 
 width: 100%;
}

#donate
{
 width: 73px;
 height:44px;
}

dl
{
 margin-left: 2em;
}