/******************************
	RESET         
******************************/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/******************************
	GLOBAL
******************************/
body {
	background-color: rgb(245,245,245);
	color: rgb(80,80,80);
	font: 62.5%/18px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { color: rgb(200,0,0); }
a:hover { text-decoration: none; }


/******************************
	ROW
******************************/
div.row {
	text-align: center;
}


/******************************
	ROW > CENTERED
******************************/
div.row div.centered {
	margin: 0 auto;
	max-width: 1000px;
	min-width: 700px;
	position: relative;
	text-align: left;
}


/******************************
	MASTHEAD
******************************/
div#masthead {
	background-color: rgb(255,255,255);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
	border-bottom: 1px solid rgb(255,255,255);
	position: relative;
}
div#masthead div.centered {
	padding: 10px 0;
}
div#masthead h1 {
	float: left;
	height: 0;
	line-height: 1;
	margin-right: 20px;
	overflow: hidden;
}
div#masthead h1.campfire {
	background: transparent url('../_images/logo-campfire.png') no-repeat;
	padding-top: 100px;
	width: 143px;
}
div#masthead h1.trees {
	background: transparent url('../_images/logo-100trees.png') no-repeat;
	padding-top: 100px;
	width: 97px;
}


/******************************
	NAVIGATION
******************************/
div#masthead div#nav-container {
	bottom: 15px;
	position: absolute;
	right: 0;
}
div#masthead div#nav-container a.homepage {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 -1px 0 rgb(250,250,250);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 -1px 0 rgb(250,250,250);
	background-color: rgb(230,230,230);
	color: rgb(10,50,100);
	display: block;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgb(255,255,255);

}
div#masthead ul#navigation {
	clear: right;
	float: right;
	padding-top: 15px;
}
div#masthead ul#navigation li {
	float: left;
	margin-left: 5px;
}
div#masthead ul#navigation li a {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 -1px 0 rgb(250,250,250);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 -1px 0 rgb(250,250,250);
	background-color: rgb(230,230,230);
	color: rgb(200,0,0);
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgb(255,255,255);
}
div#masthead ul#navigation li a:hover {
	-moz-box-shadow: 0 -1px 0 transparent !important;
	-webkit-box-shadow: 0 -1px 0 transparent !important;
	background-color: transparent !important;
}
div#masthead ul#navigation li a.pdf {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 -1px 0 rgb(250,250,250);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 -1px 0 rgb(250,250,250);
	background: rgb(230,230,230) url('../_images/icon-pdf.gif') no-repeat 5px center;
	padding-left: 25px;
}
div#masthead ul#navigation li a.externallink {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 -1px 0 rgb(250,250,250);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 -1px 0 rgb(250,250,250);
	background: rgb(230,230,230) url('../_images/icon-externallink.png') no-repeat 5px center;
	padding-left: 20px;
}
div#masthead ul#navigation li a.selected {
	-moz-box-shadow: 0 -1px 0 transparent;
	-webkit-box-shadow: 0 -1px 0 transparent;
	background-color: transparent;
	text-decoration: none;
}


/******************************
	HEADER
******************************/
div#header {
	background: rgb(12,53,105) url('../_images/css/flares.jpg') no-repeat center bottom;
}
div#header div.centered {
	padding: 36px 0;
}
div#header div.centered a {
	color: rgb(250,200,10);
}



/******************************
	HEADER > INTRODUCTION
******************************/
div#introduction {
	color: rgb(255,255,255);
	float: left;
	padding-top: 20px;
	width: 65%;
}
div#introduction * {
	padding-right: 120px;
}
div#introduction h1 {
	background: transparent url('../_images/header-h1.png') no-repeat;
	font-size: 3.2em;
	height: 0;
	line-height: 1;
	overflow: hidden;
	padding: 28px 0 0 0;
	width: 481px;
}
div#introduction h2 {
	background: transparent url('../_images/header-h2.png') no-repeat;
	font-size: 2.6em;
	height: 0;
	line-height: 1;
	margin-top: 20px;
	overflow: hidden;
	padding: 31px 0 0 0;
	width: 211px;
}
div#introduction p {
	font-size: 1.3em;
	line-height: 20px;
	margin-top: 10px;
	text-shadow: 1px 1px 4px rgba(0,0,0,.4);
}
div#introduction p strong {
	color: rgb(250,200,10);
	font-weight: bold;
	padding: 0 !important;
}


