/*
Theme Name: Flu Resource Center
Author: Andy Stratton <theandystratton@gmail.com>
Theme URI: http://blueskymultimedia.net
*/

body {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.0;
	background: #e5e5e5;
}

a {
	color: #036042;
	text-decoration: underline;
}

.clear { clear: both; }
.clear_left { clear: left; }

.center { text-align: center; }
.right { text-align: right; }

.errors { color: #ca0000; }

div.errors { border: 1px solid; padding: 0 1em; margin: 1em 0; background: #ffa; }
div.success { color: #262; border: 1px solid; padding: 0 1em; margin: 1em 0; background: #ffa; }

form { margin: 0; }

#page_wrap {
	border-bottom: 1px solid #c3c3c3;
	background: #fff url("images/background.png") top left repeat-x;
}

#page {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


/* Header */
#header {
	background: url("images/header.png") top left no-repeat;
	line-height: 1.25;
}

	#header a {
		text-decoration: none;
	}

	#header a:hover {
		text-decoration: underline;
	}

	#header .logo {
		display: block;
		margin: 0;
		padding: 0;
		height: 122px;
		width: 590px;
		overflow: hidden;
	}
	
		#header .logo a {
			display: block;
			padding: 122px 0 0;
			background: url("images/header.png") top left no-repeat;
		}
		
	#header a#swine_flu {
		font-family: Arial,sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		display: block;
		padding: 4px 10px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#header .social_media {
		font-size: 13px;
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 46px;
		right: 0;
	}
	
		#header .social_media li {
			margin-bottom: 4px;
		}
		
		#header .social_media li a {
			display: block;
			color: #fff;
			padding: 0px 0 2px 24px;
		}
		
		#header .social_media li.rss a {
			background: url("images/header_social_media.png") 0 0 no-repeat;
		}
		
		#header .social_media li.facebook a {
			background: url("images/header_social_media.png") 0 -21px no-repeat;
		}
		
		#header .social_media li.twitter a {
			background: url("images/header_social_media.png") 0 -42px no-repeat;
		}

/* Main Navigation */
#nav {
	position: absolute;
	top: 130px;
	right: 0;
	margin: 0;
	padding: 0 13px 0 0;
	list-style: none;
	background: #013525 url("images/nav_curl_right.png") bottom right no-repeat;
	font-size: 14px;
}


	#nav li {
		float: left;
		border-left: 1px solid #ccc;
		position: relative;
	}
	
	#nav li.first {
		border: 0;
		padding: 0 0 10px 13px;
		background: url("images/nav_curl_left.png") bottom left no-repeat;
	}
	
		#nav li a {
			color: #fff;
			font-weight: bold;
			padding: 0 8px 10px;
		}
		
		#nav li:hover ul {
			left: 0;
			top: 16px;
		}

		#nav li ul {
			top: 0;
			left: -9999em;
			position: absolute;
			background: #013525;
			list-style: none;
			padding: 1em 0 0;
			margin: 0;
			width: 200px;
			font-size: 13px;
		}

			#nav li ul li {
				float: none;
				border: 0;
				padding: 0;
				margin: 0;
				width:200px;
			}

				#nav li ul li a {
					display: block;
					margin: 0;
					padding: 4px 1em;
					line-height: 1.5;
					font-weight: normal;
				}

				#nav li ul li a:hover {
					background: #66857c;
					color: #fff;
					text-decoration: none;
				}

/* Columns */

#page .push {
	padding-top: 47px;
}

	#page .container .col1 {
		float: left;
		width: 480px;
		margin-left: 10px;
		line-height: 1.5;
	}
	
	#page .container .col2 {
		margin: 0 0 0 528px;
	}
	
	#page .container .content {
		float: left; 
		width: 620px;
		margin-left: 20px;
	}

	#page .container .sidebar {
		margin: 0 0 0 675px;
	}

/* Footer */
#footer {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 1em 0 5em;
	background: #e5e5e5;
	font-size: 13px;
	line-height: 1.5;
	border-top: 1px solid #fff;
}

	#footer .content {
		width: 960px;
		margin: 0 auto;
		padding: 9px 0;
		text-align: left;
		color: #444;
		background: url("images/footer_logo.png") top left no-repeat;
	}
	
		#footer .content p {
			margin: 0 0 0 110px;
		}
		
		#footer .content p a {
			color: #444;
			text-decoration: none;
		}
		
		#footer .content p a:hover {
			color: #444;
			text-decoration: underline;
		}
		
		
				
	
/* Home Page Columns */
body.home #page .container .col1 h1 {
	margin: 10px 0 0;
	padding: 0;
	width: 480px;
	height: 67px;
	overflow: hidden;
	text-indent: -9999em;
	background: url("images/home_buttons.png") -1px 0 no-repeat;
}

