/* -*- java -*- */

html {
}

/**
 * Colour scheme:
 *
 * C1 #5b2121  -- bg: navbar tab + footer
 * C2 #804040  -- bg: navbar hover
 * C3 #505050  -- bg: main stripe
 * C4 #303030  -- bg: darker stripe (primary navbar)
 * C5 #CC8A8A  -- text: link
 * C6 #C0C0C0  -- text: visited link
 * C7 #BEBEBE  -- trim: mid grey for lines
 */

body {
  font-family:		verdana, arial, helvetica, sans-serif, "MS sans serif";
  font-size:		12px;
  color:		white;
  background-color:	black;
  margin:		0px;
}

form {
  display:	inline;
}

a {
  text-decoration:	none;
}
a:link		{ color: #cc8a8a; } /* C5 */
a:visited	{ color: #c0c0c0; } /* C6 */
a:hover		{ text-decoration: underline; }

/* By default, images have no border: */
a img {
  border:  none;
}

img.navlink {
  vertical-align: middle;
  border: 1px solid black;
  opacity: 0.4;
}
img.navlink.enabled {
  border: 1px solid black;
  opacity: 0.85;
}
a:hover img.navlink.enabled {
  border: 1px solid #cc8a8a; /* C5 */
  opacity: 1.0;
}
a:hover img.navlink {
  border: 1px solid blue;
}

a.nohover:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family:		verdana, arial, helvetica, sans-serif, "MS sans serif";
}

/* ol/ul index lists are unnumbered/bulleted. */
.index li { /* all index list elements */
  list-style-type: none;
  padding:      5px;
}
.index li li { /* nested list elements only */
    padding:    0px;
}

.maintitle {
  font-family:		"Trebuchet MS", verdana, arial, helvetica, sans-serif, "MS sans serif";
  color:		white;
  background-color:	#505050; /* C3 */
  padding:             14px 7px 7px 24px; /* TRBL */
  border:		none;
  border-bottom:	1px solid #BEBEBE; /* C7 */
}
.maintitle a {
  text-decoration: 	none;
  color: 		white;
}
.maintitle span#mt1 {
  font-size:           36px;
  font-weight:         bold;
  font-variant:        small-caps;
}
.maintitle span#mt2 {
  font-size:           16px;
  padding-left:        25px;
}

.navbar {
  background-color:	black; /* C4 */
  padding:		10px 10px 2px; /* TRBL */
  margin:		0;
  list-style:		none;
  border-bottom:	1px solid #BEBEBE; /* C7 */
}
.navbar.primary {
  background-color:	#303030; /* C4 */
}
.navbar li.current {
  background-color:	black;
  border-bottom:	1px solid black;
}
.navbar li {
  background-color:	#5b2121; /* C1 */
  display:		inline;
  padding:		2px 0;
  border:		1px solid #BEBEBE; /* C7 */
}
.navbar li a {
  padding:		2px 10px;
  text-decoration:	none;
}
.navbar li a:hover {
  background-color:	#804040; /* C2 */
}
.navbar li.current a:hover {
  background-color:	black;
}
.navbar li.current a {
  font-weight:		bold;
}

#mainpanel {
  margin:		10px 10px 0 10px; /* TRBL */
  padding:		10px;
}

#static {
  text-align:		justify;
}

.footer {
  width:		100%;
  border-top:		1px solid #BEBEBE; /* C7 */
  text-align:		center;
  background-color:	#5b2121; /* C1 */
  font-size:		0.8em;
}

img#portrait {
  float:		left;
  padding-right:	10px;
}

div.clear {
  clear:	left;
  line-height:	0;
  height:	0;
}


a.category {
  color:		white;
  font-size:		11px;
  margin-bottom:	-15px;
}
h1 {
  margin-top:           0.15em;
}


/* Caption: */
.small {
  font-size:  8pt;
}


div.description {
  margin-top: 10px;
}

/* Hack: hide "page imagery not available" links in /index/serialisations but
 * not in /view/serialisations. */
ul.index a.noimages {
  display: none;
}


/* FIXME[adonovan]: bogus styles */

span.ser_index_item {
  font-weight:		bold;
  font-style:		italic;
}


img.pageimage {
  border:	none;
  cursor:	crosshair;
  /*  padding:      5px; */
}


/* NEWS page */

.news_item_date {
  font-size:		14px;
  font-weight:		bold;
}
.news_item_details {
  padding:		10px 20px 10px 20px; /* TRBL */
}

.centered {
  margin: 0 auto;
}

img#validator {
  border: none;
}


div#serialisation_list {
  border: 1px solid #505050; /* C3 */
  background-color: #303030; /* C4 */
}

div#thumbnail {
  float: left;
}
div#thumbnail img {
  border: none;
  margin-right: 10px;
  margin-top: 10px;
}

.indent {
  padding: 0px 0px 10px 10px; /* TRBL */
}

input#searchbox {
  color:		white;
  background-color:	black;
  padding-left:		2px;
  border:		1px solid;
  border-color:		#BEBEBE; /* C7 */
  width:		15em;
}

option.pageinfo {
  background-color:	#e0e0e0;
}
option.pageinfo.containswork {
  background-color:	white;
}
option.pageinfo.selected {
  font-weight:		bold;
}

/*
 *  Local Variables:
 *  c-basic-offset:	2
 *  End:
 */