/******************************
	HEADER > THANK YOU
******************************/
div#thankyou {
	color: rgb(255,255,255);
	width: 60%;
}
div#thankyou h1 {
	background: transparent url('../_images/header-thankyou.png') no-repeat;
	font-size: 3.2em;
	height: 0;
	line-height: 1;
	overflow: hidden;
	padding: 32px 0 0 0;
	width: 198px;
}
div#thankyou p {
	font-size: 1.4em;
	line-height: 20px;
	margin-top: 20px;
	text-shadow: 1px 1px 4px rgba(0,0,0,.4);
}
div#thankyou p strong {
	color: rgb(250,200,10);
	font-weight: bold;
	padding: 0 !important;
}


/******************************
	HEADER > STORIES
******************************/
div#campfirestories {
	color: rgb(255,255,255);
	float: left;
	padding-top: 20px;
	width: 65%;
}
div#campfirestories h1 {
	background: transparent url('../_images/header-stories.png') no-repeat;
	font-size: 3.2em;
	height: 0;
	line-height: 1;
	overflow: hidden;
	padding: 71px 0 0 0;
	width: 248px;
}
div#campfirestories p {
	font-size: 1.4em;
	line-height: 20px;
	margin-top: 20px;
	text-shadow: 1px 1px 4px rgba(0,0,0,.4);
}
div#campfirestories p strong {
	color: rgb(250,200,10);
	font-weight: bold;
	padding: 0 !important;
}


/******************************
	HEADER > CTA
******************************/
div#cta {
	-moz-border-radius: 15px;
	-moz-box-shadow: -1px -1px 0 rgba(255,255,255,.1);
	-webkit-border-radius: 15px;
	-webkit-box-shadow: -1px -1px 0 rgba(255,255,255,.1);
	background-color: rgba(0,0,0,.3);
	color: rgb(255,255,255);
	line-height: 20px;
	margin-left: 65%;
	padding: 15px 25px 20px 25px;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
}
div#cta h1 {
	font-size: 2.2em;
	line-height: 27px;
}
div#cta p {
	font-size: 1.2em;
	margin-top: 9px;
}
div#cta p strong {
	color: rgb(250,200,10);
	font-weight: bold;
	padding: 0 !important;
}
div#cta h2 {
	color: rgb(250,200,10);
	font-size: 1.6em;
	line-height: 27px;
	position: relative;
	top: 0;
}
div#cta p.cta {
	padding: 10px 0 5px 0;
}
div#cta a.cta {
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
	background-color: rgb(33,115,175);
	background-color: rgb(63,145,205);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(63,145,205)), to(rgb(23,105,165)));
	border-top: 1px solid rgba(255,255,255,.4);
	color: rgb(255,255,255) !important;
/*	display: block;*/
/*	float: left;*/
/*	font-size: 1.3em;*/
	font-weight: bold;
	margin-top: 10px;
	padding: 6px 13px 8px 13px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
div#cta a.cta:hover {
	background: rgb(63,145,205) none;
}
div#cta div.notice {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 10px;
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-left: 1px solid rgb(255,220,30);
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,40,80);
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
div#cta div.notice a {
	color: rgb(10,40,80);
}


/******************************
	HEADER > CTA INTERNAL
******************************/
div#cta-internal {
	margin-left: 65%;
/*	padding: 15px 25px 20px 25px;*/
}
div#cta-internal a.cta {
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-left: 1px solid rgb(255,220,30);
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,50,100) !important;
	display: block;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	padding: 12px 15px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
