/* $Id: style.css,v 1.29 2010/11/07 21:48:55 dries Exp $ */
/* ---------- Color  Palette ---------- */
/*
violets, dark to light:
#000011 (near black)
#222244
#555577
#9999BB (light grayish)
#F3F3F9 (near white)
blue: #3399FF
yellow: #FFCC00
gold: #FF9900
*/
/* ---------- Overall Specifications ---------- */
body {
	color: #fff;
  background-color: #000011;
  line-height: 1.5;
  font-size: 100%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body.not-front.page-node {
	color: #000011
}
a,
a:link,
a:visited {
  text-decoration: none;
	color: #3399FF;
}
a:hover,
a:active,
a:focus{
  text-decoration: underline;
	outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 30px 0 10px;
  font-weight: inherit;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0px;
}
h1,
#bsd-contribForm-aboveContent h2,
#signupheader h2,
body.node-type-bsd #main-inner h2:first-child{
  font-size: 42px;
  line-height: 1.1;
  color: #202044;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.sidebar h2 {
	margin-top: 0;
}

.landing h1 {
  color: #fff;
}
.light {
	color: #F3F3F9;
}
.dark {
	color: #555577;
}
.title-header {
	position: relative;
	width: 100%;
	clear: both;
}
.title-header.img{
	position: relative;
	width: 680px;
	height: 340px;
	clear: both;
	margin-bottom: 30px;
}
.title-header  {
	position: relative;
	z-index: 401;
	font-weight: 200;
}
.title-header.img  {
	position: absolute;
	bottom: 30px;
	left: 24px;
}
.title-header .region-title-img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 400;
}
h2 {
  font-size: 18px;
	color: #202044;
}
#featured-action-wrapper h2,
#connect-wrapper h2,
h2.block-title{
	color: #3399FF;
	text-transform: uppercase;
  margin-top: 0px !important;
}
.block-menu-block h2,
.block-menu-block h2 {
  margin: 0px 0 15px;
	font-size: 14px;
}
h3.story-title,
h3.story-title a {
  font-size: 16px;
	color: #fff !important;
	margin: 0px;
	padding: 0;
}
.field-name-field-source .field-item {
  font-size: 12px;
	color: #9999BB;
	margin: 0px;
	padding: 0;
	text-transform: uppercase;
}
p, div, span, li, td, th {
	color: #000;
	font-size: 12px;
	line-height: 1.5em;
}
p {
  margin: 0 0 20px;
}
body.page-actions h1,
body.page-actions p,
body.page-issues h1,
body.page-issues p,
body.page-media h1,
body.page-media p,
.landing,
.landing h2,
/*.landing h3,
.landing h4,
.landing h5,
.landing h6,
.landing p, 
.landing div, 
.landing span, 
.landing li, 
.landing td, 
.landing th*/
.landing #content *{
	color: #fff;
}
/*  hook for bullets in main content */
.field-name-body ul,
.field-name-body ol,
.field-name-body dl {
	font-size: 10px;
	margin: 15px 0px 15px 15px;
}
.field-name-body  ul li{
	background: url(/page/-/img/sprite.png) no-repeat -660px 7px;
	padding-left: 15px
}
body.node-type-issue .field-item.even p:first-child,
p.big {
 font-size: 1.6em;
/* 	color: #335266;
	letter-spacing: -.05em;*/
}
del {
  text-decoration: line-through;
}

img {
  outline: 0;
}


/* ------------------ Reset Styles ------------------ */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: .5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: .1em;
  margin-right: .2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: .1em;
  vertical-align: -.45em;
}
blockquote :first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}

/* ------------------ Table Styles ------------------ */
/*table * {
	margin: 0;
	padding: 0;
}
table {
  border-spacing: 0;
  width: 100%;
  margin: 0;
	padding: 0;
	font-size: 0.857em;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  background-color: #555577;
  border-style: none;
}
table thead tr th,
table thead tr th a,
table thead tr th a:hover {
  color: #FFF !important;`
  font-weight: normal;
}
table thead tr th.active a img {
  padding-left: 5px;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left;
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255,255,255,0.18);  
}
tr.odd {
  background-color: #E7E7EF;
}
tr,
tr.even {
  background-color: #EFEFF4;
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}
#signuptable,
#signuptable td{
	margin: 0;
	padding: 0;
}*/
/* ------------------ List Styles ------------------ */

