/*
Site: Save a Life - Pitkin County, CO
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairweb.com  
July 28, 2011 
*/


/* ---- Reset CSS ---- */
html, body, img {
	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; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*  Save a Life - CSS  */
p 				{ padding:0; margin:0 0 20px 0; font: 12px/18px Verdana, Geneva, Tahoma, sans-serif; color:#333; }
.completesite 	{ font: 12px/18px Verdana, Geneva, Tahoma, sans-serif; color:#333; }

h1, h2, h3, h4, h5, h1.completesite, h2.completesite { color:#666; font-weight:normal; font-family:futura-pt, Futura, "Trebuchet MS", Arial, sans-serif; }
h1, h1.completesite { margin: 0 0 10px 0; font-size: 24px; line-height:24px; color:#666; }
h2, h2.completesite { margin: 15px 0 10px; font-size: 20px; line-height:16px; font-weight:normal; color:#444; }
h3 { margin: 0; font-size: 18px; line-height:24px; }
h4 { margin: 0; font-size: 16px; line-height:22px; }

/*  Layout  */
body {
	margin: 0;
	background:#000;
	font: 12px/18px Verdana, Geneva, Tahoma, sans-serif;
	color:#333; text-align:left;
}

#container	{ width:960px; margin:0 auto; zoom:1; position:relative; z-index:1; background-color:#FFF; }
#slideshow	{ position:absolute; top:112px; left:248px; z-index:2; background:#FFF; }
#header		{ height:430px; background:url(../images/header-bg.png) 0 0 no-repeat; position:relative; z-index:10; }
  #nav		{ width:590px; float:right; margin:80px 10px 0 0; text-align:right; }
  #sideNav	{ position:relative; top:240px; left:20px; width:200px; }
#content	{ background:url(../images/content-bg.png) 0 0 repeat-y; padding:0 0 10px; }  
  #storiesTitle { padding-top:7px; }
  #sidebar	{ padding:20px 20px 0 0; }
  #linksHome{ padding-bottom:30px; margin-left:9px; z-index:99; padding-top:10px; }
  #main		{ padding:30px 10px 50px 0; }
  #footer	{ text-align:center; }
    #footer p { font-size:11px; }
/* Interior layout */
#intContainer	{ width:960px; margin:0 auto; position:relative; z-index:1; background:url(../images/content-bg.png) 0 0 repeat-y; min-height:600px; }
#intHeader		{ height:430px; background:url(../images/int-header-bg.png) 0 0 no-repeat; position:relative; z-index:10; }
#intContent		{ z-index:90; float:right; width:600px; margin-right:30px; margin-top:50px; }
#intSidebar		{ float:left; width:280px; }
  #intStoriesTitle { width:280px; margin-left:20px; margin-top:260px; }
  #intSidebarContent { margin:20px 0 0 14px; padding:0; }
  #linksInt		{ padding-bottom:30px; margin-left:24px; z-index:99; }
  
/*  links  */
a { white-space:normal; }

a:link, a:visited, a:active, a:hover { color: #CB0000; font-weight: bold; text-decoration: none; } 
a:hover   { color: #444; text-decoration:underline; }

a.mainNav:link, a.mainNav:active, a.mainNav:visited, a.mainNav:hover {
	color:#FFF;
	text-transform:uppercase;
	padding:0 10px;
	border-left:1px solid #FFF;
	display:inline-block;
	font-size:12px;
	font-family:futura-pt, Futura, "Trebuchet MS", Arial, sans-serif;
}
a.mainNav:hover {
	text-decoration:none;
	color:#DDD;
}

a.footerNav:link, a.footerNav:active, a.footerNav:visited, a.footerNav:hover {
	font-size:11px;
}

a.btnAsk 		{ border:none; background: url(../images/sideNav-buttons.png) 0 -4px no-repeat; width:264px; height:50px; display:block; }
a.btnAsk:hover	{ border:none; background: url(../images/sideNav-buttons.png) 0 -204px no-repeat;  }

a.btnGet 		{ border:none; background: url(../images/sideNav-buttons.png) 0 -70px no-repeat; width:264px; height:50px; display:block; margin-top:15px; }
a.btnGet:hover	{ border:none; background: url(../images/sideNav-buttons.png) 0 -270px no-repeat;  }

a.btnStory 		{ border:none; background: url(../images/sideNav-buttons.png) 0 -140px no-repeat; width:264px; height:50px; display:block; margin-top:15px; }
a.btnStory:hover{ border:none; background: url(../images/sideNav-buttons.png) 0 -340px no-repeat;  }

a.btnHelpfulLinks 		{ border:none; background: url(../images/btnHelpfulLinks2.png) 0 0 no-repeat; width:276px; height:45px; display:block; margin-top:15px; }
a.btnHelpfulLinks:hover { border:none; background: url(../images/btnHelpfulLinks2.png) 0 -50px no-repeat;  }


/* Lists */
ul { padding:0; margin:0; }
li { padding:0; margin:0 0 0 20px; border:0; }

#footer ul { margin:0; padding:0; list-style:none; }
#footer li { margin:0; padding:0 0 0 14px; display:inline; }


/* form elements */
input[type="text"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}
input[type="text"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }
input [type="image"] { border:none; }


/* random */
.center	{ text-align:center; }
.space	{ padding:0 4px; }
.pipe	{ margin:0 0 0 10px; color:#666; font-size:12px; }