div#cta-internal a.cta:hover {
	background: rgb(255,210,20) none;
}


/******************************
	HEADER > CTA > FIELDSET
******************************/
div#cta form {}
div#cta h2 {
	color: rgb(250,200,10);
	font-size: 1.8em;
	line-height: 27px;
	position: relative;
	top: 0;
}
div#cta form {}
div#cta ul.form {}
div#cta ul.form li {
	padding: 8px 0 2px 0;
}
div#cta ul.form li label {
	display: block;
	font-size: 1.2em;
	line-height: 14px;
	padding-bottom: 5px;
}
div#cta ul.form li span.textfield {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(230,230,230);
	display: block;
	padding: 0 2px 0 0;
}
div#cta ul.form li span.error {
	background: url('../_images/icon-error.gif') no-repeat left top;
	color: rgb(250,200,10);
	display: block;
	line-height: 14px;
	margin-top: 4px;
	padding: 0 0 0 22px;
}
div#cta ul.form li span.textfield input {
	background-color: rgb(220,220,220);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(200,200,200)), to(rgb(230,230,230)));
	border-bottom-color: rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	border-top-color: rgb(120,120,120);
	font-size: 1.3em;
	padding: 2px 0;
	width: 100%;
}
input#secretquestion {
	display: none;
}
div#cta ul.form li select {
	width: 100%;
}
div#cta ul.form li label.checkbox {
	font-size: 1.1em;
}
div#cta ul.form li label.checkbox input {
	margin-right: 3px;
}
div#cta ul.form li p.notice {
	color: rgb(180,180,180);
	font-size: 1.1em;
	line-height: 16px;
	margin: 0;
	text-indent: -.9em;
}
div#cta ul.form li.cta {
	font-size: 1.2em;
	padding: 15px 0 5px 0;
}
div#cta ul.form li.cta input {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-left: 1px solid rgb(255,220,30);
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,40,80);
/*	font-size: 1.1em;*/
	font-weight: bold;
	padding: 8px 9px 9px 9px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
div#cta ul.form li.cta input:hover {
	background: rgb(255,210,20) none;
}
div#cta ul.form li div.col {
	display: -moz-inline-block;
	display: inline-block;
	width: 49.3%;
}
div#cta ul.form li div.col1 span.textfield {
	margin-right: 10px;
}
div#cta ul.form li div.checks {
	padding-top: 2px;
}
div#cta ul.form li div.checks label {
	display: -moz-inline-block;
	display: inline-block;
	font-size: 1.2em;
	padding-right: 10px;
}
div#cta ul.form li div.checks label input {
	margin-right: 2px;
}


/******************************
	STORIES & INFO
******************************/
div#storiesandinfo {
	background-color: rgb(245,245,245);
	border-top: 1px solid rgb(250,250,250);
	padding: 25px 25px 60px 25px;
}
div#storiesandinfo div#stories {
	float: left;
	width: 65%;
}
div#storiesandinfo div#info {
	margin-left: 65%;
