@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:1rem;
	font-family:/*"Century Gothic",*/Arial, Helvetica, sans-serif;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

p, h1, h2, h3, h4, h5, h6, ul, ol {
	margin:0;
	padding:0;
}

#outer-container {
	width:960px;
	margin:0 auto;
	background-image:url(images/background-shadow.png);
	background-repeat:repeat-y;
}

#inner-container {
	width:900px;
	margin:0 30px;
	background-image:url(images/background-main.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

#header {
	width:396px;
	float:right;
}

#upper-navigation {
	border-bottom:1px solid #ccc;
	padding:20px 0 15px 0;
}

.language {
	font-size:.8em;
	float:left;
}

.language a {
	color:#666;
	text-decoration:none;
}

.language a:hover {
	text-decoration:underline;
	color:#C00;
}

.social-media {
	font-size:.8em;
	float:right;
	text-transform:uppercase;
	padding-right:20px;
}

#logo h1 {
	padding:20px 0 10px 0;
}

#logo p {
	padding:0 80px 20px 0;
	font-size:1.4em;
	color:#999;
}

#navigation ul {
	list-style-type:none;
	border-top:1px solid #ccc;
}

#navigation ul li {
	border-bottom:1px solid #ccc;
}

#navigation ul li a {
	display:block;
	font-size:.8em;
	margin-left:-20px;
	padding:4px 20px;
	color:#666666;
	text-decoration:none;
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position:left -50px;
}

#navigation ul li a:hover,
body.events #navigation ul li a.events,
body.about #navigation ul li a.about,
body.donate #navigation ul li a.donate,
body.filmmaker #navigation ul li a.filmmaker,
body.film #navigation ul li a.film,
body.issue #navigation ul li a.issue {
	background-position:left 6px;
	color:#466998;
}

#main-container {
	padding:30px 0 40px 0
}

#left-column {
	float:left;
	width:222px;
	font-size:.75em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px 0 10px 20px;
}

#left-column p {
	padding-right:10px;
	padding-bottom:1em;
}

#left-column a {
	color:#cc0000;
	text-decoration:none;
}

#left-column a:hover {
	text-decoration:underline;
}



#main-column {
	float:right;
	width:600px;
	font-size:.8em;
	line-height:2em;
	color:#666;
	padding-right:20px;
	text-align:right;
}

#main-column p {
	padding-bottom:2em;
}

#main-column h2, #main-column h3 {
	font-weight:normal;
}

#main-column h2 {
	/*text-align:left;
	margin-left:225px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-right:-20px;
	padding-top:8px;
	padding-bottom:8px;
	color:#466998 !important;*/
	position:absolute;
	top:-2000px;
}

#main-column h3 {
	padding:0 0 1.5em 0;
}

#main-column a {
	text-decoration:none;
	color:#cc0000;
}

#main-column a:hover {
	text-decoration:underline;
}
	

.red-bold {
	color:#cc0000;
}

#footer {
	background-color:#333333;
	padding:20px 0;
}

#footer .credits {
	float:right;
	width:600px;
	padding-right:20px;
	text-align:right;
	text-transform:uppercase;
	color:#ccc;
}

#footer .credits .small {
	font-size:1.3em;
	padding:0 3px;
}

#footer .credits .large {
	font-size:2.1em;
	letter-spacing:-1px;
}

#footer .credit-logo {
	float:left;
	width:224px;
	padding-left:20px;
	height: 185px;
}

#footer .credit-logo a {
	width:224px;
	height: 185px;
}

#footer .goldelox {
	padding-top:10px;
	font-size:1em;
	text-transform:none;
}

#ticket-box {
	position:absolute;
	top:24px;
	left:264px;
	width:199px;
	text-align:center;
	font-size:.8em;
}

#filmmaker {
	width:199px;
	margin:10px 0 10px 20px;
	float:right;
}

#ticket-box .upper, #filmmaker .upper {
	padding-top:14px;
	background-image:url(images/background-tixupper.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#ticket-box .lower, #filmmaker .lower {
	padding-bottom:14px;
	background-image:url(images/background-tixlower.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#ticket-box .main, #filmmaker .main {
	background-image:url(images/background-tixmain.png);
	background-repeat:repeat-y
}

#ticket-box a {
	text-decoration:none;
	color:#666;
}

strong, b {
	font-weight:normal;
}