/*
Theme Name: 11th Hour Project
Theme URI: http://www.11thhourproject.com/
Description: 11th Hour Project Website Theme
Filename: stylesheet.css
Version: 1.0
Edit Date: July 9th, 2008
Editor: Ash Kiel {akiel [at] solutionset [dot] com}
*/

/*
Reference Section:
Global Parameters -- 22
Primary Containers -- 31
Secondary Containers -- 85
Content Containers -- 173
Presentation Styling (font, colors etc) -- 236
Helpers -- 714
List Styling -- 729
Image Styling -- 783
Link Styling -- 813
*/

body {
	margin: 0px;
	padding: 0px;
    background-color: #526364;
}


body * {
    font-family: Verdana, Georgia, sans-serif;
}

/*
------------------
Primary Containers
------------------
*/

.window {
    margin: 0 auto;
    padding: 15px 0px 60px 0px;
    width: 100%;
    height: 100%;
    background-color: #526364;
    color: #FFFFFF;
}

.newsletter_window {
    margin: 0 auto;
    padding: 0px 0px 39px 11px;
    background-color: #FFFFFF;
    color: #000000;
}

.container {
    margin: 0 auto;
    background-color: #FFFFFF;
    color: #000000;
    width: 1025px;
    min-width: 1025px;
    max-width: 1025px;
}

.header {
    margin: 0px 5px 0px 0px;
    padding: 0px;
}

.page {
    margin: 0px;
    padding: 0px;
}

.footer {
    margin: 0 auto;
    padding: 5px 0px 0px 0px;
    background-color: #526364;
    color: #90A4A3;
    width: 1025px;
    min-width: 800px;
    max-width: 1025px;
    text-align: right;
    font-size: 10px;
}

/*
------------------
Secondary Containers
------------------
*/

.header_navigation {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.page_header {
    margin: 0px 15px 0px 15px;
    padding: 0px;
}

.introtext {
	position: absolute;
	float: left;
	margin-top: 60px;
	margin-left: 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: 1px;
	width: 400px;
	color: #FFFFFF;
}
.introtext_res {
	position: absolute;
	float: left;
	margin-top: 160px;
	margin-left: 290px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: 1px;
	width: 400px;
	color: #FFFFFF;
}

.content {
    margin-left: 17px;
    padding: 0px;
}
.nomarg {
	margin: 0;
}

.index_panels {
	position: relative;
	margin-left: 7px;
	padding-top: 15px;
	border-top: solid 2px #f26822;
    width: 1010px;
}

.page_panels {
    margin: 0px;
    padding-bottom: 40px;
}

.panel {
    margin: 0 5px 0 0;
    padding: 0px;
    float: left;
    position: relative;
}

.panel.last {
	margin-right: 0;
}

.panel h3, .content_column h3 {
    margin: 0px;
    padding: 0px;
    clear: both;
}

.content_column {
    left: 20px;
    padding-right: 10px;
    width: 725px;
    min-width: 725px;
    max-width: 725px;
    border-right: 1px solid #F26721 !important;
    min-height: 500px;
	position: relative;
	float: left;
}

.content_container {
	position: relative; 
	float: left; 
    width: 720px;
    min-width: 720px;
    max-width: 720px;
}

.panels_column {
    margin: 0px;
    padding: 0px;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
	position: relative;
	float: right;
}

.left_content_column {
    margin-left: 15px;
    margin-right: 3px;
    float: left;
    width: 497px;
    min-width: 497px;
    max-width: 497px;
    border-right: 1px solid #F26721;
}

.right_content_column {
    margin-left: 5px;
    float: left;
    width: 485px;
    min-width: 485px;
    max-width: 485px;
}

/*
------------------
Content Containers
------------------
*/

.index_calendar {
	margin-top: 15px;
    padding: 0px;
    float: left;
    background: url("images/index_calendar.gif") no-repeat top left;
    width: 1000px;
	height: 427px !important;
	position: relative;
}

.index_about {
/*
    margin-bottom: 20px;
    padding: 0px;
    float: left;
    background: url("images/index_about.jpg") no-repeat top left;
    width: 350px !important;
    max-width: 350px;
    min-width: 350px;
    height: 410px !important;
    min-height: 410px;
    max-height: 410px;
	margin-top: 15px;
	*/
}

.calendar_flash {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -24px;
    left: 66px;	
}

.interaction_flash {
	width: 1025px;
	position: relative;
	top: 2px;
}

.interaction_flash p{
	text-align: center;
	font-weight: bold;
}

.index_pdf_link {
	height: 20px;
	width: 100px;
	display: block;
	position: relative;
	bottom: 0;
	right: 0;
}

.index_panel_more_link {
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
	left: 23.2em;
	width: 284px;
	height: 47px;
}
/* Flash replacement segment */
#flrepl {
	width: 1025px;
	background: #000;
	font-family: Arial, "Sans serif";
}
#flrepl #img {
	height: 214px;
	width: 325px;
	overflow: hidden;
	float: left;
}
#flrepl #right {
	height: 204px;
	padding: 10px 90px 0 15px;
	color: #fff;
	overflow-y: auto;
}
#flrepl #copy {
	margin: 0;
	font-size: 14px;
	line-height: 16px;
}
#flrepl #copy p {
	margin: 0;
	text-align: left;
}
#flrepl a {
	text-decoration: none;
	color: #f26822;
}
#flrepl h1, #flrepl h2, #flrepl h3 {
	color: #f26822;
	margin: 0;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 15px;
}
#flrepl h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 0px;
}
#flrepl h2 {
	font-size: 18px;
	margin-bottom: 10px;
}
/* Index Page Panel Boxes */

