/* CSS for Doug's Web Nook*/
body {margin:0; padding:0; font-size:1.0em; }
body, input, select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

blockquote { 
    width:250px; float:right;
	font-size: 88%;
	line-height: 1.5em;
	color: #777;
	padding-left: 18px;
	background: url(../resources/quotemarks.gif) no-repeat 0 3px;}

div#container {
position:relative; min-width:800px; max-width:1024px; margin-left:auto; margin-right:auto; background-color:#F0FFF0
}
div#header {
height:100px; background-color:#360; text-align:center; text-decoration:none;
}
div#header img {
border:none;
}

div#nav {
position:absolute; left:0px; top:100px; width:150px; padding:0; margin:22px 0 15px 0;
}
	
div#nav ul {
border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.85em;
}

div#nav li {
border-bottom:2px inset #960; margin:0; padding:.3em .5em;
}
div#nav li:first-child {
border-top:2px outset #960;
}
div#nav a {
text-decoration:none; color:#C60;
}
div#nav a:hover {
color: #360;
}
/* a hack for IE Win only \*/	
* html div#nav ul {
border-top:2px inline #960;
}
/*end of hack */

/*dateline style */
.dateline {
width:100%; border-top:1px solid #960; border-bottom:2px solid #960; background-color:#996; margin-bottom:20px; padding: 2px 0; 
}
.dateline p {
color:#F8F8F8; 
}

/* content column styles */
div#content {
margin:20px 156px 0 150px; padding: 0 1em;
}
div#content h1,h2,h3,h4,h5,h6,dt {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal; padding: 0 1em;
}
div#content p { 
font-size:.8em; margin-top:0; margin-bottom:.5em; line-height:1.2em;
}
div#content img {
float:left ; border: 1px solid #069; margin:0 4px 4px 0;
}
div#content img.banner { left: 50%;
}
h1 {
font-size:1.4em; font-variant:small-caps; margin-top:2em; color:#960;
}
div#content h2{
font-size:1.2em; margin-top:2em; line-height:1.5em; color:#777;
}
div#content li {
font-size:.75em;
}
div#content a {
text-decoration:underline; color:#C60;
}
div#content a:hover {
color: #360; text-decoration:none;
} 
/* Picture floating left */
div#content .picl {
float:left ;width:250px ; margin:12px;
}
/* Picture floating right */
div#content .picr {
float:right ;width:250px ; margin:12px;
}
/* 200 px Alvarado image */
.alvaradoskinny {
float:right; width:200px; margin: 10px;
}
/* 145px Door image */
.door {
float:right; width:145px; margin: 10px;
}
p.caption {
font-size:.6em; margin:0px 5px; color:#960; 
}
div#content img.pic {
border: 1px solid #069;
}
div#content h1+p:first-letter {
	float:left;
	font-size:3em;
	margin:.1em 0 0 0;
	padding:1px .3em 0 0;
	font-weight:900;
	line-height:.7em;
	}

/* clearfloats style */
.clearthefloats {clear:both;}

/* right column (blank) */
div#rightcolumn {
position:absolute; top:100px; width:125px; right:0px; padding:0; margin:22px 0 15px 0;
}
div#rightcolumn img {
border:none;
}
/*clear the floats before the footer */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* footer styles */
div#footer {
width:100%; padding:4px 0; font-size:.95em; text-align:center; background-color:#996; border-top:1px solid #960; border-bottom:2px solid #960; margin-top:1.5em;
}
div#footer ul {
margin:2px 0;
}
div#footer li {
display:inline; color:white; border-left:1px solid; color:#F8F8F8; padding:0 5px 0 9px;
}
div#footer li:first-child {
border-left:0;
}
div#footer ul li a {
text-decoration:none;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif; color:#F8F8F8;
}
div#footer ul li a:hover {
text-decoration:underline; color:#F8F8F8;
}

/* style composer works list */
div#works {
margin:20px 156px 0 150px; padding: 0 1em;
}
div#works p {
font-size:.8em; margin-top:0; margin-bottom:.5em;
}
div#works li {
list-style-type:none; font-size:.75em;
}  

/* composer anchor selection list */
.composerlist {
width:116px; font-size:.9em; float:left; margin:12px 1.25em; padding: 1.2em; background-color: #FFC; font-weight:bold;
}

/* geocache photo array styles */
div#imgarray {
margin:20px 86px 0 150px; padding: 0 1em;
} 
div#imgarray img {
float:left; border: 1px solid #069; margin:0 8px 4px 0;
}
div#imgarray p {
float:left; font-size:.8em; margin-top:0; margin-bottom:.5em;
}
div#imgarray a {
text-decoration:underline; color:#C60;
}
div#imgarray a:hover {
color: #360; text-decoration:none;
}