/*   
	Theme Name: Three Minute
	Theme URI: http://threeminutepictureshow.com/
	Description: 2010 happy fun design
	Author: Gregory Cowley
	Author URI: http://threeminutepictureshow.com
	Version: 1.0.3
	Tags: 

	Three Minute by Gregory Cowley
	http://threeminutepictureshow.com/
	
*/

/* Basics ######################################################### */
 
* { 
	margin: 0; padding: 0; 
} 
 
html {
		background-color: #fff;/*#a27015;*/
}

 
input, select, textarea, body {
	font-family: Georgia, sans-serif;
	font-size: 14px;
}
 
body {
	text-align: center;
	border: 0;
	color: #7c7c7b;
	background: url(images/bg_grad.jpg) top left repeat-x;
	font-size: 16px;
	line-height: 20px;
}

h1
{
	font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
	font-weight: 500;
}
h2{
	font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
	font-weight: 500;
}
h3{
	font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
	font-weight: 500;
}

p {
	padding:0 0 22px 0;
}

a:link,  a:visited, a:active {color:#118db9; text-decoration: none; outline: none}
a:hover {color:#c83829;}

 ul
{
		list-style-type: circle;
		margin: 0 0 10px 20px;
		padding: 0 0 10px 0px;
}
li{
		margin: 0 0 5px 0;	
}

.nodisp{
	display: none;
}


/* DIMS and Columns */
div{
}
		div.columns-1 {
			width: 60px;
		}
		 
		div.columns-2 {
			width: 140px;
		}
		 
		div.columns-3 {
			width: 220px;
		}
		 
		div.columns-4 {
			width: 300px;
		}
		 
		div.columns-5 {
			width: 380px;
			z-index: 5;
		}
		 
		div.columns-6 {
			width: 460px;
		}
		
		div.columns-7 {
			width: 540px;
		}
		
		div.columns-8{
			width: 620px;
		}
		
		div.columns-9{
			width: 700px;
		}
		
		div.columns-10{
			width: 780px;
		}
		 
		div.margin-20-left {
			margin-left: 20px;
		}
		 
		div.margin-10-left {
			margin-left: 10px;
		}
		 
		div.margin-20-right {
			margin-right: 20px;
		}
		
		
		div.margin-170-left {
			margin-left: 170px;
		}
		

.logobox{
		margin: 0 10px 0 0;
		float: left;
		
    vertical-align: middle;
    width: 150px;
		height: 150px;
}
		.logobox * {
				vertical-align: middle;
		}
		.logobox img{

		}
		
.red{
		color: #ff0000 !important;
}

div.wrap {
		width: 100%;
		text-align:left;
		z-index: 5;
}


.hide{
		display:none;
}
.left{
		float: left;
}
.right{
		float: right;
}

.noborder { border: none; }




/* Buttons */

	.pseudo-button { display: block; height: 36px; cursor: pointer; } 
	.pseudo-button * { display: none; }
	.pseudo-button { background-position: top left; }
	.pseudo-button:hover { background-color: transparent; background-position: 0 -36px; }
	.pseudo-button-off { display: block; height: 36px; } 
	.pseudo-button-off * { display: none; }
	.pseudo-button-off { background-position: bottom left; }

	.sign_up_button{
		margin: 20px 0 0 0;
		background-image: url(images/b_signup.png); width: 126px;
	}
	
	

/* BACKGROUNDS */

#middle_wave{
		position: relative;
		width: 100%;
		height: 306px;
		background: url(images/header_bg.jpg) top 25% no-repeat;
		
}
#bottom_wave{
		position: relative;
		width: 100%;
		height: 306px;
		background: url(images/header_bg.jpg) top 25% no-repeat;
}




/* HEADER */

