/*  
Theme Name: Lifestream
Theme URI: http://www.seangaffney.cc
Description: A lifestream theme for Wordpress
Version: 0.9
Author: Sean Gaffney
Author URI: http://www.seangaffney.cc

Remix of Agregado by Darren Hoyt and Matt Dawson, available at
http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/

TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Float Clearing
  Footer


/* YUI Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* YUI Fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,small{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ---------- @ HTML Elements -----------*/

* {
	margin: 0;
	padding: 0;
}
	
html {
	background: #003679 url('images/bg.jpg') no-repeat fixed top center;
}

body, html {
	min-height: 101%;
}
	
body {
	color: #585858;
}

strong {
	font-weight: bold;
}

p {
/*	margin: 15px 0;*/
/*	line-height: 145%;*/
	padding: 0.5em 0;
}
		
a, a:visited {
/*	text-decoration:none;*/
	color: #d12331;	
}

a:hover, a:active {
/*	text-decoration:underline;*/
}

a.nodec {
	text-decoration: none !important;
}

a img, fieldset {
	border: none
}

*:focus {
	outline: none
}




/* ---------- @ Page Structure -----------*/

#top {
	position: relative;
	margin: 0 auto;
	width: 674px;
	height: 235px;
}

#branding a {
	position: absolute;
	top: 22px;
	right: 7px;
	background: url(images/bg_branding.png) no-repeat;
	width: 228px;
	height: 162px;
	text-indent: -9999px;
}

#description {
	display: none;
}

#top #nav {
	position: absolute;
	top: 205px;
	left: 0;
}

#nav span.first, #nav span.last {
	float: left;
	background: url('images/bg_corners.png') repeat-x scroll top left;
	width: 7px;
	height: 30px;
}

#nav span.last {
	background-position: top right;
}

#links {
	float: left;
	width: 660px;
	height: 30px;
	background: url('images/bg_menu.png') repeat-x scroll top left;
}

#links li {
	float: left;
	padding: 1px 0 0;
	height: 30px;
}

#links li a {
	display: block;
	padding: 0 13px;
	height: 27px;
	line-height: 27px;
	color: #797979;
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #fff;
}

#links li a:hover {
	color: #ad1a1c;
}

#links li a.first {
	border-left: 0;
}

#links li a.last {
	border-right: 0;
}

/*#top ul#nav li#meet a {
	background: url('images/nav_meet.png') no-repeat scroll top left;
	width: 61px;
	height: 24px;
}

#top ul#nav li#act a {
	background: url('images/nav_act.png') no-repeat scroll top left;
	width: 42px;
	height: 24px;
}

#top ul#nav li#fund a {
	background: url('images/nav_fund.png') no-repeat scroll top left;
	width: 57px;
	height: 24px;
}

#top ul#nav li#listen a {
	background: url('images/nav_listen.png') no-repeat scroll top left;
	width: 66px;
	height: 24px;
}

#top ul#nav li a {
	display: block;
	height: 24px;
}

#top ul#nav li#meet a:hover, #top ul#nav li#act a:hover, #top ul#nav li#fund a:hover, #top ul#nav li#listen a:hover {
	background-position: bottom left;
}
*/

.wrapper {
	margin: 0 auto;
	background: url('images/bg_wrapper.png') repeat-y scroll top left;
	width: 680px;
}

#main {
	position: relative;
	margin: 0 auto;
	margin-bottom: 12px;
	width: 674px;
/*	border: 1px solid #cac9c5;*/
	border-top: 13px solid #ad1a1c;
	z-index: 1;
	background: #f4f6f7;
}

#main2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 3;
	background: #f4f6f7;
	width: 674px;
/*	opacity: 0.9;*/
/*	-moz-opacity: 0.9;*/
/*	filter:alpha(opacity=90);*/
}

#hr_top {
	position: relative;
	background: url(images/bg_hrtop.gif) repeat-x scroll bottom left;
	height: 16px;
	z-index: 5;
}

#hr_bot {
	position: relative;
	background: url(images/bg_hrbot.gif) repeat-x scroll top left;
	height: 26px;
	z-index: 5;
}

