/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {font: 1em Lucida, Arial, sans-serif;} /* 1em = 16pts */
.float_left {float:left; margin: 0 0 1em 0;}    /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 1em 0;} /* apply this class to any image or element with width - text will wrap it to the left */

/* CLASS:set1 TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.set1 {
    background:#002700 url(../pictures/backgroundgradient002700.jpg) repeat-x left top;
}
.set1 #main_wrapper {background-color:#333333;}
.set1 #header {
    width:850px; 
    background:#666666 url(../pictures/headerbanner2.jpg) left no-repeat;
}
.set1 #nav, #nav_idx {background-color:#919191;}
.set1 #content {background-color:#333333;}
.set1 #footer {background-color:#999999;}
h1, h2, h3, h4, h5, h6, ul, ol, dl {font-family: Verdana, 'Trebuchet MS', serif;}
/* CLASS:set1 TEXT COLORS */
.set1 h1 {
    font-size:24pt;  
    color:#eeeecc;
  /*  text-shadow:3px 3px 5px #666666;  */
}
.set1 h2 {
    color:#a88658;
 /*   text-shadow:2px 2px 4px #644214; /* not sure I like the shadow */
}
.set1 #header h2 {color:#b89668;}
.set1 h3 {color:#a88658}
.set1 h4, .set1 h5 {color:#a8b9a1;}
.set1 h6 {color:#a5918c;}
.set1 p {color:#999999;}
.set1 ul, .set1 ol, .set1 dl, .set1 blockquote, .set1 cite {color:#a88658;}
.set1 cite {color:#ffffff;}
.set1 #nav ul, .set1 #nav a {color:#ffffff;}
.set1 #nav_idx ul, .set1 #nav_idx a {color:#ffffff;}
.set1 table, .set1 form {color: #6430BF;}
.set1 a {color:#ffffff;}
.set1 a:hover {color:#a8b9a1;}
.set1 #nav a:hover, .set1 #footer a:hover {color:#000000;}
.set1 #nav_idx a:hover {color:#000000;}
.set1 #footer p {color:#555555;}
.set1 #footer a {color:#eeeeee;}

/* FONT SIZES */
h1 {font-size:1.5em;} /* 24pt */
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:1em 0 .5em 0;}
#header h2 {padding:.5em 0 .5em 0;} /* different behavior for the header */
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;}
h4 {font-size:1.125em;} /* 18pt */
h5 {font-size:1em;} /* 16pt */
#vita h5, #works h5 {margin-left:1.7em;}
h6 {font-size:.85em;} /* 14pt */
#vita h6 {margin-left:3.4em;}
p  {font-size:.9em;
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
	text-align:justify;
	text-indent:2em;
	padding:0 .5em 0 0;}
#footer p {text-align:center; margin:0; font-size:.75em;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

/* basic list styling */
ul, dl, ol {margin:0 1em .75em 1em; /* lists without specific classes */
    font-size:.85em;
	line-height:1.5em;}
li, dd {padding:0 0; /* lists without specific classes */
	margin-left:2em;}
#nav ul, #nav dl, #nav ol {margin:.5em 1em .75em 1em;}
#nav_idx ul, #nav_idx dl, #nav_idx ol {margin:.5em 1em .75em 1em;}
#nav li {padding:.5em 0;
	list-style-type:none;
	margin-left:0}
#nav_idx li {padding:.5em 0;
	list-style-type:none;
	margin-left:0}
dt {font-weight:bold;}

#works ol, #vita ol {margin:-1em 0em 2em 6em;}
#vita li {font-size:1em;
    line-height:1.4em;}
#works li, #piece li {font-size:.9em;
    line-height:1.4em;}
#works p, #vita p, #piece p {margin:0em 0em 1.2em 4em;
    text-indent:0;
	width:85%;}
#works em {font-weight:bold;
    color:#dddddd;}
#works non {font-weight:bold; color:#dddddd;}
#works text, #piece text, #content text {color:#999999;}
#piece em {font-weight:bold;}
#piece h4 {color:#dddddd;}
#vita bold {font-weight:bold;}
#vita li {margin-left:4em;}
#works li {color:#999999;}
img {border:0;}

/* THE ALSETT CLEARING METHOD */
.clearfix:after {content: ".";
   display: block; 
   height: 0;
   clear: both;
   visibility: hidden;}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */