/* 
	Theme Name: Transportation for America
	Description: Revolution base by Brian Gardner
	Author: Steve Davis, T4 America, base code by Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 2.0
	Changelog:
		v2.0 - 12.12.07
		Second Release of Revolution
*/

body {
	background: #f8f8f8;
	background-repeat: repeat-x;
	background-position: top;
	width: 960px;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 10px auto 0px;
	padding: 0px; 
	}
	
#wrap {
	background: #ffffff;
	float: left;
	width: 920px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	}

img {
	border: 0px;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #D51515;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

#navbarleft ul li.current_page_item a, #menu ul li.current_page_item a:visited {
	color: #333333;
	text-decoration: none;
	background: #b9d2e9;
    margin: 0px 8px 0px 0px;
	padding: 6px 10px 5px 10px;
}

#subnavbar ul li.current_page_item a, #menu ul li.current_page_item a:visited {
	color: #333333;
	text-decoration: none;
	background: #c0c0c0;
}

/************************************************
*   Images                                      *
************************************************/

img.centered  {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   }
   
img.alignnone {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   display: inline;
   }

img.alignright {
   padding: 0px;
   margin: 10px;
   display: inline;
   }

img.alignleft {
   padding: 0px;
   margin: 10px;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left;
   }

.alignnone {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   display: block;
   }
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF;
	width: 920px;
	height: 110px;
	color: #202020;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0px 0px 0px;
	position:relative;
	}
	
#header a {
	font-family: Arial, Tahoma, Verdana;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #D51515;
	}

#logo-T4 {
	margin-left:-5px;
	padding: 0;
	position:relative;
}
/* start hidden */
#countup {
	position:absolute;
	z-index:7;
	display:none;
	right:0;
	top:30px;
	margin:0;
	background-image:url(images/clock-bg-off.png);
	width:354px;
	height:58px;
}
#countup-over {
	position:absolute;
	z-index:8;
	display:block;
	margin:0;
	background-image:url(images/clock-bg-on.png);
	width:354px;
	height:58px;
}

#countup-digits {
	z-index:20;
	display:block;
	position:relative;
	margin-top:1px;
	margin-left:130px;
	color:#000;
	width:200px;
	height:40px;
	padding-left:14px;
	padding-top:6px;
	background-image:url(images/clock-digit-bg.png);
	background-position:18px 8px;
	background-repeat:no-repeat;
}
 
#imageLayout span { float: left; display:block; position:relative; width: 15px; height: 17px; background: url(images/clock-digits.png) no-repeat 0px 0px; } 
	#imageLayout span.image0 { background-position: -0px 0px; } 
	#imageLayout span.image1 { background-position: -15px 0px; } 
	#imageLayout span.image2 { background-position: -30px 0px; } 
	#imageLayout span.image3 { background-position: -45px 0px; } 
	#imageLayout span.image4 { background-position: -60px 0px; } 
	#imageLayout span.image5 { background-position: -75px 0px; } 
	#imageLayout span.image6 { background-position: -90px 0px; } 
	#imageLayout span.image7 { background-position: -105px 0px; } 
	#imageLayout span.image8 { background-position: -120px 0px; } 
	#imageLayout span.image9 { background-position: -135px 0px; } 
	#imageLayout span.imageSep { background-position: -165px 0px; width:8px; } 
	#imageLayout span.imageSpace { background-position: -180px 0px; } 
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #336699;
	width: 920px;
	height: 26px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}
	
#navbarleft {
	width: 740px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}
	
#navbarright {
	width: auto;
	float: right;
	margin: 0px;
	background-color: white;
	height: 26px;
	padding: 0 0 0 0px;
	text-align: right;
	}

#nav {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}
	
#nav ul {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	background: #336699;
	color: #FFFFFF;
	display: block;
    font-weight: normal;
    margin: 0px 8px 0px 0px;
	padding: 6px;
	font-size: 12px;
	}
	
#nav a:hover {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 8px 0px 0px;
	background-color: #c13a2d;
	padding: 6px;
	font-size: 12px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #333333;
	width: 160px;
	float: none;
	margin: 0px;
	padding: 6px 20px 5px 10px;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #555555;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
