@import url('http://www.michiganfilmfest.org/index.php/stylesheet/text');
@import url('http://www.michiganfilmfest.org/index.php/stylesheet/960');

/* 

Author: Chad VanWalsum
Contact: http://www.chadvanwalsum.com

Name: unnamed
Version: .01 -Aplha



Notes:
This was built for me, these are classes that I use all the time. I love using blueprint, or grid 960, but I keep finding that I never use the actual grid but rather the predefined css that they've built. Instead I've decided that I should build my own css framework. I'm sure I'll start building in some kind of grid system at some point, but not in this version.

Changelog:

.01
I have implamented grid960 fluid (http://960.gs) for the time being to manage my layout. For me, 960 is much easier to understand and use then blueprint, though I know blueprint is more powerfull. In this case I went with simplicity over functionality. BUT that doesn't mean that I dropped blueprint. You'll notice that the reset, base typography, and forms are from blueprint (http://www.blueprintcss.org). Going forward, I also plan on implamenting the css framework from LessFramework2 (http://lessframework.com) for mobile devices and some of the more obscure CSS that you can find in the html5 boilerplate (http://html5boilerplate.com)








*/

/* RESET */

/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}
/* END RESET CSS */
ie7 img { -ms-interpolation-mode: bicubic; }

/* BASE TYPEOGRAPHY */
html, body {height: 100%}
html {font-size:100.01%; -webkit-font-smoothing: antialiased;}
body {font-size:75%;color:#444;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.ninja {font-size: 1px;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#06C;outline: none;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages */
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
/* FORMS */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }



/* USEFULL */

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }


.site {width:950px;margin:0 auto;}

.float_left {float:left}
	img.float_left {margin-right: 10px;}
.float_right {float:right}
	img.float_right {margin-left: 10px; float: right}
.block {display: block}
.clear {clear:both}

.align_left {text-align: left}
.align_right {text-align: right}
.align_center {text-align: center}
.align_justify {text-align: justify}


.box {
	float: right;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 30px;
	margin: 20px;
	text-shadow: 1px 1px 1px #000; 
	}

.button { padding: 10px; background-color: #ccc;}
	.button_small {}
	.button_medium {}
	.button_large {}


.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.box_shadow {
	-moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9 */
	}
.box_gradient {
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #e5e5e5, #fff); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5e5e5),color-stop(1, #fff)); /* Saf4+, Chrome */
	}

.column {margin-top: 5px; min-width: 300px !important;}
	.column p {margin-bottom:7px;}
.ninja {color: black; visibility: hidden;}

.colborder {border-right: solid 1px #ccc}

/* TYPOGRAPHY */

body {

font-weight: 500;
font-size: 15px;
line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {font-family: "crete-rounded-web-1","crete-rounded-web-2";line-height: normal; color: #444;}
h1 {font-size: 62px;}
h2 {font-size: 48px; margin-bottom: 0em; line-height: 48px;}
h3 {font-size: 36px; margin-bottom: 5px;}
h4 {font-size: 28px; margin-bottom: 0px;}
h5 {font-size: 18px; font-family: "museo-sans-1","museo-sans-2"; margin-bottom: 0px;}
h6 {font-size: 15px; font-family: "museo-sans-1","museo-sans-2";}

a { text-decoration: none;}

a:link {}

a:hover {}

a.visited {}

a.active {}

p { margin-bottom: 10px; line-height: 1.5em; }

strong {font-weight: 700}

del {text-decoration: line-through}

em {font-style: italic;}

large {font-size: 18px;}

small {font-size: 13px;}

blockquote { font-size: 24px; line-height: 30px; margin: 30px 0px 30px 0px; color: #777; display: block; border-top: solid #ccc 2px; border-bottom: solid #ccc 2px; padding: 20px; font-style: normal; text-align: left;}

.script {font-family: "felt-tip-roman-1","felt-tip-roman-2"; font-size: 25px; color: rgba(0,91,127,.8); margin-top: 20px;}

span.gc-cs-link {color: #06c; text-decoration: none;}



/* STRUCTURE */

body {
	background: #fff;
	margin-top: 30px;
}
	#logo { margin-bottom: 10px;}
		#logo h1 {margin-bottom: 0; line-height: 45px; font-size: 48px;}
			#logo h1 a{
			color: #444;
			text-decoration: none;
			}
	#nav {margin-top: 25px; text-align: right; margin-bottom: 10px; }
		#nav ul {
			list-style-type: none;
			margin: 0;
		}
			#nav ul li {
				display: inline;
				margin-right: 40px;
			}
				#nav ul li:last-child {
				margin-right: 0px;
				}
				
				
				
				
/* HOME PAGE */				

	#hero{
		height: 300px;
		background: #fff;
		color:#ccc;
		overflow: hidden;
	}
	
	#hero-vid {}
	
	#hero_images{
		height: 350px;
		background: #fff;
		color:#ccc;
		overflow: hidden;
	}
	

	
	#twitter{
		position:relative;
		margin:20px 0 0.5em;
		color:#333;
		width: 960px;
		border: solid 1px #e5e5e5;
	}
		#tweet_icon {margin-right: 15px; margin-bottom: 15px;}
		#twitter:after {
			content:"\00a0";
			display:block; /* reduce the damage in FF3.0 */
			position:absolute;
			z-index:-1;
			top:-30px;
			left:50px;
			width:0;
			height:0;
			border:15px solid transparent;
			border-bottom-color:#e5e5e5;
			}
		
		#twitter .twitter_text p, #twitter .tweet {font-size: 15px; margin: 0; padding: 15px;}
			#twitter .tweet .tweet_text small  {font-size: 12px;}
			#twitter .twitter_text .twitter_logo {position: relative; top:3px;}
			.twitter_other {text-align: right;}
				.twitter_other p {margin: 15px;}
	
	#testimonials{ }
	
	#scheduale {
		margin-top: 10px;
		width: 960px;
		height: 220px;
		margin-bottom: 30px;
		border: solid 1px #e5e5e5;
	}
		.scheduale_grid {
			padding-top:20px;
			padding-left: 10px;
			border-left: solid 1px #ccc;
			font-size: 12px;
			height: 200px;
		}
			.scheduale_grid small {font-size: 11px;}
			.scheduale_grid strong {font-size: 18px;}
				.scheduale_grid ul {list-style-type: none; padding: 0;}
				.scheduale_grid ul li {margin-bottom: 10px; border-bottom: solid 1px #e7e7e7; padding-bottom: 5px;}
					.scheduale_grid ul li:last-child {border-bottom: none;}
				.event_entry {}
		#cat1 .scheduale_grid {border: none;}
	.seeall {margin-top: 15px;}
	#homepage{margin-top: 30px;}
		#home_right #general_info {}
			#home_right #general_info ul {list-style-type: none; padding-left: 0em;}
		
	
/* GENERAL INSIDE PAGES */
	#twitter_inside{
		position:relative;
		color:#333;
		background:#e5e5e5;

	}
		#twitter_inside:after {
			content:"\00a0";
			display:block; /* reduce the damage in FF3.0 */
			position:absolute;
			z-index:-1;
			top:-30px;
			left:50px;
			width:0;
			height:0;
			border:15px solid transparent;
			border-bottom-color:#e5e5e5;
			}
		
		#twitter_inside .twitter_text p, #twitter_inside .tweet {font-size: 14px; margin: 0; padding: 10px; padding-right: 15px;}
			#twitter_inside .twitter_text .twitter_logo {position: relative; top:3px;}
			.twitter_other {text-align: right;}