#header {
		position: relative;
		width: 100%;
		height: 306px;
		margin: 0 auto;
		background: url(images/header_bg.jpg) top center no-repeat;
		z-index: 1;
}
		#header_contents {
			position: relative;
			margin: 0 auto;
			width: 960px;
			height: 306px;
		}

		#header #logo {
			position: absolute;
			top: 20px;
			left: 45px;
			margin: 0 0 0 0;
			width: 284px;
			height: 170px;
			background: url(images/logo.png) 0 0  no-repeat;
			z-index: 1;
			
		}
		
		#header #postit {
				/*display: none;*/
				position: absolute;
				top: 0px;
				left: 620px;
				margin: 0 0 0 0;
				padding: 20px 0 0 80px;
				width: 365px;
				height: 249px;
				background: url(images/post_it_lg.png) 0 0  no-repeat;
				z-index: 100;
		}
				#postit h3 {
						font-size: 24px;
						color: #ff0000;
				}
				#postit p {
						font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
						font-size: 16px;
						margin:0 !important;
						color: #118DB9;
						width: 240px;
				}
				#postit a:link, #postit a:visited, #postit a:active {
					/* color:#118db9 !important; */
					color:#ff0000 !important; 
					font-size: 14px !important;
					text-decoration: underline;
				}
				#postit a:hover {
					color:#118db9 !important;
					text-decoration: underline !important;
				}
		
		
		#header ul
		{
			font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
			position: absolute;
			top: 30px;
			left: 345px;
			width: 400px;
			vertical-align: middle;
			list-style-type: none;
			
		}
		#header li{
			color: #fff;
			font-size: 24px;
			line-height: .75em;
			text-shadow: #1e6892 1px 1px 2px;
			
		}


		#header a:link,  #header a:visited, #header a:active {
			color:#fff; 
			text-decoration: none; 
			outline: none;
			font-size: 22px;
		}
		#header a:hover {
			color:#ff0000;
		}
		
		
/*		
		
		
		.navigation a:link, .navigation a:visited, .navigation a:active{
				border: thin solid red;
				color:#fff;	
		}
				.navigation a:hover{
					border: thin solid red;
					color:#fff;
				}
*/		

/* SIDEBAR */
#sidebar {
		padding-top: 40px;
		min-height: 200px;
		float: left;
		color: #333;
}
		#sidebar ul
		{
			list-style-type: none;
			margin: 20px 0px 0 0;
		}
		#sidebar li
		{
			font-size: 16px;
			text-align: right;
			margin: 0px 0px 20px 0;
		}
		
		#sidebar .current_page_item{
				border-bottom : 1px solid #118DB9;
		}
		
#sidebar_hor{
		clear: both;
		margin: 0 0 40px 80px;
}
		#sidebar_hor ul
		{
			list-style-type: none;
			margin: 20px 0px 0 0;
		}
		#sidebar_hor li
		{
			display block;
			float:left;
			font-size: 12px;
			padding: 0 5px 0 5px;
			
		}
		
		#sidebar_hor .current-cat{
				/* border-bottom : 1px solid #118DB9; */
				background-color: #C4EBFA;
		}
		#sidebar_hor  .categories {
				text-align: left;
				width: 100%;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #C4EBFA;
				font-size: 15px;
				font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
				color:#118DB9;
		}
		
				#sidebar_hor  .cat-item{
						font-family: Georgia, sans-serif;
						font-size: 12px;
						border-right: 1px solid #118DB9;
				}
				
				#sidebar_hor  .noborder{
						border: none !important;
				}


/* MAIN */

#main {
		float: left;
		color: #333;
}
		#main_content {
				/* width: 540px; */
				float: left;
				color: #333;
		}
				#postmetadata{
					font-family: Georgia, sans-serif;
					font-size: 11px;
					font-weight: bold;
				}
						#postmetadata ul {
								margin: 5px 0 5px 30px;
						}
						#postmetadata li {
								display: block;
								float: left;
								padding: 0 10px 0 0;
								margin: 0 10px 0 0;
								border-right: 1px solid #118DB9;
						}
						#postmetadata li.noborder {
								border: none !important;
						}
						
				#main_content .post{
						/* margin: 0 0 40px 80px; */
				}

				#main_content .entry {
						margin: 20px 0 50px 30px;
				}
				#main_content .entry ul {

				}
				#main_content .entry h3 {
						margin: 0 0 10px 0;
				}
				#main_content h2 {
						margin-bottom: 20px;
				}
				#main_content p {
						line-height: 1.25em;
				}
				#main_content .nomargin {
						margin-bottom: 2px;
						padding-bottom: 2px;
				}
				#main_content .wide{
						width: 630px;
				}
				
#main_hor{
		float: left;
		color: #333;
		margin: 0 0 0 80px;
}
				
				
				
				
		
		
		
/* MAIN */

#emaillist {
		padding: 60px 0 0 0px;
		color: #333;
}
		#emaillist h3 {
				color: #118DB9;
				font-size: 14px;
		}
		#emaillist .facebook{
				margin: 20px 0 0 0;
				width: 150px;
				height: 57px;
				background: url(images/facebook.gif) top left no-repeat;
		}
		#emaillist .youtube{
				margin: 2px 0 0 0;
				width: 150px;
				height: 57px;
				background: url(images/youtube_button.jpg) top left no-repeat;
		}
		
		