#content {
	position: relative;
	float: left;
	margin: 0 12px;
	width: 510px;
	z-index: 5;
}

#content h2 {
	color: #585858;
	font-size: 182%;
	font-weight: bold;
}

#content #lifestream h2 {
	padding: 0 0 0 10px;
}

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

h2.news, h2.tweets, h2.senators, h2.videos {
	margin: 10px 0 0;
	padding: 6px 0 0 70px;
	background: url(images/bg_h2.jpg) no-repeat scroll top left;
	color: #fff !important;
	width: 510px;
	height: 45px;
	line-height: 45px;
	font-weight: normal !important;
	font-size: 30px !important;
	font-family: georgia, "times new roman", serif;
}

h2.senators {
	background-position: 0 -51px;
}

h2.tweets {
	background-position: 0 -102px;
}

h2.videos {
	background-position: 0 -153px;
}

#content small {
	color: #909090;
	font-size: 93%;
}

#content #lifestream small {
	padding: 0 0 0 10px;
}

#content li.lifestream_feed1 blockquote {
	margin: 5px 0 0 0;
	width: 510px;
}

#content li.lifestream_feed1 blockquote p {
	margin: 0 0 0 25px;
	width: 485px;
	line-height: 138.5%;
	text-align: justify;
}

#content li.lifestream_feed1 blockquote span.lquote {
	float: left;
	margin: 0 0 0 10px;
	color: #000;
	font-size: 282%;
}

#content li.lifestream_feed1 blockquote span.rquote {
	position: relative;
	top: 16px;
	left: 5px;
	color: #000;
	font-size: 282%;
	line-height: 0;
}

/*#content li.lifestream_feed1 blockquote span.rquote {
	float: right;
	margin-top: -0.75em;
	color: #000;
	font-size: 282%;
}*/

#content a.more-link {
	display: block;
	margin: 5px 0;
	padding: 8px 10px;
	background: #e5e5e5;
	color: #585858;
	text-align: right;
	text-decoration: none;
}

#content a.more-link:hover {
	text-decoration: underline;
}

#our_senators {
	display: block;
	margin: 15px 0 10px 10px;
	background: url('images/oursenators.png') no-repeat scroll top left;
	width: 185px;
	height: 26px;
	text-indent: -9999px;
}

#senators>li {
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}

#senators h2 {
	padding: 0.25em 0 0 0;
}

#senators h3 {
	padding: 0 0 1em;
	color: #585858;
	font-size: 108%;
}

#senators div.img {
	margin: 0 15px 0 10px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 10px solid #fff;
}

#senators ul.linklist {
	list-style: none;
}

#senators ul.linklist li {
	float: left;
	padding: 0 10px 0 0;
	font-size: 138.5%;
	text-transform: lowercase;
}

#senators ul.linklist li a {
	color: #909090;
	text-decoration: none;
}

#senators ul.linklist li a:hover, .stream a:hover {
	text-decoration: underline;
}

#lifestream li, .stream li {
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}

#lifestream p, .stream p {
	font-size: 93%;
}

#lifestream li.lifestream_feed1 {
	border: none !important;
}

#lifestream h3, .stream h3 {
	padding: 0 0 0 10px;
	color: #000;
	font-size: 93%;
	font-weight: bold;
}

#lifestream img, #senators img, #sidebar #flickr img {
	width: 75px;
}

#lifestream li.flickr div.img {
	float: left;
	margin: 10px 10px 0 10px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 10px solid #fff;
}

#lifestream li.flickr div.img:hover {
	border: 10px solid #ccc;
}

#lifestream li.twitter h3, .stream h3 {
	float: left;
	padding: 0 25px 0 5px;
	width: 85px;
	color: #aaa;
	font-family: georgia, "times new roman", serif;
	font-weight: normal;
}

.stream h3 span {
	float: right;
}

#lifestream li.twitter a, .stream a {
	float: left;
	padding: 0;
	width: 390px;
	font-size: 93%;
	color: #585858;
	text-decoration: none;
}

