/*
Theme Name: Whoop!
Theme URI: http://thearansasproject.org/
Description: Custom theme built on the smoldering ashes of the Wordpress Default Theme.
Version: 1.6
Author: Todd Serpa
Author URI: http://hellomilkshake.com/
Tags: widgets

*/


/* --------------- TYPEKIT DECLARATION ------------------- */

#primary h1, #secondary h1,
#single_comment h3, p.question_head,
#page_nav li { font-family: "proxima-nova-condensed", sans-serif; font-weight: 600; }


/* --------------- STRUCTURE ------------------- */

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

.no_screen { display: none; }

body {
	font-family: "Arial", sans-serif;
	background: #d9d9d9;
}

hr {
	margin-bottom: 18px;
	display: block;
	clear: both;
	border: solid #EBF7FC;
	border-width: 1px 0 0;
}

.big_bg {
	position: absolute;
	top: -12%;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}

#page { position: relative; z-index: 4; width: 100%; }

#header_wrap { background: #fff; }

	#header {
		margin: 0 auto;
		padding: 0px;
		position: relative;
		width: 926px;
		height: 112px;
		overflow: hidden;
	}
	
	#logo, #logo a {
		margin: 10px 0;
		padding: 0px;
		float: left;
		width: 141px;
		height: 92px;
		background: #eee;
	}
	
	#logo a {
		margin: 0;
		display: block;
		float: none;
		background: url("/wp-content/themes/whoop/images/logo.gif") no-repeat 0 0;
	}
	
	#tagline {
		margin: 68px 0 0 29px;
		padding-top: 92px;
		float: left;
		width: 182px;
		height: 0px;
		background: url("/wp-content/themes/whoop/images/tagline.gif") no-repeat 0 0;
	}
	
	#utility_nav {
		position: absolute;
		right: 0px;
		top: 10px;
		width: 620px;
		height: 28px;
		overflow: hidden;
	}
	
	#global_nav {
		position: absolute;
		right: 0px;
		top: 76px;
		width: 523px;
		height: 25px;
		overflow: hidden;
		background: #eee;
	}
	
#band {
	padding: 27px 0;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 331px;
	border: solid #0588c0;
	border-width: 5px 0;
	background: url("/wp-content/themes/whoop/images/home_banner.jpg") no-repeat 50% 0;
	overflow: hidden;
}

#band img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

	#band_box {
		margin: 0 auto;
		padding: 6px;
		width: 914px;
		height: 318px;
		background: #fff;
		overflow: hidden;
	}
	
	#band_copy {
		margin-right: 6px;
		padding-top: 319px;
		width: 337px;
		height: 0px;
		background: #0588c0 url("/wp-content/themes/whoop/images/home_intro.gif") no-repeat 0 0;
		float: left; 
		overflow: hidden;
	}

	#band_video {
		width: 571px;
		height: 318px;
		float: right; 
	}

#sub_band { /* for use on pages */
	width: 100%;
	height: 182px;
	border: solid #0588c0;
	border-width: 5px 0;
}

#micro_band { /* for use in updates section */
	width: 100%;
	height: 1px;
	border: solid #0588c0;
	border-width: 0 0 5px 0;
}

#content_wrap { background: #ffffff; padding-bottom: 36px; }

#content {
	margin: 0 auto;
	padding: 0px 6px;
	position: relative;
	width: 914px;
	overflow: hidden;
	background: #fff;/* url("/wp-content/themes/whoop/images/content_bg.gif") repeat-y 0 0;*/
}

.home #content { background: #fff; }

	#primary {
		padding-bottom: 20px;
		width: 630px;
		overflow: hidden;
		float: left;
		background: #ebf7fc url("/wp-content/themes/whoop/images/primary_bg.gif") no-repeat 0 100%;
	}
	
	#secondary {
		padding-bottom: 12px;
		width: 259px;
		overflow: hidden;
		float: right;
		background: #d9d9d9 url("/wp-content/themes/whoop/images/secondary_bg.gif") no-repeat 0 100%;
	}
	
	.home #secondary { padding-bottom: 0; background: #fff; }
	