body.home #page .container .col1 form#locator {
	background: #e5ebf1 url("images/home_locator_bottom.png") bottom left no-repeat;
	width: 468px;
	overflow: hidden;
	padding: 0 0 1em;	
}

	body.home #page .container .col1 form#locator p.intro {
		font-size: 16px;
		line-height: 28px;
		margin: 0 20px 1em;
	}

	body.home #page .container .col1 form#locator p.field input,
	body.home #page .container .col1 form#locator p.field select {
		font-size: 13px;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
		border: 1px solid #ccc;
		padding: 6px;
		width: 120px;
		vertical-align: middle;
	}
	
	body.home #page .container .col1 form#locator p.field select {
		font-size: 14px;
		margin-top: 5px;
		width: 140px;
	}
	
	body.home #page .container .col1 form#locator p.field label {
		font-family: Arial,Helvetica,Sans-serif;
		font-size: 16px;
		letter-spacing: -1px;
		display: block;
		padding: 4px 1em 4px 0;
		float: left;
		width: 200px;
		text-align: right;
		color: #024731;
		font-weight: bold;
	}
	
	body.home #page .container .col1 form#locator input.button {
		height: 61px;
		width: 366px;
		margin-left: 48px
	}
	
body.home #page .container .col1 .big {
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 1em;
}
	
body.home #page .container .col1 .messages {
	line-height: 24px;
	font-size: 14px;
}

body.home #page .container .col1 h2 {
	margin: 0;
	padding: 0;
	font-family: Arial,Sans-serif;
	font-size: 18px;
	color: #003f72;
}

body.home #page .container .col1 .messages p {
	margin: 0 0 24px;
	padding: 0;
}

body.home .container .col2 ul.home_buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

	body.home .container .col2 ul.home_buttons li {
		height: 91px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	body.home .container .col2 ul.home_buttons li a {
		display: block;
		padding: 93px;
		background: url("images/home_buttons.png") 0 -67px no-repeat;
	}
	
	body.home .container .col2 ul.home_buttons li.who {
		margin-top: 10px;
	}
	
	body.home .container .col2 ul.home_buttons li.facts a {
		background-position: 0 -168px;
	}
	
	body.home .container .col2 ul.home_buttons li.blog a {
		background-position: 0 -269px;
	}
	
	body.home .container .col2 ul.home_buttons li.updates a {
		background-position: 0 -370px;
		height: 92px;
	}
	
	body.home .container .col2 ul.home_buttons li.reminder a {
		background-position: 0 -472px;
	}
	
body.home hr {
	border: 0;
	border-bottom: 1px solid #c1d0d8;
	border-top: 1px solid #dfe6e;
	clear: both;
	margin: 1.5em 0;
}

body.home div.clear {
	padding: 2em;
}


body.home .container .col1 h3.blog_title {
	font-size: 13px;
	margin: 0;
}

	body.home .container .col1 h3.blog_title a {
		text-decoration: none;
		color: #000;
	}

	body.home .container .col1 p.meta {
		font-size: 10px;
		margin: 0 0 -1em;
	}


body.home .home_twitter {
	background: url("images/home_twitter_repeat.png") top left repeat-y;
}

body.home .home_twitter ul {
	margin: 0;
	padding: 1.5em 2em 0;
	list-style: none;
	background: url("images/home_twitter_top.png") top left no-repeat; 
	line-height: 1.5;
}

	body.home .home_twitter ul li {
		padding-bottom: 1em;
	}
	
	body.home .home_twitter ul li span.meta {
		font-size: 10px;
		color: #7e7e7e;
	}
	
	body.home a.home_follow {
		display: block;
		position: relative;
		padding: 156px 0 0;
		text-indent: -9999em;
		background: url("images/home_twitter_bottom.png") top left no-repeat;
	}

body.home div.home_social {
	height: 80px;
	margin-top: 1em;
	overflow: hidden;
}

	body.home div.home_social a.twitter {
		display: block;
		float: left;
		padding: 80px 0 0;
		width: 242px;
		background: url("images/home_social_buttons.png") top left no-repeat;
	}
	
	body.home div.home_social a.rss {
		display: block;
		float: left;
		padding: 80px 0 0;
		width: 220px;
		background: url("images/home_social_buttons.png") -244px 0 no-repeat;
	}

/* Interior + Blog Pages */

.content p {
	line-height: 1.5;
}

.content p img {
	vertical-align: middle;
}

.blue { color : #024731; }
.content .breadcrumb { color : #024731; text-decoration: none; line-height: 1.0; font-family: Arial,sans-serif; }
.content .breadcrumb:hover { text-decoration:underline; }

.content h1 {
	font-size: 24px;
	font-family: Arial,sans-serif;
	letter-spacing: -.03em;
	margin: 0;
}

.content h2 {
	font-size: 16px;
	font-family: Arial,Helvetica,Sans-serif;
	margin: 1em 0 -.5em;
	color: #a33f1f;
}

.content h2 a {
	color: #a33f1f;
	text-decoration: none;
}

.content h2 a:hover { text-decoration: underline; }

.content p.meta {
	font-style: italic;
	font-size: 10px;
}

.content div.listing p.meta {
	margin-bottom: -1em;
}

.content ul.locator_results {
	margin: 0 80px 0 40px;
	padding: 0;
	list-style: none;
	line-height: 1.5;
	border-bottom: 1px solid #d9e4e0;
}

	.content ul.locator_results li {
		padding: 1em 200px 1em 1em;	
		border-top: 1px solid #d9e4e0;
		position: relative;
	}
	.content ul.locator_results li.alt {
		background: #f2f2f2;
	}

	.content ul.locator_results li span.time_date_dist {
		display: block;
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
		padding: 2.5em 0;
	}
	
.content address { font-style: normal; }

.content .map {
	padding: 13px;
	margin: 1em 0;
	border: 1px solid #ccc;	
}

.content .map #google_map {
	background: #ccc;
	height: 368px;
}

.content ul, ol {
	line-height: 1.5;
}


.content ul.tweet_list {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: none;
}

	.content ul.tweet_list li {
		background: url("images/tweetlist_repeat.png") top left repeat-y;
		width: 515px;
		margin: 0 0 1em;
	}
	
	.content ul.tweet_list li a.img {
		display: block;
		float: left;
		border: 1px solid #ccc;
		margin: 0 .5em .5em 0;
	}
	
		.content ul.tweet_list li a.img img {
			border: 0;
			padding: 1px;
			height: 50px;
			width: 50px;
		}
	
	.content ul.tweet_list li span.tweet {
		display: block;
		background: url("images/tweetlist_top.png") top left no-repeat;
		padding: 1em 1.5em;
	}
	
	.content ul.tweet_list li span.meta {
		display: block;
		font-size: 11px;
		color: #888;
		background: url("images/tweetlist_bottom.png") left bottom no-repeat;
		text-align: right;
		padding: .5em 1em 1em 1em;
	}

	.content .tweets {
/*
		overflow: auto;
		height: 290px;
*/
	}

/* SIDEBAR */

.sidebar h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 1.5em 0 .5em;
	color: #024731;
}

.sidebar h3.first {
	margin-top: 1em;
}

.sidebar ul {
	line-height: 1.5;
	margin-left: 0;
	padding-left: 2em;
}

	.sidebar ul li a { text-decoration: none; }
	.sidebar ul li a:hover { text-decoration: underline; }
	
.sidebar form#search {
	
}
	
