/*

To get started customizing with CSS, we recommend you 

go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 

to get started.



When writing the selectors for the elements, put body.custom at the

beginning.



For an example on how to change the background with custom CSS

we can use the following code.



body.custom {

	background: red;

}

*/





/* HEADER TAGS

================================================*/

#top-corner { 

	padding-top: 6px;

}

#search input[type="image"] {

	margin: 0;

	padding-right: 2px;

}

#search input[type="text"] {

	background-color: #BCBDC0;

	margin: 0;

	vertical-align: top;

	border: 0 none;

	font: bold 10px Arial,Helvetica,Sans-serif;

	color: #777;

	width: 120px;

	height: 12px;

	padding: 2px 4px 2px 10px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

	-webkit-transition: all 0.7s ease 0s;

	-moz-transition: all 0.7s ease 0s;

	-o-transition: all 0.7s ease 0s;

	transition: all 0.7s ease 0s;

	margin-right: 6px;

    }

#social {

	float: left;

    	padding: 2px 2px 0 6px;

}

	#social a { vertical-align: top; display: inline-block; text-indent: -999999px; }

	#social span { vertical-align: top; text-transform: uppercase; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }

#link_facebook {

	background: url(media/images/icons/icon_facebook.gif) no-repeat;

	width: 20px;

	height: 20px;

}

#link_twitter {

	background: url(media/images/icons/icon_twitter.gif) no-repeat;

	width: 20px;

	height: 20px;

}

#link_in {

	background: url(media/images/icons/icon_in.gif) no-repeat;

	width: 20px;

	height: 20px;

}

#buy_dvd_img {

	float: right;

	display: block;

	width: 109px;

	height: 136px;

}





/* FOOTER TAGS

================================================*/

.footer_wrapper {

	min-height: 150px;

}

.footer_wrapper ul {

    background-color: #a7a9ac;

    height: 24px;

}

	.footer_wrapper ul li {

		vertical-align: top;

		display: inline-block;

		list-style-type: none;

		padding: 4px 17px; 

	}

	.footer_wrapper ul li a {

		color: #231f20;

		font-size: 11px;

		font-weight: bold;

		text-transform: uppercase;

		text-decoration: none;

	}

	.footer_wrapper ul li ul {

		background-color: #fff;

		margin-top: 5px;

	}

	.footer_wrapper ul li ul li {

		display: block;

		margin: 0;

		padding: 0;

	}

		.footer_wrapper ul li ul li a {

			font-weight: normal;

		}

		.footer_wrapper ul li ul li a:hover {

			color: #aeb0b2;

		}





.footer_nav_sub {

	float: left;

}

#footer_nav_sub ul {

	float: left;

}





/* SIDE COLUMN TAGS

================================================*/

#side {

	height: 480px;

	padding-bottom: 23px;

	position: relative;

	border-left: 1px solid #FFFFFF;

}

#side .feature-action {

	width: 277px;

	height: 480px;

	position: absolute; 

	top: 0px; 

	left: 0px; 

	display: none;

	opacity: 0;

    color: #FFFFFF;

}

#side .feature-action div {

	font-size: 32px;

	font-family: Helvetica;

	font-weight: bold;

	width: 230px;

	height: 250px;

	margin: 20px;

}

	#side .feature-action div a.button {

	    background-color: #FCB040;

	    color: #000000;

	    display: block;

	    font-size: 14px;

	    font-weight: bold;

	    text-decoration: none;

	    text-transform: uppercase;

	    width: 130px;

		margin: 15px 0;

		text-align: center;

		-moz-transition: all 0.7s ease 0s;

		border-radius: 14px;

		padding: 8px 16px;

		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

	}