/* ABOUT */

	#about_venue {height: 220px; width: 960px; border: solid 1px #ccc; margin-bottom: 30px;}
		.venue_info {
			padding-top:20px;
			border-left: solid 1px #ccc;
			font-size: 12px;
			height: 200px;
		}
			.venue_info p {padding-left: 10px;}
				.venue_info p strong {font-size: 15px;}
			#about_venue #venue_1 {border: none;}
			
	#tab2 ul {list-style-type: none;}
		#tab2 ul li { margin-bottom: 30px; height: 400px; overflow: hidden;}
			#tab2 ul li address {font-size: 14px;}
			#tab2 ul li p{ padding-right: 10px; font-size: 15px; line-height: 20px;}
				#tab2 ul li ul {font-weight: bold; padding-left: 0px; font-size: 15px;}
		
			
/* SCHEDUALE */
	
	#scheduale_page {}
		.event_date {}
			.event_date ul {list-style-type: none; padding-left: 0px;}
				.event_date ul li {float: left; margin-bottom: 20px; height: 140px;}
					.event_date ul li p {padding-right: 20px;}
						strong.title {font-size: 20px;}
		#scheduale_block {margin-bottom: 50px;}
			#scheduale_block ul {list-style-type: none; padding-left: 0;}
			


/* SPONSOR */
	.sponsor_group ul li {height: 180px; display: table-cell;}
		.sponsor_group ul li p {height:180px;vertical-align: middle; display: table-cell}
	.sponsor_block {display: table-cell; height: 180px; vertical-align: bottom;}
		.sponsor_block img {vertical-align: bottom;}



/* FOOTER */
	#footer{
		width: 100%;
		height: 300px;
		background: #333;
		margin-top: 50px;
		padding-top: 20px;
		padding-bottom: 40px;
		color: #ccc;
		font-size: 14px;
	}
		#footer a {color: #fff; text-decoration: none;}
			#footer a:hover {text-decoration: underline}
		#footer h4 { color: #ccc;margin-bottom: 10px;}
		#footer h5 {margin-bottom: 0px; font-size: 16px;}
		#footer ul {list-style-type: none; margin: 0; padding: 0;}
			#footer ul li {margin: 0; margin-right:10px;border-right: solid 1px #666;}
				#footer ul li:last-child {border: none;}
			#footer small {font-size: 10px;}
			#footer strong {font-weight: normal;}
			#footer p {line-height: normal;}
		#footer .seeall {margin-left: 20px;}
		
		#footer_columns {width:960px;}
		
		#spearia {
		height: 41px;
		width: 115px;
		margin-left: 15px;
		margin-top: -40px;
		}
 
			#spearia a {
			background:transparent url(/images/site/spearialogo.png) no-repeat scroll 0 0;
			display:block;
			height:41px;
			width: 115px;
			float: left;
			}
			 
			#spearia a:hover {
			background:transparent url(/images/site/spearialogo.png) no-repeat scroll -115px 0;
			display:block;
			height:41px;
			width: 115px;
			 
			}