#footer {
	margin: 0 auto;
	padding: 12px 0 48px 0;
	position: relative;
	width: 926px;
	overflow: hidden;
}

	#follow { margin-left: 20px; width: 175px; float: left; overflow: hidden; }

	#utility_block { float: right; }

/* --------------- END STRUCTURE ------------------- */

/* --------------- GENERAL LINKS ------------------- */

a { outline: none; text-decoration: none; }

a, h2 a:hover, h3 a:hover {
	color: #0588c0; /* light blue */
}

h1, h2, h3, h2 a, h3 a, h4, h5 { color: #005581; } /* dark blue */

a:hover {
	text-decoration: underline;	
}

a.more_link { font-size: 10px; }

/* --------------- END GENERAL LINKS ------------------- */

/* --------------- GLOBAL NAV ------------------- */

#global_nav ul {
	position: absolute;
	top: 0;
	left: 0px;
	width: 523px;
	height: 25px;
	background: #ccc;
}

#global_nav li {
	display: block;
	float: left;
}

#global_nav a {
	padding-top: 25px;
	position: absolute;
	top: 0px;
	display: block;
	height: 0px;
	background-image: url("/wp-content/themes/whoop/images/global_nav.gif");
	background-repeat: no-repeat;
}

#global_nav a#about { /* about section */
	left: 0px;
	width: 104px;
	background-position: 0 0;
}

#global_nav a#about:hover,
#global_nav li.active a#about {
	left: 0px;
	width: 104px;
	background-position: 0 -25px;
}

/* situation section */
#global_nav a#situation { 
	left: 104px;
	width: 139px;
	background-position: -104px 0;
}

#global_nav a#situation:hover,
#global_nav li.active a#situation {
	left: 104px;
	width: 139px;
	background-position: -104px -25px;
}

/* updates section */
#global_nav a#updates { 
	left: 242px;
	width: 128px;
	background-position: -242px 0;
}

#global_nav a#updates:hover,
#global_nav li.active a#updates {
	left: 242px;
	width: 128px;
	background-position: -242px -25px;
}

/* get involved section */
#global_nav a#get-involved { 
	left: 370px;
	width: 155px;
	background-position: -370px 0;
}

#global_nav a#get-involved:hover,
#global_nav li.active a#get-involved {
	left: 370px;
	width: 155px;
	background-position: -370px -25px;
}

/* --------------- END GLOBAL NAV ------------------- */

/* --------------- PAGE NAV ------------------- */

#page_nav {
	margin-bottom: 20px;
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #7dc9ea;
	background: #ceebf7;
}

#page_nav ul {
	display: block;
	position: relative;
	top: 1px;
	overflow: hidden;
}

* html #page_nav ul { height: 1%; }

#page_nav ul li {
	display: block;
	float: left;
}

#page_nav ul li.current_page_item {
	border-right: 1px dotted #7dc9ea;
	border-bottom: 1px solid #ebf7fc;
	border-left: 1px dotted #7dc9ea;
	background: #ebf7fc;
}

#page_nav a {
	padding: 13px 13px 10px 13px;
	display: block;
	float: left;
	font-size: 14px;
	color: #626262;
	font-weight: bold;
	text-align: center;
}

#page_nav li.current_page_item a { color: #0588c0; }

#page_nav a:hover { background: #ebf7fc; text-decoration: none; }

/* --------------- END PAGE NAV ------------------- */

/* --------------- HOME QUESTIONS ------------------- */

#home_question {
	padding-top: 14px;
	background: #d9d9d9 url("/wp-content/themes/whoop/images/home_question_top_bg.gif") no-repeat 0 0;
}

#home_question span.q {
	margin-bottom: 0px;
	padding: 0px 18px;
	font-weight: bold;
	display: block;
}

#home_question p.question_head { margin-bottom: 18px; font-size: 20px; color: #005581; line-height: 1.2em; }
#home_question p { margin-bottom: 0px; font-weight: normal; font-size: 11px; }


.questionlist {
	padding: 10px 18px;
	list-style-type: none;
	border: dotted #b3b3b3;
	border-width: 1px 0px;
	background: #d9d9d9 url("/wp-content/themes/whoop/images/sidebar_bg.gif") repeat 0 0;
}