.sidebar form#search .search {
	color: #c3c3c3;
	border: 0;
	padding: 6px 10px 8px 10px;
	width: 260px;
	background: url("images/input_bg.png") top left no-repeat;
}

.sidebar .twitter {
	width: 280px;
	background: url("images/int_twitter_repeat.png") top left repeat-y;
	padding: 0;
	
}

	.sidebar .twitter .tweet {
		background: url("images/int_twitter_top.png") top left no-repeat;
		padding: 1em;
		line-height: 1.25;
	}
	
		.sidebar .twitter .tweet .meta {
			display: block;
			text-align: right;
			color: #7e7e7e;
			font-size: 10px;
			padding-top: 4px;
		}

.sidebar a.follow {
	display: block;
	background: url("images/int_twitter_bottom.png") 0 0 no-repeat;
	padding: 117px 0 0;
	text-indent: -9999em;
	padding: 117px 0 0;
	margin: 0 0;

}

.sidebar ul.cat_col1 {
	float: left;
	width: 145px;
}

.sidebar ul.cat_col2 {
	margin: 1em 0;
	padding: .5em 0 1.5em 1em;
}

.sidebar .tags {
	margin: 0 0 3em;
	padding: 4px 4px 6px;
	text-align: center;
}

.sidebar .tag_header {
	margin-top: 0;
}

.sidebar div.locator {
	background: #e5ecea url("images/int_search_bottom.png") bottom left no-repeat;
	width:  280px;
	padding: 0 0 1em;
	margin: 2em 0;
	color: #2a2a2a;
}

	.sidebar div.locator h3 {
		background: url("images/int_search_top.png") left top no-repeat;
		padding: 10px 1em;
		margin: 0 0 -.5em;
	}
	
	.sidebar div.locator form {
		margin: 0;
	}
	
	.sidebar div.locator form p.intro {
		margin: .25em 1.2em 2em;
	}
	
	.sidebar div.locator form p.field {
		margin: 0 0 .5em 3.5em;
	}
	
	.sidebar div.locator form select,
	.sidebar div.locator form input {
		border: 1px solid #ccc;
		width: 100px;
		font-size: 13px;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-serif;
		padding: 6px;
	}
	
	.sidebar div.locator form select {
		font-size: 14px;
	}
	
	.sidebar div.locator form p {
		margin: 1em;
	}
	
	.sidebar div.locator form p.submit {
		margin: 0 0 0 3.25em;
	}
	
	.sidebar div.locator form input.button {
		border: 0;
	}
	
	.sidebar .locator form label {
		display: block;
		cursor: pointer;
	}
	