#emaillist_hor {
		margin: 0 0 0 80px;
		color: #333;
		height: 50px;
		border-bottom: 1px solid #118DB9;
}
		#emaillist_hor div {
				float: left;
				
		}
		#emaillist_hor .facebook{
				margin: 0 0 0 0;
				width: 150px;
				height: 57px;
				background: url(images/facebook.gif) top left no-repeat;
		}
		#emaillist_hor .youtube{
				margin: 0 0 0 0;
				width: 150px;
				height: 57px;
				background: url(images/youtube_button.jpg) top left no-repeat;
		}
		
		#emaillist_hor h3 {
				color: #118DB9;
				font-size: 14px;
		}
		
		#emaillist_hor #emailform {
				float: left;
				margin: 0 20px 20px 0;
				border-bottom:  
		}
				#emaillist_hor div{
						float: left;
				}
				#emaillist_hor #emailform h3 {
						margin: 10px 10px 0 0;
				}
				#emaillist_hor #emailform .subscribe_button{
						float: left;
						margin: 0 10px 0 10px;
				}
	
		

/* CONTENT */

#top {
		position: relative;
		position: relative;
		margin-top: -70px;
		z-index: 50;
		
}
		#top_content{
				position: relative;
				margin: 0 auto;
				width: 960px;
				text-align:left;
				color: #fff;
		}
				#top_content .bubble-left{
					float: left;
					width: 314px;
					height: 197px;
					margin: 0 0 0 75px;
					background: url(images/cloud1.png) 0px 0px  no-repeat;
				}
						#top_content .bubble-left .star{
								margin: -100px 0 0 200px;
						}
						
				#top_content .bubble-mid{
					float: left;
					width: 314px;
					height: 197px;
					margin: 100px 0 0 -10px;
					background: url(images/cloud2.png) 0px 0px  no-repeat;
				}
						#top_content .bubble-mid .star{
								margin: -100px 0 0 190px;
						}
						
				#top_content .bubble-right{
					float: left;
					width: 314px;
					height: 197px;
					margin: 0 0 0 -60px;
					background: url(images/cloud3.png) 0px 0px  no-repeat;
				}
						#top_content .bubble-right .star{
								margin: -110px 0 0 150px;
						}
				
				#top_content .bubble-inside{
					position: relative;
					height: 210px;
					margin: 40px;
				}

				#sanfrancisco_text{
						margin: -40px 0 0 -30px;
						width: 262px;
						height: 102px;
						background: url(images/text_sf.png) 0px 0px  no-repeat;
				}
				#portland_text{
						margin: -30px 0 0 -30px;
						width: 262px;
						height: 102px;
						background: url(images/text_portland.png) 0px 0px  no-repeat;
				}
				#anywhere_text{
						margin: -30px 0 0 -30px;
						width: 262px;
						height: 102px;
						background: url(images/text_ae.png) 0px 0px  no-repeat;
				}
				
				#sanfrancisco_info{
						margin: -10px 0 0 15px;
						width: 210px;
				}
				#portland_info{
						margin: -30px 0 0 15px;
						width: 200px;
				}
				#anywhere_info{
						margin: -30px 0 0 100px;
				}
				
				
				
				#top_content h2{
						font-size: 24px;
				}
				
				
				#top_content ul { 
						margin: 10px 0 20px 0 ;
						list-style-type: none; 
				}
				#top_content li{
						margin: 0 0 0 0;
						font-size: 18px;
				}
				#top_content p{
						font-size: 11px;
						line-height: 1.25em;
						height: 40px;
				}
				
				#top_content a:link,  #top_content a:visited, #top_content a:active {
					color: #F7F89B;
					text-decoration: none;
					outline: none;
					font-weight: bold;
				}
				
				#top_content a.star{
						display: block;
						background: url(images/home_star.png) 0px 0px  no-repeat;
						width: 108px;
						height: 111px;
						overflow: visible;
				}
						#top_content a.star span{
								display: none;
						}
				
				#top_content a.big{
					
					display: block;
					font-family: "museo-slab-1","museo-slab-2", Georgia, sans-serif;
					font-size: 18px;
					color: #118DB9;
					line-height: 20px;
					height: 50px;
				}
				
				#top_content .bottom{
					position: absolute;
					bottom: 10px;
					right: 0;
				}
				
				#top_content a:hover {
					text-decoration: underline; 
				}	