/************************************************
*	Sub Navbar      							*
************************************************/

#subnavbar {
	background: #EEEEEE;
	width: 920px;
	height: 26px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#subnav a {
	background: #EEEEEE;
	color: #333333;
	display: block;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
	padding: 6px 10px 5px 10px;
	}
	
#subnav a:hover {
	background: #DDDDDD;
	color: #333333;
	display: block;
	text-decoration: none;
    margin: 0px 0px 0px 0px;
	padding: 6px 10px 5px 10px;
	}
	
#subnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #DDDDDD;
	width: 160px;
	float: none;
	margin: 0px;
	padding: 6px 10px 5px 10px;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #DDDDDD;
	}

#subnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#subnav li:hover ul {
	left: auto;
	display: block;
	}
	
#subnav li:hover ul, #subnav li.sfhover1 ul {
	left: auto;
	}

/************************************************
*	Homepage 					     		    * 
************************************************/

#homepage {
	width: 920px;
	margin: 10px auto 0px;
	padding: 10px 0px 0px 0px;
	}
	
#homepage p {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.4em;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#homepage h1 {
	color: #336699;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepage h1 a, #homepage h1 a:visited  {
	color: #202020;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#homepage h1 a:hover {
	color: #D51515;
	text-decoration: none;
	}
	
#homepage h2 {
	color: #336699;
	font-size: 18px;
	line-height: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepagemain img.alignright {
	padding: 0px;
	margin: 0px 0px 5px 10px;
	display: inline;
	border: 0px;
	}
		
#homepage ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	}
	
#homepage ul li {
    list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	}	
	
#homepagemain {
	float: left;
	height: 175px;
	width: 588px;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #b9d2e9;
	background: #f8f8f8;
	}

#homepagemain p {
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 12px 0px;
	}
	
#home_signup {
	float: right;
	background-repeat:no-repeat;
	background-position:top;
	background: none !important;
	border:1px solid #B9D2E9;
	background: url('http://t4america.org/wp-content/themes/t4/images/bg-action-form-fixit.jpg') 0 0 no-repeat !important;
	height: 167px !important;
	width: 270px !important;
	margin: 0px 0px 10px 0px;
	padding: 14px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	
#home_signup p {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin:80px 0px 12px 0px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3em;	
	}
	
#dia-form {
	margin-top:85px;
}

#home_signup input {
	margin: 6px;
	padding: 6px;
	font-size: 12px;
	line-height: 16px;
	border:1px solid #B9D2E9;
	width: 106px;
	border-bottom: 1px #c13a2d solid;
	}
	
#home_signup input#Email {
	width: 146px;
	}
	
#home_signup input#Join {
	width: 80px;
	border:1px solid #B9D2E9;
	background-color: #c13a2d;
	color: #FFF;
	}
	
#home_signup input#Join:hover {
	background-color: #336699;
	color: #fff;
	}

#home_signup input#Join:active {
	background-color: #324d68;
	color: #fff;
	}

/************************************************
*   Bottom Three Containers					    * 
************************************************/

#threecontainers {
	float: left;
	width: 920px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	}

#threecontainers h1 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	background: #336699;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 15px;
	text-align: middle;
}

#threecontainers ul {
	font-size: 11.5px;
	list-style: none;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	}

#threecontainers ul li {
	font-size: 11.5px;
	list-style-type: none;
	background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
	padding: 0px 5px 0px 18px;
	margin: 3px 0px 0px 0px;
	}

#threecontainers h4 {
	color: #336699;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	padding: 0px 5px 0px 0px;
	}
	
#threecontainers p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

.containerleft {
	float: left;
	width: 298px;
	height: 530px;
	margin: 0 10px 0 0;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #b9d2e9;
	border-left: 1px solid #b9d2e9;
	border-bottom: 1px solid #b9d2e9;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.containerright {
	float: left;
	width: 298px;
	height: 530px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #b9d2e9;
	border-left: 1px solid #b9d2e9;
	border-bottom: 1px solid #b9d2e9;
	font-family: Arial, Helvetica, sans-serif;
	}

#threecontainers img {
	border: 0;
	padding: 0px 0px 0px 0px;
	}