.page .questionlist p {
	color: #005581;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 2px;
}

.questionlist li { padding: 8px 0; }

#home_question_links {
	padding: 4px 14px 14px;
	background: #d9d9d9 url("/wp-content/themes/whoop/images/home_question_bot_bg.gif") no-repeat 0 100%;
	overflow: hidden;
}

.home_question_button {
	margin-right: 14px;
	padding-top: 28px;
	display: block;
	width: 65px;
	height: 0px;
	float: left;
	background: #f5f5f5 url("/wp-content/themes/whoop/images/home_question_button.gif") repeat 0 0;
	overflow: hidden;
}

.home_question_button:hover { background-position: 0 -28px; }

#home_question_links p {
	padding-top: 5px;
	font-size: 10px;
	color: #626262;
}

#updates h1 {
	padding: 12px 20px;
	font-size: 26px;
	color: #005581;
}

#join_us a {
	margin: 25px 0;
	padding-top: 122px;
	display: block;
	width: 259px;
	height: 0px;
	background: url("/wp-content/themes/whoop/images/home_join.gif") repeat 0 0;
	overflow: hidden;
}

#join_us a:hover { background-position: 0 -122px; }

#send_photos { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px dotted #b9b9b9; }

#send_photos a {
	margin: 24px 0 0 0;
	padding-top: 94px;
	display: block;
	width: 259px;
	height: 0px;
	background: url("/wp-content/themes/whoop/images/home_photos.gif") repeat 0 0;
	overflow: hidden;
}

#send_photos a:hover { background-position: 0 -94px; }

/* --------------- END HOME QUESTIONS ------------------- */

/* --------------- POSTS ------------------- */

#update_hdr { margin: 6px 0 7px 20px; font-size: 30px; color: #005581; }

p, table { font-size: 12px; line-height: 1.4em; color: #626262; }

.post, #updates .post {
	padding: 26px 20px 2px 20px;
	position: relative;
	border-top: 1px dotted #7dc9ea;
	background:  url("/wp-content/themes/whoop/images/post_list_bg.gif") repeat-x 0 0;
	overflow: hidden;
}

#update_list .post { padding-bottom: 20px; }

#rp .post {
	border-bottom: 1px dotted #b3b3b3;
	background: #f5f5f5 url("/wp-content/themes/whoop/images/rp_list_bg.gif") repeat-x 0 0;
	overflow: auto;
}

#rp .no_flag { padding: 18px 20px 14px 20px; }

#rp .flag { padding: 26px 20px 14px 20px; }