/*	padding-top: 5px;*/
}
div#storiesandinfo h1.featuredstories {
	background: transparent url('../_images/header-featuredstories.gif') no-repeat;
	border: none;
	font-size: 1.6em;
	height: 0;
	line-height: 3;
	overflow: hidden;
	padding: 19px 0 10px 0;
	width: 180px;
}
div#storiesandinfo h1.signatures {
	background: transparent url('../_images/header-signatures.gif') no-repeat;
	border: none;
	font-size: 1.6em;
	height: 0;
	line-height: 3;
	overflow: hidden;
	padding: 22px 0 7px 50px;
	position: relative;
	width: 260px;
}
div#storiesandinfo h1.shareyourstory {
	background: transparent url('../_images/header-share.gif') no-repeat;
	border: none;
	font-size: 1.6em;
	height: 0;
	line-height: 3;
	overflow: hidden;
	padding: 23px 0 6px 0;
	width: 306px;
}
div#storiesandinfo h1.login {
	background: transparent url('../_images/header-login.gif') no-repeat;
	border: none;
	font-size: 1.6em;
	height: 0;
	line-height: 3;
	overflow: hidden;
	padding: 16px 0 6px 0;
	width: 68px;
}
div#storiesandinfo h1 span.sigcount {
	-moz-border-radius: 1.2em;
	-moz-box-shadow: 0 -1px 0 rgb(255,255,255);
	-webkit-border-radius: 1.2em;
	-webkit-box-shadow: 0 -1px 0 rgb(255,255,255);
	background-color: rgb(200,0,0);
	color: rgb(255,255,255);
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	padding: 1px 8px;
	position: absolute;
	right: 262px;
	text-align: right;
	text-indent: 0;
	text-shadow: 0 -1px 0 rgb(100,0,0);
	top: 1px;
}
div#storiesandinfo div#stories ol.storygrid {
	border-top: 1px solid rgb(220,220,220);
	margin-right: 20px;
	padding-top: 20px;
}
div#storiesandinfo div#stories ol.storygrid li {
	display: block;
	padding-bottom: 20px;
}
div#storiesandinfo div#stories ol.storygrid li a {
	font-weight: bold;
}
div#storiesandinfo div#stories ol.storygrid li a:after {
	content: ' \000BB';
}
div#storiesandinfo div#stories ol.storygrid li h2,
div#storiesandinfo div#stories ol.storygrid li h3,
div#storiesandinfo div#stories ol.storygrid li p {
	padding-right: 10px;
}
div#storiesandinfo div#stories ol.storygrid li.left {
	clear: left;
	float: left;
	width: 50%;
}
div#storiesandinfo div#stories ol.storygrid li.right {
	margin-left: 50%;
}
div#storiesandinfo div#stories ol.storygrid li img.photo {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	background-color: rgb(255,255,255);
	float: left;
	margin: 0 12px 12px 0;
	padding: 8px !important;
}
div#storiesandinfo div#stories ol.storygrid li h2 {
	color: rgb(200,0,0);
	font-size: 1.6em;
}
div#storiesandinfo div#stories ol.storygrid li h3 {
	color: rgb(33,115,175);
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2px;
}
div#storiesandinfo div#stories ol.storygrid li p {
	font-size: 1.2em;
}
div#storiesandinfo div#stories ol.storygrid li p a {
	font-size: .9em;
	white-space: nowrap;
}
div#storiesandinfo div#info p {
	border-top: 1px solid rgb(220,220,220);
	font-size: 1.2em;
	padding-top: 20px;
}
div#storiesandinfo div#info p strong {
	color: rgb(200,0,0);
	font-weight: bold;
}
div#storiesandinfo div#info ul.signatures {
	float: left;
	margin-top: 18px;
	width: 50%;
}
div#storiesandinfo div#info ul.signatures li {
	font-size: 1.1em;
	overflow: hidden;
	padding: 3px 0 2px 0;
}
div#storiesandinfo div#info ul.signatures li span,
div#storiesandinfo div#info ul.signatures li a {
	-moz-border-radius: 1em;
	-moz-box-shadow: 1px 1px 0 rgb(225,225,225);
	-webkit-border-radius: 1em;
	-webkit-box-shadow: 1px 1px 0 rgb(225,225,225);
	background-color: rgb(255,255,255);
	color: rgb(10,50,100);
	display: block;
	float: left;
	padding: 2px 8px 3px 8px;
	white-space: nowrap;
}
div#storiesandinfo div#info ul.signatures li a:hover {
	-moz-box-shadow: -1px -1px 0 rgb(255,255,255);
	-webkit-box-shadow: -1px -1px 0 rgb(255,255,255);
	background-color: rgb(10,50,100);
	color: rgb(255,255,255);
}
div#storiesandinfo div#stories a.readmore {
	font-size: 1.6em;
}
div#storiesandinfo div#stories a.readmore:after {
	content: ' \000BB';
}
div#storiesandinfo div#notice {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 10px;
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-left: 1px solid rgb(255,220,30);
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,40,80);
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 40px 20px 0;
	padding: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}