#your_911story {

	background: url(media/images/call_action/TellYour9-11Story.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#send_ribbon {

	background: url(media/images/call_action/SendARibbon.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#join_groundswell {

	background: url(media/images/call_action/JoinTheGroundswell.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#join_groundswell {

	background: url(media/images/call_action/JoinTheGroundswell.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#your_story {

	background: url(media/images/call_action/TellYourStory.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#host_screening {

	background: url(media/images/call_action/HostAScreening.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#invite_filmmakers {

	background: url(media/images/call_action/InviteTheFilmmakers.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

#buy_dvd {

	background: url(/wp-content/uploads/2011/09/BuytheDVD.jpg) no-repeat;

	width: 277px;

	height: 480px;

	color: #fff;

}

/* QUOTES */

#quotes {

	height: 133px;

	left: 0;

	position: absolute;

	top: 0;

	width: 175px;

}

#leaf-133 p { color: #ffffff; font-size: 14px; font-style: normal; font-family:"Times New Roman", Times, serif; }

#leaf-133 em { color: #ffd24f; text-align: right; }

#leaf-135 strong { color: #eba916; font-size: 1.4em; }







/* HOME PAGE TAGS

================================================*/

#video {

	float: left;

	line-height: 6px;

	width: 600px; }

#video_clips {

	width: 600px;

}

#video_clips img {

    float: left;

    margin: 0;

    padding: 0 2px 0 0;

}

#documentary {

    float: left;

    width: 148px;

}

.entry-content-home .ngg-gallery-thumbnail {

    min-height: 0 !important;

}

#post-5 {

	margin: 0;

	padding: 0;

}



/* RSS/Twitter TAGS

================================================*/

#feeds { 

	width: 100%;

	margin: 0 0 0 13px;

}



.feed_box {

	margin: 0;

	padding: 0 13px;

	width: 350px;

	font-size: 12px;

	font-family: Helvetica, sans-serif;

	border-left: 1px solid #fecb65;

	vertical-align: top;

	display: inline-block;

	min-height: 440px;

	position: relative;

}

	.feed_box .hr {

			border-bottom: 1px solid #918f90;

	}

	.feed_box .article_box {

		float: left;

		position: relative;

		margin-bottom: 8px;

		padding-bottom: 5px;

	}

		.feed_box .article_box ul {

			width: 95%;

			float: left;

		}

		.feed_box .article_box li {

			float: left;

			font-size: 16px;

			font-family: Helvetica Neue, sans-serif;

			font-weight: 300;

			padding: 6px 0;

			width: 350px;

		}

		.feed_box .article_box li a {

			text-decoration: none;

			color:#231f20;

		}

		.feed_box .article_box li span.month {

			font-size: 12px;

		}

		.feed_box .article_box li a:hover {

			color: #aeb0b2;

		}

		.feed_box .article_box strong {

			font-weight: normal;

		}

		.feed_box .article_box li {

			font-size: 12px;

		}

		.feed_box .article_box a {

			font-size: 16px;

			font-weight: 300;

		}

		.feed_box .article_box em,

		.feed_box .article_box em a {

			font-size: 12px;

		}

		.feed_box .article_box span {

			font-size: 16px;

			font-weight: 300;

		}

		.feed_box .article_box .month {

			font-size: 13px;

			font-weight: bold;

			text-transform: uppercase;

			padding-bottom: 7px;

			clear: both;

		}

		.feed_box .article_box .day {

			float: left;

			color: #fecb65;

			padding-right: 10px;

			font-size: 19px;

			width: auto;

			min-height: 75px;

			display: block;

		}

		.feed_box .article_box .day sup {

			font-size: 11px;

		}

	.feed_box .read_more {

		width: 7%;

		position: absolute;

		right: 0;

		bottom: -10px;

		display: block;

	}

		.feed_box .read_more a {

			background: url(media/images/icons/icon_more.gif) no-repeat right bottom;

			overflow: hidden;

			display: inline-block;

			width: 10px;

			height: 52px;

			padding: 10px 0 0 10px;

			text-indent: -90px;

		}