#bottom_wave{
		width: 100%;
		height: 55px;
		background: url(images/wave.png) -300px 0  repeat-x;
		
}				
#bottom {
		width: 100%;
		background-color: #fcc36d;
}				
		
		#bottom_content{
				margin: 0 auto;
				width: 960px;
				text-align:left;
				line-height: 1.75em;
				color: #333;
				padding: 25px 0 0 0;
		}
				#bottom_content .orange-bg{
						width: 100%;
						min-height: 390px;
				}
				
				#bottom_content .top-spacing{
						margin-top: 30px;
				}
				
				#bottom_content h2{
						position: relative;
						font-size: 24px;
						color: #fff;
				}
				#bottom_content .subhead{
						font-size: 14px;
						color: #fff;
						
				}
				
				#bottom_content p{
						
				}
				

#standard {
		position: relative;
		margin-top: -50px;
		z-index: 50;
		width: 100%;
}				
		#standard_content{
				margin: 0 auto;
				width: 960px;
				text-align:left;
				min-height: 400px;
				padding: 25px 0 50px 0;				
		}
				#standard_content .orange-bg{
						width: 100%;
						min-height: 390px;
				}
				
				#standard_content .top-spacing{
						margin-top: 30px;
				}
				
				#standard_content h2{
						position: relative;
						font-size: 24px;
						color: #118db9;
				}
				#standard_content .subhead{
						font-size: 14px;
						color: #fff;
						
				}
				
				#standard_content p{
						line-height: 1.5em;
						color: #333;
				}



/* Staff */

#staff{
		position: relative;
		width: 500px;

}
		#staff .bio{
				position: relative;
				margin: 0 0 40px 0;
		}
				#staff .left{
						margin: 0 0 0 0px;
						width: 300px;
				}
				#staff .right{
						margin: 0 0 0 170px;
						width: 300px;
				}
				
				#staff h2{
						margin: 0 0 10px 0px;
				}
				#staff h3{
						margin: 0 0 0 0px;
				}
				
				#staff .illustration_camille{
						position: absolute;
						top: 0px;
						left: -10px;
				}
				
				#staff .illustration_greg{
						position: absolute;
						top: 0px;
						left: 350px;
					
				}
				
				#staff .illustration_leah{
						position: absolute;
						top: 0px;
						left: -10px;
						
				}




/* Footer */


#footer_wave{
		margin-top: -55px;
		width: 100%;
		height: 55px;
		background: url(images/wave2.png) 0 0  repeat-x;
}			

#footer {
		float: left;
		position: relative;
		padding: 20px 0 100px 0px;
		width: 100%;
		height: 300px;
		background-color: #a27015;
		font-size: 11px;
}	
		#footer h1{color:#636363; line-height:30px;}
		
		#footer a:link,  #footer a:visited, #footer a:active {
			color:#fff; 
			text-decoration: none; 
			outline: none;
		}
		#footer a:hover {
				color:#ff0000;
		}	

		#footer_content {
				margin: 0 auto;
				width: 960px;
				text-align:left;
				z-index: 5;
				color: #fff;
				/* #footer_content{color:#636363; height:245px; overflow:hidden; font-size:11px; display:block; } */
		}	

		#footer_content .footer_module{
				height:170px; 
				margin-top:20px; 
				float:left;
				width:170px; 
		}
		
		
		#footer_content .border_left {
				border-left: 1px dotted #ccc;
		}
		
		
		
		#footer_content ul{
				margin: 0 auto;
				list-style-type: none;
				padding: 0 0 0 0px;
		}	
		#footer_content li{ 
				line-height:17px;
		}
		
		#footer_content a{color:#636363;}
		#footer_content a:hover{
					background-image:url(/assets/gfx/graydot.gif); 
					text-decoration:none;
					background-repeat:repeat-x; 
					background-position:bottom;
		}

		#footer_content h4 a,
		#footer_content h4 span{ font-size:13px; font-weight:bold; margin-bottom:15px; }		
		
		#footer_content .footer_module ul li { margin: 0 0 0px 10px }
		#footer_content .footer_module ul li a { margin: 0 0 -5px 0px }
		#footer_content .footer_module .inner{ padding:0 30px 20px 10px;}
		
		#footer_content #contact_the_film_festival div{ margin-bottom:-5px}
		#footer_content #contact_the_film_festival{ padding-left:10px; background-image:none; width:240px;}
		#footer_content #contact_the_film_festival .inner{padding-left:0;}
		
		#footer_content .footer_module .first_column{
				padding: 0;
				margin: 0;
		}