.block ul {
	padding-left: 0;
	list-style: none;
  /*margin: 0;
  padding: 0; 0 0.25em 1em;  LTR */
}
.contextual-links-wrapper {
  font-size: small !important;
}
ul.contextual-links {
  font-size: 0.923em;
}
.contextual-links-wrapper a {
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 1em;
}
ul.menu, .block-menu ul{
  padding-left: 0;
	list-style: none;
}
ul.menu li, .block-menu ul li{
  margin: 0;
  padding-left: 0;
	list-style: none;
	display: inline;
}
ul li.leaf {
  list-style-image: none;
}
.view-header ul.menu li a:hover,
.view-header ul.menu li a.active {
  color: #FFCC00;
	text-decoration: none;
}

.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0; /* LTR */
}
ul.tips {
  padding: 0 0 0 1.25em; /* LTR */
}

/* ------------------ Header ------------------ */
#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}
#logo img{ 
	padding-top: 7px;
}


#site-name {
  margin: 0;
}
#site-name a {
  font-weight: normal;
}
#site-slogan {
  font-size: 0.929em;
  margin-top: 7px;
  word-spacing: 0.1em;
  font-style: italic;
}

/* --------------- Main Menu ------------ */

#main-menu-wrapper {

}

#main-menu-links {
  margin: 0;
  padding: 0;
}
#main-menu-links li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#main-menu-links a {
	display: block;
  color: #fff;
	font-size: 20px;
  margin: 0 0 0 0;
  padding: 20px 0;
  text-decoration: none;
	text-transform: uppercase;
}
#main-menu-links a:hover,
#main-menu-links a:focus {
	color: #3399FF;
}
#main-menu-links a.active,
#main-menu-links a.active-trail {
	color: #3399FF;
}
#main-menu-links a.act,
#main-menu-links a.donate{
	color: #fff;
	margin-top: 10px;/* adjust for weird font baseline */
	padding-right: 10px;
	padding-left: 10px;
	text-transform: lowercase;
	background: url(/page/-/img/sprite.png) no-repeat 0 -300px;
}

/* --------------- SIDEBAR MENU ------------ */
#main-menu-links .block-menu-block ul.menu{
	margin: 0 0 60px;
	padding: 0;
}
#main-menu-links .block-menu-block ul.menu li {
	margin: 0;
	padding: 0 0 15px;
	display: block;
}
#main-menu-links .block-menu-block ul.menu a {
	color: #FFCC00;
	font-size: 15px;
	display: block;
	text-transform: uppercase;
}
#main-menu-links .block-menu-block ul.menu a.active-trail {
	color: #fff;
}

#main-menu-links .block-menu-block ul.menu a:hover,
#main-menu-links .block-menu-block ul.menu a:focus {
  text-decoration: none;
}
/* --------------- Splash Sidebar Menu ------------ */

#block-menu-menu-splash-menu {
  margin: 0;
  padding: 0;
}
#block-menu-menu-splash-menu li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-menu-menu-splash-menu a {
	display: block;
  color: #fff;
	font-size: 20px;
  margin: 0 0 0 0;
  padding: 20px 0;
  text-decoration: none;
	text-transform: uppercase;
}
#block-menu-menu-splash-menu a:hover,
#block-menu-menu-splash-menu a:focus {
	color: #3399FF;
}
#block-menu-menu-splash-menu a.active,
#block-menu-menu-splash-menu a.active-trail {
	color: #3399FF;
}
#block-menu-menu-splash-menu a.act,
#block-menu-menu-splash-menu a.donate{
	color: #fff;
	margin-top: 10px;/* adjust for weird font baseline */
	padding-right: 10px;
	padding-left: 10px;
	text-transform: lowercase;
	background: url(/page/-/img/sprite.png) no-repeat 0 -300px;
}
/* --------------- SUBNAV  ------------ */
/* special styled subnav links in 'about' section */
#pre-content .block-menu-block ul.menu{
	/*height: 40px;*/
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#pre-content .block-menu-block ul.menu li {
	margin: 0;
	padding: 0;
}
#pre-content .block-menu-block ul.menu a {
	/*color: #FFCC00;*/
	color: #000;
	line-height: 40px;
	font-size: 15px;
	display: block;
	text-transform: uppercase;
	margin-right: 20px;
	padding: 0px 10px 0px 30px;
	display: block;
	float: left;
	text-decoration: none;
	background: #FFCC00 url(/page/-/img/sprite.png) no-repeat -220px -550px;
  -khtml-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 0px;
  border-radius: 20px 0 0 20px;
}
#pre-content .block-menu-block ul.menu a.active-trail {
	display: none;
}