.update_box {

	margin: 0 10px 0 0;

	padding: 0 10px;

	width: 252px;

	font-size: 12px;

	font-family: Helvetica, Arial, sans-serif;

	border-left: 1px solid #fecb65;

	vertical-align: top;

	display: inline-block;

	min-height: 200px;

}

	.update_box .article_box li {

		float: left;

		padding: 3px 0 15px 0;

		text-transform: uppercase;

		line-height: 14px;

	}

	.update_box .article_box li a {

		text-decoration: none;

		color: #939598;

	}

	.update_box .article_box li a:hover {

		color: #000;

	}



.feed_box h2, .update_box h2 {

	color: #fdba31;

	font-weight: bold;

	text-transform: uppercase;

	border-bottom: 1px solid #918f90;

	margin-bottom: 7px;

	padding-bottom: 7px;

}



/* FILMMAKER BIO TAGS

================================================*/

.author_box {

	width: 100%;

	border-bottom: 2px solid #C8C7C7;

	display: inline-block;

	margin-bottom: 10px;

	padding-bottom: 10px;

	clear: both;

}



	.author_box .image {

		float: left;

		width: 194px;

		padding-right: 10px;

	}

		.author_box .image img {

			width: 194px;

			height: 194px;

		}





		.author_box .image .quote {

			width: 190px;

			color: #d5a00f;

			font-family: Times New Roman, Times, serif;

			padding-top: 22px;

			line-height: 15px;

			font-weight: bold;

			font-size: 12px;

		}

			.author_box .quote .sig {

				display: block;

				font-style: italic;

				color: #000;

				text-align: right;

				font-weight: normal;

			}





	.author_box .profile {

		float: left;

		width: 530px;

		font-size: 12px;

	}

		.author_box .profile h3 {

			margin: 0;

			padding: 0;

		}

			.author_box .profile h3 a {

				font-size: 23px;

			}

		.author_box .profile .title {

			color: #aeb0b2;

			font-weight: normal;

			display: block;

			text-transform: uppercase;

			line-height: 21px;

		}

		.author_box .profile .email {

			display: block;

			line-height: 7px;

			font-size: 12px;

		}

			.author_box .profile .email a {

				text-decoration: none;

				color: #000;

			}

		.author_box .profile .phone {

			display: block;

		}

		.author_box .profile .bio {

			display: block;

		}

			.author_box .profile .bio p {

				margin: 12px 0;

				font-size: 12px;

				line-height: 16px;

			}





/* IMPACT PAGE TAGS

================================================*/

.impact_box {

	border-top: 1px solid #918f90;

	border-bottom: 1px solid #918f90;

	float: left;

	width: 100%;

    margin: 10px 0 10px 0;

    padding: 10px 0 0;

}

	.impact_box .row {

		height: 190px;

		clear: right;

	}

		.impact_box .row .image {

			float: left;

			height: 180px;

			padding-right: 16px;

		}

		.impact_box .row .quote {

			float: left;

			color: #D5A00F;

			font-family: Times New Roman,Times,serif;

			font-size: 12px;

			line-height: 15px;

			margin: 0 8px 0 0;

			padding: 0 8px 0 0;

			width: 162px;

			height: 180px;

		}

			.impact_box .row .quote .header {

				color: #808285;

				display: block;

				font-size: 24px;

				font-weight: bold;

				padding-bottom: 5px;

			}

			.impact_box .row .quote .sig {

				color: #000000;

				display: block;

				font-style: italic;

				font-weight: normal;

				padding-top: 5px;

			}

.state_box {

    border-bottom: 1px solid #918F90;

    border-top: 1px solid #918F90;

    float: left;

    margin: 10px 0 2px 0;

    padding: 10px 0 25px;

    width: 100%;

	font-size: 11px;

}

#states {

	display: none;

}

#state_links {

	width: 100%;

	clear: both;

	text-transform: uppercase;

	font-size: 11px;

	color: #ccc;
}

#state_links ul {

	margin: 0;

	padding-left: 15px;

	float: left;

	width: 136px;

	min-height: 150px;

}

#state_links ul.first {

	padding-left: 0;

}

#state_links ul li {

	line-height: 11px;

}

