@charset "utf-8";
/* CSS Document */

body { 
	vertical-align: bottom;
	margin: 0; 
	text-align: center;
	background-color: #ffffe8; 
}
body.music {
	background-image: url("sands.gif"); 
}
#page {
	width: 960px;
	color: #222;
	font-size: 87%; 
	line-height: 140%;
	text-align: left;
	position:relative;
	display: block; 
	margin-left: auto;
	margin-right: auto; 
}
#pageMusic {
	background-color: #ffffe8; 
	border: 1px solid #959596;
	width: 960px;
	color: #222;
	font-size: 85%; 
	line-height: 140%;
	text-align: left;
	position:relative;
	display: block; 
	margin-left: auto;
	margin-right: auto; 
}


/* ----------------------------------------------- */
/* 2-col layout */
/* ----------------------------------------------- */
#page_leftcol {
	float: left;
	clear: right;
	border-right: thin dotted #6b5841; 
	padding: 0;
	width: 660px;
}

@media print { #page_leftcol {
	border-right: none; 
	width: ; /* keep this, it helps; don't know why */
} }

#page_rightcol {
	float: right;
	clear: right;
	margin-top: 20;
	padding: 0 6px 20px;
	width: 280px;
}

@media print {
#page_rightcol {
	display: none;
}  }

#page_rightcol p {
	margin-left: 12px;
	margin-right: 1px;
}
/* ----------------------------------------------- */
/*                                                 */
/* ----------------------------------------------- */


p, hr, li, td, blockquote { 
	font-family: "Verdana","Arial","Helvetica",sans-serif; 
	margin-left: 25px;
	margin-right: 15px;
}

h1, h2, h3, h4, h5 {
	font-family: "Verdana","Arial","Helvetica",sans-serif; 
	margin-left: 5;
}

h1, h2, h3 {
	color: #c1722c;
}

h3, h4 {
	font-style: italic;
	font-weight: 500;
	margin-bottom: -6px;
}

blockquote {
	padding: 0 25px;
}

em { 
	font-weight: normal; 
	font-style: italic;
} 

.boxWhite {
	border: 1px solid #959596;
	padding:10;
	font-style: italic;
	background: white;
	color: #666;
	width:100;
}
.boxWhite img{
padding:0;
}


/* ----------------------- */
/* BEGIN styles for images */
/* ----------------------- */
img {
	padding: 15px;
	border: 0;
}

img.nopadding {
	padding: 0;
	border: 0;
}

img.leftSide {
	float: left;
	padding: 0;
}

img.rightSide {
	float: right;
	padding: 5 0 5 10;
}
	

/* ----------------------- */
/* END styles for images   */
/* ----------------------- */


/* ----------------------- */
/* BEGIN styles for lists  */
/* ----------------------- */
ul li { 
	list-style-type: circle; 
	margin-left: 8px;
	margin-bottom: 7px;
}

ol li {
	margin-bottom: 10px;
}

ul.songs li {
	list-style-type: none; 
	margin-bottom: 14px;
}

/* Use "first" to close up space between */
/* first li and the paragraph above i    */
.first { 
	margin-top: -4px; 
}
/* --------------------- */
/* END styles for lists  */
/* --------------------- */


/* ----------------------- */
/* BEGIN styles for links  */
/* ----------------------- */
a:link {
	color: #6b5841;
	text-decoration: none;
	border-bottom: 1px dotted #222;

}
a:visited {
	color: #6b5841;
	text-decoration: none;
	border-bottom: 1px dotted #222;
}
a:hover {
	background-color: #fff;
	outline: 1px dotted #222;
	padding: 4 0;
	text-decoration: none;
}
/* --------------------- */
/* END styles for links  */
/* --------------------- */

/* special stuff */
.header a:link {
	color: #9c8060;
	text-decoration: none;
	font-style: italic;
	border-bottom:none;
}
.header a:visited {
	color: #9c8060;
	text-decoration: none;
	font-style: italic;
	border-bottom:none;
}
.header {
	margin:0 0 0 5;
	padding:0;
}
@media print { .header {
	display: none;
} }

.notes {
	font-size: 90%;
	clear:both;
	font-style: italic;
}

.footer { 
	text-align: right; 
	font-size: 90%; 
	font-style: italic; 
}

.listenread a:link {
	font-size: 90%;
	color: #6b5841;
}

.listenread a:visited {
	font-size: 90%;
	color: #6b5841;
}

/* -------------------------------- */
/* BEGIN styles for right-hand nav  */
/* -------------------------------- */

.right_nav {
	font-weight: bold;
}

.right_nav a:link {
	color: #B69063;
	text-decoration: none;
	border-bottom: none;
}
.right_nav a:visited {
	color: #B69063;
	text-decoration: none;
	border-bottom: none;
}
.right_nav a:hover {
	background-color: transparent;
	outline: 0px;
	padding: 4 0;
	text-decoration: underline;
}

/* To indicate which nav link is selected */
.link1 p#link1,
.link2 p#link2,
.link3 p#link3,
.link4 p#link4,
.link5 p#link5
{
	background-color: #F9D797;
//	outline: 1px dotted #6b5841;
	padding: 4 0;
	margin-left: 5;
	padding-left: 5;
}

.link1 a#link1,
.link2 a#link2,
.link3 a#link3,
.link4 a#link4,
.link5 a#link5
{
//	border-bottom: none;
	color: #B69063;
}

/* ------------------------------ */
/* END styles for right-hand nav  */
/* ------------------------------ */


/* If you don't want something to print, give it class="noprint" */
@media print {
.noprint {
	display:none
} }

/* ------------------------------- */
/* BEGIN styles for blog feed div  */
/* ------------------------------- */
#feeddiv {
	margin: 0;
}

/* For Music page */
.watermark-music { 
	background-image: url("DSC_1524.jpg"); 
	background-position: bottom;
	vertical-align: bottom;
	text-align: right;
	white-space: nowrap; 
	font-size: 80%;
	line-height: 200%;
	padding: 0px 15px;
	color: #f5edd6;
}
.watermark-music a:link { 
	color: #f5edd6;
}
.watermark-music a:visited { 
	color: #f5edd6;
}
.watermark-music a:hover { 
	color: black;
	background-color: #fff;
	outline: 1px dotted #222;
	padding: 3 0;
	text-decoration: none;
}