@import url(normalise.css);

html {
	background: #fff;
}

body {
	position: relative;
	background: #fff;
	margin: 10px 10px 0 10px;
	font-family: Century Gothic, Arial, sans-serif;
	color: #888;
}

a { color: #cc0033; text-decoration: none; letter-spacing: 1.1px;}
a:hover { color: #cc0033; text-decoration: underline; }

h1 {
	font-size: 3em;
    letter-spacing: 1px;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
}

ul#navigation {
	font-size: 1.5em;	
}

ul#categories {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
}

ul.discussion {
    padding-top: 1em;
    padding-bottom: 2em;
    padding-left: 1.5em;
    list-style: disc;
    font-size: 1.2em;
}

ol.events {
    list-style: circle;
    padding-left: 1.5em;
    padding-top: 1em;
}

ol.counter {
    list-style: decimal;
    padding-left: 2.5em;
}

ol.events li {
    padding-bottom: 1em;
}

li.category {
    font-size: 1.3em;
    cursor: pointer;
    color: #666;
    text-align: right;
}

li.category:hover {
    text-decoration: underline;
}

li.movie {
	width: 71px;
	padding: 3px;
	background: #fff;
	font-size: 11px;
}

li.movie img {
	cursor: pointer;
}

p {
    padding-bottom: 1em;
}

ul, ol {
    padding-bottom: 1em;
}

p#footer {
	width: 100%;
	margin-top: 30px;
	border-top: 1px solid #ccc;
	color: #bbb;
}

.warning {
	color: #ccc;
}

.hide_me {
    display: none;
}

input {
    border: 1px solid #ccc;
    padding: 3px;
    font-family: Century Gothic, Arial, sans-serif;
}


ul.controls {
    padding: 0;
    margin: 0;
}

div.left_column {
    width: 400px;
    position: absolute;
    top: 100px;
    left: 0px;
}

div.right_column {
    width: 300px;
    position: absolute;
    top: 100px;
    right: 0px;
}

.darker {
    color: #333;
}

a.main_title { color: #333; text-decoration: none; letter-spacing: 1.1px;}
a.main_title:hover { color: #cc0033; text-decoration: underline; }