@charset "UTF-8";
/* CSS Document */

/*   
Theme Name: KIFF Theme
Description: This is theme specially created for the Kansas International Film Festival
Author: Mackenzie Miller
Author URI: http://www.popdesigned.com
Version: 1
*/


/* Colors
	Blue: #0A71B9
 	Red: #EC1D24
*/	


* {margin: 0; padding: 0; }

html {background:#FFF;}

body { 
	font: 12px/15px Helvetica, sans-serif;
	background-image:url(../images/background_image.gif);
	background-repeat:repeat-x;	 
}

a:visited {text-decoration:none;}

article, aside, figure, footer, header, nav, section {display:block;}

ul li { margin-left:15px; list-style:square; margin-bottom:10px; }

ol li { margin-left:30px; margin-right:40px; margin-bottom:15px; }

blockquote {margin-left:20px;}

p {margin-top:15px;}

@font-face {
    font-family: 'MomsTypewriterRegular';
    src: url('../fonts/Moms_typewriter-webfont.eot');
    src: url('../fonts/Moms_typewriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Moms_typewriter-webfont.woff') format('woff'),
         url('../fonts/Moms_typewriter-webfont.ttf') format('truetype'),
         url('../fonts/Moms_typewriter-webfont.svg#MomsTypewriterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Structure */

#page-wrap {width: 1004px; margin: 0 auto;}

#header {
	position:relative;
	width:1000px;
	height:200px;
	background-color:#FFF;
	padding-right:4px;
	padding-bottom:15px;
	border-bottom:2px solid;
	margin-bottom:20px;
}

#header-left {
	width:246px;
	height:200px;
}

#logo {
	width:246px;
	height:149px;
	background-repeat:no-repeat;
	background-color:#000;
}

#searchbar { padding: 25px 0 0 0; }

#home-quote { position:absolute; top:150px; left:25px; }

#main-content {	float:right; width:728px; font: 13px/1.5 Helvetica, sans-serif; }

#poster {
	float:right;
	width:220px;
	height:300px;
	overflow:hidden;
	border: 2px solid #000;
	margin: 10px 0 30px 30px;
}

aside { float:left; margin-right: 0px; margin-bottom:15px; }

#withoutabox { width:200px; border: 2px solid #000; padding:10px; }

#location { width:225px; padding-top:30px; padding-bottom:15px; }

#butler { width:225px; padding-top:20px; padding-bottom: 30px; border-style:dotted; border-top-width: 1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; }

#butler img {float:left; margin-right:15px; }

footer {
	height:250px; 
	width:100%;
	background-color:#000;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	color:#fff;
}

.clearfloat { 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}



/* Additional Layout Styling */

#column-right { float:right; width:250px; margin: 0 0 30px 75px; }

#categories-column-right { float:right; width:450px; text-align:left;}

#summary {
	border-style:dotted;
	border-top-width: 1px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	margin-top:20px;
	padding:15px 0px;
}

#summary img {
	float:right;
	padding:10px;
	border:2px solid;
	margin:20px;
}

#sponsor {
	border-style:dotted;
	border-top-width: 1px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	margin-top:20px;
	margin-left:0px;
	padding:15px 0px;
}

#sponsor img { float:left; padding-right:30px; margin-top:-5px; }

#award { float:right; padding:10px; border:2px solid; margin:20px; }


/* Navigation */

#navigation {
	position:absolute;
	top:0px;
	left:253px;
	width:744px;
	height:200px;
}

#major-nav {
	top:0px;
	width:740px;
	height:85px;
	font:16px/20px 'MomsTypewriterRegular', Courier;
	text-align:center;
}

#entries-button {
	position:absolute;
	top:0px;
	left:0px;
	width:181px;
	height:85px;
	background-color:#0A71B9;	
}

#tickets-button {
	position:absolute;
	top:0px;
	left:188px;
	width:181px;
	height:85px;
	background-color:#0A71B9;
}

#volunteer-button {
	position:absolute;
	top:0px;
	left:376px;
	width:181px;
	height:85px;
	background-color:#0A71B9;
}