#lifestream li.twitter a:hover {
	text-decoration: underline;
}

#lifestream li.delicious h3 {
	float: left;
	padding: 0 0 0 10px;
	width: 125px;
}

#lifestream li.delicious a {
	float: left;
	padding: 0;
	width: 365px;
	font-size: 93%;
	color: #585858;
	text-decoration: none;
}

#lifestream li.delicious a:hover {
	text-decoration: underline;
}

#lifestream li.twitter p span {
	color: #000;
	font-size: 77%;
}

#more a {
	display: block;
	margin: 12px 0;
	background: url('images/bg_more.png') no-repeat scroll top left;
	width: 47px;
	height: 15px;
	text-indent: -9999px;
}

#more a:hover {
	background-position: bottom left;
}

#sidebar {
	position: relative;
	float: right;
	margin: 15px 0 0 0;
	width: 130px;
	z-index: 5;
}

#subscribe a {
	display: block;
	background: url('images/bg_subscribe.png') no-repeat scroll top left;
	width: 116px;
	height: 26px;
	text-indent: -9999px;
}

#subscribe a:hover {
	background-position: bottom left;
}

#sidebar #flickr {
	margin: 25px 0;
	background: #1d4b9d;
	width: 116px;
	height: 1060px;
}

#flickr_logo {
	margin: 0 auto 18px auto;
	padding: 10px 0 0 0;
	background: url('images/flickr_logo.gif') no-repeat scroll center center;
	width: 90px;
	height: 35px;
}

#sidebar #flickr_badge_wrapper img {
	float: left;
	margin: 10px 10px 0 10px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 10px solid #fff;
}

#sidebar #flickr_badge_wrapper img:hover {
	border: 10px solid #ccc;
}

#youtube a, #delicious a, #twitter a, #facebook a, #ustream a {
	display: block;
	margin: 15px 0;
	width: 115px;
	height: 35px;
	text-indent: -9999px;
/*	border: 1px solid #d9d8d1;*/
}

#facebook a {
	height: 42px;
}

#youtube a:hover, #delicious a:hover, #twitter a:hover, #facebook a:hover, #ustream a:hover {
	background-position: bottom left;
}

/*#youtube a:hover, #facebook a:hover, #twitter a:hover, #gcal a:hover {
	border: 1px solid #aaa;
}*/

#youtube a {
	background: url('images/soc_youtube.gif') no-repeat scroll top left;
}

#delicious a {
	background: url('images/soc_delicious.gif') no-repeat scroll top left;
}

#twitter a {
	background: url('images/soc_twitter.gif') no-repeat scroll top left;
}

#facebook a {
	background: url('images/soc_facebook.png') no-repeat scroll top left;
}

#ustream a {
	background: url('images/soc_ustream.gif') no-repeat scroll top left;
}

/*#gcal a {
	background: url('images/logo_gcal.gif') no-repeat scroll top left;
}
*/
						   
.left {
	float: left;
}

.right {
	float: right
}
	
#content .post {
	padding: 15px 0;
}

#content .post img, #commentform textarea {
	max-width: 100%;
}

#content .entry ul li {
	padding: 0 0 0 1em;
	list-style: disc inside;
}

#content .entry ol li {
	padding: 0 0 0 1em;
	list-style: decimal outside;
}

#content .entry p {
	line-height: 1.5em;
}



/* ---------- @ Headings -----------*/



/* ---------- @ Content Styles -----------*/


	
/* ---------- @ Forms -----------*/
fieldset {
	border: none;
	margin: -3em 0 0 0;
	padding: 0 1px 25px 1px;
}
fieldset fieldset {
	clear: left;
	background: #e3e3e3;
	margin: 1em 0;
}
fieldset.radio_list input {
	margin: 1.1em 0 0 0;
}
fieldset.radio_list label {
	font-size: .85em;
	border-bottom: solid 1px #d4d4d4;
	width: 200px !important;
	margin-left: 15px !important;
	clear: none !important;
}
fieldset br {
	display: inline;
	position: absolute;
	height: 0;
	clear: none;
}
legend {
	color: #182845;
	background: #fff;
	padding: .3em .6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	margin: 0 0 .8em 15px;
	border: solid 1px #dad9d9;
}
fieldset fieldset legend {
	font-size: 1.3em;
	font-weight: normal;
}
legend.hide {
	margin-left: -99999px;
	position: absolute;
	display: inline;
	height: 0;
	width: 0;
}
#frm_volunteer label, #frm_volunteer input, #frm_volunteer textarea, span.optional {
	float: left;
	line-height: 1.8em;
	margin: 1em 0;
}
#frm_volunteer input, #frm_volunteer textarea {
	margin-bottom: 1em;
	}