#threecontainers img.alignright {
   padding: 0px;
   margin: 5px;
   display: inline;
   }

#threecontainers .alignright {
   float: right;
   }

/************************************************
*   Vision							    		* 
************************************************/

#vision {
	float: left;
	width: 920px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#vision h1 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	background: #336699;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 0px;
	text-align: center;
}

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

#vision p {
	font-size: 13px;
	padding: 0px;
	}
	
.visionbox {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	border-right: 1px solid #b9d2e9;
	border-left: 1px solid #b9d2e9;
	border-bottom: 1px solid #b9d2e9;
	background: #F0EEEB;
	}

#vision h3 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: center;
	background: #336699;
	border: none;
	text-transform: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	margin: 0px;
	padding: 3px;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 920px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	}

#content p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}

.style1 {
	font-size: 10.5px;
	line-height: 14px;
	font-family: Arial, Tahoma, Verdana;
	color: #333333;
	font-weight: normal;
	}
	
.style3 {
	font-size: 14px; 
	font-family: Arial, Verdana, sans-serif;
	color: #333333;
	line-height: 1.1em;
	font-weight: normal;
	}
	
#content h1 { /* Large Size, lowercase, Dotted Border, Left Align*/
	color: #336699;
	font-size: 24px;
	text-align: left;
	line-height: 1.25em;
	border-bottom: 1px solid #b9d2e9;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 3px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h2 { /*Large size, uppercase, dotted border, left align*/
	color: #336699;
	font-size: 22px;
	text-align: left;
	line-height: 1.4em;
	border-bottom: 1px solid #b9d2e9;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 3px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h3 { /* MAIN HEAD SIZE, Lowercase, NO dotted border, left align*/
	color: #336699;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px px 0px;
	}
	
#content h4 { /* Smaller head size, Lowercase, top dotted border, left align. For the title of blog posts*/
	color: #336699;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	line-height: 1.2em;
	border-bottom: 1px solid #b9d2e9;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h5 { /* Smaller head size, Lowercase, NO dotted border, left align*/
	color: #336699;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 10px 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #336699;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h1 a:hover {
	color: #D51515;
	text-decoration: none;
	}

#content h2 a, #content h2 a:visited  {
	color: #336699;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

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

#content h3 a, #content h2 a:visited  {
	color: #336699;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h3 a:hover {
	color: #336699;
	text-decoration: none;
	}

#content h4 a:hover {
	color: #333333;
	text-decoration: none;
	}
	
#content h4 a {
	color: #336699;
	text-decoration: none;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 595px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	line-height: 1.4em;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	}

#contentleft p img {
	border: none;
	margin: 0px 10px 10px 0px;
	}
	
#contentleft a img {
	border: none;
	}
	
#contentleft textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 250px;
	height: 80px;
	}	
	
.archive {
	float: left;
	width: 295px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ol {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}

blockquote {
	margin: 0px 20px 15px 20px;
	padding: 0px 0px 0px 15px;
	border-left: 7px solid #b9d2e9;
	}
	
#content blockquote p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postmeta {
	width: 595px;
	font-size: 11.5px;
	padding: 5px 0px 50px 0px;
	margin: 0px;
	border-top: double #C0C0C0;
	}


	
/************************************************
*	Content Post    					     	* 
************************************************/
	
/* Content Post covers the formatting for the content and meta on wordpress POSTS, where we post dynamic content. They were
changed to appear in the same format as the regular pages, so as not to show the blog hierarchy. -Steve */
	
#contentpost {
	float: left;
	width: 595px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	line-height: 1.4em;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	}

#contentpost p img {
	border: none;
    padding: 0px;
	margin: 0px 10px 5px 0px;
	}

#contentpost ol {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
	}
	
#contentpost ol li {
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentpost ul {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}

#contentpost ul li {
	list-style-type: none;
	background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 20px;
	}

#contentpost textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 250px;
	height: 80px;
	}
	
.postmeta2 {
	font-family: Tahoma, Arial, sans-serif;
	width: 595px;
	font-size: 11px;
	line-height: 1.3em;
	text-align: right;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 20px 0px;
	}