.page .post { padding-top: 0px; border-width: 0; background: #ebf7fc; }

.single .post { padding-bottom: 0; border-width: 0;  }

.single .post p, .page p { margin-bottom: 18px; font-size: 13px; line-height: 1.5em; }

.page #rp .post p, .page #rc p { margin-bottom: 0px; font-size: 11px; line-height: 1.3em; }

.page #rc p { clear: both; }

.single .post blockquote {
	margin-bottom: 18px;
	padding: 16px;
	border: solid #B3B3B3;
	border-width: 0 0 0 6px;
	background: #e8e8e8;
}

	.single .post blockquote p { margin-bottom: 0px; }

.post .source_flag {
	padding: 6px 4px;
	position: absolute;
	top: -1px;
	right: 0;
	width: 100%;
	height: 10px;
	background: url("/wp-content/themes/whoop/images/source_flag_bg.png") no-repeat 100% 0;
}

#rp .post .source_flag { top: -2px; }

* html .post .source_flag {	background-image: url("/wp-content/themes/whoop/images/source_flag_bg.gif"); }

.post .source_flag p, #rp .post .source_flag p { font-size: 9px; font-weight: bold; color: #005581; text-align: right; text-transform: uppercase; }

.entry { overflow: hidden; }

.home .entry { margin-bottom: 0px; }

.normalimage .entry { margin-left: 130px; }

.featuredimage .entry { margin-left: 240px; width: 323px; }

.post h1 { font-size: 26px; margin-bottom: 6px; }

.post h2, #media_pg h2 { font-size: 16px; margin-bottom: 6px; }

.post h2.article_hdr { font-size: 20px; }

#rp .post h2, #rc h2 { font-size: 13px; margin-bottom: 3px; }

.entry h3 { margin-bottom: 9px; font-size: 14px; }

.post small, .commentlist small, .questionlist small, #rc small, #media_pg small { margin-bottom: 6px; display: block; font-size: 11px; color: #6699b4; }

#media_pg small { margin-bottom: 0px; }

#media_pg #audio small { display: inline; }

#rp .post small { margin-bottom: 3px; }

.post small span { font-weight: bold; text-transform: uppercase; }

.commentlist small cite span, .questionlist small cite span { font-style: italic; }

.commentlist small { font-weight: bold; }
.commentlist small cite span, .questionlist small cite span { color: #626262; font-size: 10px; }
cite { font-style: normal; font-weight: normal; font-size: 12px; }
.commentlist p { margin-bottom: 8px; }

.list_image {
	margin-right: 12px;
	padding: 0 3px 4px 0;
	display: block;
	float: left;
}

* html .post { height: 1%;}

.list_image img { border-width: 0px; }

.list_comment_count {
	padding-left: 20px;
	width: 108px;
	height: 13px;
	background: url("/wp-content/themes/whoop/images/comment_icon.gif") no-repeat 0 0;
	font-style: italic;
}

.single .list_comment_count { float: none; margin: 8px 0 12px 0; }

.list_comment_count, .list_meta,
.featured .list_comment_count, .featured .list_meta,
.featuredimage .list_comment_count, .featuredimage .list_meta { margin-top: 16px; padding-top: 1px; float: left; font-size: 10px; line-height: 1em; color: #6699b4; }

.single .post p.list_comment_count, .page .post p.list_comment_count { font-size: 10px; }

/* featured text styles */

.featured h2, .featuredimage h2 { font-size: 18px; }

.featured p, .featuredimage p { font-size: 13px; }

/* post meta stuff */

.postmetadata {
	padding: 10px 20px;
	border-top: 1px dotted #7dc9ea;
}

.postmetadata p { font-size: 10px; }

.single .post img, .page .post img {
	border-width: 0;
}

.single .post a img, .page .post a img { border-width: 1px; }

.post ul, .row ul {
	margin: 0px 20px 9px 20px;
	font-size: 13px;
	line-height: 1.5em;
	color: #626262;
}

.row ul { margin-bottom: 20px; }

.post li {
	padding: 0 0 9px 0;
}

/* --------------- END POSTS ------------------- */

/* --------------- POST NAVIGATION ------------------- */

.navigation {
	padding: 12px 18px;
	border-top: 1px dotted #7dc9ea;
	overflow: hidden;
}

.home .navigation { padding-bottom: 0px; }

#secondary .navigation { padding-bottom: 0; border-width: 0px; }

.single .navigation { margin-top: -1px; }

#single_comment .navigation { border-bottom: 1px dotted #7dc9ea; }

#update_list .navigation { padding-bottom: 0px; }

* html .navigation { height: 1%; }

.navigation a { font-size: 11px; }

.alignleft { float: left; }
.alignright { float: right; }

/* --------------- END POST NAVIGATION ------------------- */

/* --------------- BLOG SIDEBAR NAVIGATION ------------------- */

#cat_list, #tag_list, #archive_list,
#rp, #rc {
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #b3b3b3;
	background: #f5f5f5 url("/wp-content/themes/whoop/images/sidebar_bg.gif") repeat 0 0;
}

#rc ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	color: #626262;
}

#rc ul li { padding-bottom: 8px; }

#rp { padding-bottom: 0; border-width: 0; background: #d9d9d9; }

#archive_list, .rc_pad { margin-bottom: 12px; }

#cat_list h1, #tag_list h1, #archive_list h1,
#rp h1, #rc h1 {
	margin-bottom: 20px;
	padding: 14px 18px 7px 18px;
	font-size: 16px;
	color: #666666;
	border-bottom: 1px dotted #b3b3b3;
	background: #d9d9d9;
}

#cat_list h1 { padding-top: 23px; }

#rp h1 { margin-bottom: 0px; }

#tag_list p { padding: 0 18px; }

