/* ********************* */
/* Typography and colors */
/* ********************* */

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #333;
  text-align: center;
}

input, textarea, select { 
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;                         
}

#page, #minipage {
  text-align: left;
}

#content {
  font-size: 1.1em;
}

h1, h2, h3, th, td.sep {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}

h1 {
  font-size: 3.5em;
}

#minipage h1 { 
  font-size: 3em;
}

h1, h1 a, h1 a:link, h1 a:hover, h1 a:visited, h2 a, h2 a:link, h2 a:hover, h2 a:visited, .site-description, .page-title, .cinemascope-banner {
  text-align: center;
  color: white;
}

h2, th, td.th {
  font-size: 1.4em;
  background-color: #B64141;
  color: white;
  padding: 2px 5px;
}

h3, td.sep {
  font-size: 1.2em;
  padding: 2px 0px;
}

pre {
  font-family: monaco,courier;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.site-description {
  font-size: 1.2em;
}

#minipage .site-description { 
  font-size: 1.1em;
}

.cinemascope-banner { 
  margin: 4px 0px;
}

.page-title { 
  font-size: 1.2em;
  padding-top: 10px;
}

#minipage .page-title { 
  font-size: 1.1em;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.emph {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.tiny {
  font-size: .8em;
}

.last_modified {
  color: #333333;
  font-style: italic;
  text-align: right;
}

.ok, .positive {
  color: green;
}

.not_ok {
  color: red;
  font-weight: bold;
}

.negative {
  color: red;
}

.blue {
  color: blue;
  background-color: inherit;
}

.red {
  color: red;
  background-color: inherit;
}

.title {
  text-align: center;
  font-size: 200%;
  font-weight: bold;
}

.subtitle {
  text-align: center;
  font-style: italic;
  color: #333333;
  background-color: inherit;
}

.disabled {
  color: #666666;
  background-color: inherit;
}

.theater {
  margin-top: 6px;
  margin-bottom: 0px;
}

.movie {
  margin-top: 3px;
  margin-bottom: 0px;
}

/* ********* */
/* Structure */
/* ********* */

body {
  background: url("/images/lmw_bgcolor.jpg");
  margin: 0;
  padding: 0;
}

#page {
  background: url("/images/lmw_bg.jpg") repeat-y top;
  margin: 20px auto;
  padding: 0;
  width: 760px;
}

#minipage {
  background: url("/images/lmw_minibg.jpg") repeat-y top;
  margin: 10px auto;
  padding: 0;
  width: 510px;
}

#header {
  background: url("/images/lmw_header.jpg") no-repeat bottom center;
  margin: 0;
  height: 200px;
  width: 760px;
}

#miniheader {
  background: url("/images/lmw_miniheader.jpg") no-repeat bottom center;
  margin: 0;
  height: 100px;
  width: 510px;
}

#headerimg {
  margin: 8px 10px 0px 10px;
  height: 192px;
  width: 740px;
}

#miniheaderimg {
  margin: 0px 10px 0px 10px;
  height: 92px;
  width: 490px;
}

#content {
  margin:  0px 10px;
  padding: 0px 10px;
}

#footer {
  background: url("/images/lmw_footer.jpg") no-repeat bottom;
  margin:  0;
  padding: 0 0 6px 0;
  width: 760px;
}

#minifooter {
  background: url("/images/lmw_minifooter.jpg") no-repeat bottom;
  margin:  0;
  padding: 0 0 6px 0;
  width: 510px;
}

.footer-left {
  float: left;
  margin: 0 0 0 20px;
  padding: 0;
  width: 400px;
  text-align: left;
}

.footer-right {
  margin: 0 20px 0 0;
  padding: 0;
  text-align: right;
}

/* ******* */
/* Headers */
/* ******* */

#page h1 {
  padding-top: 54px;
  margin: 0;
}

#minipage h1 {
  padding-top: 18px;
  margin: 0;
}

/* ****** */
/* Images */
/* ****** */

p img {
	padding: 0;
	max-width: 100%;
	}

a img {
	border: none;
	}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

/* ***** */
/* Links */
/* ***** */

a {
  font-weight: bold;
}

a:link, a:visited {
  text-decoration: none;
  color: #B64141;
  background-color: inherit;
}

a:hover, a:active { 
  text-decoration: underline;
  color: #E76969;
  background-color: inherit;
}

pre a { 
  font-family: monaco,courier;
}

th a:link, th a:visited {
  text-decoration: none;
  color: #DDDDDD;
  background-color: inherit;
}

th a:hover, th a:active {
  text-decoration: underline;
  color: #FFFFFF;
  background-color: inherit;
}

/* ****** */
/* Tables */
/* ****** */

table {
  border-collapse: separate;
  border: 0;
}

table.centered { 
  margin: 0 auto;
}

th {
  text-align: center;
}

td {
  text-align: left;
  vertical-align: middle;
}

th.blank, td.blank { 
  background-color: #FFFFFF;
}

td.sep { /* Separation row */
  text-align: center;
  background-color: #E16972;
  color: #FFFFFF;
}

td a.sep, td a.sep:visited { 
  color: #A03030;
}

td a.sep:hover { 
  color: #B64141;
}

td.rub { /* Rubric col */
  text-align: center;
  font-weight: bold;
}

tr.odd {
  background-color: #E0E0E0;
  color: inherit;
}

tr.even {
  background-color: #D0D0D0;
  color: inherit;
}

tr.incomplete {
  background-color: #E1BEC0;
  color: inherit;
}

tr.highlight {
  background-color: #FFFF00;
  color: inherit;
}

/* ***** */
/* Misc. */
/* ***** */

select.selectright { 
  position: absolute;
  right: 5px;
}