.sidebar .rss a {
	display: block;
	background: url("images/icon_rss.png") top left no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 0 6px 30px;
	margin: 1em 0 0;
	text-decoration: none;
}

.sidebar .rss a:hover { text-decoration: underline; }

#tag_cloud { margin: 0 0 2.5em;}
	
/* Sociable Plugin CSS Update */
.sociable img { vertical-align: middle; }
.sociable_tagline { display: inline; }



/* Interact */
.interact_col1 {
	float: left; width: 270px;
}

.interact_col2 {
	margin-left: 300px;
	padding-top:1px;
}

.sidebar .social {
	padding: 0 0 0 1em;
	margin: 1.5em 0 1em 0;
	border-left: 3px solid #E2ECEA;
}

.sidebar .social p {
	margin-bottom: 2em;
	line-height: 1.0;
}

.sidebar .social a {
	text-decoration: none;
	padding: 2px 0 4px 20px;
	margin: 0 0 4px;
	display: block;
}

.sidebar .social a.facebook { background: url("images/icon_facebook.png") top left no-repeat; }
.sidebar .social a.myspace { background: url("images/icon_myspace.png") top left no-repeat; }
.sidebar .social a.boomj { background: url("images/icon_boomj.png") top left no-repeat; }
.sidebar .social a.eons { background: url("images/icon_eons.png") top left no-repeat; }
.sidebar .social a.rezoom { background: url("images/icon_rezoom.png") top left no-repeat; }

.sidebar .social a:hover { text-decoration: underline; }

.interact_col2 .fafs_mobile {
	height: 400px;
	margin: 3.5em 0 0 2em;
	overflow: hidden;
}
.interact_col2 .fafs_mobile span {
	display: block;
	padding: 400px 0 0 0;
	background: url("images/fafs_mobile.png") top left no-repeat;
}

.interact_forms {
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 1.5em 0 0 0;
}

	.interact_forms a {
		display: block;
		padding: 100px 0 0;
		width: 290px;
		overflow: hidden;
		background: url("images/interact_btns.png") no-repeat;
		position: absolute;
		top: 0;
	}

	.interact_forms a.reminder {
		background-position: -10px 0;
		left: 0;
	}
	.interact_forms a.tell_friend {
		background-position: -320px 0;
		right: 24px;
	}
	
.sidebar p {
	line-height: 1.5
}
	

/* Blog entry list */
div.entry h2 {
	font-size: 1.5em;
	margin: 1em 0 0;
	padding: 0;
}
div.entry h2.page { margin-bottom: -.5em; }
div.entry h2 a { text-decoration: none; }
div.entry h2 a:hover { text-decoration: underline; }
div.entry p.meta { color: #888; margin: .25em 0; }


.content form {
	line-height: 1.25;	
}

.content form input {
	border: #ccc solid 1px;
	color: #888;
	padding: 4px;
	margin: 0;
	font-size: 13px;
}

.content form input.button {
	border: #888 1px solid;
	color: #222;
	padding: 4px 1em;
	font-weight: bold;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor: pointer;
}

.content form label {
	font-weight: bold;
	cursor: pointer;
	display: block;
}

.content form textarea {
	height: 80px;
	color: #888;
	width: 400px;
	font: 13px "Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
}

.content form .column1 {
	float: left;
	width: 270px;
}
.content form .column1 p { margin-top: 0; }

.content form .column2 {
	margin-left: 290px;
	padding: 0 0 0;
}

.content .highlight {
	background: #ff9;
}

.content form select {
	margin-bottom: 7px;
}


.content form#locator {
	font-size: 14px;
}

.content form#locator select,
.content form#locator input {
	font-size: 16px;
}

.content form#locator label {
	display: block;
	width: 170px;
	text-align: right;
	padding: 0 1em 0 0;
	float: left;
}

.content form#locator input.button {
	height: 61px;
	width: 366px;
	margin-left: 48px;
	border: 0;
}

.tiny { font-size: 10px; color: #666; }


.map_overlay_txt {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
	width: 270px;
}
.map_overlay_txt input.text {
	margin-right: .5em;
	width: 210px;
}

#google_map .map_overlay_txt input.button {
	color: #222;
	padding: 4px;
}

#fluupdateform input {
	width: 170px;
	padding: 4px;
}
#fluupdateform input.button {
	padding: 4px;
	width: auto;	
}