/* use blog_structure for cat and archive links */
.blog_structure {
	margin: -6px 18px 0 18px;
	padding: 0;
	list-style-type: none;
}

.blog_structure li { padding: 6px 0; color: #005581; font-size: 11px; }

.blog_structure li.current-cat { font-weight: bold; }

.blog_structure li a { font-size: 12px; }

/* --------------- END BLOG SIDEBAR NAVIGATION ------------------- */

/* --------------- SIDEBAR NAVIGATION ------------------- */

#secondary ul {
}

#sidebar ul li {
	padding: 4px 0;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul ul, #sidebar ul ol { /* hide inactive subs */
	margin: 0 0 0 8px;
}

#sidebar li.current_page_parent ul,
#sidebar li.current_page_item ul { /* show inactive subs */
	display: block;
}

#sidebar li.current_page_parent { border: 1px solid #fff; }

li.current_page_parent a,
li.current_page_item a {  /*current page parent and item styles, top level */
	font-weight: bold;
}

li.current_page_parent li a,
li.current_page_item li a { /* current page parent subs, inactive */
	background: transparent;
	font-style: italic;
}

li.current_page_parent li.current_page_item a { /* current page parent sub, active */
	background: #ffa;
	font-style: italic;
}

/* --------------- END SIDEBAR NAVIGATION ------------------- */

/* --------------- SEARCHFORM ------------------- */

#utility_nav p { margin: 6px 134px 0 0; font-size: 10px; color: #666; text-align: right; }

#searchform {
	margin-left: 8px;
	display: block;
	float: right;
	width: 127px; /*127*/
	height: 28px;/*28*/
	background: url("/wp-content/themes/whoop/images/search_bg.gif") no-repeat 0 0;
}

#searchform label { display: none; }

#searchform #s {
	margin: 4px 0 5px 5px;
	float: left;
	width: 90px;
	height: 18px;
	border-width: 0px;
}

.hint { color: #666; }

#searchsubmit {
	margin: 5px 5px 5px 0;
	padding-top: 18px;
	display: block;
	float: right;
	width: 20px;
	height: 0px;
	background: url("/wp-content/themes/whoop/images/search_btn.gif") no-repeat 0 0;
	border-width: 0;
	cursor: pointer;
	overflow: hidden;
}

* html #searchsubmit { height: 18px; margin-right: 2px; }
*:first-child+html #searchsubmit { height: 18px; }

/* --------------- END SEARCHFORM ------------------- */

/* --------------- COMMENT FORM ------------------- */

.basicform {
	margin: 20px 20px 0 20px;
	padding: 0px;
	display: block;
	overflow: hidden;
}

.basicform label {
	display: block;
	margin: 2px 0px 8px 170px;
	padding-top: 6px;
	height: 20px;
	color: #626262;
	font-size: 11px;
}

.basicform h6 { color: #626262; margin-bottom: 8px; font-weight: normal; }

.basicform label small, .basicform h6 small { display: inline; color: #6699b4; font-weight: bold; font-size: 14px; }

#commentform label small { font-size: 11px; font-weight: normal; }

.basicform label span { padding-left: 16px; color: red; }

.basicform #author, .basicform #email, .basicform #firstName,
.basicform #lastName, .basicform #zip, .basicform #submit,
.basicform #home_email {
	padding: 7px 5px;
	display: block;
	float: left;
	clear: right;
	width: 149px;
	height: 14px;
	float: left;
	background: url("/wp-content/themes/whoop/images/comment_input_bg.gif") no-repeat 0 0;
	border-width: 0;
}

.basicform .checker { background: transparent; padding: 0px; width: auto; }

.basicform #comment_post_ID,
.basicform #comment_parent, 
.basicform #_wp_unfiltered_html_comment { display: none; }

.basicform textarea {
	padding: 7px 5px;
	width: 336px;
	height: 108px;
	border-width: 0;
	background: url("/wp-content/themes/whoop/images/comment_text_bg.gif") no-repeat 0 0;
	overflow-x: auto;
}

.basicform #submit {
	margin-top: 12px;
	padding: 28px 0 0 0;
	width: 124px;
	height: 0px;
	float: none;
	background: url("/wp-content/themes/whoop/images/comment_btn_bg.gif") no-repeat 0 0;
	cursor: pointer;
}