/* about / dennis page: body.page-node-14 */
/* link on 'about dennis' to 'about cleveland' */
body.page-node-14 .block-menu-block ul.menu a#about_cleveland {
	z-index: 3000;
	position: absolute;
	top: 300px;
	right: -36px;
	padding: 0px 30px 0px 10px;
	background: #FFCC00 url(/page/-/img/sprite.png) no-repeat -470px -600px;
  -khtml-border-radius: 0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 20px;
  border-radius:  0px 20px 20px 0px;
}
/* about / cleveland  page: body.page-node-95  */
body.page-node-95 .block-menu-block ul.menu {
}
body.page-node-95 .block-menu-block ul.menu a#about_dk {
	z-index: 3000;
	position: absolute;
	top: 300px;
	left: -20px;
}
#main-menu-links .block-menu
page-node-95-block ul.menu a:hover,
#main-menu-links .block-menu-block ul.menu a:focus {
  text-decoration: none;
}
/* --------------- SocNet Menu ------------ */
#block-menu-menu-social-media {
	position: absolute;
	top: 20px;
	right: 0px;
	height: 16px;
}
#block-menu-menu-social-media ul.menu {
}
#block-menu-menu-social-media  .menu li {
  float: left; /* LTR */
  list-style: none;
  padding: 0;
  margin: 0;
	display: block;
}
#block-menu-menu-social-media .menu a {
	display: block;
  margin: 0 0 0 9px;
	text-align: left;
  text-indent: -9000px;
	float: left; 
	width: 16px;
	height: 16px;
	background: url(/page/-/img/sprite.png) no-repeat -9000px -9000px;
	opacity: .5;
}
#block-menu-menu-social-media a:hover{
	opacity: 1;
}
#block-menu-menu-social-media a.facebook{
	background-position: -450px -0px;
}
#block-menu-menu-social-media a.facebook:hover{
}
#block-menu-menu-social-media a.twitter{
	background-position: -475px -0px;
}
#block-menu-menu-social-media a.twitter:hover{
}
#block-menu-menu-social-media a.flickr{
	background-position: -500px -0px;
}
#block-menu-menu-social-media a.flickr:hover{
}
#block-menu-menu-social-media a.youtube{
	background-position: -525px -0px;
}
#block-menu-menu-social-media a.youtube:hover{
}
#block-menu-menu-social-media a:hover,
#block-menu-menu-social-media a:focus {
}
/* --------------- Footer Menu ------------ */
#block-menu-menu-footer-menu {
}
#block-menu-menu-footer-menu ul.menu{
  padding: 5px 0 0 0;
  margin: 0;

}
#block-menu-menu-footer-menu li {
  list-style: none;
  padding: 0;
  margin: 0;
	display: inline;
}
#block-menu-menu-footer-menu a {
	color: #fff;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
	text-align: right;
}
#block-menu-menu-footer-menu a:hover,
#block-menu-menu-footer-menu a:focus {
	color: #3399FF;
}
#block-menu-menu-footer-menu a.active {
	color: #335466;
}
/* cycle nav */
.cycle-nav a{
	width: 10px;
	height: 10px;
	display: block;
	text-align: left;
	text-indent: -9000px;
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	outline: none;
	cursor: pointer;
	float: left;
	margin-right: 6px;
/*	box-shadow: 0 0 2px 2px #666;
	-moz-box-shadow: 0 0 2px 2px #666;
	-webkit-box-shadow: 0 0 2px 2px #666;*/
}
.cycle-nav a:hover {
	background: #3399FF;
}
.cycle-nav a.activeSlide{
	background: #FFCC00;
}

.node-teaser h2 a,
.view-action h2 a{
  color: #181818;
}
.node .field-type-media {
	margin: 30px 0;
}
.field-type-image{
/*	display: block;
	float: left;
	margin: 0 15px 15px 0;*/
}
.link-wrapper {
  text-align: right;
}
.field-type-image img,
.user-picture img {
  margin: 0 0 1em;
}
ul.links,
ul.links li {
	list-style: none;
	margin-left: 0px;
}

/* ----------------- Comments ----------------- */

.comment h2.title {
  margin-bottom: 1em;
}
.comment div.user-picture img {
  margin-left: 0; /* LTR */
}
.comment {
  margin-bottom: 20px;
  position: relative;
}
.comment .attribution {
  padding-top: 20px;
  float: left; /* LTR */
  width: 110px;
}
.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}
.comment .submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}
.comment .submitted .comment-time {
  font-size: 0.786em;
  color: #68696b;
}
.comment .submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}
.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}
.comment .comment-arrow {
  background: url(../images/comment-arrow.png); /* LTR */
  height: 40px;
  width: 20px;
  margin-left: -45px; /* LTR */
  margin-top: 10px;
  position: absolute;
}
.comment .comment-text {
  margin-left: 140px; /* LTR */
  padding: 10px 25px;
  border: 1px solid #d3d7d9;
}
.comment .indented {
  margin-left: 40px; /* LTR */
}
.comment ul.links {
  padding: 0 0 0.25em 0;
}
.comment ul.links li {
  padding: 0 0.5em 0 0; /* LTR */
}