/*
		#bottom_link_container{
			margin: 0 auto;
			width: 500px;
			text-align: center;
		}
				
				#footer li {
						display: block;
						margin:0;
						padding: 0 10px 0 10px;
						float: left;
				}	
				#footer li.vline {
						border-right: 2px solid #fff;
				}	

*/


		#other_info_container{
				width: 500px;
				margin: 20px 0 0 0;
		}		
				#subscribe{
						padding: 0 0 0 100px;
						float: left;
				}
				#footer .legal {
						float: left;
				}





/* Home Page */

	#home_news{
			padding: 0 0 50px 0;
	}
			#home_news h2 a
			{
					color: #fff;
			}
			
			#home_news ul
			{
					list-style-type: circle;
					list-style-position: outside;
					margin: 0 0 10px 20px;
					padding: 0 0 10px 0px;
			}
			#home_news li{
					margin: 0 0 5px 0;	
			}
			
			#home_news div.sub p.date{
					padding: 25px 0 10px 0;
			}
			
			#home_news p.date span.com-amount a {
					text-decoration: none;
					color: #fff;
			}
			
			#home_news p.date {
					line-height: 1;
					margin: 0;
					padding: 5px 0 10px 0;
					font-size: 11px;
					text-transform: uppercase;
					letter-spacing: 2px;	
					position: relative;
					font-family: Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			}
			
			#home_news p.date span {
					font-style: italic;
					text-transform: none;
			}



/* Mailing List */

	#emailform{
			
	}
			#emailform input{
					margin: 10px 0 0 0;
			}
			#emailform p{
					margin: 0px 0 30px 0;
					padding: 0;
			}

	
	#mailinglist{
	}
			list
			{
				list-style-type: none;
			}
			#mailinglist .list_indent{
				margin-left: 30px;
			}
			#mailinglist .listdescription
			{
				font-style: italic;
			}

			/* mailinglist signup form */
			#contact_the_film_festival .mailinglist{ 
					height: 200px;
			}
					#contact_the_film_festival .mailinglist{ color #fff; }
					#contact_the_film_festival .mailinglist form{ margin-top:15px; }
					#contact_the_film_festival .mailinglist form label{ margin: 4px 0 4px 0 ;}
					#contact_the_film_festival .mailinglist form input.text{ border:none; color:#7e7b72; font-size:11px; padding:2px; margin-right:4px;}
					#contact_the_film_festival .mailinglist form input.submit{
							color:#fff; 
							cursor: pointer; 
							font-size:11px; 
							font-weight:normal; 
							border:none; 
							background:none;
							margin: 4px 0 4px 0;
					}







/* Images ######################################################### */	

.leah_image_1{
		width: 190px;
		height: 342px;
		background: url(images/leah_image1.jpg) 0 0  no-repeat;
}



/* Forms ######################################################### */	


	.login_form{
			margin: 20px 0 50px 30px;
	}

/** ACCOUNT **/
	/* REGISTRATION */
	.registration-form{
			
	}
			.registration-form div.section {
					margin-bottom: 20px;
			}
			.registration-form div p {
					overflow: hidden;
					margin-bottom: 0px;
			}
			.registration-form label {
					display: block;
					float: left;
					margin-left: 20px;
			}
			.registration-form label:first-child {
					margin-left: 0px;
			}
			.registration-form label span {
					display: block;
			}
			.registration-form label input {
					width: 171px;
			}
			.registration-form label select {
					width: 180px;
			}
			.registration-form label select#state {
					width: 105px;
			}
			.registration-form label input#zip {
					width: 46px;
			}
			.registration-form p.note {
					float: right;
					width: 130px;
					font-size: 11px !important;
			}
			.registration-form input.check {
				width: 40px;
				height: 40px;
				margin: 0;
				padding: 0;
				float: left;
				border: thin solid red;
			}
			.registration-form span.checktext{
				
			}



/* Dates ######################################################### */	







	





		
/* Misc ######################################################### */		

.font-grey {
		color:#666;
}
.font-grey a:link, .font-grey a:visited, .font-grey a:active {color:#afafa6; text-decoration: underline}

.font-large {
		font-size: 17px;
		line-height: 31px;
		color: #303e3f;
}
 
		div.article p.font-large {
			position: relative;
			left: -40px;
		}

.clear {
		clear:both;
}	 
		.clearfix:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}
		* html .clearfix             { zoom: 1; } /* IE6 */
		*:first-child+html .clearfix { zoom: 1; } /* IE7 */
		 
.float-left {
		float:left;
}
 
.float-right {
		float:right;
}	
 
.center {
		text-align:center;
}