#frm_volunteer label {
	margin: 1em 10px 0 0;
	text-align: right;
	width: 160px;
	font-weight: bold;
	font-size: .95em;
	display: block;
	clear: left;
	border-bottom: solid 1px #dbdbdb;
}
label.first_label {
	clear: none;
}
br.form_clear {
	clear: left;
}
/*textarea {
	width: 300px;
}*/
#btn_submit {
	float: none !important;
	background: #182845 url(images/submit_bg.jpg) repeat-x top left;
	color: #fff;
	padding: .6em 3.8em .7em 3.8em;
	margin: 0.5em auto !important;
	font-size: 1.15em;
	text-transform: uppercase;
	font-weight: bold;
	border: solid 1px #0d578b;
	display: block;
	clear: both;
}
#btn_submit:hover {
	cursor: pointer;
	background: #3684bb url(images/submit_bg_hover.jpg) repeat-x top left;
}
span.optional {
	margin: 1em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.checklist {
	float: left;
	margin: 0 20px 1.4em 0;
	width: 220px;
	display: block;
}
input.last_input {
	margin-bottom: 3em;
}
input.long {
	width: 250px;
}

label.error {
	clear:none;
	margin: -1em 0 1em !important;
	color:#f00;
	font-weight:normal !important;
	margin-left: 1em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:left;
	border: none !important;
}

div#signup {
	position: absolute;
	bottom: 60px;
	right: 0;
	width: 185px;
	height: 50px;
}
#signup #signup_email, #signup #signup_zip {
/*	color: #ccc;*/
	border: 1px solid #C4C4C4;
	font-size: 10px;
	padding: 2px;
}
#signup #signup_email {
	margin: 8px 0 0 0;
	width: 170px;
}
#signup #signup_zip {
	margin: 6px 0 0 0;
	width: 110px;
}
#signup #signup_submit {
	background: transparent;
	width: 54px;
	height: 18px;
	color: #fff;
	font-size: 85%;
	border: none;
/*	text-indent: -9999px;*/
	cursor: pointer;
	font-weight: bold;
}

#signup #signup_submit:hover {
	color: #d12331;
}

form#signup {
	margin: 0 0 5px 0;
}
div#signup p{
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	padding: 0;
}
div#signup span {
	font-size: 85%;
}

			

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
	
.clearfloat {
	display: inline-block;
}

.clearfloat {
	display: block;
	clear: both;
	height: 0;
}



/* ---------- @ Footer -----------*/

#footer {
	clear: both;
	margin: 0 auto 25px auto;
	background: url(images/bg_footer.jpg) repeat-x;
	width: 670px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer h4 {
	font-weight: bold;
	font-size: 138.5%;
	line-height: 138.5%;
}

#footer ul a {
	text-decoration: none;
}

#footer ul a:hover {
	color: #d12331;
}

#footer ul#nav {
	float: left;
	width: 100px;
}

#footer ul#recent_comments {
	float: left;
	margin: 0 0 0 20px;
}

#footer ul#recent_comments li {
	padding: 8px 0;
	border-top: 1px solid #fff;
	width: 300px;
}

#footer h4:first-child + li {
	border: none !important;
}

#footer #info {
	font-size: 77%;
	text-transform: uppercase;
}

img.logo {
	margin: 0.5em;
}
	
#body_btm {
	background: #d12331;
	height: 96px;
	border-top: 10px solid #ffffff;
}