* {
margin: 0;
padding: 0;
}

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

body {
margin: 10px auto;
position: relative;
width: 900px;
}

/* Navigation */

#navigation {
height: 30px;
list-style: none;
margin-bottom: 10px;
}

#navigation li {
background-color: #83d1e7;
display: block;
float: left;
height: 20px;
line-height: 20px;
margin: 5px 0;
text-align: center;
width: 128px;
}

#navigation a {
color: #000;
font: bold 2em 'Courier New', Courier, monospace;
text-decoration: none;
text-transform: uppercase;
}

li#nav_film { background-color: #9ac5c6; }

li#nav_music { background-color: #f6a0b4; }

li#nav_books { background-color: #e7e024; }

li#nav_tv { background-color: #a669b5; }

li#nav_going_out { background-color: #9ede85; }

li#nav_home {
background-color: #fff;
margin: 0;
width: 132px;
}

li#nav_home a {
font: normal 3em/1 Georgia, serif;
letter-spacing: 0.1em;
text-transform: lowercase;
}

/* Splash */

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

h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 7.2em;
font-weight: normal;
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: 10px;
left: 20px;
padding: 5px 10px;
position: absolute;
width: 536px;
-moz-border-radius: 10px;
-moz-column-count: 2;
-moz-column-gap: 10px;
}

#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;
min-height: 170px;
padding: 10px;
position: relative;
width: 579px;
}

#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: 3em;
font-weight: normal;
text-transform: uppercase;
}

#story p {
font-size: 1.2em;
line-height: 1.5;
margin: 0 0 1.5em 150px;
width: 320px;
}

/* Cinema */

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

#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;
}

#cinema li:last-child {
border-bottom-width: 0;
padding: 10px;
}

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

#cinema li:first-child p {
font-size: 1.1em;
font-variant: small-caps;
letter-spacing: 0.1em;
}

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-size: 1em;
font-weight: bolder;
}

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