#state_links ul li a {

	color: #818285;

    text-decoration: none;

}

#state_links ul li a:hover {

	color: #000;

    font-weight: bold;

}

#state_links ul li a.sactive {

	color: #000;

	font-weight: bold;

}

#state_links div.backto {

	font-weight: bold;

	padding-bottom: 14px;

}

.left_content {

	float: left;

	width: 74%;

	background: url(media/images/icons/icon_comment.gif) no-repeat right top;

	min-height: 30px;

}

	.left_content div.comment {

		color: #929497;

		text-transform: uppercase;

	}

.right_content {

	float: right;

	padding-left: 1%;

    width: 22%;

	border-left: 1px solid #fecb65;

	min-height: 45px;

}

	.right_content a.button {

		-moz-transition: all 0.7s ease 0s;

		background-color: #FCB040;

		border-radius: 14px 14px 14px 14px;

		box-shadow: 6px 6px 5px #888888;

		color: #000000;

		display: block;

		font-size: 14px;

		font-weight: bold;

		padding: 8px 12px;

		text-align: center;

		text-decoration: none;

		text-transform: uppercase;

		width: 136px;

	}

	.right_content span.notes {

		text-transform: uppercase;

		display: block;

		padding-bottom: 10px;

	}

.no_comment {

	background: none;

}

.map_wrapper {

	position: relative;

	clear: both;

}

#tooltip {

	position: absolute;

	z-index: 3000;

	background: transparent;

	font-size: 14px;

	font-family: Helvetica;

	font-weight: bold;

	text-transform: uppercase;

}

#tooltip h3, #tooltip div { margin: 0; }

div.entry-content .left_content h2 {

	color: #fdba31;

}

div.entry-content .left_content p {

	 padding-bottom: 10px;

}

div.entry-content .left_content p a {

	 padding-bottom: 0;

}

div.entry-content .right_content label {

	width: 100%;

	text-transform: uppercase;

	font-weight: bold;

	color: #929497;

	padding: 0 5px 2px;

}

div.entry-content .right_content label span {

	color: #7f7f7f;

	font-weight: normal;

}

div.entry-content .right_content input,

div.entry-content .right_content textarea {

	width: 100%;

	border-left: 1px solid #dbdbdc;

	border-right: 1px solid #dbdbdc;

	border-top: 1px solid #b8b8b9;

	border-bottom: 1px solid #b8b8b9;

}

div.entry-content .right_content textarea {

	height: 90px;

}





/* GLOBAL TAGS

================================================*/

#photoid { display: none; }

#sidebox li a { font: bold 20px/1 Verdana, Geneva, sans-serif; text-transform: uppercase; background: transparent; }

ul.sidebox { width: 250px; margin: 0 auto; text-align: center; margin-top: 40px; }

ul.sidebox li { padding-top: 30px; background: none; }

ul.sidebox li { color: #000; }



.homebar { margin-bottom: 40px; color: #fff; width: 270px; }

.pagebar { margin-bottom: 40px; color: #000; width: 270px; }

.action p { margin: 0 0 0 0; font-size: 14px; line-height: 1.6}

#quotes div.first { display: block; !important }

.feature-white, .feature-black {

	width: 175px; 

	color: #FFFFFF;

	font-family: "Times New Roman",Times,serif;

	font-size: 14px;

	font-style: normal;

	display: none;

}

.feature-white { color: #fff }

.feature-black { color: #000 }

.feature-white em { float: right; }

.feature-black em { float: right; }



div.entry-content ul li { list-style-type: none; }

ul.states { width: 112px; min-height: 150px; list-style-type:none; float: left; clear: right; }

ul.states li { list-style-type: none; }

.clear { clear: both; }



.status_success { 

	color: #009900;

	text-align: right;

    	width: 100%;

    	font-size: 18px;

    	font-weight: bold;

}

.status_error {

	color: #FF0000;

	text-align: right;

    	width: 100%;

    	font-size: 18px;

    	font-weight: bold;

}