.postmeta3 {
	font-family: Tahoma, Arial, sans-serif;
	width: 595px;
	font-size: 11px;
	text-align: right;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 10px 0px;
	}

/************************************************
*	Transit Cuts Map Styles				     	* 
************************************************/	

/* These are the styles for the layout of the template for the transit cuts map. Signup form, 
intro content, share buttons, etc. -Steve */

#transitmap-intro {
	float: left;
	width: 650px;
	margin: 0px 10px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

#transitmap-right {
	float: right;
	position: top;
	}

#transitmap-petition {
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 20px;
	background: #336699;
	background-repeat:no-repeat;
	background-position:top;
	}
	
#transitmap-petition p {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	text-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#transitmap-action {
	float: left;
	background-color: #f8f8f8;
	border: 1px solid #cc3333;
	width: 650px;
	margin: 0px 10px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

#transitmap-action p {
	padding: 10px 10px 10px 10px;
	}

#transitmap-share {
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 280px;
	margin: 0px;
	padding: 10px 0px 20px 0px;
	line-height: 20px;
	display: inline;
	}
	
#sidebar p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
#sidebar h2 {
	color: #202020;
	font-size: 11.5px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
	}
	
#sidebar li {
	list-style-type: none;
	margin:  0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar li ul li {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

li#twitter_div.widget {
	border-color: #c0c0c0;
	}

ul#twitter_update_list {
	margin: 0 0 3em 0;
	font-size: 1.2em;
	overflow: hidden;
	}

ul#twitter_update_list {
	background: #f8f8f8;
	padding: 0.5em;
	margin: 0;
	margin-top: 1px;
	border: 1px solid #b9d2e9;
	border-bottom: 1px solid #b9d2e9;
	line-height: 1.5em;
	}

ul#twitter_update_list li {
	background-color: #f8f8f8;
	border-top:1px solid #b9d2e9;
	color:#222222;
	font-weight:normal;
	font-size: 12px;
	line-height: 1.2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0.5em;
	}

ul#twitter_update_list li:first-child {
	border: none;
	padding-top: 3;
	}

/************************************************
*	ALL Pages Sidebar       	        * 
************************************************/

/* This sidebar is now used on all pages. The left and right sidebars styled above for use on POSTS are no longer being used, though
the plan is to have a slightly different single sidebar for POSTED content that will include archives, related materials, etc...*/

#sidebar_page {
	background: #FFFFFF;
	float: right;
	width: 280px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	line-height: 17px;
	display: inline;
	}
	
#sidebar_page p {
	padding: 0px 0px 15px 0px;
	font-size: 11px;
	margin: 0px;
	}
	
#sidebar_page a img {
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar_page h2 {
	background: #f8f8f8;
	border: 1px solid #b9d2e9;
	color: #336699;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 5px 0px;
	}

#sidebar_page h3 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	background: #336699;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 0px;
	text-align: middle;
	}
	
#sidebar_page ul {
	list-style-type: none;
	font-size: 11.5px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar_signup {
	float: right;
	width: 280px;
	height: 175px;
	background-repeat:no-repeat;
	background-position:top;
	background: none !important;
	border:1px solid #B9D2E9;
	background: url('http://t4america.org/wp-content/themes/t4/images/bg-action-form-sidebar-fixit.jpg') 0 0 no-repeat !important;
	width: 280px !important;
	margin: 0px 0px 10px 0px;
	padding: 0px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

#sidebar_signup p {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin:50px 5px 5px 5px;
	text-align: left;
	line-height: 1.3em;	
	}

#transitcuts-actionform {
	margin-top: 90px;
	margin-left: 6px;
}

#sidebar_signup input {
	margin: 6px;
	padding: 6px;
	font-size: 11px;
	line-height: 14px;
	border:1px solid #B9D2E9;
	width: 106px;
	border-bottom: 1px #c13a2d solid;
	}

#sidebar_signup input#Email {
	width: 146px;
	}

#sidebar_signup input#Join {
	width: 80px;
	border:1px solid #B9D2E9;
	background-color: #c13a2d;
	color: #FFF;
	}

#sidebar_signup input#Join:hover {
	background-color: #336699;
	color: #fff;
	}
	
