/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"./styles/";
File:	"styles-ruby02.css";
Date:	"2006-10-14";
===== */

/* See Also: "styles-reference.css" */

/* ----- For Reference - NOT CSS2 - Pseudocode ----- */
/*

@_color-list "myColors" {
  #000000 Black 
  #808080 Gray 
  #c0c0c0 Silver 
  #ffffff White 
  #ff0000 Red 
  #ffff00 Yellow 
  #800000 Maroon
  #000080 Navy 
  #800080 Purple 
} // @_color-list "myColors"; 

*/
/* ----- End Reference - NOT CSS2 - Pseudocode ----- */

div.divBody, div#divBody {
	/* width: 6.5in; */
	width: 76%; /* 76.470 = 6.5 / 8.5 */
	margin: auto auto;
	padding: 0.25in 0.25in;
}
.colxN { width: 100.00%; /* 6.00in; */ } 
.colx1 { width:  33.33%; }
.colx2 { width:  66.67%; }
.colx3 { width: 100.00%; }
.colxFull { width: 100.00%; /* 6.00in; */ }
.colxHalf { width:  50.00%; /* 3.00in; */ }

body {
	background-color: maroon; 
	background-image: none; /* each page sets its background-image */
	background-repeat: no-repeat;
	color: yellow; 
	font-family: "Comic Sans MS", sans-serif; 
	font-size: medium; 
	text-align: left;
}
.backdrop, body.backdrop {
	/* background-attachment: scroll; */
	background-attachment: fixed; 
	background-color: Maroon;
	background-image: url(../images/sunset/sunset_1024x1728.jpg); 
	/* background-position: center center; */
	background-position: top center; 
	background-repeat: no-repeat; 
}

p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: yellow; 
	font-family: "Comic Sans MS", sans-serif; 
}
dt { font-weight: bold; }
dd { margin-left: 0.25in; padding-left: 0; }
h1, h2, h3, h4, h5, h6 { text-align: center; }
h1 { font-size: xx-large; }
h2 { font-size: large; }
h3 { font-size: medium; }
h4 { font-size: small; }
h5 { font-size: x-small; }
h6 { font-size: xx-small; }

hr {
	border: 1px solid yellow; 
	background-color: yellow;
	color: yellow;
	height: 1px;
}

table { border-collapse: collapse; }
td, th { background: transparent; color: yellow; vertical-align: top; }

a { background: transparent; color: yellow; text-decoration: none; }
a[href] { text-decoration: underline; }
a:link { background: transparent; color: white; text-decoration: none; }
a:visited { background: transparent; color: aqua; text-decoration: none; }
a:active { background: transparent; color: chartreuse; text-decoration: none; }
a:hover { background: transparent; color: chartreuse; text-decoration: underline; }

.trail, div.trail, table.trail {
	/*
	border-top: 1px solid #996600;
	border-bottom: 1px solid #996600;
	*/
	background: maroon;
	color: yellow;
	font-family: "Comic Sans MS", sans-serif;
	font-size: medium; /* 12pt; */
	margin: 0.125in 0.0in;
	padding: 3pt 6pt;
} 

.margin0 {
	margin-top: 0;
	margin-bottom: 0;
}
.imageCenter {
	margin: 6pt auto;
	text-align: center;
	font-family: "Comic Sans MS", sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: small;
}

.DateTime, .wDateTime, .wSubject, .wTitle, .wAuthor { 
	font-family: "Comic Sans MS", sans-serif; 
	font-size: x-small; 
}

.liner, ol.liner, ul.liner, dl.liner { 
	font-size: medium; 
	border-top: 0.75pt solid yellow; 
} 
.liner li, li.liner, ol.liner li, ul.liner li, 
dl.liner dt, dl.liner dd { 
	font-size: medium; 
}

/* 
When transparency in .png files is widely supported, 
.translucent will provide a translucent overlay. 
Until then, use customized image slices.
*/
.translucent {
	background-image: url(translucent.png);
	background-repeat: repeat;
}

.flag { 
	/* border: 0.25pt solid yellow; */
	border: none;
	background: #400000; 
	color: yellow;
	font-size: x-small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.flag a, a.flag { padding: 0pt 3pt; }
.notes, ol.notes, ul.notes { 
	font-size: small; 
	border-top: 0.75pt solid yellow; 
} 
.notes li, li.notes, ol.notes li, ul.notes li { 
	font-size: small; 
}

div.boxed {
	border: 2px solid yellow;
	background: #404040;
	color: yellow;
	margin: 8px;
	padding: 2px;
}