First commit.

subsites/films/static/screen.css

@@ -0,0 +1,135 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: #555;
+  color: #fff;
+  font-size: 14px;
+  font-family: 'Dejavu Sans', 'Nimbus Sans', Helvetica, Arial, Verdana, sans-serif;
+}
+
+.end {
+  clear: both;
+  float: none;
+  width: 1px;
+  height: 1px;
+  background: transparent;
+}
+
+#wrapper {
+  width: 900px;
+  margin: 0 auto;
+}
+
+#header {
+  font-size: 30px;
+  height: 20px;
+  background: #000 url(logo.png) right top no-repeat;
+  margin-bottom: 6px;
+  padding: 23px 6px;
+  position: relative;
+}
+
+#header a {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 198px;
+  height: 66px;
+  text-decoration: none;
+}
+
+#content {
+  background: #222;
+  padding: 10px;
+}
+
+/* MAIN PAGE SPECIFIC */
+#films {
+  margin-top: 5px;
+}
+
+#films a {
+  width: 435px;
+  height: 300px;
+  float: left;
+  background-color: #666;
+  background-position: center center;
+  display: block;
+  text-decoration: none;
+  margin-bottom: 10px;
+}
+
+#films a.left {
+    margin-right: 10px;
+}
+
+#films a span {
+  width: 425px;
+  padding: 3px 5px;
+  background: rgba(0, 0, 0, .5);
+  font-size: 25px;
+  display: inline-block;
+}
+
+#films a:hover div {
+  height: 294px;
+}
+
+#film {
+  width: 640px;
+  background: #999;
+  margin-right: 10px;
+}
+
+span {
+  font-weight: bold;
+}
+
+#description {
+  padding: 5px;
+  width: 220px;
+  overflow: auto;
+  float: right;
+  margin-bottom: 10px;
+}
+
+#dl {
+  clear: both;
+  padding: 3px;
+  background: #444;
+}
+
+#dl a {
+  padding: 0 15px;
+}
+
+#footer {
+  margin-top: 6px;
+  background: #000;
+  padding: 3px;
+  font-size: 11px;
+  text-align: center;
+}
+
+pre {
+    font-family: Inconsolata, 'Dejavu Sans Mono', monospace;
+}
+
+.end {
+    clear: both;
+}
+
+img {
+  border: 0;
+}
+
+a:link, a:visited {
+    color: #00aaff;
+}
+
+a:hover {
+    color: #00eeff;
+}