/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"./styles/";
File:	"styles-ruby01.css";
Date:	"2006-08-12";
===== */

/* 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;
	margin: auto auto;
	padding: 0.25in 0.25in;
}
.colxN { width:   6.00in; }
.colx1 { width:  33.33%; }
.colx2 { width:  66.67%; }
.colx3 { width: 100.00%; }
.colxFull { width: 6.00in; }
.colxHalf { width: 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;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: yellow; 
	font-family: "Comic Sans MS", sans-serif; 
}
h1, h2, h3, h4, h5, h6 { text-align: center; }
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4 { font-size: medium; }
h5 { font-size: small; }
h6 { font-size: x-small; }
table { border-collapse: collapse; }
td, th { background: transparent; color: yellow; vertical-align: top; }
a { background: transparent; color: #c0ffff; 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; }

/* ----- Menu Styles for Navigation -- Tree / List / Table ----- */

.menu, .menu table, .menu td, .menu th {
	margin: 0pt;
	padding: 1pt 1pt;
	vertical-align: top;
	background-color: white;
	border: 1px solid black;
	color: black;
}
.menu ol, .menu ul, .menu li {
	list-style: none;
	margin: 0pt;
	padding: 1pt 1pt;
	vertical-align: top;
	background-color: white;
	border: 1px solid black;
	color: black;
}
.menu * {
	font-family: "Comic Sans MS", "Arial", "Helvetica", sans-serif;
	font-size: small;
}
.menu a { 
	display: block; 
	margin: 0px; 
	padding: 1px 4px; 
	background-color: #e0c0ff; 
	/* background-image: url('../images/theme-earth/rust-dark.png'); */
	color: purple; 
}
.menu a[href] { text-decoration: underline; }
.menu a img, .menu img a { border: none; }
.menu a:link { 
	background-color: #c0c0ff; 
	/* background-image: url('../images/theme-earth/turq-light.png'); */
	color: blue; 
}
.menu a:visited { 
	background-color: #c0c0e0; 
	/* background-image: url('../images/theme-earth/turq-light.png'); */
	color: navy; 
}
.menu a:active, .menu a:hover { 
	background-color: #ffc0c0; 
	/* background-image: url('../images/theme-earth/rust-light.png'); */
	color: red; 
}
.menu a#here:link, .menu a#here:visited { 
	background-color: navy; 
	/* background-image: url('../images/theme-earth/turq-dark.png'); */
	color: #c0c0ff; 
}
.menu a#here:active, .menu a#here:hover { 
	background-color: red; 
	/* background-image: url('../images/theme-earth/rust-light.png'); */
	color: #ffc0c0; 
}

.flag { 
	border: 0.25pt solid yellow; 
	background: #404040; 
	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; 
}
.DateTime, .wSubject, .wTitle, .wAuthor { 
	font-family: "Comic Sans MS", sans-serif; 
	font-size: x-small; 
}

/* 
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;
}

/* // old
.backdrop, body.backdrop {
	background-attachment: scroll; 
	background-color: Maroon;
	background-image: url(../images/sunset/Sunset_3.JPG);
	background-position: center center;
	background-repeat: no-repeat; 
}
*/
.backdrop, body.backdrop {
	background-attachment: fixed; 
	background-color: Maroon;
	background-image: url(../images/sunset/sunset_1024x1728.jpg); 
	background-position: top center;
	background-repeat: no-repeat; 
}
div.boxed {
	border: 2px solid yellow;
	background: #404040;
	color: yellow;
	margin: 8px;
	padding: 2px;
}