.panel_box {
    padding: 0;
	border-top: solid 1px #999;
    height: 300px;
    float: left;
	position: relative;
}

/* Pages (Resources) Panel Boxes */

.left_content_column .panel .page_box, .right_content_column .panel .page_box {
    margin-bottom: 10px;
    padding-top: 20px;
	height: 171px; 
    min-height: 171px;
    max-height: 171px;
    width: 483px;
    min-width: 483px;
    max-width: 483px;
    clear: both;
}

/* Pages (Who we are) Panel Boxes */

.panels_column_box {
    margin: 0px;
    padding: 20px 0px 40px 0px;
    border-bottom: 1px dashed #A1A0A0;
    clear: both;
}

/*
------------------
Presentation Styling
------------------
*/

/* Index Page Panels */

.panel .index_about {
    background: url("images/index_panel_about_bg.gif") no-repeat top left;
    color: #FFFFFF;
	width: 325px;
	height: 280px;
}

.index_events {
    width: 324px;
	height: 245px;
	background-color: #fff;
	color: #222;
}

.index_news {
    width: 333 px;
	height: 245px;
    min-width: 351px;
    max-width: 351px;
    background: #FFFFFF url("images/index_panel_news_bg.gif") no-repeat left 15px;
}
.index_news_grist_badge {
	width: 42px;
	height: 26px;
	position: absolute;
	top: -2px;
	right: 0;
}

.index_spacer {
    width: 12px;
	height: 2px;
    background: #FFFFFF;
}

/* Resources Page Boxes */

.resources_organizations {
    background: url("images/resources_panel_organizations_bg.jpg") no-repeat top left;
    color: #FFFFFF;
    position: relative;
}

.resources_people {
    background: url("images/resources_panel_people_bg.jpg") no-repeat top left;
    color: #FFFFFF;
    position: relative;
}

.resources_literature {
    background: url("images/resources_panel_literature_bg.jpg") no-repeat top left;
    color: #FFFFFF;
    position: relative;
}

.resources_solutions {
    background: url("images/resources_panel_solutions_bg.jpg") no-repeat top left;
    color: #FFFFFF;
    position: relative;
}

/* Page Specific Items */

/* Index Page Panel Box Items */

.index_panels .panel h3 {
    padding-bottom: 5px;
	text-indent: -999em;
	display: block;
	margin-left: 10px;
}

h3.panel_header_about {
    background: url("images/index_panel_about_header.gif") no-repeat top left;
	height: 21px;
	width: 72px;
	margin-left: 13px !important;
}

h3.panel_header_events {
    background: url("images/index_panel_events_header.gif") no-repeat top left;
	height: 21px;
	width: 53px;
}

