/*----------------------------------------------------------------
drybonesdenver.org stylesheet 
Version:	1.0
Author:		Josh Southern
email:		josh@paradigmshiftinteractive.com
Updated:	02/14/08
----------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #000 url(../img/asphalt-full.jpg) repeat;
	font-size: small;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
}


/* Styles to format basic text */
a, a:link, a:visited {
	color: #a5111a;
	text-decoration: underline;
	border: 0px none;
	background-color: transparent;
}
a:hover {
	background-color: #ededed;
}
img {
	border: 0px none;
}
a img {
	border: 0px none;
}
p {
	padding: 10px 35px 5px 35px;
	line-height: 120%;
	text-align: left;
}
p.right {
	text-align: right;
}
p.author {
	font-weight: bold;
	font-size: 130%;
	padding-left: 50px;
}
#flashMessage p {
	font-weight: bold;
	color: #ededed;
}
h1 { /*For the name of the company (replaced by the logo) */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 188px;
	height: 219px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9000px;
}
h1 a {
	display: block;
	width: 188px;
	height: 219px;
	background: url(../img/logo.png) no-repeat;
}
h1 a:hover {
	background: url(../img/logo.png) no-repeat;
}
/*Styles for the main page headlines */
h2 {
	font-size: 200%;
	color: #333;
	padding: 35px 35px 0px 35px;
}
h3 {
	font-size: 170%;
	color: #333;
	padding: 35px 35px 0px 35px;
}
h4 {
	font-size: 150%;
	padding: 20px 35px 0px 35px;
}
h5 {
	font-size: 130%;
	padding: 20px 35px 0px 35px;
}
h6 {
	font-size: 120%;
	padding: 20px 35px 0px 35px;
}
img.header {
	padding: 5px 15px 0;
	background: url(../img/skinny_content_top.gif) top left no-repeat;
}
ul, ol li ul {
	list-style-type: none;
	padding: 10px 50px 5px 50px;
	line-height: 1.2;
}
ul li, ol li ul li {
	padding-left: 23px;
	padding-bottom: 10px;
	background: url(../img/skull_bullet.gif) no-repeat top left;
}
ol {
	list-style-type: decimal;
	padding: 10px 50px 5px 75px;
} 
ol li {
	background: none;
	padding-left: 0;
	padding-bottom: 10px;
}
ul#itemlist li, ul.itemlist li {
	background: none;
	padding-left: 5px;
}
.indented {
	display: block;
	margin-left: 60px;
	margin-top: 10px;
}
p.note {
	font-size: x-small;
}
.answer {
	padding-top: 0;
	margin-top: 0;
}
.question {
	font-weight: bold;
	text-indent: 0;
	font-size: 110%;
	padding: 25px 5px 5px 5px;
	margin: 25px 30px 0 30px;
	border-top: 1px solid #333;
}
.question a, .nodecoration a {
	color: #333;
	text-decoration: none;
}
.question a:hover, .nodecoration a:hover {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
ul.questions {
	padding: 10px 35px 35px 35px;
	margin: 0;
}
.toppadding {
	padding-top: 75px;
}
.indent {
	display: block;
	padding-left: 2.5em;
}
.topborder {
	padding: 25px 5px 5px 5px;
	margin: 25px 30px 0 30px;
	border-top: 1px solid #333;
}
	



/* Styles to format page layout */
#outercontainer {
	position: absolute;
	width: 1095px;
	top: 0px;
	right: 0px;
}
#container {
	position: absolute;
	width: 876px;
	top: 0px;
	right: 0px;
	padding: 0px 30px 0px 30px;
	background: url(../img/left_gradient.png) top left repeat-y;
}
#header {
	position: relative;
	clear: both;
	height: 322px;
	background: #000 url(../img/main_image_1.jpg) top left no-repeat;
}
/*Styles for the highlighted items in the right column */
ul#mission {
	position: absolute;
	top: 1px;
	right: 0px;
	width: 200px;
	background: #000;
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;
}
ul#mission li {
	width: 200px;
	padding: 0;
	margin: 0 0 6px 0;
}
ul#mission a, ul#mission a:link, ul#mission a:active, ul#mission a:visited {
	display: block;
	width: 200px;
	height: 75px;
	background-position: top left;
	text-indent: -9000px;
}
/* Specific Pictures for right column items */
ul#mission li#reach a {
	background: url(../img/reach_1.jpg) no-repeat;
}
ul#mission li#rescue a {
	background: url(../img/rescue.jpg) no-repeat;
}
ul#mission li#reconcile a {
	background: url(../img/reconcile_1.jpg) no-repeat;
}
ul#mission li#reclaim a {
	background: url(../img/reclaim_1.jpg) no-repeat;
}

ul#mission li#reach a:hover, ul#mission li#rescue a:hover, ul#mission li#reconcile a:hover, ul#mission li#reclaim a:hover {
	background-position: top right;
}
#primarycontent, #form {
	position: relative;
	float: right;
	width: 542px;
	background: transparent url(../img/wide_content_middle.gif) top left repeat-y;
}
#primarycontent h2, #form h2 {
	background: url(../img/wide_content_top.gif) top left no-repeat;
}
#primarycontent .last, #form .last {
	background: url(../img/wide_content_bottom.gif) bottom left no-repeat;
	padding-bottom: 50px;
	clear: both;
}
#secondarycontent, #options {
	position: relative;
	float: left;
	width: 333px;
	background: transparent url(../img/skinny_content_middle.gif) top left repeat-y;
}
#secondarycontent h3, #options h3 {
	background: url(../img/skinny_content_top.gif) top left no-repeat;
}
#secondarycontent .last, #options .last {
	background: url(../img/skinny_content_bottom.gif) bottom left no-repeat;
	padding-bottom: 50px;
}
p.ad {
	width: 211px;
	height: 111px;
	padding: 7px 61px;
	text-align: center;
	background: transparent url(../img/ad-area.gif) top left repeat-y;
}
p.ad a {
	display: block;
	text-indent: -9000px;
	width: 211px;
	height: 109px;
	background: url(../img/newsletter-ad.gif) top left no-repeat;

}
p.ad a:hover {
	background: url(../img/newsletter-ad.gif) top right no-repeat;
}
img.staff {
	float: right;
	margin: 10px 125px 5px 10px;
}
h4.staff {
	padding-left: 60px;
	text-align: right;
}
p.staff {
	padding-left: 80px;
	padding-bottom: 100px;
	text-align: right;
}
#footer {
	clear: both;
	height: 40px;
	background: #000 url(../img/nav_bg.gif) 0px 4px repeat-x;
	position: relative;
	width: 100%;
}
#footer p {
	padding: 13px;
	text-align: right;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #a5111a;
}


/* Styles to format main navigation */
ul#mainNav  {
	position: relative;
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	background: #000 url(../img/nav_bg.gif) 0px 4px repeat-x;
	float: right;
}
ul#mainNav li {
	margin: 0;
	padding: 0;
	background: transparent;
	float: right;
}
ul#mainNav li a, ul#mainNav li a:link, ul#mainNav li a:visited {
	display: block;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	padding: 11px;
	margin: 0;
	text-align: right;
}
ul#mainNav li a:hover, ul#mainNav a:active {
	color: #ce131f;
	background-color: transparent;
}
body.home ul#mainNav li.home a,
body.blog ul#mainNav li.blog a,
body.stories ul#mainNav li.stories a,
body.links ul#mainNav li.links a,
body.contact ul#mainNav li.contact a,
body.about ul#mainNav li.about a,
body.elevations ul#mainNav li.elevations a,
body.donate ul#mainNav li.donate a,
body.help ul#mainNav li.help a,
body.media ul#mainNav li.media a,
body.store ul#mainNav li.store a {
	color: #ce131f;
}

ul.subnav {
	list-style-type: none;
	margin: 0;
	padding: 10px 25px;
}
/*Active page subnav rules */
ul.about li.about a,
ul.mission li.mission a,
ul.kids li.kids a,
ul.stories li.stories a,
ul.faqs li.faqs a,
ul.help li.help a,
ul.staff li.staff a,
ul.board li.board a,
ul.ezekiel37 li.ezekiel37 a,
ul.trainings li.trainings a,
ul.donate li.donate a,
ul.store li.store a,
ul.expect li.expect a,
ul.bring li.bring a,
ul.shape li.shape a,
ul.signup li.signup a,
ul.forms li.forms a {
	background: #000;
	padding: 4px;
	color: #fff;
	text-decoration: none;
}


/* Forms formatting */
form {
	padding: 25px 35px;
}
form h6 {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 5px 0;
	font-size: 100%;
	font-weight: normal;
}
form h6 label {
	float: left;
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 100px;
}
form h6 label .note {
	font-size: 85%;
}
form h6 input, form h6 select {
	margin: 3px;
	padding: 2px;
	width: 300px;
}
form h6 textarea {
	margin: 3px;
	padding: 2px;
	width: 350px;
}
select.datetime, input.auto {
	width: auto;
}
input.city {
	width: 130px;
}
input.state {
	width: 20px;
}
input.zip {
	width: 80px;
}
input#submit {
	width: auto;
	float: right;
	padding: 2px 5px;
	background: #333;
	color: #fff;
	border: 0px none;
	margin: 0px 10px;
}
form h6 img {
	vertical-align: -30px;
}
form h6 span.submit {
	display: block;
	width: 90%;
	text-align: right;
	position: relative;
	top: 20px;
	font-size: 120%;
	margin-right: 10%;
}
#form ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 25px;
}
.error_message {
	color: #a5111a;
	padding: 5px 35px 3px 35px;
	line-height: 120%;
	text-align: left;
	font-size: 100%;
}

/* Styles to format store page */
.actionpics {
	display: block;
	width: 110px;
	float: right;
	padding: 0 20px 0 0;
	margin: 5px 0 10px 10px;
	text-align: center;
}
.actionpics img {
	margin: 2px;
}
h4.store {
	clear: both;
	margin: 15px 25px 0 25px;
	padding: 15px 10px 5px 10px;
	border-top: 1px solid #333;
}
p.store {
	padding: 10px 35px 5px 65px;
}
form#malse {
	width: 350px;
}
form#malse p {
	padding: 0 30px;
}
form#malse submit, form#malse input#submit {
	float: none;
}


/*Styles to control the sIFR Text */
/*These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	width: auto !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 4px; 
	width: 200px;
}

.sIFR-hasFlash h2.full {
	width: 385px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 2px;
	width: 190px;
}