/*! HTML5 Goldtent CSS file used in archives */

body {    /*background: #446688;*/
	  background: #0C090C;
}
table.center{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
/*	font-size:  75%; */
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

caption{
	background: url(title.png) no-repeat 50px;
	font-size: 400%;
	text-indent: -10000px;
}

thead tr{
        background-color: #F0E5B6;
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
}

tfoot tr{
	background-color: #FFFFFF;
}

thead th{
	padding: 0.5em;
	white-space: nowrap;
}

tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 0.5em;
	letter-spacing: 1px;
	background:  
}

tfoot td{
	padding-left: 0.5em;
	color: yellow;
	font-size: 110%;
	font-weight: 600;
}

tfoot td:hover{
	background-color: yellow;
	color: white;
}

tr{
	background-color: #897f64;
}

tr.odd{
	background-color: #F0E5B6;
}

tbody tr:hover{
	background-color: #ffffaa;
}

td, th{
	border: 2px solid #73510A;
}

tbody td
{
	padding: 0.5em;
	backround-color: #FFFFAA;
}

td a:link, th a:link{
	color: #12019e;
}

td a:visited, th a:visited{
	color: black;
	text-decoration: line-through;
}

td a:hover, th a:hover{
	color: blue;
	text-decoration: underline;
}

td img {
/*  border-radius: 150px; */
    border-radius: 10px;
    border: solid #73510A 1px;
}

td:last-child a:hover{
	color: red;
	text-decoration: underline overline;
}

/* Too narrow to support three columns */
@media all and (max-width: 640px) {
    
    #main, #page {
	-webkit-flex-flow: column;
        flex-flow: column;
        flex-direction: column;
    }
    
    #main > article, #main > nav, #main > aside {
	/* Return them to document order */
	-webkit-order: 0;
        order: 0;
 	-webkit-flex-flow: column;
        flex-flow: column;
 	flex-direction: column;
    }
    
    #main > nav, #main > aside, header, footer {
	min-height: 50px;
	-webkit-flex-flow: column;
        flex-flow: column;
        flex-direction: column;
    }
}