h3.panel_header_news {
    background: url("images/index_panel_news_header.gif") no-repeat top left;
	height: 21px;
	width: 175px;
	margin-left: 15px;
}

.event {
    margin: 0px;
    padding: 10px;
    clear: both;
    font-size: 8pt;
    letter-spacing: normal;
    color: #222;
    border-bottom: 1px dashed #999;
}

.event.last {
	border-bottom: none 0;
}

.news_item {
    margin: 0 10px 0 0;
    padding: 10px 15px 6px 15px;
    clear: both;
    font-size: 8pt;
    letter-spacing: normal;
    border-top: 1px dashed #999;
}

div h4 a.rss_link {
	color: #6699CC;
}

/*div h4 a.rss_link:hover {
	color: #F26721;
	text-decoration: underline;
}*/

.event h4, .news_item h4, .news_item h4 a, .event h4 a {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    line-height: 16px;
    font-size: 8pt;
	color: #f26722;
}

.event_date_place {
    font-weight: bold;
    line-height: 16px;
}

div.event_description {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    line-height: 14px;
    background-color: #fff;
    color: #222;
}

div.news_summary {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    line-height: 14px;
    background-color: transparent;
    color: #222;
}

.panel_first_item {
    border-top: none 0;
}

.more_about {
	top: 250px;
	right: 20px;
}
.more_events {
	top: 250px;
	right: 20px;
}
.panel_more_link a {
    background: transparent url("images/pointer_events.png") no-repeat 0 50%;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='images/pointer_events.png');
	padding-left: 15px;
}

.more_news {
	top: 250px;
	right: 20px;
}

/* Hack to accommodate for the
map extending outside of the orange box */

.news_hack {
	width: 97px;
}

/* Resources Page Items */

h3.panel_header_organizations {
    background: url("images/resources_panel_header_organizations.jpg") no-repeat top left;
}

h3.panel_header_people {
    background: url("images/resources_panel_header_people.jpg") no-repeat top left;
}

h3.panel_header_literature {
    background: url("images/resources_panel_header_literature.jpg") no-repeat top left;
}

h3.panel_header_solutions {
    background: url("images/resources_panel_header_solutions.jpg") no-repeat top left;
}

.page_box h5 {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    font-weight: normal;
    font-size: 11px;
    font-family: Georgia;
    background-color: transparent;
    color: #FFFFFF;
}

.page_box h4 {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    font-weight: bold;
    font-size: 16px;
    font-family: Georgia;
    background-color: transparent;
    color: #FFFFFF;
}

div.resources_panel_description {
    margin: 10px 0px 0px 15px;
    padding: 0px;
    width: 225px;
    min-width: 225px;
    max-width: 225px;
    font-weight: normal;
    line-height: 14px;
    font-size: 11px;
    background-color: transparent;
    color: #000000;
}