* html .basicform #submit { height: 28px; }
*:first-child+html .basicform #submit { height: 28px; margin-left: 0px; }

/* -- mods for join us form -- */

#join_us_form { margin: 0; }

#join_us_form label { padding: 3px 0; }

#join_us_form .checkbox { margin: 2px 247px 8px 20px; padding-top: 2px; height: auto; }

#join_us_form .checker { width: auto; float: left }

#join_us_form .textarea { margin: 8px 0 2px 0px; }

#join_us_form textarea { float: none; margin-bottom: 8px; }

#join_us_form #submit { background: url("/wp-content/themes/whoop/images/join_btn_bg.gif") no-repeat 0 0; }

#join_us_form #submit:hover { background-position: 0px -28px; }

#home_join { margin-top: 0px; }

* html #home_join { margin-top: 8px; }

#home_join #home_email {
	width: 142px;
	background: url("/wp-content/themes/whoop/images/home_input_bg.gif") no-repeat 0 0;
}

#home_join #submit {
	margin-top: -1px;
	float: right;
	width: 65px;
 	background: url("/wp-content/themes/whoop/images/signup_btn.gif") no-repeat 0 0;
 }

#home_join #submit:hover { background-position: 0px -28px; }

img#signup { display: block; margin: 10px auto; }

#formresponse h4 { font-size: 14px; }

#error { margin-top: 10px; font-size: 12px; color: red; text-align: center; clear: both; }

#error span { margin-bottom: 8px; }

/* IE7 input margin bug : http://www.positioniseverything.net/explorer/inherited_margin.html  commentform */
*:first-child+html #commentform input,
*:first-child+html #commentform textarea,
*:first-child+html #commentform #submit,
*:first-child+html #home_join input,
*:first-child+html #home_join textarea,
*:first-child+html #join_us_form #submit { margin-left: -20px; }
*:first-child+html .basicform .checker { margin-left: 0px; }

/* --------------- END COMMENT FORM ------------------- */

/* --------------- COMMENTS ------------------- */

#single_comment {
	padding: 60px 0 0;
	background: url("/wp-content/themes/whoop/images/single_comment_bg.gif") no-repeat 0 0;
}

#single_comment h3 {
	padding: 10px 20px 20px;
	background: #ceebf7;
	font-size: 16px;
	border-bottom: 1px dotted #7dc9ea;
}

#single_comment #respond h3 { padding: 10px 20px 10px 20px; }

.commentlist {
	list-style-type: none;
}

.commentlist li {
	padding: 20px;
	background: url("/wp-content/themes/whoop/images/post_list_bg.gif") repeat-x 0 0;
	border-bottom: 1px dotted #7dc9ea;
}

.commentlist li ul li { 

	
}

/* --------------- END COMMENTS ------------------- */

/* --------------- CAPTIONS ------------------- */

/* image and caption stuff */
.wp-caption { padding-top: 4px; }

.wp-caption a {
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.wp-caption a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.enlarge {
	position: absolute;
	top:  0px;
	right: 2px;
	width: 36px;
	height: 36px;
	background: url("/wp-content/themes/whoop/images/enlarge.png") no-repeat 0 0;
}

* html .enlarge {background: url("/wp-content/themes/whoop/images/enlarge.gif") no-repeat 0 0;}

.single .post p.wp-caption-text,
.page .post p.wp-caption-text {
	margin: 0;
	padding: 0 10px 8px;
	font-size: 11px;
	line-height: 1.3em;
	color: #005581;
	border-bottom: 1px dotted #7dc9ea;
}

.post .alignleft {
	margin-right: 20px;
}

.post .wrap3 .alignleft { margin-right: 0px; }

.post .alignright {
	padding-right: 4px;
	margin: 0 1px 0 20px;
}

/* --------------- END CAPTIONS ------------------- */

/* --------------- SIMPLEMODAL ------------------- */

#basic-modal-content {
	display: none;
}

/* Overlay */
#simplemodal-overlay {
	background-color: #000;
	cursor: pointer;
}

