/*
Theme Name: DUCF 2008
Description: Site for the 2008 Detroit Urban Craft Fair designed by Josh Weston (http://rashystreakers.tumblr.com)
Version: 1.0
Author: Dan Nixon
Author URI: http://turboclaw.com
*/

/* RESET
*****************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

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

}
body {
	background:url(images/content_bg.jpg) repeat-y 50%;
	margin:0 auto;
	font-size:75%;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
html>body {
	font-size:12px;
}
p, #main_content ul, #main_content ol {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}
h2, h3, h4, h5{
	font-family:ca_fusionfilledregular, Helvetica, "Helvetica Neue", Arial, sans-serif;
	border-bottom:2px dashed #bcb4a0;
	line-height: 1.333333333em;
}
h2 {
	font-size:2em;
	font-weight:bold;
	margin:0 0 0.25em 0;
}
h3 {
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 0.25em 0;
}
h4 {
	font-size:1.1667em;
	margin:1.929em 0 0.5em 0;
	font-weight:bold;
}

/* SKYLINE
*****************************************************************/
#skyline{
	height:345px;
	width:100%;
	position:relative;
	text-align:center;
}
#skyline.day{background:#f8fbc2 url(images/sky_yellow.jpg) repeat-x 0 0;}
#skyline.night{background:#310a59 url(images/sky_purple.jpg) repeat-x 0 0;}

#detroit{
	width:906px;
	margin:0 auto;
	position:relative;
}
#detroit div img{
	display:block;
	margin:auto;
}
#weather{
	list-style:none;
	position:absolute;
	top:10px;
	left:440px;
}
#weather li{
	width:190px;
	text-align:center;
}
#buildings{
	position:relative;
	z-index:2;
	width:870px;
	height:290px;
	background:url(images/buildings.png) no-repeat 50% 0;
	margin:0 auto;
}
#alien{
	position:absolute;
	width:95px;
	height:366px;
	top:-170px;
	right:-40px;
}
#plane_tab{
	position:absolute;
	width:81px;
	height:43px;
	top:35px;
	left:195px;
	overflow:hidden;
	z-index:3;
}
#plane_tab img{
	position:absolute;
	top:0;
	left:47px;
}
#plane_tab_cover{
	position:absolute;
	right:-12px;
	top:0;
	width:23px;
	height:43px;
	background:url(images/plane_tab_cover.png) no-repeat right top;
	z-index:4;
}
#plane{
	position:absolute;
	overflow:hidden;
	width:401px;
	height:91px;
	top:-4px;
	left:332px;
}
#plane img{
	position:absolute;
	top:0;
	left:-390px;
}
#hand_water{
	height:125px;
	left:12%;
	overflow:hidden;
	position:absolute;
	top:210px;
	width:90px;
	z-index:76;
}
#hand_water img{
	position:absolute;
	display:block;
	top:125px;
	left:0;
}
#detroit_river{
	height:52px;
	width:100%;
	background:url(images/water_1.png) repeat-x 20% 0;
	padding-top:38px;
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	z-index:3;
}
.water{
	width:102%;
	position:absolute;
	left:0;
}
#river2{
	height:38px;
	background:url(images/water_2.png) repeat-x 61% 0;
	top:18px;
	z-index:80;
}
#river3{
	height:38px;
	background:url(images/water_3.png) repeat-x 141% 0;
	top:36px;
	z-index:90;
}
#river4{
	height:40px;
	position:absolute;
	width:100%;
	background:url(images/water_4.png) repeat-x 104% 0;
	bottom:-2px;
	z-index:100;
	left:0;
}
#fish{
	position:absolute;
	width:300px;
	height:190px;
	bottom:0;
	left:30%;
	z-index:85;
	background:none;
}
#fish:hover{
	background:url(images/fish.gif) no-repeat left bottom;
}
#floating_mitten{
	position:absolute;
	bottom:4px;
	right:10%;
	width:117px;
	height:147px;
	z-index:75;
}
.ui-draggable{
	cursor:move;
}