#sponsor-button {
	position:absolute;
	top:0px;
	left:564px;
	width:181px;
	height:85px;
	background-color:#0A71B9;
}

#secondary-nav {
	position:absolute;
	top:84px;
	width:745px;
	height:58px;
	background-color:#000;
	font: 14px/18px 'MomsTypewriterRegular', Courier;
	margin-top:7px;
}

#secondary-nav ul li {margin-bottom:0px; margin-left:0px; list-style:none;}

/* Drop-down menu styling, Level */

ul.dropdown                         { position: relative; top: 15px; list-style:none; }
ul.dropdown li                      { float: left; zoom: 1; background: #000; }
ul.dropdown a:hover		            { }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: inline; padding: 0px 25px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; } <!--Sets hover background color -->
ul.dropdown li.hover a              { }


/* Drop-down menu styling, Level 2 */
ul.dropdown ul 						{ width: 185px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style:none; padding:0px; z-index:1;}
ul.dropdown ul li 					{ position:relative; top:20px; height:30px; font-weight: normal; color: #fff; 
									  float: none; }<!-- Sets drop down menu background color -->
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

ul.sub_menu { font: bold 12px Helvetica, sans-serif; }



#social-nav {
	position:absolute;
	top:12px;
	left:590px;
	width:200px;
	height:58px;
}

#social-nav ul li { display:inline; padding: 1px; }


/* Link Styling */

a:link { color:#000; text-decoration:underline; }

a:visited { color:#000; text-decoration:none; }

a:hover { color:#EC1D24; text-decoration:underline; }

a:active { color:#EC1D24; text-decoration:none; }

#major-nav a:link { color:#FFF; text-decoration:none; }

#major-nav a:visited { color:#FFF; text-decoration:none; }

#major-nav a:hover { color:#000; text-decoration:none; }

#major-nav a:active { color:#000; text-decoration:none; }

#secondary-nav a:link { color:#FFF; text-decoration:none; }

#secondary-nav a:visited { color:#FFF; text-decoration:none; }

#secondary-nav a:hover { color:#EC1D24; text-decoration:none; }

#secondary-nav a:active { color:#EC1D24; text-decoration:none; }

footer a:link { color:#fff; text-decoration:none; }

footer a:visited { color:#fff; text-decoration:none; }

footer a:hover { color:#EC1D24; text-decoration:none; }

footer a:active { color:#EC1D24; text-decoration:none; }


/* Typography */

h1 { font: 18px/1.25 'MomsTypewriterRegular', Courier; color:#EC1D24; margin-top:10px; margin-bottom:10px;}

h2 { font: 20px 'MomsTypewriterRegular', Courier; color:#0A71B9; margin-top:10px; margin-bottom:15px; }

h3 { font: 14px/1.5 Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }

h4 { font: 14px/1.5 'MomsTypewriterRegular', Courier; margin-bottom:10px; }

h5 { font: 13px/1.5 Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; }

.filmtitle { font: 14px/1.5 Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }

.quote { font: 20px 'MomsTypewriterRegular', Courier; }

.caps { text-transform:uppercase; }

.caps-red { text-transform:uppercase; color:#EC1D24; }

.shadow {
  -moz-box-shadow: 3px 3px 3px #999;
  -webkit-box-shadow: 3px 3px 3px #999;
  box-shadow: 3px 3px 3px #999;
}

.blue-text { color:#0A71B9; }

.tight-list li {
	margin-left:15px;
	list-style:square;
	margin-bottom:0px;
}


#kiff-table {
	width: 600px;
	border-collapse: collapse;
	text-align: left;
	margin:30px 30px;
}

#kiff-table th {
	font: 17px 'MomsTypewriterRegular', Courier;
	color: #000;
	padding: 4px 8px;
	border-bottom: 2px solid #000;
}

#kiff-table td {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	border-bottom: 1px dotted #000;
	padding: 6px 8px;
}

#kiff-table img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:none;
}


.fineprint { font-size:10px;}