/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

body { width: 960px; margin: 10px auto; }

.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 { float: left; margin: 0 10px; }

.span_1 { width: 60px; }

.span_2 { width: 140px; }

.span_3 { width: 220px; }

.span_4 { width: 300px; }

.span_5 { width: 380px; }

.span_6 { width: 460px; }

.span_7 { width: 540px; }

.span_8 { width: 620px; }

.span_9 { width: 700px; }

.span_10 { width: 780px; }

.span_11 { width: 860px; }

.span_12 { width: 940px; }

.start { margin-left: 0; }

.finish { margin-right: 0; }

.row { border-bottom: 1px dotted #bbb; padding-bottom: 15px; }

/* Auto-clear floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IE6 */
* html .clear { height: 1%; }

/*IE7 */
.clear { min-height: 1px; }

/* typography */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 18px; color: #444; }

h1, #top-story h3 { font-size: 26px; line-height: 30px; margin-bottom: 10px; }

h2 { font-size: 18px; line-height: 20px; margin: 10px 0; font-weight: normal; color: #888; }

h3 { font-size: 16px; line-height: 20px; margin-bottom: 18px; }

h4 { font-size: 14px; line-height: 18px; }

p { margin-bottom: 18px; }

p.byline { font-size: 13px; margin-bottom: 8px; }

ul, ol { margin-bottom: 18px; }

li { list-style-position: inside; }

a { color: #00417a; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a:hover, a:active, a:visited { color: #6A89A2; }

/* Header */
#masthead { position: relative; }
#masthead > form { position: absolute; bottom: 5px; right: 5px; }

#search-box { font-size: 16px; line-height: 20px; width: 300px; }

#address-box { font-size: 16px; width: 230px; }

#mapcanvas { width: 300px; height: 225px; }

#story-map h2 { border-bottom: 1px solid #dddddd; background: transparent url("../img/map-pin.png") no-repeat scroll 0 0; color: #535353; font-size: 18px; font-weight: 800; padding: 8px 0 8px 28px; }

#story-map h2 em { color: #f69c14; font-style: normal; }

#submit-location { z-index: 99999; }

#search-bar { background: #bebebe; /* Old browsers */ background: -moz-linear-gradient(top, #bebebe 0%, #bebebe 3%, #efefef 4%, #bebebe 5%, #bebebe 45%, #b1b1b2 58%, #b1b1b2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bebebe), color-stop(3%, #bebebe), color-stop(4%, #efefef), color-stop(5%, #bebebe), color-stop(45%, #bebebe), color-stop(58%, #b1b1b2), color-stop(100%, #b1b1b2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bebebe 0%, #bebebe 3%, #efefef 4%, #bebebe 5%, #bebebe 45%, #b1b1b2 58%, #b1b1b2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bebebe 0%, #bebebe 3%, #efefef 4%, #bebebe 5%, #bebebe 45%, #b1b1b2 58%, #b1b1b2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #bebebe 0%, #bebebe 3%, #efefef 4%, #bebebe 5%, #bebebe 45%, #b1b1b2 58%, #b1b1b2 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEBEBE', endColorstr='#B1B1B2',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #bebebe 0%, #bebebe 3%, #efefef 4%, #bebebe 5%, #bebebe 45%, #b1b1b2 58%, #b1b1b2 100%); /* W3C */ width: 600px; }

#search-bar input { background-color: #676767; border-bottom: 1px solid #d6d6d6; border-left: 0; border-top: 0; border-right: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 10px 20px; outline: none; padding: 4px 18px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow: inset 0px 1px 1px #404040; -webkit-box-shadow: inset 0px 1px 1px #404040; }

#bigaddress-box { font-size: 16px; padding-left: 10px; margin-right: 10px !important; width: 280px; }

#bigaddress-box::-webkit-input-placeholder { color: #cbcbcb; font-size: 13px; font-weight: 200; text-shadow: 0px 1px 0px #323232; }

#bigaddress-box:-moz-placeholder { color: #cbcbcb; font-size: 13px; font-weight: 200; text-shadow: 0px 1px 0px #323232; }

input#submit { font-size: 14px; font-weight: 400; margin-left: 0; text-shadow: 0px 1px 0px #1d1d1d; background: #727272; /* Old browsers */ background: -moz-linear-gradient(top, #727272 0%, #727272 45%, #5e5e5e 58%, #5e5e5e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727272), color-stop(45%, #727272), color-stop(58%, #5e5e5e), color-stop(100%, #5e5e5e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #727272 0%, #727272 45%, #5e5e5e 58%, #5e5e5e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #727272 0%, #727272 45%, #5e5e5e 58%, #5e5e5e 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #727272 0%, #727272 45%, #5e5e5e 58%, #5e5e5e 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272', endColorstr='#5E5E5E',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #727272 0%, #727272 45%, #5e5e5e 58%, #5e5e5e 100%); /* W3C */ }

#steps ul { background: transparent url("../img/map-arrow.png") no-repeat scroll 345px 35px; margin-bottom: 0; padding-bottom: 5px; }

#steps li { background: transparent url("../img/map-steps-divider.png") no-repeat scroll top right; color: #1e1e1e; display: inline-block; font-size: 13px; font-weight: 500; list-style-type: none; padding-top: 15px; width: 203px; }

#steps li.last { background: none; }

#steps li h4 { color: #d1d1d1; display: inline-block; font-size: 42px; font-weight: 400; width: 30px; }

#steps li p { display: inline-block; width: 150px; }

#bigmapcanvas { width: 600px; height: 500px; z-index: 1; }

#nav, #category-nav { margin-bottom: 0; position: relative; }
#nav li, #category-nav li { text-transform: uppercase; display: inline; line-height: 36px; padding: 0 20px; font-size: 18px; }
#nav a, #category-nav a { text-decoration: none; }
#nav a:link, #nav a:visited, #category-nav a:link, #category-nav a:visited { color: #fff; }
#nav a:hover, #category-nav a:hover { color: #F78600; }
#nav li.selected a, #category-nav li.selected a { color: #F78600; }

#nav { background-color: #666666; }

#category-nav { background-color: #444; display: none; }

.ie6 #nav, .ie6 #category-nav, .ie7 #nav, .ie7 #category-nav { height: 36px; }

.no-js #category-nav { display: block; }

#contribute { background-color: #f8981d; position: absolute; right: 0; top: 0; height: 36px; }
#contribute a:hover, #contribute a:active { color: #666; }

#home-top-image { width: 300px; }

#proximate-stories li h3 { font-size: 13px; }

.home-top-list { margin-bottom: 16px; }
.home-top-list li { list-style: none; margin-bottom: 15px; }
.home-top-list li.last { margin-bottom: 0; }
.home-top-list li img { float: left; margin-right: 8px; }
.home-top-list li ul { margin: 5px; }

#comment-list li { margin: 18px 0; list-style: none; border-top: 1px dotted #999; padding-top: 10px; }
#comment-list li div.span_2 { font-size: 13px; }

.comment-author { font-size: 14px; font-weight: bold; }

/*    Sidebar    */
#colophon { background-color: #FFF2D8; padding: 24px 16px; }

#account-actions { text-align: center; margin-top: 24px; }
#account-actions a { background-color: #A18B55; color: #FFFDF6; padding: 8px; font-size: 20px; margin: 8px; letter-spacing: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#account-actions a:hover, #account-actions a:active { background-color: #897821; text-decoration: none; }

#elsewhere { text-align: center; }

#sidebar > div { margin-bottom: 16px; }

/*    Footer    */
#content { margin: 20px 0; }

#footer { color: #fff; background-color: #666; padding: 10px 0; position: relative; padding-bottom: 80px; }
#footer h4 { border-bottom: 1px solid #999; }
#footer ul, #footer h4 { margin: 5px 20px; }
#footer h4 { padding-bottom: 5px; }
#footer li { list-style-type: square; font-size: 14px; }
#footer a { color: #ccc; }

#support-logo { position: absolute; right: 10px; bottom: 10px; }

#copyright-info { color: gray; font-size: 12px; line-height: 12px; position: absolute; left: 10px; bottom: 10px; }

/* Register page specific */
body.map #map-wrapper { position: relative; }
body.map #proximate-stories ul { padding: 10px 20px 0 0; width: 200px; }
body.map #map-canvas { width: 380px; height: 300px; }
body.map #crosshair { position: absolute; display: block; height: 54px; width: 54px; left: 163px; top: 123px; background: url(../img/map_center.png); background-position: center center; background-repeat: no-repeat; }
body.map #register-submit { /*        background-color:#FF922E;*/ /*        color:#fff;*/ font-size: 16px; }

body.bigmap #bigmap-wrapper { position: relative; margin-top: 4px; }
body.bigmap #bigmap-canvas { width: 600px; height: 500px; }
body.bigmap #bigcrosshair { position: absolute; display: block; height: 54px; width: 54px; left: 273px; top: 223px; background: url(../img/map_center.png); background-position: center center; background-repeat: no-repeat; }
body.bigmap #register-submit { /*        background-color:#FF922E;*/ /*        color:#fff;*/ font-size: 16px; }

/* Forms */
.field { margin: 5px 0; padding: 5px 0; }
.field input, .field textarea { font-size: 14px; line-height: 18px; width: 370px; }
.field input:focus, .field textarea:focus { background-color: #FFFFEF; }
.field label { font-weight: bold; color: #444; text-transform: uppercase; font-size: 13px; margin-right: 8px; }
.field input[type=submit] { font-size: 16px; line-height: 20px; }

.field_info { display: block; margin-bottom: 1px; }

.field_help { font-size: 13px; font-style: italic; }

.invalid { background-color: #FFC5C8; padding: 15px 10px; margin-left: -20px; border-left: 3px solid red; }

.invalid .errorlist li { list-style: none; font-weight: bold; }

/* Homepage */
.featured-author { margin: 10px 0; }
.featured-author img { width: 75px; height: 67px; float: left; }

p.author-name, #home-categories h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.featured-text.has-bio-image { width: 200px; float: left; margin-left: 10px; }

/* Comment form */
.comment-identity { margin: 10px 0; }
.comment-identity img { width: 75px; height: 67px; float: left; }

#comment-id-text.has-bio-image { float: left; margin-left: 10px; }
#comment-id-text span { font-style: italic; font-size: 15px; }

#comment-form textarea { width: 400px; }

/* archive page */
#category-list li { list-style: none; padding: 10px 0; border-bottom: 1px dotted #999; }
#category-list li h3 { font-size: 20px; margin-bottom: 10px; }
#category-list li .dateline { color: #666; font-size: 15px; margin-bottom: 5px; }
#category-list li img { float: left; width: 100px; height: 75px; margin-right: 10px; }
#category-list li > div.has-image { float: left; width: 490px; }

/* Story Page */
#story { border-bottom: 1px dotted #999; }

#story-image img { width: 300px; }

#story-media img { cursor: pointer; }

p.caption { font-size: 12px; line-height: 16px; }

/* Addition tools */
.story-addition { background-color: #EBF0F7; padding: 10px; margin: 0 30px 0 15px; border-left: 5px solid #A5A9B1; border-right: 5px solid #A5A9B1; font-size: 14px; line-height: 18px; }
.story-addition .submitter, .story-addition .submission-date { text-transform: uppercase; font-size: 12px; color: #666; }
.story-addition .submitter { font-weight: bold; margin-bottom: 15px; }
.story-addition .submission-date { text-align: right; }

/* Category list */
#home-categories li { margin-bottom: 5px; list-style-type: square; list-style-position: outside; margin-left: 20px; }

#home-categories li.more { list-style: none; font-size: 14px; margin-left: 2px; margin-top: 10px; }

#share-tools iframe { vertical-align: top; margin-bottom: 8px; }

/* pagination links */
.pagination { text-align: center; margin-top: 15px; }

.step-links a.previous { margin-right: 40px; }

.step-links a.next { margin-left: 40px; }

/*  Messages */
.messages li { list-style: none; display: none; margin-bottom: 15px; padding: 15px 10px; position: relative; background: #C0D9EA no-repeat 10px 10px; padding-left: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.messages li.debug { background-image: url(../img/messages_debug.png); }
.messages li.info { background-image: url(../img/messages_info.png); }
.messages li.success { background-color: #7AE47B; background-image: url(../img/messages_success.png); }
.messages li.warning { background-color: #FFFF95; background-image: url(../img/messages_warning.png); }
.messages li.error { background-color: #EE8587; background-image: url(../img/messages_error.png); }
.messages li a.dismiss { position: absolute; right: 10px; font-size: 12px; }

.no-js .messages li { display: block; }

.no-js .dismiss { display: none; }

/* proximate-stories */
div#proximate-stories ul li { padding-left: 30px; background-repeat: no-repeat; background-position: 0 .5em; }

div#proximate-stories ul li.a { background-image: url(../img/a.png); }
div#proximate-stories ul li.b { background-image: url(../img/b.png); }
div#proximate-stories ul li.c { background-image: url(../img/c.png); }
div#proximate-stories ul li.d { background-image: url(../img/d.png); }
div#proximate-stories ul li.e { background-image: url(../img/e.png); }

/* popular-commented */
#most-popular { background-color: #fdf2d8; margin: 15px 0; }
#most-popular div.tab-content { padding: 5px 10px; display: none; }
#most-popular div.visible { display: block !important; }
#most-popular li a { font-size: 12px; color: #004276; }
#most-popular ol { font-size: 14px; color: #666; }
#most-popular ol li { list-style-type: decimal; list-style-position: outside; margin: 5px 0 5px 20px; }
#most-popular ul.tabs { background-color: #fce8b8; }
#most-popular ul.tabs li { list-style: none; display: inline; margin: 0; font-size: 14px; line-height: 24px; color: #666; padding: 5px 10px; }
#most-popular ul.tabs li.selected { background-color: #fdf2d8; }
#most-popular ul.tabs li:hover { background-color: #fdf2d8; cursor: pointer; }

/* legal */
p.legal-notice { margin-top: 1em; font-size: 12px; font-style: italic; line-height: 1em; }