/* ------------------ Sidebar ----------------- */
.sidebar .section {
 
}
.sidebar .block {
  border: none;
  padding: 0;
}
.sidebar h2,
#preview .sidebar h2 {
  margin: 0 0 0.5em;
  border-bottom: none;
  padding-bottom: 5px;
  font-size: 22px;
  line-height: 1.2;
}
.sidebar .block .content {

}
.sidebar li {
  margin-bottom: 15px;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}

/* ------------------ Footer ------------------ */
#footer div.content{

}
#footer h4 {
	color: #fff;
	padding: 3px 6px;
	border: 1px solid #fff;
	text-align: center;
	display: block;
	line-height: 20px;
	font-size: 12px;
	font-style: normal;
	margin: 0;
}


/* --------------- System Tabs  --------------- */

/* system overrides */
ul.tabs a {
  -khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #333;
	background: #fff;
	text-transform: lowercase;

}
ul.primary  {
	margin: 30px 0 20px;
	padding: 0;
	border-bottom: none;
}
ul.tabs.primary a,
ul.tabs.secondary a {
	color: #323232;
	background: #F3F3F9;
	border: none;
	padding: 3px 12px;
}
ul.secondary {
	margin: 0 0 20px;
	padding: 0px;
}
ul.tabs.primary a:hover,
ul.tabs.secondary a:hover {
	color: #323232;
	background: #FFCC00;
}
ul.tabs.primary a.active,
ul.tabs.secondary a.active {
	color: #fff;
	background: #3399FF;
	border: none;
}
/*ul.action-links {
  list-style: none;
  margin: 5px;
  padding: .5em 1em;
}
ul.action-links li {
  display: inline-block;
  margin-left: 10px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(/page/-/img/add.png) no-repeat left center;
  margin: 0 10px 0 0;
}*/

/* ---------------- Messages  ----------------- */

#messages {
  padding: 10px 0;
  margin: 0 auto;
}
div.messages {
  margin: 8px 0;
}
/* bsd feedback -- synch these w/d7 */
.signuperror {
	color: #C00;
	padding: 20px 0;
}
.error {
	color: #C00;
}
.required {
}
/* -------------- Breadcrumbs   -------------- */

.breadcrumb {
  font-size: 1em;
}

/* -------------- User Profile   -------------- */

.profile .user-picture {
  float: none;
}

/* -------------- Password Meter  ------------- */

.password-parent,
div.form-item div.password-suggestions {
  position: relative;
  width: auto;
}
#password-strength {
  float: none;
  left: 16em;
  position: absolute;
  width: 11.5em;
}
#password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
#password-strength-text {
  margin-top: 0.2em;
}

/* ---------------- Buttons    ---------------- */
input.form-submit,
a.button {
  background-color: #3399FF;
	background-image: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
	line-height: 28px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 1em; /* LTR */
  padding: 4px 17px;
}
input.form-submit:hover,
a.button:* {
  text-decoration: none;
	color: #000;
  background-color: #FFCC00;
}

/* -------------- Form Elements   ------------- */
fieldset {
  background: #ffffff;
  border: 1px solid #9999BB;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;

}
.fieldset-wrapper {
  margin-top: 25px;
}
.filter-wrapper {
  top: 0;
  padding-bottom: 10px;
/*  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;*/
}
fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
fieldset legend {
  background: #dbdbdb;
  border: 1px solid #9999BB;
  border-bottom: none;
  color: #3b3b3b;
  display: block;
  height: 2em;
  left: -1px; /* LTR */
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px;
  width: 100%;
/*  -khtml-border-radius-topleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -khtml-border-radius-topright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;*/
}
fieldset.collapsed legend {
/*  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;*/
}
fieldset legend a {
  color: #3b3b3b;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
input, select, option {
  margin: 2px 0;
  padding: 4px;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="checkbox"],
textarea, 
select {
	background: #fff;
	border: 1px #222244 solid;
}
input[type="text"], 
input[type="email"], 
input[type="password"]{
	width: 200px;
}
input[type="checkbox"]{
	margin-right: 5px;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
textarea.form-textarea,
select.form-select {
  border: 1px solid #9999BB;
}

select,
input.dim {
	color: #999999;
}
select:focus,
option {
	color: #000;
}

.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label {
  font-size: 0.929em;
}
fieldset .description {
  margin-top: 5px;
  line-height: 1.4;
  color: #3c3c3c;
  font-style: italic;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
/* Contact Form */
.contact-form #edit-name {
  width: 75%;

}
.contact-form #edit-mail {
  width: 75%;

}
.contact-form #edit-subject {
  width: 75%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  -khtml-border-top-left-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.contact-form .resizable-textarea .grippie {
  width: 76%;
  -khtml-border-bottom-left-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}



.clear {
	float: none;
	clear: both;
	line-height:1px;
}

/* quick signup */
#block-block-1 {
	padding-top: 23px;
	/*width: 220px;*/
}
#header-content h2 {
	float: left;/**/
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	line-height: 26px;
	text-align: center;
}
#header-content #signup {
	float: left;
}

