/* version 2 */

/*
  Notes on responsive css:
  
  			@media all and (orientation:landscape) {
				[styles for landscape orientation]
			}

			@media all and (orientation:portrait) {
				[styles for portrait orientation]
			}
*/

/* Give all pages an "ivory" background */
body {
    background-color: #ffffe080;
}

/* Horizontally center table on all pages,
   and draw a border around the table */
table {
    margin-right: -50%;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
	border: 3px solid #302d18ed;
	padding: 10px 4px 10px 10px;
}

/* For the index table, style the text to
   give it an embossed "gold" feel  */
td {
	font-weight: bold;
	font-weight: normal;
	color: #FFEB85;
	padding: 8px;
	text-align: center;
	font-family:"Nicolas Cochin", "Nicolas Cochin EF", "Garamond", "Times New Roman", Times, serif;
	text-shadow: 1px 1px 1px #808080;
}

td.volume, p, a {
	font-weight: bold;
	font-weight: normal;
	color: #FFEB85;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	font-family:"Nicolas Cochin", "Nicolas Cochin EF", "Garamond", "Times New Roman", Times, serif;
	text-shadow: 1px 1px 1px #808080;
}

/* On detail pages only, give the image a drop shadow */
td.image img {
	width: 30vw;
	height: auto;
	box-shadow: 2px 2px 2px #c0c0c0;
}

/* On detail pages, prevent long descriptions from
   rendering absurdly wide. */
td.desc {
	width: 50vw;
}

/* On detail pages, style the text darker, because
   of the light background. Remove drop-shadow
   from the smaller text sizes. */
td.desc {
	color: #94832e;
	font-size: medium;
	text-shadow: 0px 0px 0px #808080;
}

/* Style titles larger, retaining drop-shadow. */
td.desc p.title {
	font-size: x-large;
	text-shadow: 1px 1px 1px #404040;
}

/* Style links the same as running text
   (except, leave the underscore).  */
td.desc a {
	color: #94832e;
}

p.volume a {
}

p.title a {
	font-size: x-large;
	text-shadow: 1px 1px 1px #404040;
}	

p.details a {
	font-size: medium;
	text-shadow: 0px 0px 0px #808080;
}

/* For the composers page, style the volume name text to
   give it an embossed "gold" feel  */
h3 {
	font-weight: bold;
	font-weight: normal;
	font-size: 20px;
	color: #FFEB85;
	padding: 0 8px 0 8px;
	margin: 2px 0 2px 0;
	font-family:"Nicolas Cochin", "Nicolas Cochin EF", "Garamond", "Times New Roman", Times, serif;
	text-shadow: 1px 1px 1px #808080;
	text-align: left;
}

details {
	margin-left: 2em;
	font-family: "Didot", "Garamond", "Times New Roman", Times, serif;
	color: black;
	text-shadow: none;
	padding: 0;
	margin: 0 0 0 2em;
}

details a {
	margin-left: 2em;
	font-family: "Didot", "Garamond", "Times New Roman", Times, serif;
	color: black;
	text-shadow: none;
	padding: 0;
	margin: 0 0 0 1em;
}