@charset "UTF-8";
/* Ottawa International Animation Festival CSS Document for Joomla! Template "OIAF 2012" */
/* FRONT PAGE */



/* FRONT PAGE: SECTION 1 */

div#background_face {
	height: 447px;
	position: relative;
	width: 100%;
	background-color: #160C02;
}

div#main_page_section_1 { position: relative; top: -127px; }
div#main_page_section_1 div.colour_block { opacity: 0.9; width: inherit; height: inherit; position: absolute; }

div#main_page_section_1 div#frame_left_bar { width: 15px; height: 372px; opacity: 0.9; float: left; display: inline-block; }
div#main_page_section_1 div#frame_right_bar_1 { height: 74px; width: 15px; float: right; margin-top: 127px; opacity: 0.9; display: inline-block; }
div#main_page_section_1 div#frame_right_bar_2 { width: 56px; height: 15px; margin-top: 127px; float: right; display: inline-block; opacity: 0.9; }
div#main_page_section_1 div#frame_bottom_bar_column_1 { width: 673px; height: 202px; float: left; clear: both; }
div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text { position: absolute; width: 673px; height: 202px; }
div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#tagline {
	font-family: Gotham, Arial, Helvetica, san-sarif;
	color: #FFF;
	text-align: left;
	font-size: 37.3pt;
	font-weight: bold;
	margin: 20px 0 0 25px;
	float: left;
	line-height: 31.8pt;
	width: 330px;
}

div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#tagline div.part1 {
	color: #222;
	font-size: 18px;
	line-height: normal;
}

div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#tagline div.part2 {
	font-size: 70px;
	line-height: 55px;
	padding-top: 5px;
}

div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#details {
	text-align: left;
	margin: 42px 0 0 30px;
	font-family: Gotham, Arial, Helvetica, san-sarif;
	float: left;
	width: 250px;
}

div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#details div#date { line-height: 25pt; font-size: 25pt; font-weight: bold; color: #FFF; }
div#main_page_section_1 div#frame_bottom_bar_column_1 div#intro_text div#details div#description { line-height: 13pt; font-size: 9pt; color: #000; margin: 3px 0 0 0; }

div#main_page_section_1 div#frame_bottom_bar_column_2 { width: 274px; height: 202px; float: right; }
div#main_page_section_1 div#frame_bottom_bar_column_2 div#attend_box { position: absolute; width: 274px; height: 202px; }
div#main_page_section_1 div#frame_bottom_bar_column_2 div#attend_box div#attend {
	text-align: left;
	margin: 42px 28px 0 32px;
	font-family: Gotham, Arial, Helvetica, san-sarif;
	float: left;
	width: 210px;
}
div#main_page_section_1 div#frame_bottom_bar_column_2 div#attend_box div#attend_title { line-height: 21pt; font-size: 21pt; color: #FFF; }
div#main_page_section_1 div#frame_bottom_bar_column_2 div#attend_box div#attend_description { color: #000; font-size: 8pt; margin: 4px 0 0 0; }
div#main_page_section_1 div#frame_bottom_bar_column_2 div#attend_box a.ribbon_medium { margin: 8px 0 0 10px; }

/* FRONT PAGE: FRONT PANEL MENU */

div#main_page_section_2 { height: 213px; }

div#front_panel div#front_menu { margin: 0; width: 669px; position: absolute; }

div#front_panel div#front_menu div.menu_background { position: absolute; left: 10px; }

div#front_panel div#front_menu div#front_menu_options ul { margin: 10px 0 0 4px; list-style: none; padding: 0; }
div#front_panel div#front_menu div#front_menu_options li {
	font-family: Gotham, Arial, Helvetica, san-sarif;
	height: 26px;
	background-color: white;
	line-height: 20pt;
	font-size: 14pt;
	text-align: left;
	padding: 4px 25px 0 15px;
	margin: 0 0 2px 0;
	position: relative;
	float: left;
	clear: both;
	box-shadow: 0px 3px 10px black;
	text-transform: uppercase;
}

div#front_panel div#front_menu div#front_menu_options li a { font-weight: normal; color: #D1D3D4; }

div#front_panel div#front_menu div.front_menu_rollout { position: absolute; width: 675px; margin: 100px 0 0 0; }
div#front_panel div#front_menu div.front_menu_rollout div.front_menu_rollout_option {
	font-family: Gotham, Arial, Helvetica, san-sarif;
	height: 20px;
	width: 275px;
	background-color: #939598;
	float: right;
	font-size: 7pt;
	padding: 5px 15px 5px 10px;
	color: white;
	text-align: right;
	box-shadow: 0px 3px 10px black;
}

div#front_panel div#twitter {
	float: right;
	height: 213px;
	background-color: #FFF;
	width: 278px;
	font-family: Gotham, Arial, Helvetica, san-sarif;
	font-size: 8pt;
	color: #636466;
	position: absolute;
	right: 0;
}

div#front_panel div#twitter ul#twitter_update_list { width: 240px; height: 150px; overflow: hidden; margin: 20px 0 0 21px; padding: 0; list-style-type: none; }
div#front_panel div#twitter ul#twitter_update_list li {
	margin: 0 0 10px 0;
	background: url('../images/social_twitter_lg.png') no-repeat top left;
	padding: 0 0 0 40px;
}
div#front_panel div#twitter ul#twitter_update_list li a { color: #939598; }

div#front_panel div#twitter a#twitter_ribbon { margin: 10px 0 0 45px; }

div#quick_menu_sponsor {
	position: absolute;
	width: 675px;
	margin: 100px 0 0 0;
}

div#quick_menu_sponsor a {
	font-family: Gotham, Arial, Helvetica, san-sarif;
	height: 100px;
	width: 200px;
	background-color: transparent;
	float: right;
	font-size: 8pt;
	padding: 5px 15px 5px 10px;
	color: white;
	text-align: right;

}

div#quick_menu_sponsor a:hover { color: #FFFAC3; }