/*

----------------------

	backgrounds

----------------------

*/

.page-reverse,

.page-white,

.nav a:hover {

	background-image: url(/gary/common/images/background-dark.gif);

}

.nav,

table.quotation {

	background-image: url(/gary/common/images/background-light.gif);

}

table.poem,

table.content {

	background-color: White;

}

.page-grey {

	background: #CCCCCC;

}

.controlPanel {

	background: black;

}

/*

----------------------

	colors

----------------------

*/

.picture td a {

	color: yellow;

}

.page-white, .page-white td, .page-white p, .page-grey, .page-grey td, .page-grey p {

	color: black;

}

.nav a,

.page-reverse a,

.page-reverse, 

.page-reverse td, 

.page-reverse p {

	color: silver;

}

a:hover,

.control a:hover,

.nav a:hover {

	color: white;

}

.title-page, .title-page p {

	color: violet;

}

.control a:active, .control a:visited, .control a:link {

	color: gray;

}

td.title-page,

.nav .name {

	color: #ff9933; /* orange */

}

/*

----------------------

	decorations

----------------------

*/

.control,

.nav .name {

	font-weight: bold;

}

a,

.nav a, .nav a:hover,

.control a:active, .control a:visited, .control a:link, .control a:hover {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

.attribution2 {

	font-style: italic;

}

/*

----------------------

	faces

----------------------

*/

body {

	font-family: tahoma, verdana, helvetica, arial, sans-serif;

}

.control {

	font-family: Arial, Helvetica, sans-serif;

}

.title-page,

.title-section,

.page-white,

.nav {

	font-family: Georgia, Times New Roman, Times, serif;

}

/*

----------------------

	borders

----------------------

*/

table.quotation,

table.controlPanel,

table.poem,

table.content {

	border-collapse: collapse;

}

table.poem,

table.content {

	border: solid 1px black;

}

table.controlPanel,

table.quotation,

.nav a {

	border: solid 1px gray;

}

div.nav {

	border-top: solid 1px gray;

	border-bottom: solid 1px gray;

}

.nav a:hover {

	border: solid 1px #ff9933;

}

/*

----------------------

	margins & paddings

----------------------

*/

.title-main, .title-section,

table, .attribution2, .quotation p {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

table.quotation td {

	padding: 20px 20px 20px 20px;

}

.controlPanel td,

.nav table td,

.nav a  {

	padding: 2px 15px 2px 15px;

}

table.content td,

div.nav {

	padding: 10px 10px 10px 10px;

}

.nav .name {

	margin: 0px 20px 0px 10px;

}

table.controlPanel {

	margin: 20px 20px 20px 20px;

}

table.poem td {

	padding: 50px 50px 50px 50px;

}

/*

----------------------

	font sizes

----------------------

*/

.nav a {

	font-size: 8pt;

}

body, table,

.nav .name,

.control,

.quotation {

	font-size: 10pt;

}

.title-section {

	font-size: 14pt;

}

.title-page, .title-main {

	font-size: 18pt;

}

/*

----------------------

	dimensions

----------------------

*/

div.quotationContainer {

	width: 500px;

}

table.poem,

table.content {

	width: 600px;

}

/*

----------------------

	weights

----------------------

*/

.attribution, 

.attribution2, 

.page-grey, 

.quotation, 

.title-page, 

.title-main, 

.title-section {

	font-weight: bold;

}

/*

----------------------

	alignments

----------------------

*/

table td {

	vertical-align: top;

}

table.controlPanel {

	text-align: left;

	position: relative;

	float: left;

}

div.quotationContainer {

	position: relative;

	margin: 20px auto;

	text-align: center;

}

table.poem,

table.content {

	margin: 0px auto;

}

/*

----------------------

	lists

----------------------

*/

ul li {

	list-style-type: square;

	color: #ff9933; /* orange */

}

/*

--------------------------------------------------------------------------------------------

	testing

--------------------------------------------------------------------------------------------

*/

.skybox {

	width: 30%;

	border: solid 1px black;

	background-color: Silver;

	float: right;

	padding: 5px 5px 5px 5px;

}