.resources_learn_more_link {
    margin: 10px 0px 0px 15px;
    padding: 0px 20px 0px 0px;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.resources_panel_more_link {
    margin: 0px;
    padding: 0px 0px 3px 18px;
    position: absolute;
    bottom: 22px;
    right: 5px;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    color: #FFFFFF;
}

.more_organizations {
    background: url("images/resources_organizations_more_pointer.jpg") no-repeat top left;
}

.more_people {
    background: url("images/resources_people_more_pointer.jpg") no-repeat top left;
}

.more_literature {
    background: url("images/resources_literature_more_pointer.jpg") no-repeat top left;
}

.more_solutions {
    background: url("images/resources_solutions_more_pointer.jpg") no-repeat top left;
}

/* Page Content Headers */

h3.panel_header_founder {
    background: url("images/whoweare_column_panel_header_founder.jpg") no-repeat top left;
}

h3.panel_header_president {
    background: url("images/whoweare_column_panel_header_president.jpg") no-repeat top left;
}

h3.panel_header_director {
    background: url("images/whoweare_column_panel_header_director.jpg") no-repeat top left;
}

h3.panel_header_manager {
    background: url("images/whoweare_column_panel_header_manager.jpg") no-repeat top left;
}

h3.panel_header_wwa {
    
    color: #666667;
    font-family: Verdana;
    font-size: 15px;
	font-weight: normal;
	padding: 0 0 2px 8px;
	text-transform: lowercase;
}

h3.events_header_upcoming {
    background: url("images/events_header_upcoming.jpg") no-repeat top left;
}

h3.events_header_past {
    background: url("images/events_header_past.jpg") no-repeat top left;
}

h3.news_header_climate {
    background: url("images/news_header_climate.jpg") no-repeat top left;
}

h3.news_header_energy {
    background: url("images/news_header_energy.jpg") no-repeat top left;
}

h3.news_header_public {
    background: url("images/news_header_public.jpg") no-repeat top left;
}

h3.news_header_sustainability {
    background: url("images/news_header_sustainability.jpg") no-repeat top left;
}

h3.archives_header_events {
    background: url("images/archives_header_events.jpg") no-repeat top left;
}

h3.archives_header_solutions {
    background: url("images/archives_header_solutions.jpg") no-repeat top left;
}

h3.archives_header_people {
    background: url("images/archives_header_people.jpg") no-repeat top left;
}

h3.archives_header_literature {
    background: url("images/archives_header_literature.jpg") no-repeat top left;
}

h3.archives_header_literature_film {
    background: url("images/resources_panel_header_literature.jpg") no-repeat top left;
}

h3.archives_header_film {
    background: url("images/archives_header_film.jpg") no-repeat top left;
	margin-bottom: 20px;
	height: 20px;
}

h3.archives_header_organizations {
    background: url("images/archives_header_organizations.jpg") no-repeat top left;
}

/* Common Tags */

.panel_more_link {
    margin: 0px;
    padding: 0px 0px 3px 18px;
    position: absolute;
    font-size: 8pt;
    font-weight: bold;
    background-color: transparent;
    color: #FFFFFF;
}

.panel_item_more_link {
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
    font-weight: bold;
    background-color: transparent;
    color: #f26722;
}

.panels_column_box h4, .content_column h4, h4.page_box_title {
    margin: 0px;
    padding: 0px;
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #6699CC;
}

h4.page_box_title {
    margin: 0px 0px 5px 7px;
}

.content_column h4 {
    margin: 0px 0px 4px 6px;
}

.content_column h5 {
    margin: 10px 0px 3px 6px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #666667;
}


.content_column p.content_paragraph, span.content_paragraph {
    margin: 0px 0px 20px 7px;
    padding-bottom: 25px;
    color: #666667;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-weight: 500;
    font-size: 11px;
    text-align: justify !important;
    line-height: 14px;
    border-bottom: 1px dashed #A1A0A0;
}

.left_content_column p.content_paragraph, .right_content_column p.content_paragraph {
    margin: 0px 0px 20px 7px;
    padding-bottom: 25px;
    color: #666667;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-weight: 500;
    font-size: 11px;
    text-align: justify;
    line-height: 14px;
    border-bottom: 1px dashed #A1A0A0;
    width: 481px;
    min-width: 481px;
    max-width: 481px;
    clear: both;
}

.panels_column_box p {
    margin: 0px;
    padding-right: 10px;
    color: #666667;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
}

.no_border {
    border: none !important;
}
.no_margin {
    margin: 0px !important;
    padding: 0px !important;
}
.just_border {
    border-bottom: 1px dashed #A1A0A0;
    margin: 0px 0px 25px 0px;
    padding: 0px;
	width: 718px !important;
    min-width: 718px !important;
    max-width: 718px !important;
}


table td {
    font-family: Verdana;
    font-weight: 500;
    font-size: 11px;
    color: #666667;
	padding-bottom: 2px;
    border-bottom: 1px dashed #A1A0A0;
	text-align: left;
	
	}
/* Newsletter Window Items */

.newsletter_window_content {
    margin: 0px;
    padding: 15px;
    background-color: #E76534;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    width: 442px;
    min-width: 442px;
    max-width: 442px;
}

.newsletter_window_content .register_text {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    float: left;
}

.newsletter_window_content .register_text div {
    margin: 0px;
    padding: 0px;
    float: right;
}

.newsletter_window_content input {
    margin: 0px;
    padding-left: 50px;
}

.newsletter_window p {
    margin: 0px;
    padding: 5px 5px 5px 0px;
    background-color: #EAEAE4;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
    width: 467px;
    min-width: 467px;
    max-width: 467px;
}

.align_right {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.color_font {
    margin: 0px;
    padding: 0px;
    background-color: #EAEAE4;
    color: #E76534;
}

.newsletter_window p input {
    margin: 0px 20px 0px 30px;
    padding: 0px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    width: 240px;
    border-left: 1px solid #FFFFFF;
}

form {
    margin: 0px;
    padding: 0px;
}

/*
------------------
Helpers
------------------
*/

.clearer {
    margin: 0px;
    padding: 0px;
    clear: both;
    display: block;
    visibility: hidden;
    line-height: 0em;
}

/*
------------------
List Styling
------------------
*/

ul.meta_navigation {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.meta_navigation li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

ul.site_navigation {
    margin-top: 20px;
    padding: 0px;
    list-style: none;
}

ul.site_navigation li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

ul.sub_navigation {
    margin: -12px 15px 0px 0px;
    padding: 0px;
    list-style: none;
}

ul.sub_navigation li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

ul.sub_navigation li a:link {
    margin: 0px;
    padding: 0px;
}

ul.sub_navigation li img {
    margin: 0px;
    padding: 0px;
}

ul.sub_navigation li a:link img {
    margin: 0px;
    padding: 0px;
}

ul.footer_navigation {
    margin: 0px;
    list-style: none;
}

ul.footer_navigation li {
    margin: 0px;
    display: inline;
}

/*
------------------
Image Styling
------------------
*/

img {
    margin: 0px;
    padding: 0px;
}

a img {
    margin: 0px;
    padding: 0px;
    border: none;
}

.header_logo {
    margin: 10px 0 0 10px;
    padding: 0px;
	height: 84px;
	width: 199px;
	position: absolute;
}

.header_logo a {
	outline: none;
}

.page_header img {
    margin: 0px;
    padding-bottom: 15px;
    float: left;
    display: block;
}

/*
------------------
Link Styling
------------------
*/

a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

ul.meta_navigation li a {
    cursor: pointer;
}

.page_header a img {
    padding-left: 5px;
}

.panel_more_link a:link, .resources_panel_more_link a:link {
    text-decoration: none;
    background-color: transparent;
    color: #f26722;
}

.panel_more_link a:visited, .resources_panel_more_link a:visited {
    text-decoration: none;
    background-color: transparent;
    color: #f26722;
}

.panel_more_link a:hover, .resources_panel_more_link a:hover {
    background: transparent url("images/pointer_events.gif") 0 50% no-repeat;
    text-decoration: underline;
}

a.panel_item_more_link:link {
    text-decoration: none;
}

a.panel_item_more_link:visited {
    text-decoration: none;
}

a.panel_item_more_link:hover {
	text-decoration: underline;
}

.resources_learn_more_link a {
    padding-right: 20px;
    background: url("images/resources_panel_more_pointer.jpg") no-repeat top right;
    color: #FFFFFF;
}

.resources_learn_more_link a:link {
    text-decoration: none;
    color: #FFFFFF;
}

.resources_learn_more_link a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

.resources_learn_more_link a:hover {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.panels_column_box p a:link, .page p a:link, .page span a:link   {
    text-decoration: none;
    color: #F26721;
}

.panels_column_box p a:visited, .page p a:visited, .page span a:visited   {
    text-decoration: none;
    color: #F26721;
}

.panels_column_box p a:hover, .page p a:hover, .page span a:hover   {
    border-bottom: 1px solid #F26721;
    color: #F26721;
}

.footer_navigation a:link {
    text-decoration: none;
    background-color: #526364;
    color: #90A4A3;
}

.footer_navigation a:visited {
    text-decoration: none;
    background-color: #526364;
    color: #90A4A3;
}

.footer_navigation a:hover {
	text-decoration: underline;
    background-color: #526364;
    color: #90A4A3;
}
/* Clearfix (http://www.positioniseverything.net/easyclearing.html)
---------------------------------------------*/
.clearfix:after { /* All except IE */
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix { /* IE Mac */
	display: inline-block;
}

/* Hides from IE Mac, for IE Win \*/
* html .clearfix {
	height: 1%;
}

.clearfix, {
	display: block;
}

/* End hide from IE Mac */