/* CSS Document =========================================================== */ /* reset.css ============================================================== */ 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.4;} 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.css ========================================================= */ body {font-size:75%;color:#222;font-family:"Helvetica Neue", "Arial Unicode MS", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:1.8em;line-height:1;margin-bottom:0.5em;color:#75C3F4;} h2 {font-size:1.5em;margin-bottom:0.75em;} h3 {font-size:1.2em;font-weight:bold;line-height:1;margin-bottom:1em;} h4 {font-size:1em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:0.8em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:0.8em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;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 1.5em;} ul, ol {margin:0 1.5em 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;background:#C3D9FF;} th, td {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;} /* forms.css ============================================================== */ label {font-weight:bold;} 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;} /* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* ie.css */ body {text-align:center;} .container {text-align:left;} * html .column {overflow-x:hidden; margin:0; padding:0;} * html legend {margin:-18px -8px 16px 0;padding:0;} ol {margin-left:2em;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} html>body p code {*white-space:normal;} hr {margin:-8px auto 11px;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container, {height:1%;} #head #headtitle { width:603px; } div#nav { width:950px; margin:0px; padding:0px; margin-right:0; } #body #content { width:603px; padding:0px 20px; } #foot #jam { width:814px; } #foot #jam p{ margin-left:0px; padding:0; color:#726C56; line-height:1.4; font-size:0.9em; } /* IMG Fix*/ div#head img { height:110px; margin-bottom:-3px; } div.imgSpot img { margin-bottom:-3px; } div.imgSpotLeft img { margin-bottom:-3px; } .iePixFix { margin-bottom:-3px; } /* ======================================================================== */ /* universal.css ========================================================== */ /* Image Spotlight ============= */ div.imgSpot { margin:2px 0 5px 10px; padding:0; background-color:#F5F4ED; border: 1px solid #908A72; float:right; } div.imgSpotLeft { margin:2px 10px 6px 0; padding:0; background-color:#F5F4ED; border: 1px solid #908A72; float:left; } div.imgSpot img { margin:0 0 2px 0; padding:0; } div.imgSpot p { margin:2px 0px 2px 2px ; padding:0; font-size:0.8em; color:#635C49; } div.imgSpot a, a:link, a:active, a:visited, a:hover { color:#829B31; text-decoration:underline; } div.imgSpotLeft img { margin:0 0 2px 0; padding:0; } div.imgSpotLeft p { margin:2px 0px 2px 2px ; padding:0; font-size:0.8em; color:#635C49; } div.imgSpotLeft a, a:link, a:active, a:visited, a:hover { color:#829B31; text-decoration:underline; } img#iconFlickr { margin:0; padding:0; } /* Hiking ====================== */ div#hikeInfo { width:563px; margin:0 0 15px 0; padding:0; } div#hikeData { width:253px; margin:0 10px 0 0; padding:0; border-top:1px dotted #BFB9A6; } div#hikeData td { vertical-align:top; margin:0px; padding:4px 0px 4px 0px; font-size:95%; border-bottom:1px dotted #BFB9A6; } div#hikeData td#hikeDataLeft { width:99px; padding-left:4px; padding-right:4px; font-weight:bold; } div#hikeData td#hikeDataRight { width:140px; } div#hikeMap { margin:0; padding:0; width:300px; border:0; } /* Related ===================== */ div#related { } div#related p { margin:0; padding:0; font-weight:bold; } div#related li { list-style-type:none; } /* delicious.css ============= */ #delicious { margin-top: 10px; } .delicious-blogbadge-custom { font: 12px arial; border: 1px solid #C4C3BF; width: 200px; text-align: center; position: relative; } .delicious-blogbadge-custom .save-to-link { clear: both; display: block; padding: 0 0 0 12px; margin: 0.5em; text-align: center; color: #4C98C8 !important; text-decoration: none; font-weight: bold; background: url(http://l.yimg.com/hr/10362/img/delicious.small.gif) no-repeat 2px 50%; border: none !important; } .delicious-blogbadge-custom .url-link { text-align: right; display: block; float: right; color: #999 !important; text-decoration: none; padding: 4px 6px; position: absolute; bottom: 0px; right: 0px; border: none !important; } .delicious-blogbadge-custom .url-link .post-count { background-color: #4C98C8; color: #fff; padding: 0 0.25em 0 0.25em; } .delicious-blogbadge-custom .empty-save-to-link { display: none; border: none !important; } .delicious-blogbadge-custom .empty-save-to-link-label { display: block; font-size: 85%; text-align: center; } .delicious-blogbadge-custom .empty-message { background-color: #E6E6E6; float: right; font-size: 95%; display: block; font-weight: normal; width: 100%; padding: 2px 0 2px 0; } .delicious-blogbadge-custom .post-count-label-before { display: inline; } .delicious-blogbadge-custom .post-count { display: inline; text-align: center; } .delicious-blogbadge-custom .post-count-label-after { display: inline; } .delicious-blogbadge-custom .top-tags-container { background-color: #F5F4ED; text-align: left; padding: 4px 6px 4px 6px; margin-bottom: 0.75em; } .delicious-blogbadge-custom .top-tags-title { display: inline; font-size: 100%; font-weight: bold; } .delicious-blogbadge-custom .top-tags { display: inline; margin: 0; padding: 0; text-indent: 0; } .delicious-blogbadge-custom .top-tags li { font-size: 100%; display: inline; list-style: none; margin: 0; padding: 0 0.15em 0.15em 0; } .delicious-blogbadge-custom .top-tags li a { padding: 0; margin: 0; text-decoration: none; border: none !important; color: #829B31 !important; } .delicious-blogbadge-custom .top-tags li a:hover { text-decoration: underline; } .delicious-blogbadge-custom br { clear: both; } .delicious-blogbadge-line { font: 12px arial; position: relative; display: block; clear: both; overflow: hidden; height: 3em; line-height: 3em; } .delicious-blogbadge-line .save-to-link { margin: none; padding: 4px 7px 4px 20px; text-decoration: none; border: 2px solid #B1B1B1; background: url(http://l.yimg.com/hr/10362/img/delicious.small.gif) no-repeat 6px 50%; color: blue !important; font-weight: bold; vertical-align: middle; } .delicious-blogbadge-line .url-link { padding: 0 0.75em 0 0.75em; text-decoration: none; border: none !important; color: #999 !important; } .delicious-blogbadge-line .url-link .post-count { background-color: #4C98C8; color: #fff; padding: 0 0.25em 0 0.25em; } .delicious-blogbadge-line .empty-save-to-link { display: none; } .delicious-blogbadge-line .empty-message { padding: 0 0.75em 0 0.75em; color: #999; text-decoration: none; } .delicious-blogbadge-line .post-count-label-before { } .delicious-blogbadge-line .post-count { } .delicious-blogbadge-line .post-count-label-after { } .delicious-blogbadge-line .top-tags-container { display: inline; } .delicious-blogbadge-line .top-tags-title { padding-right: 0.5em; } .delicious-blogbadge-line .top-tags { margin: 0; padding: 0; text-indent: 0; display: inline; } .delicious-blogbadge-line .top-tags li { display: inline; list-style: none; margin: 0; padding: 0 0.15em 0.15em 0; } .delicious-blogbadge-line .top-tags li a { text-decoration: none; border: none !important; color: blue !important; } .delicious-blogbadge-line br { clear: both } .delicious-blogbadge-full { font: 12px arial; position: relative; display: block; clear: both; padding: 1em 0 1em 0; } .delicious-blogbadge-full .save-to-link { padding: 2px 6px 2px 20px; text-decoration: none; border: 2px solid #B1B1B1; background: url(http://l.yimg.com/hr/10362/img/delicious.small.gif) no-repeat 6px 50%; font-weight: bold; } .delicious-blogbadge-full .url-link { padding: 0 0.75em 0 0.75em; color: #999; text-decoration: none; } .delicious-blogbadge-full .url-link .post-count { background-color: #4C98C8; color: #fff; padding: 0 0.25em 0 0.25em; } .delicious-blogbadge-full .empty-save-to-link { display: none; } .delicious-blogbadge-full .empty-message { padding: 0 0.75em 0 0.75em; color: #999; text-decoration: none; } .delicious-blogbadge-full .post-count-label-before { } .delicious-blogbadge-full .post-count { } .delicious-blogbadge-full .post-count-label-after { } .delicious-blogbadge-full .top-tags-container { display: inline; } .delicious-blogbadge-full .top-tags-title { padding-right: 0.5em; } .delicious-blogbadge-full .top-tags { margin: 0; padding: 0; text-indent: 0; display: inline; } .delicious-blogbadge-full .top-tags li { display: inline; list-style: none; padding: 0 0.15em 0.15em 0; } .delicious-blogbadge-full .top-tags li a { color: #4C98C8; text-decoration: none; } .delicious-blogbadge-full .latest-posts-label { display: block; font-weight: bold; text-decoration: underline; margin: 1em 0 0.5em 2em; } .delicious-blogbadge-full .latest-posts ul { list-style: none; } .delicious-blogbadge-full .latest-posts ul li.xfolkentry { margin-bottom: 1.35em; margin-top: 0.35em; font-size: 95%; } .delicious-blogbadge-full .xfolkentry .description { margin: 0.5em 0 0.5em 2em; font-style: italic; } .delicious-blogbadge-full .xfolkentry .created { } .delicious-blogbadge-full .xfolkentry .author { } .delicious-blogbadge-full .xfolkentry .taggedlink { } .delicious-blogbadge-full .xfolkentry .description { clear: both; width: 75%; } .delicious-blogbadge-full .xfolkentry .meta { margin-top: 0.5em; font-size: 90%; } .delicious-blogbadge-full .xfolkentry ul.tags { margin: 0; padding: 0; display: inline; } .delicious-blogbadge-full .xfolkentry ul.tags li { display: inline; list-style: none; } .delicious-blogbadge-full br { clear: both } /* Layout ====================== */ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} body {margin:6px 0 0 0;} .column, div.spanCol-1, div.spanCol-2, div.spanCol-3 {float:left;} .last, div.last {margin-right:0;} .spanCol-1 {width:200px;} .spanCol-2 {width:553px;padding:0px 20px;} .spanCol-3 {width:155px;} .spanCol-All, div.spanCol-All {width:950px;margin:0;} input.spanCol-1, textarea.spanCol-1, select.spanCol-1 {width:200px!important;} input.spanCol-2, textarea.spanCol-2, select.spanCol-2 {width:533px!important;} input.spanCol-3, textarea.spanCol-3, select.spanCol-3 {width:155px!important;} input.spanCol-All, textarea.spanCol-All, select.spanCol-All {width:940px!important;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* Header ====================== */ #head { border-bottom: 1px solid #C4C3BF; margin-top: 6px; margin-bottom: 15px; background: url(http://www.snoutout.com/lib/img/logo.gif) no-repeat; background-position: center center;} #head #headtitle { background-image:url("/lib/img/snoutHead.png"); background-repeat:no-repeat; height:110px; } #head #title { display:none; } #head #subtitle { display:none; } /* Page Body =================== */ body { background: #FFFFFF url(http://www.snoutout.com/lib/img/bg.gif) repeat-x; } #body { margin-top:1px; } /* Content ===================== */ div#content { margin-top: 15px; text-align:center; } div#intro { border-bottom: 1px solid #C4C3BF; } div#topics { margin-top: 30px; font-size:2.0em; font-weight:bold; } div#topics h3 a:hover { text-decoration:underline; } /* Footer ====================== */ div#foot { margin-top:1px; margin-bottom:1px; padding:0; border-top:1px solid #C4C3BF; } div#foot p{ margin:0 10px; padding:0; color:#726C56; line-height:25px; } div#foot p#source { display:none; } div#foot a, div#foot a:link, div#foot a:active, div#foot a:visited { color:#726C56; text-decoration:none; } div#foot a:hover { text-decoration:underline; }