/* =====

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.50in; }

.colx1 { width:  33.33%; }

.colx2 { width:  66.67%; }

.colx3 { width: 100.00%; }

.colxFull { width: 6.50in; }

.colxHalf { width: 3.25in; }



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: 1.2em;

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

}