#sidebar_signup input#Join:active {
	background-color: #324d68;
	color: #fff;
	}

/************************************************
*	Widgets 									*
************************************************/

#recent-posts ul {
	list-style-type: none;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	}

#recent-posts ul li {
	list-style-type: none;
	background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
	padding: 0px 5px 0px 18px;
	margin: 5px 0px 0px 0px;
	}
	
#text-1 ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#text-1 ul li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	background: #ffffff;
	float: left;
	clear: both;
	width: 960px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer p {
	color: #303030;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#subfooter {
	width: 920px;
	float: left;
	clear: both;
	text-align: left;
	font-size: 10.5px;
	font-family: Arial, Tahoma, Verdana;
	margin: 10px 0px 30px 0px;
	padding: 10px 20px;
}

#subfooter p {
	color: #303030;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#subfooter a, #subfooter a:visited {
	color: #cc3333;
	text-decoration: none;
	}
	
#subfooter a:hover {
	text-decoration: underline;
	color: #cc3333;
	}

#rss {
	background: url('http://t4america.org/wp-content/themes/t4/images/rss.gif') 0px 0px no-repeat;
	width: auto;
	height: 20px;
	float: right;
	margin: 0px;
	padding: 0;
	text-align: right;
	line-height: 20px;
	}
	
#rss a {
	padding: 0 0 0 20px;
	line-height: 20px;
	height: 20px;
	}
	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	height: 26px;
	padding: 0px;
	overflow: hidden;
	}
	
#s-head {
	background: #FFFFFF;
	width: 240px;
	color: #333333;
	font-size: 11.5px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#s {
	background:none repeat scroll 0 0 #d5e3fd;
	width: 160px;
	border: none;
	color:#369;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	border: 1px solid #255088;
	margin: 0;
	padding:4px;
	line-height: 16px;
	}
	
#signup {
	background: #F5F5F5;
	width: 240px;
	color: #333333;
	font-size: 11.5px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#name, #email, #url {
	background: #f8f8f8;
	color: #333333;
	font-size: 11.5px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #b9d2e9;
	}
	
#submit {
	background: #cc3333;
	color: #ffffff;
	width: 103px;
	height: 23px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #b9d2e9;
	}	

#submit:hover {
	background: #336699;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}	

#submit:active {
	background: #324D68;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}	

#words {
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	width: 380px;
	color: #333333;
	font-size: 11.5px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	}
	
/************************************************
*	Comments									*
************************************************/

	
#commentblock {
	width: 595px;
	color: #222222;
	float: left;
	padding: 8px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	list-style-type: none;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	}
	
#commentblock textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 590px;
	height: 200px;
	}
	
.commentdate {
	font-weight: normal;
	text-decoration: italic;
	font-size: 11.5px;
	}

.commentname {
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	width: 595px;
	color: #000000;
	font-size: 11.5px;
	font-family: Arial, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px solid #b9d2e9;
	}

.commenttext-admin {
	width: 595px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

/************************************************
*	DIA T4 Template Styles (template #3224)		* 
************************************************/	

#salsa p {
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.3em;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

#salsa li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	}

#salsa h1, #salsa h2, #salsa h3 {
	font-family: Arial, Verdana, sans-serif;
	color: #336699;
	font-weight:normal;
	text-transform:none;
	font-size: 22px;
	border-bottom: none;
	margin: 15px 0px 10px 0px;
	}

.formRow {
	line-height: 1.8em;
	font-family: Arial, sans-serif;
	color: #336699;
	font-size: 12px;
	font-weight: normal;
	text-decoration: normal;
	display:block;
	clear:left;
	}
	
.blockInput {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
	width: 300px;
	display:block;
	border: 1px solid #b9d2e9;
	border-top: 2px solid #b9d2e9;
	}

#salsa textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11.5px; 
	width: 450px;
	height: 225px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	}

.targets {
	float: right;
	padding: 0px;
	margin-left: 100px;
	}

.actioncontent {
	float: left;
	}

.targets h2 {
	clear:both;
	font-size:18px !important;
	margin: 0px 0px 0px 0px !important;
	}
	
.contact_info {
	font-size: 13px !important;
	}