/* Container */

#foo { width: 640px; height: 360px; }

#simplemodal-container {
	height: 320px;
	width: 600px;
	color: #bbb;
	background-color: #333;
	border: 4px solid #444;
	padding: 0px;
}

#simplemodal-container code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}

#simplemodal-container a {
	color: #ddd;
}

#simplemodal-container a.modalCloseImg {
	background: url("/wp-content/themes/whoop/images/x.png") no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}

#simplemodal-container #basic-modal-content {
	padding: 8px;
}

/* --------------- END SIMPLEMODAL ------------------- */

#footer h2 { margin: 2px 5px 0 0; float: left; font-size: 10px; color: #005581; }

#footer ul {
	display: block;
	width: 110px;
	height: 17px;
	float: left;
	overflow: hidden;
}

#footer ul li {
	display: block;
	float: left;
}

#footer ul a {
	margin-right: 5px;
	padding-top: 17px;
	display: block;
	width: 16px;
	height: 0px;
	float: left;
	overflow: hidden;
}

#footer a#tw { background: url("/wp-content/themes/whoop/images/sm_tw.gif") no-repeat 0 0; }

#footer a#fk { background: url("/wp-content/themes/whoop/images/sm_fk.gif") no-repeat 0 0; }

#footer a#fb { background: url("/wp-content/themes/whoop/images/sm_fb.gif") no-repeat 0 0; }

#footer a#rss { background: url("/wp-content/themes/whoop/images/sm_rss.gif") no-repeat 0 0; }

#footer a#tw:hover, #footer a#fk:hover,
#footer a#fb:hover, #footer a#rss:hover { background-position: 0px -17px; }

#footer p { font-size: 10px; color: #666; }

#join_us_form label, #join_us_form input, #join_us_form textarea { display: block; } 

/*	Topic									Cat ID		Page ID
	situation					=		n/a				9
	water management	= 	3					11
	coast							= 	4					13
	whoopers					= 	5					15
	legal							=		7					56
	
	about			3
	TAP team	5
	Member orgs	231
	supporters	7
	contact		70
	media		72
*/

/* situation pages */
.page-id-9 #sub_band, .page-id-480 #sub_band { background: url("/wp-content/themes/whoop/images/headers/situation.jpg") no-repeat 50% 0; }

.page-id-11 #sub_band { background: url("/wp-content/themes/whoop/images/headers/management.jpg") no-repeat 50% 0; }

.page-id-13 #sub_band { background: url("/wp-content/themes/whoop/images/headers/coast.jpg") no-repeat 50% 0; }

.page-id-15 #sub_band { background: url("/wp-content/themes/whoop/images/headers/whoopers.jpg") no-repeat 50% 0; }

.page-id-56 #sub_band { background: url("/wp-content/themes/whoop/images/headers/progress.jpg") no-repeat 50% 0; }

/* about pages */
.page-id-3 #sub_band { background: url("/wp-content/themes/whoop/images/headers/about.jpg") no-repeat 50% 0; }

.page-id-5 #sub_band { background: url("/wp-content/themes/whoop/images/headers/team.jpg") no-repeat 50% 0; }

.page-id-231 #sub_band { background: url("/wp-content/themes/whoop/images/headers/members.jpg") no-repeat 50% 0; }

.page-id-7 #sub_band { background: url("/wp-content/themes/whoop/images/headers/supporters.jpg") no-repeat 50% 0; }

.page-id-70 #sub_band { background: url("/wp-content/themes/whoop/images/headers/contact.jpg") no-repeat 50% 0; }

.page-id-72 #sub_band { background: url("/wp-content/themes/whoop/images/headers/media.jpg") no-repeat 50% 0; }

/* get involved pages */
.page-id-19 #sub_band { background: url("/wp-content/themes/whoop/images/headers/involved.jpg") no-repeat 50% 0; }

.page-id-65 #sub_band { background: url("/wp-content/themes/whoop/images/headers/join.jpg") no-repeat 50% 0; }

.page-id-21 #sub_band { background: url("/wp-content/themes/whoop/images/headers/donate.jpg") no-repeat 50% 0; }

