* {
margin: 0;
padding: 0;
}

html {
font-family: Georgia, serif;
font-size: 62.5%;
}

body {
margin: 10px;
position: relative;
width: 600px;
}

/* Title */

#title {
background: url('../images/mc_colours.png') no-repeat center right;
height: 30px;
margin-bottom: 10px;
}

#title p {
font-size: 3.2em;
letter-spacing: -0.1em;
line-height: 30px;
}

/* Splash */

#splash {
border-left: 1px solid #666;
border-bottom: 2px solid #000;
padding: 0 10px 20px 10px;
position: relative;
width: 379px;
}

h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 4.2em;
left: 30px;
line-height: 0.7;
position: absolute;
text-transform: uppercase;
top: 20px;
width: 5em;
}

#pullout {
background-color: #cbf1f0;
border: 2px solid #fff;
border-radius: 10px;
bottom: 10px;
column-count: 2;
column-gap: 6px;
left: 20px;
padding: 5px 10px;
position: absolute;
width: 336px;
-moz-border-radius: 10px;
-moz-column-count: 2;
-moz-column-gap: 6px;
}

#pullout p {
font-family: Verdana, Tahoma, sans-serif;
line-height: 1.2;
}

#pullout p:first-child { font-style: italic; }

#pullout p:first-child strong { font-style: normal; }

/* Story */

#story {
border-left: 1px solid #666;
padding: 10px;
position: relative;
width: 379px;
}

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

#float {
position: absolute;
right: -10px;
top: 10px;
z-index: 10;
}

/* #story img:nth-child(2n) { right: -160px; } */

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 1.8em;
font-weight: normal;
text-transform: uppercase;
}

#story p {
margin-left: 100px;
width: 170px;
}

/* Cinema */

#cinema {
border-left: 2px solid #000;
border-right: 1px solid #666;
list-style: none;
position: absolute;
right: 0;
top: 40px;
width: 197px;
}

#cinema li {
border-bottom: 1px solid #666;
padding: 10px;
}

#cinema li.variant { background-color: #d2c9bc; }

/* #cinema li:nth-child(2n) { background-color: #d2c9bc; } */

#cinema li:first-child {
background-color: #000;
color: #fff;
padding: 10px 10px 5px 10px;
}

h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 1.4em;
text-transform: uppercase;
}

#cinema li:first-child p {
font-variant: small-caps;
letter-spacing: 1px;
}

h4 {
color: #873535;
font-family: Verdana, Tahoma, sans-serif;
font-size: 1.1em;
text-transform: uppercase;
}

h4 + p {
font-family: Verdana, Tahoma, sans-serif;
font-weight: bolder;
}

#cinema li p + p {
font-size: 1.1em;
line-height: 1.2;
}