textarea#petition_content {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11.5px; 
	width: 480px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	float:right;
	}

textarea#Letter_Content {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11.5px; 
	width: 450px;
	height: 225px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	}

textarea#Content {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11.5px; 
	width: 600px;
	height: 225px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	display:block;
	}

input#Subject {
	width: 400px;
	display:block;
	border: 1px solid #b9d2e9;
	border-top: 2px solid #b9d2e9;
	}

textarea.blockInput {
	width: 450px;
	height: 150px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	}

textarea#emails {
	width: 450px;
	height: 60px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	}

.questionDiv {
	font-family: Arial, verdana, sans-serif;
	font-size:11.5px;
	color: #336699;
	margin-top:10px;
	}
	
#subject {
	width:400px;
	border: 1px solid #b9d2e9;
	border-top: 2px solid #b9d2e9;
	}

#uneditable {
	line-height: 2.2em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
	}

#uneditable .caption{
	width: 600px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 5px;
	}

td#readeditimg {
    margin-left: 50px;
	font-family: Arial; !important
    width: 400px;
}
 
table#campaign_left {
	margin-left: 50px;
	font-family: Arial; !important
	width: 400px; !important
}

#readeditimg, #signsendimg {
	display: none;
	}

.adminform {
	font-family: Arial, Verdana, sans-serif;
	font-size:11.5px;
	}

table.adminform {
	font-family: Arial, Verdana, sans-serif;
	font-size:11.5px;
	background-color: #f8f8f8 !important;
	border: 1px solid #b9d2e9 !important;
	margin: 10px 0px 10px 0px;
	}

table.adminform td {
	font-family: Arial, Verdana, sans-serif !important;
	font-size:11.5px !important;
	border-bottom: dashed 1px #CCCCCC !important;
	padding: 10px !important;
	margin: 10px 0px 10px 0px;
	}

table.adminform th {
	font-family: Arial, Verdana, sans-serif !important;
	font-size:14px !important;
	color: #336699 !important;
	font-weight: normal !important;
	border-bottom: dashed 1px #CCCCCC !important;
	padding: 0px 10px 0px 10px !important;
	margin: 0px;
	}

.logincreate {
	width: 500px;
	margin: 0px 30px 0px 0px;
	}

.search {
	display:none;
	}
	
.searchresults {
	display:none;
	}

#tab3Tab {
	display:none;
	}
	
#navWrap {
	margin-top: 10px;
	}

/* Used on OLD 1.0 campaigns page. Petitions use the straight .submit class below */
.send_message {
	background: #cc3333;
	color: #ffffff;
	width: 113px;
	height: 23px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #b9d2e9;
	}

/* Used on OLD 1.0 campaigns page. Petitions use the straight .submit class below */
.send_message:hover {
	background: #336699;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}	

/* Used on OLD 1.0 campaigns page. Petitions use the straight .submit class below */
.send_message:active {
	background: #324D68;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}

.submit {
	background: #cc3333;
	color: #ffffff;
	width: 103px;
	height: 23px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #b9d2e9;
	}	

.submit:hover {
	background: #336699;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}	

.submit:active {
	background: #324D68;
	color: #ffffff;
	border: 1px solid #b9d2e9;
	}
	
.petitionContent {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11.5px; 
	width: 480px;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 10px;
	margin: 10px 20px 10px 0px !important;
	float:left;
	}
	
.petition_comment {
	color: #336699;
	}

.adminlist {
	font-family: Arial, Verdana, sans-serif;
	background-color: #f8f8f8;
	border: 1px solid #b9d2e9;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	}

table.adminlist td {
	font-family: Arial, Verdana, sans-serif !important;
	font-size:11.5px !important;
	border-bottom: dashed 1px #CCCCCC !important;
	padding: 10px !important;
	margin: 10px 0px 10px 0px;
	}

table.adminlist th {
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #336699 !important;
	border-bottom: dashed 1px #CCCCCC !important;
	padding: 0px 10px 0px 10px !important;
	margin: 0px;
}

.number {
	font-weight: bold;
	}

label.formRow.diaFields { 
	font-weight: bold;
	color:#666;
	}