.page-id-23 #sub_band { background: url("/wp-content/themes/whoop/images/headers/represent.jpg") no-repeat 50% 0; }

.page-id-25 #sub_band { background: url("/wp-content/themes/whoop/images/headers/event.jpg") no-repeat 50% 0; }

/* vid thumbs */
.clip, .docs { margin: 0px 20px; overflow: hidden; }
.thumb { margin-bottom: 7px; width: 89px; display: block; float: left; }
.thumb a img { border-width: 1px; }
.cliptitle { margin-left: 99px; }

#media_pg .cliptitle { margin-left: 109px; }

/* video player div */

#pageoverlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	overflow:hidden;
	background: #000;
}


#popPlayer {
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	height: 400px;
	background: #0492ce;
	border: 1px solid #0492ce;
	z-index:9999;
}

* html #popPlayer { position: absolute; top: 20%; left: 50%; margin-left: -320px; width: 630px; height: 410px; }


	
#loader { margin-bottom: 10px; width: 640px; height: 360px; background: #000; }
#closer { width: 640px; height: 30px; color: #fff; padding-left: 10px; }
#closer a { display: block; width: 640px; height: 40px; background: url("/images/btn_close.gif") no-repeat left top; color: #fff; }

* html #closer { width: 630px; }

/* --------------- SUPPORTER DIVS ------------------- */

#s1, #s2, #s3 { float: left; }

#s1, #s2 {
	margin-right: 20px;
	width: 187px;
	border: dotted #7DC9EA;
	border-width: 0 1px 0 0;
}

#s3 { width: 147px; }

.post #s1 ul, .post #s2 ul, .post #s3 ul {
	margin: 0 18px 0 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 1.3em;
}

.post #s3 ul { margin-right: 0px; }

.post #s1 li, .post #s2 li, .post #s3 li {
	padding: 0 4px 4px;
}

/* --------------- SWAG POP-UPS ------------------- */

#donate { overflow: hidden; }

* html #donate { height: 1%; }

#donate a { margin-right: 9px; display: block; width: 109px; height: 112px; float: left; }

#donate a img { border-width: 0; }

/* --------------- MEDIA CENTER ------------------- */

.page #media_pg .media_block p { margin-bottom: 0px; font-size: 11px; }

.row {
	padding: 20px 20px 0;
	border-top: 1px dotted #7dc9ea;
	background:  url("/wp-content/themes/whoop/images/post_list_bg.gif") repeat-x 0 0;
	overflow: hidden;
}

* html .row, * html .media_block { height: 1%; }

/*.row_left, .row_right { width: 284px; overflow: hidden; }

.row_left { float: left; }
.row_right {float: right; } */

.media_block { margin-bottom: 20px; overflow: hidden; }

.media_block a img { border-width: 1px; }

/* --------------- DROP SHADOWS ------------------- */

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
}

.wrap1 {
  margin: 0 20px 6px 0;
  float:left;
  background: url("/wp-content/themes/whoop/images/shadows/s.gif") no-repeat 100% 100%;
}

.wrap2 {
  background: url("/wp-content/themes/whoop/images/shadows/c_bl.gif") no-repeat -2px 100%;
}

.wrap3 {
  padding: 0 4px 4px 0;
  background:url("/wp-content/themes/whoop/images/shadows/c_tr.gif") no-repeat 100% -3px;
}

.wrap3 img { display: block; }

table { margin-bottom: 10px; }
td { padding: 6px; border-bottom: 1px dotted #B3B3B3; }


/* --------------- DOCUMENT LIST STYLES ------------------- */

.doc_list h3 {
	margin-bottom: 8px;
	font-size: 13px;
	background: url("/wp-content/themes/whoop/images/triangle.png") no-repeat 0 3px;
}

.doc_list h3.open {
	background: url("/wp-content/themes/whoop/images/triangle_down.png") no-repeat 0 3px;
}

.doc_list h3 a {	padding-left: 12px; display: inline-block; }

.doc_list h3 span {
		font-weight: normal;
		font-size: 11px; 
	}

#rc .doc_list ul {
	display: none;
	margin: 0 0 8px 12px;
}

#rc .doc_list ul li {
	padding: 4px 0;
}