/******************************
	ADD YOUR STORY
******************************/
div.pagination {
	font-size: 1.3em;
	margin-right: 20px;
	padding-top: 5px;
}
div.pag-top {
	border-bottom: 1px solid rgb(220,220,220);
	margin-bottom: 10px;
	padding-bottom: 6px;
}
div.pagination div.paging {
	float: right;
}


/******************************
	ADD YOUR STORY
******************************/
div#stories fieldset ul.form {
	border-top: 1px solid rgb(220,220,220);
	margin-right: 20px;
}
div#stories fieldset ul.form li {
	padding: 20px 0 0 0;
}
div#stories fieldset ul.form li label {
	color: rgb(10,50,100);
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0;
	text-align: right;
	width: 110px;
}
div#stories fieldset ul.form li div.control {
	margin-left: 130px;
}
div#stories fieldset ul.form li span.error {
	background: url('../_images/icon-errorwhite.gif') no-repeat left center;
	color: rgb(200,0,0);
	display: block;
	font-size: 1.1em;
	margin: 5px 0 2px 5px;
	padding: 0 0 0 22px;
}
div#stories fieldset ul.form li span.textfield,
div#stories fieldset ul.form li span.textarea {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(210,210,210);
	display: block;
	padding: 1px 3px 1px 1px;
}
span.textarea {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(210,210,210);
	display: block;
	padding: 1px 3px 1px 1px;
}
div#stories fieldset ul.form li span.textarea {
	padding: 1px 3px 1px 1px;
}
div#stories fieldset ul.form li span.textfield input {
	background-color: rgb(230,230,230);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(240,240,240)));
	border-bottom-color: rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	border-top-color: rgb(120,120,120);
	font-size: 1.4em;
	padding: 4px 0;
	width: 100%;
}
div#stories fieldset ul.form li span.textarea textarea {
	background-color: rgb(230,230,230);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(240,240,240)));
	border-bottom-color: rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	border-top-color: rgb(120,120,120);
	font-size: 1.4em;
	height: 300px;
	padding: 4px 0;
	width: 100%;
}
span.textarea textarea {
	background-color: rgb(230,230,230);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(240,240,240)));
	border-bottom-color: rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	border-top-color: rgb(120,120,120);
	font-size: 1.4em;
	height: 300px;
	padding: 4px 0;
	width: 100%;
}
div#stories fieldset ul.form li.cta input {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,40,80);
	font-size: 1.2em;
	font-weight: bold;
	outline: 0;
	padding: 10px 14px 12px 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
div#stories fieldset ul.form li.cta input:hover {
	background: rgb(255,210,20) none;
}
div#stories fieldset ul.form li.cta input.disabled {
/*	-moz-box-shadow: 0 0 0 rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.4);
	background: rgb(210,210,210) url('../_images/loading-stripes.gif');
	border: 1px solid rgb(10,50,100);*/
}
div#stories fieldset ul.form li p {
	color: rgb(200,0,0);
	display: block;
	font-size: 1.4em;
	line-height: 20px;
	padding: 4px 0;
}


/******************************
	STORIES > STORIES
******************************/
div#stories div.story {
	border-bottom: 1px solid rgb(220,220,220);
	margin: 0 20px 20px 0;
	padding: 5px 0 10px 0;
}
div#stories div.story img.photo {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	background-color: rgb(255,255,255);
	float: left;
	margin: 0 20px 20px 0;
	padding: 8px !important;
}
div#stories div.story h2 {
	color: rgb(200,0,0);
	font-size: 2em;
	padding-bottom: 5px;
}
div#stories div.story h3,
div#stories div.story h4 {
	color: rgb(33,115,175);
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 2px;
}
div#stories div.story h4 {
	font-size: 1.2em;
	font-weight: normal;
}
div#stories div.story p {
	font-size: 1.2em;
	margin-top: 15px;
}
div#stories div.approvedeny {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgb(107,172,138);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(117,182,148)), to(rgb(87,152,118)));
	clear: left;
	color: rgb(255,255,255);
	font-size: 1.1em;
	margin: 10px 0 5px 0;
	padding: 10px 15px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