/* CONTAINER
*****************************************************************/
#container{
	width:906px;
	margin:0 auto;
}
#masthead{
	width:350px;
	height:120px;
	background:url(images/title.gif) no-repeat 0 0;
	float:left;
	margin-bottom:-4px;
}
#masthead h1 a{
	display:block;
	width:100%;
	height:60px;
	text-indent:-1000em;
	overflow:hidden;
}
#masthead p a{
	display:block;
	width:56%;
	height:50px;
	text-indent:-1000em;
	overflow:hidden;
}
#masthead span{
	display:none;
}
#main_nav{
	height:116px;
	margin-left:350px;
	width:550px;
	/*background:url(images/apps_due.gif) no-repeat 25px 10px;*/
}
#main_nav li{
	display:inline;
}
#main_nav li a{
	display:block;
	float:left;
	text-indent:-1000em;
	overflow:hidden;
	height:35px;
	background-repeat:no-repeat;
	background-position:left bottom;
	width:50px;
	margin-right:-1px;
}
#main_nav #nav_apply a{background-image:url(images/apply.gif);width:60px;}
#main_nav #nav_faq a{background-image:url(images/faqs.gif);width:63px;}
#main_nav #nav_vendors a{background-image:url(images/vendors.gif);width:83px;}
#main_nav #nav_sponsors a{background-image:url(images/sponsors.gif);width:81px;}
#main_nav #nav_swag a{background-image:url(images/swag.gif);width:60px;}
#main_nav #nav_promo a{background-image:url(images/promo.gif);width:66px;}
#main_nav #nav_press a{background-image:url(images/press.gif);width:64px;}
#main_nav #nav_contact a{background-image:url(images/contact.gif);width:79px;}

#main_nav li.current a{
	height:90px;
}

/* CONTENT
*****************************************************************/
#content{
	clear:left;
	overflow:auto;
	margin-bottom:1.5em;
}
#flickr{
	float:left;
	margin-left:10px;
}
#flickr .flickr_badge_image{
	width:96px;
	height:110px;
	background:url(images/flickr_frame.gif) no-repeat 0 0;
}
#flickr img{
	margin:25px 0 0 10px;
}
#main_content{
	margin-left:130px;
	margin-right:1em;
	padding-top:1.5em;
}
#main_content li{
	padding-left:15px;
	background:url(images/mi_bullet.gif) no-repeat 0 3px;
}
#main_content a:link, #main_content a:visited{
	color:#000;
	border-bottom:1px dashed;
	text-decoration:none;
}
#main_content a:hover, #main_content a:active{
	border-bottom:1px solid;
	background-color:#bcb4a0;
}
.postmetadata{
	color:#666257;
	font-size:0.85em;
}
blockquote{
	background:url(images/blockquote.gif) no-repeat 0 0;
	margin-bottom:2em;
	padding:1em;
}
blockquote .attribution{
	font-size:90%;
	font-style:italic;
	text-align:right;
}
#apply_form{
	float:left;
}
label, legend{
	width:150px;
	margin-right:2em;
	float:left;
	display:block;
	padding-bottom:1em;
}
#addressline2 .inputtext{
	width:150px;
}
#addressline2 select{
	margin:0 2em;
}
label.short{
	width:auto;
	float:none;
	display:inline;
	margin-right:1em;
}
.inputtext{
	border:1px solid #BCB4A0;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	width:375px;
	font-size:1em;
}
#apply_form p{
	clear:left;
}
#photo_uploads{
	float:left;
	margin-bottom:1em;
	margin-top:-1em;
	width:375px;
}
.checkbox input{
	float:left;
	margin-right:1em;
}
.checkbox label{
	float:none;
	font-weight:bold;
	width:auto;
}
.error{
	color:#c00;
}
input.error{
	border-color:#c00;
}
.button, .button:hover{
	border-style:none !important;
	background-color:transparent !important;
}
.app_policies{
	height:220px;
	overflow:scroll;
	margin:0 0 1.5em;
	background:rgba(255, 255, 255, 0.5);
}
.note{
	color:#7e005c;
	font-weight:bold;
}

#sponsorlogos a{
	border-style:none !important;
	background:none !important;
}
#sponsorlogos img{
	border:1px dashed;
	margin-right:7px;
}
#vendorlogos li{
	width:175px;
	height:80px;
	line-height:80px;
	text-align:center;
	float:left;
	border:1px dashed #bcb4a0;
	padding:0;
	background-image:none;
	margin:0 1em 1em 0;
	overflow:hidden;
}
#vendorlogos li a{
	border-style:none !important;
	background-color:transparent !important;
}

#footer{
	border-top:2px dashed #bcb4a0;
	padding-top:0.6667em;
	text-align:center;
}