/* SCREEN STYLES
----------------------------------------------------------------------------------- */
/* http://www.riverrelief.org, Created by Josh Nichols, http://joshnichols.com */
/* Styles based on the Blueprint CSS Framework, http://www.blueprintcss.org/ */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.7;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography */
body {font-size:78%;color:#222;font-family:Verdana, Helvetica, Arial, sans-serif;background:#98C43A url(../images/bg.png) repeat-x; background-attachment:fixed;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.1em; line-height: 1; margin-bottom: 0.75em; color: #36C; border-bottom: 1px solid #36C; font-weight: bold; text-transform: uppercase; }
h3 { color:#d2150c; font-size: 1.8em; line-height: 1.2; margin-bottom: .3em; font-weight: bold; }
h3 a { color: #d2150c; text-decoration: none; display: block; }
h3 a:hover { color: #000; }
h3 span { color: #000; font-size: .8em; }
h4 { color: #693; font-size: 1.3em; line-height: 1.25; margin-bottom: .30em; font-weight: bold; }
h4 a { color: #693; text-decoration: none; }
h4 a:hover { color: #000; }
h5 { font-size: 1.2em; font-weight: bold; line-height: 1; }
h6 { font-size: 1em; font-weight: bold; font-style:italic; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:.5em 0 1.5em 1.5em;}
a:focus,a:hover { color: #36C; text-decoration: none; }
a { color: #36C; text-decoration: underline; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0 0 1.5em;}
ul, ol {margin:0 0 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* 	Hidden skip-to links */
.offset a { position:absolute; left:-1000em; padding:5px; font-weight:bold; background-color:#FFCD55; }
.offset a:focus, .offset a:active { position:absolute; top:2em; left:2em; }

/* Grid */
.container { width: 950px; margin: 15px auto 0 auto; }
#main-container { width: 700px; float: left; }
#nav-container { width:250px; float: left; margin-top:-8px; }
#nav-container-bottom { background: transparent url(../images/bg-nav-bottom.gif) no-repeat left bottom; height:10px; }
#content-container { background-color:#FFF; padding:10px 20px 20px 20px; clear:both; min-height:650px; }

div.last {margin-right:0;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* River Relief styles */
.post-date { color: #693; margin-bottom: .8em }
.slideshow { margin-bottom: 15px; }
.breadcrumbs { font-size: .8em; margin: 0 0 1em 0; }
.inline-icon { display:inline; margin:0 0 -3px 0; }

.volunteer-btn { text-indent:-9999px; position:relative; margin-bottom: .6em; }
.volunteer-btn a { height:67px; display:block; background: url(../images/sign-up-button.gif) no-repeat left top; }
.volunteer-btn a:hover { background: url(../images/sign-up-button.gif) no-repeat left top; background-position:0 -67px; }

.entries { width: 410px; float: left; }
.entries-full { width: 700px; float: left; }
.entry img { margin-top: 5px; }
.entry img.left { float: left; margin-right: 10px; }
.entry img.right { float: right; margin-left: 10px; }
.entry { margin-bottom: 30px; }
.entry .update-inset { width:200px; float:right; margin:0 0 0 1em; }
.entry .update-inset-left { width:200px; float:left; margin:0 1em 0 0; }
.entry .update-inset-full { width:410px; margin-bottom:.5em; }
.entry .update-inset p, .entry .update-inset-left p, .entry .update-inset-full p { color:#666; font-size:.9em; margin:.3em 0 .2em 0; line-height:1.4; }
.entry p.event-location { font-weight:bold; margin-bottom:.3em; line-height:1.3; }
.entry .excerpt p { margin-bottom:.5em; }

.entry h3.event-header { font-size:2.4em; }
.entry p.event-header { font-size:1.2em; }

.next-event { background-color:#D8FFB1; width:390px; padding:10px 10px 0 10px; }
 
.sponsor-section { clear:both; margin-bottom:30px; }
.sponsor-column { width:320px; float:left; margin-right:20px; }
table.sponsors tr td { padding:10px 10px 10px 0; vertical-align:middle; width:320px; }
table.sponsors tr td h4 { font-size:2em; }
table.sponsors tr td h4 a { text-decoration:underline; }
table.sponsors tr td h4 a:hover { text-decoration:none; }

.past-entries-right { width:49%; float: right; text-align:right; }
.past-entries-left { width:49%; float: left; }
.pagination { margin:0 0 1em 0; }
.pagination span.current { background-color:#D8FFB1; border:1px solid #D8FFB1; padding:2px 6px; font-weight:bold; }
.pagination a, .read-more a { background-color:#CAE4FE; border:1px solid #36C; padding:2px 6px; text-decoration:none; }
.pagination a:hover, .read-more a:hover { background-color:#D8FFB1; }

.sidebar-container { width:230px; float:right; margin-left:19px; }

.sidebar { font-size: 90%; line-height:1.5; padding: 10px 10px 5px 10px; background-color: #CAE4FE; margin-bottom: 1.5em; }
.sidebar h2 { margin-bottom:.4em; margin-right:5px; font-size: 1.8em; line-height:1.3; }
.sidebar h3 { margin-bottom:.4em; margin-right:5px; font-size: 1.7em; }
.sidebar h4 { color: #060; font-size: 1.3em; }
.sidebar h4 a { color: #060; } 
.sidebar h4 a:hover { color: #000; } 
.sidebar p { margin-bottom: 1em; }
.sidebar li { line-height: 1.4em; margin-bottom: .4em; }
.sidebar ul.event-list { list-style:none; margin:0 0 .7em 0; font-size: 1.1em; }
.sidebar ul.event-list li { margin-bottom: .8em; }
.sidebar ul.event-list li span { font-weight: bold; display: block; font-size: 90%; }
.sidebar ul.event-list li a { }
.river { background: #CAE4FE url(../images/bg-events-sidebar.gif) no-repeat right bottom; }
.green { background-color:#D8FFB1; }
.grey { background-color: #e0e0e0; }

ul.no-bullet { margin-left:0; }
ul.no-bullet li { list-style:none; margin-bottom:1em;}

.event-image-thumbs { margin-bottom:.2em; }
.event-image-thumbs a img { border:8px solid #CAE4FE; float:left; margin-bottom:15px; margin-right:17px; }
.event-image-thumbs a img.last { margin-right:0; }
.event-image-thumbs a:hover img { border:8px solid #D8FFB1; }
.flickr-link p.to-flickr { clear:both; margin-bottom:.5em; background:url(../images/flickr-poliroid.jpg) no-repeat 0 0; }
.flickr-link p.to-flickr a { height:80px; padding:10px 0 0 90px; display:block; }
.document-link { background:url(../images/pdf.gif) no-repeat; min-height:20px; padding-left:20px; }

.blogger { margin-bottom:.2em; }
.blogger p.to-blogger { clear:both; margin-bottom:.5em; background:url(../images/blogger-balloon.jpg) no-repeat 0 0; }
.blogger p.to-blogger a { height:74px; padding:5px 0 0 90px; display:block; }

#flickr-feed { font-size:.9em; margin-bottom:1.5em; }
#flickr-feed h3 { color:#060; clear:both; margin-bottom:0; background:url(../images/flickr-poliroid.jpg) no-repeat 0 0; }
#flickr-feed h3 a { color:#060; height:80px; padding:20px 0 0 90px; display:block; }
#flickr-feed h3 a:hover { color:#000; }
#flickr-feed ul { margin:0 10px; list-style:none; }
#flickr-feed ul li { float:left; margin-bottom:12px; margin-right:12px; width:91px; height:96px; } 
#flickr-feed ul li.last { margin-right: 0; }
#flickr-feed ul li a img { border:8px solid #CAE4FE; }
#flickr-feed ul li a:hover img { border:8px solid #D8FFB1; }
#flickr-feed p { margin:0 10px; }

#blog-feed { font-size:.9em; margin-bottom:2em; }
#blog-feed h3 { color:#060; clear:both; margin-bottom:0; background:url(../images/blogger-balloon.jpg) no-repeat 0 0; }
#blog-feed h3 a { color:#060; height:74px; padding:15px 0 0 90px; display:block; }
#blog-feed h3 a:hover { color:#000; }
#blog-feed ul { margin:0 10px; line-height:1.3; }
#blog-feed ul li a { display:block; }
#blog-feed p { margin:0 10px; }

#facebook { font-size:.9em; margin-bottom:2em; }
#facebook h3 { color:#060; clear:both; margin-bottom:0; background:url(../images/facebook-icon.jpg) no-repeat 0 0; }
#facebook h3 a { color:#060; height:74px; padding:15px 0 0 90px; display:block; }
#facebook h3 a:hover { color:#000; }

#nav { background-color: #000; }
#nav ul { margin: 0; list-style: none; }
#nav li a { color:#CAE4FE; font-size: 1.2em; line-height:1em; padding:10px 12px 12px 15px; text-decoration:none; background: url(../images/bg-nav.jpg) repeat-x left top; display:block; }
#nav li a:hover { color:#FED048; }
#nav ul li ul { margin:0 0 0 1.5em; padding-bottom:.8em; }
#nav ul li ul li a { color:#D8FFB1; font-size:1.1em; background:none; padding:5px 6px 6px 7px; }
#nav ul li ul li a:hover { color:#FED048; }

#nav-content { font-size: 90%; background-color: #FED048; padding: 20px 15px 1px 15px; }
#nav-content h3 { color:#1A528A; font-size: 1.3em; border-bottom: 1px solid #1A528A; margin-bottom: .6em; font-weight: bold; }
#nav-content h4 { color: #060; font-size: 1.2em; }
#nav-content .paypal form { float: left; margin-right: .2em; }
#nav-content .paypal p { line-height: 1.3; }
#nav-content .paypal a { float:left; margin-right: 10px; }

#tactical { width:930px; background: transparent; background: url(../images/bg-tactical.gif) no-repeat right bottom; padding:8px 20px 5px 0; }
#tactical a { font-size:1em; text-decoration:none; float:left; padding:0 10px 0 0; margin:4px 10px 0 0; border-right: 1px solid #030; line-height: 1.2; color: #030; }
#tactical a:hover { text-decoration:underline; }
#tactical ul { list-style:none; float:right; }
#tactical ul li { float:left; }
#tactical .admin a { color:#d2150c; }

#site-info { background: #000 url(../images/bg-site-info.gif) no-repeat left bottom; clear:both; }
#site-info p { color: #FED048; padding: 15px 20px 20px 20px; font-size: .9em; }

/* Forms */
label {font-weight:bold; display: block; margin:.5em 0;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Google Search */
#cse-search-results iframe { width: 650px; }

/* Slimbox */
#lbOverlay {position: absolute;left: 0;width: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;left: 50%;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../images/slimbox/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
a#lbPrevLink  { border:none; }
#lbPrevLink:hover {background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
a#lbNextLink  { border:none; }
#lbNextLink:hover {background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;margin: 5px 0;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}