div#stories div.approvedeny a {
	color: rgb(255,255,255);
	float: right;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
div#stories div.pending {
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	color: rgb(40,40,40);
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
div#stories div.pending a {
	color: rgb(40,40,40);
	float: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


/******************************
	FOOTER
******************************/
div#footer {
	padding-bottom: 60px;
}
div#footer div.centered {
	border-top: 1px solid rgb(220,220,220);
	color: rgb(180,180,180);
	padding-top: 10px;
}
div#footer ul#footernavigation {
	float: right;
}
div#footer ul#footernavigation li {
	float: left;
	margin-left: 10px;
}
div#footer ul#footernavigation li a {
	color: rgb(180,180,180);
	display: block;
}
div#footer ul#footernavigation li a:hover {
	text-decoration: none;
}






div#stories ul.login {
	border-top: 1px solid rgb(220,220,220);
	margin: 7px 20px 0 0;
	padding-top: 20px;
}
div#stories ul.login li {
	padding: 8px 0 2px 0;
}
div#stories ul.login li label {
	display: block;
	font-size: 1.3em;
	line-height: 14px;
	padding-bottom: 5px;
}
div#stories ul.login li span.textfield {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(230,230,230);
	display: block;
	padding: 1px 3px 1px 1px;
	width: 60%;
}
div#stories ul.login li span.error {
	background: url('../_images/icon-errorsignup.gif') no-repeat left 1px;
	color: rgb(200,0,0);
	display: block;
	font-size: 1.1em;
	line-height: 14px;
	margin-top: 4px;
	padding: 2px 0 2px 22px;
}
div#stories ul.login li span.textfield input {
	background-color: rgb(240,240,240);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(245,245,245)));
	border-bottom-color: rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	border-top-color: rgb(150,150,150);
	font-size: 1.3em;
	padding: 4px 0;
	width: 100%;
}
input#secretquestion {
	display: none;
}
div#stories ul.login li select {
	width: 100%;
}
div#stories ul.login li label.checkbox {
	font-size: 1.1em;
}
div#stories ul.login li label.checkbox input {
	margin-right: 3px;
}
div#stories ul.login li p.notice {
	color: rgb(180,180,180);
	font-size: 1.1em;
	line-height: 16px;
	margin: 0;
	text-indent: -.9em;
}
div#stories ul.login li.cta {
	font-size: 1.2em;
	padding: 15px 0 5px 0;
}
div#stories ul.login li.cta input {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
	background-color: rgb(250,200,10);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,200,10)), to(rgb(220,170,0)));
	border-left: 1px solid rgb(255,220,30);
	border-top: 1px solid rgb(255,220,30);
	color: rgb(10,40,80);
/*	font-size: 1.1em;*/
	font-weight: bold;
	padding: 8px 9px 9px 9px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
div#stories ul.login li.cta input:hover {
	background: rgb(255,210,20) none;
}
div#stories ul.login li div.col {
	display: -moz-inline-block;
	display: inline-block;
	width: 49.3%;
}
div#stories ul.login li div.col1 span.textfield {
	margin-right: 10px;
}
div#stories ul.login li div.checks {
	padding-top: 2px;
}
div#stories ul.login li div.checks label {
	display: -moz-inline-block;
	display: inline-block;
	font-size: 1.2em;
	padding-right: 10px;
}
div#stories ul.login li div.checks label input {
	margin-right: 2px;
}