#header-content #signup label{
	display: none;
}
#header-content #signup input  {
	display: block;
	margin-left: 10px;
	float: left;
}
#header-content #signup input[type="text"] {
	height: 12px;
}

#header-content #signup input#email {
  width: 100px;
}
#header-content #signup input#zip {
  width: 50px;
}
#header-content #signup input[type="submit"] {
	display: block;
	float: left;
	text-align: left;
	text-indent: -9000px;
	height: 20px;
	width: 20px;
	border: none;
	background: url(/page/-/img/sprite.png) no-repeat 0 -350px;
}
#header-content #signup input[type="submit"]:hover {
	background-position: -20px -350px;
}
#header-content em#feedback{
	position: absolute;
	left: 74px;
	bottom: 5px;
	color: #FF9900;
	font-style: normal;	
}
/* service links */
div.links {
	margin: 20px 0;
	clear: both;
}
ul.links.inline, ul.links.inline li {
	list-style: none;
	margin-left: 0 !important;
	position: relative;/**/
}
.links.inline li {
	margin-right: 20px !important;
}
li.service-links-forward a{
	display: inline-block;
	width: 134px;
	height: 26px;
	background: transparent url(../i/sprite.png) -714px -898px;
	text-indent: -9000px;
}

li.service-links-facebook-like *,
li.service-links-twitter-widget *,
li.service-links-facebook-widget *{
	margin: 0;
	padding: 0;/**/

}
/* common tile stuff */
.tile-header *{
	color: #fff ;
}
tiles-wrapper  {
	clear: both;
}
ul.tiles  {
	list-style: none;
	padding-left: 0px;
	margin: 30px 0;
}
#featured-action-wrapper ul.tiles {
	margin: 0;
}
li.tile {
	display: block;
	float: left;
	margin: 0 40px 40px 0;
	position: relative;
	width: 200px;
	height: 120px;
}
ul.tiles li:nth-child(3n+3) {
	margin-right: 0;
}
li.tile a.bigBtn{
	display: block;
	text-indent: -9000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 404;
	width: 200px;
	height: 120px;
	background: transparent;
}
li.tile a.bigBtn:hover{
	background: transparent;
	background: rgba(255,255,255,0.1);
	color: 
}
li.tile .content{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 120px;
}
li.tile .content h3 a{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 403;
	color: #fff;
	line-height: 40px;
	display: block;
	width: 195px;
	padding-left: 5px;
	margin: 0;
	text-transform: uppercase;
	font-size: 20px; /* this is 20 X's wide, the field limit */
	background: url(/page/-/img/sprite.png) no-repeat 0px -540px;
}
li.tile .content h3.double a{
	line-height: 24px;
	padding-top: 6px;
	padding-bottom: 6px;
}
li.tile .content h3:hover,
li.tile .content h3 a:hover {
	text-decoration: none;
/*	color: #FFCC00;
left: 0px;
	top: 0px;
	line-height: 40px;
	width: 200px;
	height: 120px;
	background: #3399FF url(/page/-/img/sprite.png) no-repeat 0px -540px;*/
}
li.tile .content img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 120px;
	z-index: 402;
}
li.tile .content:hover{

}
/* media stuff */
.view-id-media {
	position: relative;
	display: block;
}


.view-id-media li.views-row{
	position: relative;
	display: block;
	float: left;
	width: 176px;
	height: 196px;
	margin: 0 40px 40px 0;
	padding: 12px;
	background: url(/page/-/img/bg-home-widget.png) repeat-y center top;
}
.view-id-media li.views-row:nth-child(3n+3) {
/*	margin-right: 0px;*/
}
.view-id-media li.views-row .thumb{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	display: block;
}
.view-id-media li.views-row a.bigBtn {
	display: block;
	width: 200px;
	height: 220px;
	text-indent: -9000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 40;
}
.view-id-media li.views-row a.bigBtn:hover {
	background: rgba(255,255,255,0.1);
}
.view-id-media li.views-row h4{
	color: #9999BB;
  font-size: 9px;
	line-height: 9px;
	margin: 0 0 15px;
	text-transform: uppercase;
	position: relative;
	z-index: 31;
}
.view-id-media li.views-row .teaser{
	padding-top: 10px;
}
.view-id-media li.views-row .video.thumb.wrapper {
	display: block;
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.view-id-media li.views-row .video.btn {
	display: block;
	width: 200px;
	height: 100px;
	background: url(/page/-/img/sprite.png) no-repeat 0px -440px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20 !important;
	text-indent: -9000px;
}

.view-id-media li.views-row .video.thumb{
	width: 200px;
	height: 100px;
	z-index: 19 !important;
	/*clip: rect(50px, 200px, 150px, 0px)*/
}
.view-id-media li.views-row .video.thumb img{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
/*	width: 200px;
	height: 200px;*/
}

.view-id-media li.views-row h3{
	color: #fff;
  font-size: 14px;
	line-height: 18px;
	margin: 0 0 6px;
	text-transform: none;
	position: relative;
	z-index: 31;
}
.view-id-media li.views-row h3 a{
	color: #fff;
}
.thumb.wrapper +  h3 a{
	display: block;
	padding-top: 80px;
}
.video.thumb.wrapper +  h3 + .teaser{
	display: block;
/*	height: 30px;
	overflow: hidden;*/
}
.thumb.wrapper +  h3 + .teaser{
	display: block;
/*	height: 30px;
	overflow: hidden;*/
}
.view-id-media li.views-row .teaser p{
	color: #fff;
	font-size: 10px;
	position: relative;
	z-index: 31;
}

.view-id-media .more-link{
	position: absolute;
	top: 0px;
	right: 20px;
}
.not-front .view-id-media .view-header{
	position: absolute;
	top: -80px;
	right: 15px;
}
.front .view-id-media .view-header .menu{
	position: absolute;
	top: -10px;
	right: 15px;
}
.view-header .menu li{
	margin-left: 10px;
}
.view-header .menu a{
	font-size: 14px;
}

.more-link a{
	color: #555577;
}
.not-front .field-name-body object {
	float: left;
	margin: 0 20px 20px 0;
}

/* pager */
/*
height: 70px;
width: 70px;
-moz-border-radius: 35px;
border-radius: 35px;
*/
ul.pager {
	display: block;
	margin: 20px;
	padding: 0;
	width: 100%;
	text-align: center;
}
ul.pager li {
	display: inline;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 14px;
	color: #fff;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
ul.pager li a{
	padding: 0px 4px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
ul.pager li.pager-current{
	padding: 0px 4px;
	text-decoration: none;
	background: #3399FF;
	color: #000;
}
ul.pager li a:hover {
	color: #000;
	background: #FFCC00;
/*	border: 1px solid #222244;*/
}
/* join us on fb widget */
#block-block-3 {
	width: 320px;
	height: 140px;
	background: url(/page/-/img/bg-home-widget.png) repeat-y center top;
	float: left;
}
#block-block-3 *{
	color: #fff;
}
#block-block-3 .content {
	padding: 12px;
	position: relative;
	width: 100%;
	height: 100%;
}
#likebox {
	position: absolute;
	width: 100px;
	height: 20px;
	top: 15px;
	right: 15px;
}
#facepile {
	position: absolute;
	width: 240px;
	height: 70px;
	bottom: 40px;
	left: 15px;
}
#likebox2 {
	position: absolute;
	width: 294px;
	height: 134px;
	top: -3px;
	left: 14px;
	overflow: hidden;
}
#likebox2 > div { /* hide border of likebox */
	position: absolute;
	top: -1px;
	left: -1px;
}
/* activity trail */
#activity-wrapper {
	position: relative;
}
#activity-nav{
	z-index: 20;
	position: absolute;
	top: 12px;
	right: 12px;
}
#block-views-activity-trail-block-1 {
	width: 320px;
	height: 140px;
	background: url(/page/-/img/bg-home-widget.png) repeat-y center bottom;
	position: relative;
	/*right: 0;
	top: 30px;*/
	float: right;
}
.view-activity-trail *{
	margin: 0;
	padding: 0;
	color: #fff;
}
.view-activity-trail a{
	color: #FFCC00;
}
.view-activity-trail .view-header {
	padding: 12px 12px 0;
}
#connect-wrapper h3,
.view-header h3 {
	font-size: 16px;
	margin-top: 0px;
}
.view-activity-trail .views-row {
	padding: 6px 12px 12px;
	height: 100px;
	position: relative;
}

.view-activity-trail .views-field-link a {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 22px;
	padding-left: 36px;
	background: url(/page/-/img/sprite.png) no-repeat -9000px -9000px;
}
.view-activity-trail .views-field-link a.Facebook {
	background-position: -400px -50px;
}
.view-activity-trail .views-field-link a.Twitter {
	background-position: -400px -150px;
}
.view-activity-trail .views-field-link a.flickr {
	background-position: -400px -250px;
}
.view-activity-trail .views-field-link a.youtube {
	background-position: -400px -350px;
}

/* action side tabs */
#block-menu-menu-side-tabs ul{

}
#block-menu-menu-side-tabs li {
	display: block;
}
#block-menu-menu-side-tabs li a {
	display: block;
	text-indent: -9000px;/**/
	width: 40px;
	height: 130px;
	background: #9999BB url(/page/-/img/sprite.png) no-repeat -9000px -9000px;
}
#block-menu-menu-side-tabs li a:hover {
	width: 50px;
}
#block-menu-menu-side-tabs a.contribute {
	background-color: #FFCC00;
	background-position: -250px 0px;
}
#block-menu-menu-side-tabs a.my-kucinich {
	background-color: #3399FF;
	background-position: -300px 0px;
}
#block-menu-menu-side-tabs a.end-afghanistan {
	height: 180px;
	background-color: #8CB23F;
	background-position: -350px 0px;
}
#block-menu-menu-side-tabs a.contribute:hover {
	background-position: -250px -200px;
}
#block-menu-menu-side-tabs a.my-kucinich:hover {
	background-position: -300px -200px;
}
#block-menu-menu-side-tabs a.end-afghanistan:hover {
	background-position: -350px -200px;
}
/* SHARES */
#addthis_wrapper {
	position: absolute;
/*	top: -60px;
	right: -60px;*/
	top: 20px;
	right: 0px;
}
.landing #addthis_wrapper {
	top: 0px;
	right: 0px;
}
.node-type-landing #addthis_wrapper {
	position: relative;
	margin-top: 0px;
	top: 0px;
	left: 0px;
}
.node-type-landing div {
	color: #fff;
}
ul#shares, #shares li {
	list-style: none;
	padding-left: 0px;
}
#shares li {
	display: block;
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 10px;
}
.addthis_toolbox .custom_images a,
#shares li a{
	display: block;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	float: left;
	text-indent: -9000px;
	background:url(/page/-/img/sprite.png) no-repeat -9000px -9000px;
}
.addthis_toolbox .custom_images a span {
	display: none;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_twitter:hover,
.addthis_toolbox .custom_images a.addthis_button_twitter,
#shares a.twitter {
	background-position: 0px -200px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_facebook:hover,
.addthis_toolbox .custom_images a.addthis_button_facebook,
#shares a.facebook {
	background-position: -50px -200px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_email:hover,
.addthis_toolbox .custom_images a.addthis_button_email,
#shares a.email {
	background-position: -100px -200px;
}

#shares a.comment {
	background-position: -150px -200px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_twitter,
.addthis_toolbox .custom_images a.addthis_button_twitter:hover,
#shares a.twitter:hover {
	background-position: 0px -250px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_facebook,
.addthis_toolbox .custom_images a.addthis_button_facebook:hover,
#shares a.facebook:hover {
	background-position: -50px -250px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_email,
.addthis_toolbox .custom_images a.addthis_button_email:hover,
#shares a.email:hover {
	background-position: -100px -250px;
}
.addthis_toolbox.addthis_reverse .custom_images a.addthis_button_comment,
.addthis_toolbox .custom_images a.addthis_button_comment:hover,
#shares a.comment:hover {
	background-position: -150px -250px;
}

.debug *{
	color: #9999BB !important;
}
.breadcrumb {
	position: absolute;
	top: 65px;
}
.breadcrumb a{
	color: #545477;
	text-transform: uppercase;
}
.breadcrumb em.sep {
	font-style: normal;
	color: #9999BB;
}
body.page-media .breadcrumb, 
body.page-actions .breadcrumb, 
body.page-issues .breadcrumb{
	display: none;
}
/*#block-views-tagged-tagged h2,*/
#block-views-related-related h2,
#block-views-related-block-1 h2,
#block-views-petition-petition h2 {
	color: #3399FF;
	background:  url(/page/-/img/sprite.png) no-repeat -9000px -9000px;
	font-size: 18px;
	padding: 0 0px 0 34px;
	line-height: 27px;
}
/*#block-views-tagged-tagged h2 {
	background-position: -639px -450px;
}*/
#block-views-related-related h2,
#block-views-related-block-1 h2 {
	background-position: -639px -450px;
}
#block-views-petition-petition h2 {
	background-position: -639px -390px;
}
#block-views-petition-petition .summary {
	padding-bottom: 10px;
}
#block-views-tagged-tagged {
/*	border-top: 10px solid #9999BB;*/
	background: #F3F3F9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F9', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F9), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F3F3F9,  #ffffff); /* for firefox 3.6+ */ 
	padding: 5px 10px;
/*  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;*/
  -khtml-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 10px 10px 0 0;
}
#block-views-tagged-tagged > h2 {
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.view-tagged ul {
	margin: 0 !important;
	padding: 0;
}
.view-tagged li {
	line-height: 26px;
	clear: both;
	border-top: 2px solid #F3F3F9;
	margin: 3px -10px;
	padding: 6px 10px 6px 0;
/*	background: rgba(255, 255, 255, 0.4);
	border: 1px solid #fff;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;*/
}

.view-tagged li a {
	line-height: 26px;
	color: #9999BB;
}
.view-tagged li a img{
	margin:  0 10px;
  vertical-align: middle;
}
#block-views-tagged-tagged a.more {
	color: #9999BB;
	text-transform: uppercase;
	display: block;
	margin: 0px -10px;
	padding: 4px 10px 0 0;
	clear: both;
	text-align: right;
/*	border-top: 2px solid #F3F3F9;
	border-bottom: 2px solid #F3F3F9;*/
	border: 1px solid #F3F3F9;

  -khtml-border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius:  8px;
  border-radius: 0px 0px  8px  8px;
}


a.petition {
	display: block;
	font-weight: bold;
	padding-top: 10px;
	border-top: 2px solid #F3F3F9;
}
.sidebar ul.related {
	border-top: 2px solid #F3F3F9;	
}

.sidebar ul.related li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 2px solid #F3F3F9;	
}

/* landing node -- fold this back in after dev */
body.node-type-landing #main-menu-wrapper {
}
body.node-type-landing #sidetabs-wrapper {
}
body.not-front.node-type-landing #main {
	background: transparent url() repeat-x center top;
	margin-left: 0px;
	width: 930px;
}
body.node-type-landing.one-sidebar #content_cols {
	width: 100%;
}
body.node-type-landing.one-sidebar #content {
  width: 510px;
	margin-right: 50px;
	padding: 30px 25px;
	background: rgba(0, 0, 1, 0.5);
}
body.node-type-landing.one-sidebar #sidebar-first {
  width: 240px;
	margin: 0;
	padding: 0;
	float: left;
	margin: 120px 0 0 610px;
	position: fixed;
	top: 0px;
	z-index: 452;
}
.node-type-landing #main-wrapper {
	background-image: none;
	background-color: none;
}
.node-type-landing #main-inner {
	background-image: none;

}
.node-type-landing h1,
.node-type-landing h2,
.node-type-landing h3,
.node-type-landing h4,
.node-type-landing p,
.node-type-landing label {
	color: #fff;
}
.node-type-landing label {
	color: #fff;
}
.node-type-landing input[type="button"]{
	background-color: #FFCC00 !important;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	border: none;
}
#landing-form select#state,
#landing-form input[type=text]{
	width: 45%;
	margin: 0 0 15px 0;
}

#landing-form input[type=text]:nth-child(4n+4) {
	clear: right;
	float: none;
	margin-left: 4%;
}

#landing-form input[type=submit] {
	background: #FFCC00;
	text-transform: uppercase;
	border: none;
	padding: 0px 15px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
body.node-type-landing .node a,
body.node-type-landing .sidebar a{
	color: #FFCC00;
}
a.skip,
a.skip-down {
	color: #FFCC00;
	font-weight: bold;
	display: block;
	text-align: left;
	text-indent: 30px;
	line-height: 20px;
	border: none;
	background: url(/page/-/img/sprite.png) no-repeat -646px -275px;
	width: 100%;
}
a.skip-down{
	background-position: -646px -235px;

}
a.skip:hover {
	color: #fff;
	background-position: -646px -255px;
}
a.skip-down:hover {
	color: #fff;
	background-position: -646px -215px;
}
#landing-form input[type=submit]:hover{
	color: #fff;
	background: #3399FF;
}
body.node-type-landing h1.title {
	margin-bottom: 10px;
}
body.node-type-landing #content h2 {
  font-size: 30px;
  line-height: 1;
	text-transform: uppercase;
	margin: 0 0 20px;
}
body.node-type-landing #sidebar-first #block-block-13 + 
body.node-type-landing #sidebar-first #block-views-petition-jump-link{
	margin-top: -120px !important;
}

body.node-type-landing #landing-form{
	margin-top: 30px;
}
a#full {
	cursor: pointer;
}