@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-top {
	position:relative;
	width:1000px;
	height:146px;
	background-color:#FFF;
	padding-right:4px;
	padding-bottom:5px;
}

#header-bottom {
	width:1000px;
	height:54px;
	background-color:#FFF;
	padding-bottom:25px;
	border-bottom:2px solid;
	margin-bottom:20px;
}


#logo {
	float:left;
	width:246px;
	height:146px;
	background-repeat:no-repeat;
	background-color:#fff;
}

#searchbar { float:left; width: 246px; height: 51px; padding: 0px 35px 0 0; overflow:hidden;}

#home-quote { width: 1000px; height: 50px; padding: 5px 0 0 0; }

#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; margin-top:20px; padding-top: 15px; border-style:dotted; border-top-width: 1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px;  }

#butler { width:225px; margin-top: 15px; 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:400px; margin: 0 0 30px 75px; }

#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;}


/* Google Search Styling */

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #777777;
  }
  input.gsc-search-button {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
    color: #444444;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
    color: #444444;
  }
  .gs-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }