/* @override 
	http://www.yourfortystory.com/css/styles.css
	http://www.your40story.com/css/styles.css
*/

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* Colors for Site. */

.blue {
	color: #6793ac;
	background-color: #272727;
}

.lightblue {
	color: #addaf3;
	background-color: #272727;
}

.green {
	color: #8a9559;
	background-color: #272727;
}

.red {
	color: #6d190f;
	background-color: #272727;
}

.grey {
	color: #4b4c4e;
	background-color: #272727;
}


/* End Colors for Site. */

body {
	min-width: 975px;
	color: #6793ac;
	font: 10px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	background: #272727 url(../images/colorBars_main.jpg) repeat-y 910px;
}

span.hidden, div.hidden {
	display: none;
}

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

.clear {
	float: none;
	clear: both;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.box {
	background-color: #171717;
	border: 2px solid #636363;
}
.horizontal_bar {
	margin: -48px 0;
	background: url(../images/bar_color_bars_shadow.jpg) no-repeat 910px;
}

.hbar_shadow {
	height: 24px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 48px;
	padding-bottom: 48px;
	background: url(../images/horizontal_line.jpg) repeat-x 0 49px;
}

.container {
	width: 865px;
	float: none;
	padding: 15px 0 0 30px;
	overflow: auto;
}

#donate_now {
	width: 370px;
	position: absolute;
	left: 475px;
}

#donate_now h2 a{
	background: url(../images/donate_btn.jpg) no-repeat 0 0;
	width: 370px;
	height: 82px;
	display: block;
}


#donate_now h2 a:hover{
	background: url(../images/donate_btn.jpg) no-repeat 0 -82px;
}

#header {
	padding: 41px 0 0;
	overflow: auto;
	background: url(../images/colorBars_bottom_shadow.jpg) no-repeat 910px 0;
}

#logo {
	float: left;
}

/* 
Navigation Styles

*/

#nav {
	background: url(../images/menu_bg.jpg) repeat-x 0 109px;
}

#nav div.nav_bars_shadow {
	background: url(../images/nav_color_bars_shadow.jpg) no-repeat 910px 61px;
	height: 230px;
}

ul#nav_bar {
	height: 121px;
	background: url(../images/menu_shadow.jpg) no-repeat 0 0;
	float: left;
	padding: 109px 0 0 38px;
}

#nav_bar li.nav_item {
	float: left;
	display: inline;
	line-height: 0;
}

li.nav_item a {
	color: #fff;
	height: 30px;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
}

li.nav_item a span.nav_left {
	background: url(../images/nav_bg_left.jpg) no-repeat 0 0;
	height: 30px;
	display: block;
	padding-left: 10px;
	vertical-align: middle;
	float: left;
}

li.nav_item a.nav_right {
	padding: 0 10px 0 0;
	background: url(../images/nav_bg_right.jpg) no-repeat right 0;
	margin: 0;
}

li.nav_item a.nav_right:hover {
	background: url(../images/nav_bg_right.jpg) no-repeat right -30px;
}

li.nav_item a.nav_right:hover span.nav_left {
	background: url(../images/nav_bg_left.jpg) no-repeat 0 -30px;
}

span.nav_pad {
	margin: 8px 0 0;
	display: block;
	float: left;
}

li.nav_item a.difference.nav_right span.nav_left {
	background-image: none;
	padding-left: 40px;
}

li.nav_item a.difference.nav_right:hover span.nav_left {
	background-image: none;
}

#content_top {
	padding-bottom: 40px;
	overflow: auto;
}

div#main_panel {
	float: left;
}

div#video {
	width: 521px;
	float: left;
	height: 357px;
	overflow: hidden;
}

div.sharing {
	padding-top: 10px;
	clear: left;
	overflow: auto;
}

span.share_text {
	font-size: 2.2em;
	font-weight: bold;
	float: left;
	margin: 5px 20px 0 0;
}

a.share {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 15px;
}

a.share:hover {
	background-position: 0 -32px;
}

a.heart {
	background-image: url(../images/share_heart.jpg);
}

a.embed {
	background-image: url(../images/share_add.jpg);
}


div#blurb {
	width: 270px;
	float: left;
	padding: 10px 0 0 60px;
	font-size: 14px;
	line-height: 115%;
}

#blurb span {
	clear: both;
	display: block;
	padding-bottom: 15px;
}

div.the_embed div.embed_right form input.embed_copy {
	width: 300px;
	margin-top: 10px;
	font-size: 1em;
}

span.blurb_line1 {
	font-size: 18px;
	font-weight: bold;
	color: #addaf3;
	text-transform: uppercase;
	clear: both;
	display: block;
}

span.blurb_line2 {
	font-size: 15px;
	font-weight: bold;
	color: #88b2ca;
	clear: both;
	display: block;
	padding-bottom: 15px;
}

span.blurb_line3 {
	font-size: 14px;
	color: #7facc6;
	clear: both;
	display: block;
	padding-bottom: 15px;
}

#content_bottom {
	margin-top: 0;
	overflow: auto;
	padding: 15px 0;
}

h3.section_title {
	font-size: 30px;
	font-weight: bold;
}

#facts_action_box {
	width: 525px;
	float: left;
}

#facts_action_box h3 {
	margin-left: 40px;
}

#facts_action {
	width: 480px;
	background-color: #171717;
	border: 2px solid #636363;
	height: 400px;
	margin-left: 40px;
}

div.tab_list {
	float: left;
	z-index: 15;
	position: absolute;
}

.tabs {
	width: 480px;
}

div.tab_list ul li {
	float: left;
	overflow: auto;
	cursor: pointer;
}

.tabs li a {
	color: #424242;
	height: 31px;
	float: left;
	padding: 10px;
	text-align: center;
	width: 100px;
	display: block;
	overflow: auto;
}

.tabs li a{
	background: url(../images/featured_tab_off.png) no-repeat;
}

.tabs li a:hover{
	color: #9f9f9f;
	font-weight: bold;
	font-size: 11px;
}

.tabs li.active a{
	color: #9f9f9f;
	background: url(../images/featured_tab_on.png) no-repeat;	
	font-weight: bold;
	font-size: 11px;
}

div.featured_box {
	overflow: auto;
	float: left;
	clear: both;
	z-index: 0;
	margin-top: 35px;
}

.feature {
	height: 365px;
	overflow:hidden;
	width:480px;
	float: left;
	position: absolute;
}

#side_bars_box {
	float: right;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	z-index: 0;
	width: 320px;
}

div#email_box {
	float: right;
	width: 261px;
}

#side_bars_box #networks_box {
	margin-top: 40px;
	width: 261px;
	float: right;
}

#email {
	padding: 6px;
	float: none;
	overflow: auto;
}

#subscribe_form #spambox {
	float: left;
	width: 245px;
	margin: 0;
} 

#subscribe_form div.input_group {
	float: left;
	width: 175px;
}

#subscribe_form label {
	font-size: 14px;
	float: left;
	margin: 5px 0 0 3px;
	padding: 0;
	color: #ddd;
}

#subscribe_form label.short_label {
	width: 41px;
}

#subscribe_form div.input_group p {
	background-color: #616161;
	border: 1px solid #323232;
	overflow: auto;
	margin: 2px 0 0;
}

#subscribe_form #spambox span {
	padding-top: 10px;
	float: left;
	width: 245px;
	padding-bottom: 10px;
}

#subscribe_form input.text_input {
	border: none;
	font-size: 14px;
	color: #ddd;
	float: left;
	width: 123px;
	padding: 3px;
	height: 16px;
	background-color: transparent;
}

input#spamInput.text_input {
	width: 65px;
}

#subscribe_form .form_button {
	color: #6793ac;
	background-color: #171717;
	border: 1px solid #323232;
	width: 65px;
	font-size: 14px;
	cursor: pointer;
	margin: 2px 0 0;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	float: right;
	line-height: 22px;
}

#subscribe_form .form_button.big_button {
	
	line-height: 36px;
	height: 50px;
}

#subscribe_form .form_button:hover {
	background-color: #6793ac;
	color: #171717;
	float: right;
}

#networks a {
	margin: 2px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	padding: 0;
	background-position: 0 0;
}

#networks a:hover {
	background-position: 0 -48px;
}

a.net_myspace {
	background: url(../images/net_myspace_btn.jpg);
}

a.net_facebook {
	background: url(../images/net_facebook_btn.jpg) 0 0;
}

a.net_youtube {
	background: url(../images/net_youtube_btn.jpg) 0 0;
}

a.net_goodsearch {
	background: url(../images/net_goodsearch_btn.jpg) 0 0;
}

a.net_goodshop {
	background: url(../images/net_goodshop_btn.jpg) 0 0;
}

.coming_soon_inner {
	text-align: center;
	color: #4576b6;
	font-size: 3em;
	width: 390px;
	margin: 45px auto 0;
}

#footer {
	height: 60px;
}

#footer p {
	width: 600px;
	font-size: 1.15em;
	line-height: 1.45em;
}


/* Add This Styling */

div#addthis_services {
  background-color: #272727;
}
table#addthis_services a {
  padding: 0px 0px 0px 4px; 
  color:#addaf3; 
  display: block;
  font-weight: normal;
  overflow: auto;
  border: 1px solid #272727;
}
div#addthis_dropdown15 a:hover {
  background-color: #4b4c4e;
  border: 1px solid #addaf3;
}
div#addthis_dropdown15 table {
	background-color: #272727 !important;
}
div#addthis_dropdown15 {
  z-index: 1000000;
  text-align: left;
  width: 230px; 
  position: absolute; 
  display: none; 
  border: #4b4c4e solid 1px; 
  padding: 1px 1px 0px 1px; 
  overflow: hidden;
  background-color: #272727;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* Styles for "Make A Difference */

#difference .container div#networks_box {
	margin: 0;
	width: 261px;
	float: right;
}

#difference .container #blurb {
	width: 500px;
}

#difference div.container div.sharing {
	margin-left: 60px;
}

#difference div.container {
	margin-bottom: 20px;
}

/* Facts Page */
.facts_page {
	background-color: #272727;
	margin-left: 25px;
	margin-right: 25px;
}

.facts_page h3 {
	color: #6793ac;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 2px solid #3b3b3b;
	padding-top: 10px;
	font-size: 2.5em;
}

.facts_page p {
	font-size: 2em;
	text-align: center;
	padding-bottom: 15px;
}

.facts_page h2 a {
	background: url(../images/donate_btn2.jpg) 0 0;
	display: block;
	width: 370px;
	margin: 0 auto;
}

.facts_page h2 a:hover {
	background: url(../images/donate_btn2.jpg) 0 -82px;
}

/* How It Works Page */

.your_forty_how {
	width: 550px;
	margin: 0px auto;
}

.your_forty_how p {
	font-size: 1.25em;
	padding-bottom: 15px;
	padding-top: 15px;
	clear: both;
	line-height: 1.25em;
}

.your_forty_how div.four_elements {
	width: 250px;
	margin: 0 auto;
}

.your_forty_how div .element{
	height: 40px;
	display: block;
	padding: 0;
	width: 250px;
	text-align: center;
	font-size: 2.4em;
}

div.your_forty_how p span.blurb_line3 {
	padding-top: 10px;
	text-align: center;
}

div.your_forty_how span.blurb_line2 {
	line-height: 1.4em;
}

div.your_forty_how span.blurb_line2.the_center {
	text-align: center;
}

div.the_embed {
	width: 525px;
	display: block;
	overflow: visible;
	margin: 20px auto 0;
	font-size: 2em;
}

 div.the_embed div.embed_right {
	width: 140px;
	padding: 50px 10px 10px;
	float: right;
}

div.the_embed div.embed_left {

	font-size: 2em;
	float: left;
}


div.the_embed div.embed_left img{
	float: left;
}

div.the_embed  form {
	width: 508px;
	margin: 0 auto;
}

div.the_embed  form textarea {
	overflow: hidden;
	width: 500px;
	border: 3px solid #4b4c4e;
	text-align: left;
	margin: 5px auto 0;
	background-color: #c0c0c0;
}

div.the_embed form input.embed_copy {
	width: 500px;
	margin-top: 10px;
}