/*=============================================================
// Chipperdog.com Main Stylesheet - Media: Screen - Rev 6/2009
===============================================================*/

body {/* Font size scaling in IE using EM and % units */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #000000;
background-color: #e7e4e4;
background-image: url(misc/menu/gray-wev.jpg);
margin: 0;
padding: 0;
}

.doNotDisplay {display: none !important;}

#header {width: 100em;
height: 60px;
clear: both;
background: #a4a2a4 url(misc/menu/logo_bkg2.gif) repeat-x;
border-bottom: 2px #666666 solid;}

#header img {float: left;}

#header div.logo {font-size: 32pt;
color: #000080;
font-weight: bold;
padding-bottom: 0.2em;
margin-bottom: 0.5em;
font-style: italic;
font-family: cursive;}

#header span {position: relative;
top: 60%;
float: right;
font-size: 1.2em;
font-weight: bold;
margin-right: 2.5em;}

#container {/* Main Wrapper for Content Area */
position: relative;
width: 100em;
margin: 0 auto;
background-color: #c9c9c9;
border: 1px #000000 solid;}

.innercontainer {width: 100%;
/* Needed for IE */}

#main {/* Main Content - 1 Column Page uses IE min-height hack */
min-height: 630px;
height: auto !important;
height: 630px;
overflow: auto;
margin-left: 12em;
font-size: 1.1em;
background-color: #e7e4e4;
border-left: 1px #000000 solid;
padding: 2.4em 1.8em 1.4em 1.8em;}

#leftbox {/* Left Column */
width: 52%;
background-color: #e7e4e4;
padding: 0 0 3em 0.5em;}

#rightbox {/* Right Column */
width: 45%;
float: right;
margin: 0;
padding: 5px 0 3em 0;}

#rightbox a, a:hover {border: none;
text-decoration: none;}

#navbar {/* Keep in EM for IE list order - spacing */
width: 13.2em;
position: absolute;
top: 62px;
left: 0;
background-color: #b0b0b0;}

#navbar ul, ul li {margin: 0;
padding: 0;}

#navbar ul li {list-style-type: none;}

#navbar ul li a:link, #navbar ul li a:visited {/* Keep in EM for IE */
width: 11.3em;
display: block;
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
padding: 0.6em 0 0.6em 0.7em;
color: #015c7e;
letter-spacing: 0.2em;
border-bottom: 1px #000000 solid;}

#navbar ul li a:hover, #navbar li a#current {color: #000000;
background: #c7c7c7;}

#navbar ul ul li a:link, #navbar ul ul li a:visited {width: 11em;
font-size: 1em;
padding: 0.55em 0 0.55em 2.2em;
letter-spacing: 0.1em;}

#navbar ul ul li a:hover, #navbar ul ul li a#current2 {/* 2nd inherits - change only padding, font, width */
color: #000000;
background: #c7c7c7 url(misc/menu/arrow2.gif) no-repeat 1em 0.45em;}

#navbar .new {color: #e10052;
font-size: 0.85em;
font-style: italic;}

#footer {width: 100%;
/* clear: both */
margin: 0;
padding: 0.6em 0 0.6em 0;
font-size: 0.9em;
color: #333333;
font-weight: bold;
border-top: 1px #333333 solid;
background: #b7b7b7 url(misc/menu/logo_bkg2.gif) repeat-x;}

#footer .left {width: 20%;
float: left;
padding-left: 1em;}

#footer .center {text-align: center;}

#footer .right {width: 20%;
float: right;
text-align: right;
padding-right: 1em;}

#footer a, a:hover {color: #333333;
border: none;
text-decoration: underline;}

h1 {font-family: "trebuchet ms", verdana, tahoma, sans-serif;
font-size: 200%;
font-weight: bold;
margin: 1em 0 1em 0;
padding: 0;}

h2 {font-family: "trebuchet ms", verdana, tahoma, sans-serif;
font-size: 170%;
font-weight: bold;
margin: 0 0 0.3em 0;
padding: 0;}

p {font-size: 1em;
text-align: justify;
line-height: 160%;}

a.aqua {color: #015c7e;
text-decoration: none;
font-weight: bold;
border-bottom: 1px #015c7e solid;}

a.aqua:hover {color: #015c7e;
font-weight: bold;
border-bottom: 2px #015c7e solid;}

.clearboth {clear: both;
display: block;
line-height: 0;
min-height: 1em;
height: 0.5em;
margin: 0;
padding: 0;}

div.titlebar {/* Index, Radar, Maps, Records, Graphs, Trends, Forecast, Advisory */
font-size: 1.5em;
font-weight: bold;
color: #f5f5f5;
background-color: #015c7e;
text-align: center;
padding: 0.3em 0em;
border-bottom: 1px #333333 solid;}

.news {border: 1px #333333 solid;
border-bottom: 2px #636363 solid;
border-right: 2px #636363 solid;
background-color: #dfdfdf;}

.news p {margin-top: 0;
margin-bottom: 0.3em;
padding: 0.5em 0.8em;
text-align: justify;
line-height: 160%;}

.picbar2 {width: 100%;
margin: 0 auto 0 auto;
background-color: #b5cad6;
color: #01465f;
text-align: center;
padding-top: 0.3em;
border-right: 3px #636363 solid;
border-bottom: 3px #636363 solid;
border-left: 1px #333333 solid;
border-top: 1px #333333 solid;
-webkit-border-radius: 10px;
/* for Safari  rounded borders */
   -moz-border-radius: 10px;
/* for Firefox rounded borders */}

.picbar {width: 345px;
margin: 0 auto 3em auto;
background-color: #015c7e;
color: #015c7e;
text-align: center;
padding-top: 0.3em;
border-right: 3px #636363 solid;
border-bottom: 3px #636363 solid;
border-left: 1px #333333 solid;
border-top: 1px #333333 solid;
-webkit-border-radius: 10px;
/* for Safari  rounded borders */
   -moz-border-radius: 10px;
/* for Firefox rounded borders */}

.picbar img {border: none;
padding: 0.3em 0;}

.picbar p {font-size: 1.1em;
font-weight: normal;
margin: 0;
padding: 0 0 0.3em 0;
text-align: center;}

.picbar p.large {font-size: 1.5em;
font-weight: bold;
margin: 0;
padding: 0;}

.thumbnail {width: 100px;
float: left;
background-color: #b5cbd6;
margin: 0em 0.7em 1.5em 0.6em;
padding: 7px;
border: 1px #07659b solid;}

.thumbnail img {border: none;}

/* ===============================================
// Weather Radar, Maps, Graphs, Records, Reports
// =============================================*/

#weather {width: 680px;
margin-left: 3em;
margin-bottom: 3em;
background-color: #d7d7d7;
border: 1px #333333 solid;}

#weather form {font-size: 1em;
font-weight: bold;
color: #000000;
background-color: #d7d7d7;
margin: 0;
padding: 0.6em 0 0.6em 0;
border-bottom: 1px #333333 solid;}

#weather fieldset {margin: 0;
padding: 0;
border: 0;}

#weather label {padding: 0 0.2em 0 1.5em;}

#weather select {width: 13em;
font-size: 1em;
font-weight: bold;
color: #f5f5f5;
background-color: #015c7e;
padding-left: 0.1em;
text-align: left;}

#weather select.type {width: 114px;}

#weather select.map {width: 130px;}

#weather select.loop {width: 64px;}

#weather select.region {width: 95px;}

#weather img {display: block;
margin: 1em auto;
padding: 0.4em 0;}

#weather input.submit {margin: 0 0 0 0.7em;
vertical-align: middle;}

/* Main Radar Controls */
#weather div label {padding-left: 2em;}

#weather input.check_box {vertical-align: baseline;
color: #000000;
margin: 0;
padding: 0;
position: relative;
top: 0.2em;}

#weather div.submenu { color: #000000;
font-size: 0.9em;
font-weight: normal;
background: #c7c7c7 url(misc/menu/gradient_grey30h.png);
border-top: 1px #666666 solid;
margin: 0.8em 0 0 0;
padding: 0.3em 0 0.4em 1.6em;
}

#weather div.submenu input {vertical-align: baseline;
color: #000000;
/* IE */
margin: 0;
padding: 0.1em;
/* show Opera10 selection */
position: relative;
top: 0.2em;}

#weather div.submenu input.submit {
background: transparent;
padding: 0;
/* show Opera10 selection */
position: relative;
top: 0.2em;
left: 0.9em;}

#weather div.submenu input.text_box {
padding: 0 0 0 0.2em;
margin: 0 0 0 0;
font-size: 1em;
width: 5em;
position: relative;
top: -0.2em;
/*vertical-align: text-bottom; */
background-color: #e7e4e4;}

#weather img.switch {
display: inline;
position: relative;
left: 2em;
padding:0; 
margin: 0;
}

#weather img.graphs {/* Graph image frame */
background-color: #ffffff;
padding: 0.8em;
margin-bottom: 1.7em;
border-top: 0.1em #666666 solid;
border-left: 0.1em #666666 solid;
border-bottom: 0.2em #000000 solid;
border-right: 0.2em #000000 solid;}

/* ===============================================
// Astronomy Page CSS
// =============================================*/

#astronomy {width: 93%;
margin: 0 auto 3em auto;
background-color: #000000;
color: #e7e4e4;
border: 1px #07659b solid;}

#astronomy table {width: 100%;
border: none;
border-spacing: 0;
border-collapse: collapse;
margin: 0 0 1em 0;}

#astronomy th {padding-top: 1em;
padding-bottom: 0.5em;
font-size: 1.5em;
letter-spacing: 0.1em;}

#astronomy th.title {padding: 0.3em 0;
background-color: #015c7e;
color: #f5f5f5;
font-size: 1.4em;
letter-spacing: 0em;}

#astronomy hr {width: 95%;
margin: 3em auto;
border-top: 1px #e7e4e4 dotted;
background-color: #000000;
color: #000000;}

#astronomy td {width: 25%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
line-height: 160%;}

#astronomy img {padding: 0.1em;}

img.moon {display: block;
background-color: #000000;
margin: 3em auto 2em auto;
border: 1px #e7e4e4 dotted;}

.moonfaq {width: 90%;
margin: 4em auto;
padding: 1em;
background-color: #000000;
color: #e7e4e4;
line-height: 175%;
text-align: justify;
border: 1px #e7e4e4 dotted;}

.moonfaq img {float: left;
margin-right: 0.3em;}

.moonfaq h5 {font-size: 1.2em;
font-weight: bold;
padding: 0;
margin: 0;
font-variant: small-caps;}

.credit {font-size: 0.9em;
margin: 0;
padding: 1.5em 1em;
text-align: center;}

/* ===============================================
// NWS Forecast / Trends / Advisory CSS
// =============================================*/

#weather2 {width: 95%;
margin: 0 auto;
padding-bottom: 1em;
margin-bottom: 2.4em;
border: 1px #000000 solid;
background-color: #d7d7d7;}

#weather2 table {/* NWS Forecast Table */
width: 100%;
margin: 0 auto 1.2em auto;
font-size: 0.9em;
font-weight: bold;
text-align: center;}

#weather2 table img {/* NWS Forecast Icons */
padding: 0.5em 0 0 0;
margin: 0;}

#weather2 td {width: 11%;
padding: 1.8em 0 1em 0;
line-height: 1.3em;}

#weather2 span.titles {font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;}

#weather2 .last_update {font-weight: normal;
margin: 0.3em 0 0.1em 0;
font-size: 70%;}

#weather2 p {font-size: 1em;
line-height: 160%;
margin: 0;
padding: 0 1.5em 1.5em 2em;}

#weather2 img.graph {display: block;
margin: 2em auto;
padding: 0;}

#weather2 a {color: #015c7e;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #015c7e solid;}

#weather2 a:hover {color: #015c7e;
border-bottom: 2px #015c7e solid;}

#weather2 h3 {font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 1em 2em;}

#weather2 pre {margin: 0;
padding: 0.7em 1.6em 0 2.4em;
line-height: 160%;}

#weather2 img.advisory {display: block;
margin: 1em auto;
padding: 0.6em;
background-color: #ffffff;
border-top: 1px #666666 solid;
border-left: 1px #666666 solid;
border-bottom: 0.2em #000000 solid;
border-right: 0.2em #000000 solid;}

#weather2 img.extremes {/* Trends */
display: block;
margin: 1em auto;}

/* ===============================================
// Weather Display and Mesomap Live CSS
// =============================================*/

#wdl {width: 800px;
margin: 0 auto;
padding: 0.3em 0;}

#wdl p {font-weight: bold;
font-size: 0.9em;
text-align: center;
line-height: 140%;
margin: 0 0 0.7em 0;
padding: 1em 0;}

#wdl_full {background-color: #e7e4e4;
padding: 0.2em;}

/* ===============================================
// Weather Home CSS Markup
// =============================================*/

.weather {width: 65em;
margin-left: auto;
margin-right: auto;}

.weather span {font-size: 0.8em;}

.weather table {font-weight: bold;
text-align: center;
background-color: #cccccc;
border-collapse: collapse;
border: 1px #333333 solid;}

.weather td {border: 1px solid #333333;
padding: 0.5em 0;
margin: 0;}

.weather tr.highlight {background-color: #8a8a8a;}

.weather th {color: #f5f5f5;
font-size: 1.4em;
background-color: #015c7e;
padding: 0.3em;}

.weather a, img {text-decoration: none;
border: none;}

.weathernews {overflow: auto;
margin: 0;
padding: 0 0.5em;}

.weathernews p {margin: 0;
padding: 0.5em;
font-weight: normal;
text-align: justify;
line-height: 150%;}

.advisoryBox, .watchBox, .warningBox, .messageBox {/* CSS for advisory boxes */
width: 100%;
font-weight: bold;
color: #000000;
text-align: center;
margin: 0 auto 2em auto;
padding: 0.6em 0 0.6em 0;
border: 1px #666666 solid;
background-color: #ffffcc;}

.messageBox {background-color: #dbdbdb;}

.watchBox {background-color: #ff9900;}

.warningBox {width: 100%;
font-size: 1.2em;
background-color: #cc0000;}

div.advisoryBox a, div.watchBox a {color: #000000;
text-decoration: none;
border-bottom: 1px #000000 solid;}

div.advisoryBox a:hover, div.watchBox a:hover {border-bottom: 2px #000000 solid;}

div.warningBox a {color: #ffffff;
text-decoration: none;
border-bottom: 1px #ffffff solid;}

div.warningBox a:hover {border-bottom: 2px #ffffff solid;}

#ajaxdashboard {width: 770px;
margin: 0 auto;
margin-bottom: 2.4em;}

#ajaxdashboard table {width: 100%;
font-weight: bold;
text-align: center;
background-color: #c7c7c7;
border-collapse: collapse;
border: 0.2em #909090 solid;}

#ajaxdashboard td {border: 1px solid #c7c7c7;
padding: 0.5em 0.3em;
height: 18px;}

#ajaxdashboard th {color: #333333;
font-size: 1.1em;
background-color: #a7a7a7;
border: 1px solid #c7c7c7;
margin: 0;
padding: 0.5em 0;}

#ajaxdashboard th.humidity {height: 15px;}

#ajaxdashboard th.titlebar {font-size: 1.4em;
font-weight: bold;
color: #f5f5f5;
background-color: #015c7e;
background-image: none;
padding: 0.3em 0em;}

#ajaxdashboard .small_time {font-size: 0.7em;
font-weight: normal;}

#ajaxdashboard .data {border-bottom: 1px solid #999999;
background-color: #c7c7c7;
text-align: left;
padding-left: 0.6em;}

#ajaxdashboard .meas {font-weight: normal;
border-bottom: 1px solid #999999;}

#ajaxdashboard label {width: 48px;
font-weight: bold;
float:left;
text-align: left;
padding-left: 0.3em;}

#ajaxdashboard td.wind {font-weight: normal;
text-align: left;
line-height: 150%;}

/* ===============================================
// Reports/Records Page Specific CSS
// =============================================*/

#report.records {width: 86%;
font-size: 90%;
margin-left: auto;
margin-right: auto;}

#report.reports {width: 100%;
margin: 0.3em auto 2em auto;}

#report span.small {font-size: 90%;
font-weight: normal;}

#report form {width: 67%;
font-size: 1em;
font-weight: bold;
color: #000000;
background-color: #d7d7d7;
margin: 0 0 2.4em 0;
padding: 0.5em 0;
border: 1px #333333 solid;
vertical-align: middle;}

#report fieldset {margin: 0;
padding: 0;
border: 0;}

#report label {padding: 0 0.2em 0 1.5em;
vertical-align: middle;}

#report input.submit {margin-left: 0.7em;
vertical-align: middle;}

#report select {width: 95px;
font-size: 1em;
font-weight: bold;
background-color: #015c7e;
color: #f5f5f5;
padding-left: 0.1em;
text-align: left;
vertical-align: middle;}

#report select.year {width: 64px;}

#report table {width: 100%;
font-size: 90%;
font-weight: normal;
color: #000000;
text-align: center;
border-collapse: collapse;
border: 1px solid #000000;}

#report td {height: 18px;
background-color: #c0c0c0;
border: 1px solid #454545;
margin: 0;
padding: 1px 0px;
vertical-align: middle;
line-height: 170%;}

/* record specific table CSS */

#report table.records {font-size: 100%;
font-weight: bold;}

#report table.records td {width: 25%;
height: 23px;
padding: 0;}

/* end records specific CSS */

#report th {font-size: 1.5em;
font-weight: bold;
color: #f5f5f5;
background-color: #015c7e;
height: 2em;
vertical-align: middle;}

#report td.subheader {font-size: 100%;
font-weight: bold;
height: 25px;
color: #000000;
background-color: #cccccc;
border: 1px solid #333333;
border-bottom: 1px solid #666666;
background-image: url(misc/menu/gradient_grey26h.png);}

#report td.day {width: 44px;}

#report td.temp {width: 50px;}

#report td.depart {width: 63px;}

#report td.precip {width: 55px;}

#report td.sun {width: 48px;}

#report td.solar {width: 55px;}

#report td.wind {width: 60px;}

#report td.dir {width: 60px;}

#report td.hl {background-color: #cccccc;}

#report td.summary {background-color: #c0c0c0;
height: 95px;}

#report td.footer {color: #f5f5f5;
background-color: #015c7e;
font-size: 90%;
letter-spacing: 1px;
height: 2.5em;}

#report td.footer:hover { color: #f5f5f5; background-color: #015c7e;}

#report td.title {background-color: #cccccc;
padding: 0.3em 0;
vertical-align: middle;}

#report td.totals {background-color: #b7b7b7;
padding: 0.3em 0;
vertical-align: middle;}

#report tbody tr:hover td {background-color: #E4C067;
color: #000000;}

#report tbody tr:hover td.title {color: #000000;
background: #cccccc;}

#report tbody tr.grand_total:hover td.summary {color: #000000;
background: #c0c0c0;}

#report tbody tr:hover td.subheader {color: #000000;
background: url(misc/menu/gradient_grey26h.png);}

/* WORDPRESS THEME CSS */

div.navigation a, div.entry a, p.postmetadata a {color: #015c7e;
text-decoration: none;
font-weight: normal;
border-bottom: none;}

div.navigation a:hover, div.entry a:hover, p.postmetadata a:hover {color: #000000;
font-weight: normal;
border-bottom: 1px #000000 solid;}

div.entry a.more-link, .narrowcolumn h2 a {color: #015c7e;
text-decoration: none;
font-weight: bold;
border-bottom: 1px #015c7e solid;}

.narrowcolumn h2 a { color: #000000;
border-bottom: none;
}

.narrowcolumn h2 a:hover { color: #015c7e;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}

div.entry a.more-link:hover, h2 a:hover {color: #000000;
font-weight: bold;
border-bottom: 1px #000000 solid;}

.narrowcolumn {/* float: left; */
width: 410px;
background-color: transparent;
padding: 0px 0px 20px 5px;
/* border-right: 1px solid #c7c7c7; */
margin: 0;}

.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}

.narrowcolumn .postmetadata {text-align: center;
padding-top: 5px;}

.widecolumn {padding: 10px 0 20px 0;
margin: 0px 0 0 2em;
width: 90%;}

.widecolumn .entry p {font-size: 1.05em;}

.widecolumn {line-height: 1.6em;}

.widecolumn .post {margin: 0;}

.widecolumn .postmetadata {margin: 30px 0;}

.widecolumn .smallattachment {text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;}

.widecolumn .attachment {text-align: center;
margin: 5px 0px;}

small {font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;}

.postmetadata {clear: both;
clear: none;}

.clear {clear: both;}

#searchform {margin: 10px 0 10px 1em;
padding: 5px 1px;
text-align: left;}

/* Sidebar CSS */

#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#sidebar h2 {margin: 5px 0 0;
padding: 0;}

#sidebar ul, #sidebar ul ol {margin: 0 2em 0 2.4em;
padding: 0;}

#sidebar ul li {list-style-type: none;
list-style-image: none;
margin-bottom: 15px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;
padding: 0;}

#sidebar #searchform #s {background: #f5f5f5;
width: 120px;
padding: 0.1em;
margin-right: 2px;
vertical-align: middle;
color: #000000;}

#sidebar #searchsubmit {color: #f5f5f5;
background: #015c7e;
padding: 1px;
vertical-align: middle;}

#sidebar #searchsubmit:hover {color: #ffff00;}

#sidebar {padding: 0px 0px 0px 10px;
width: 358px;}

#sidebar a { color: #015c7e;
border-bottom: none;
}

#sidebar a:hover { color: #000000;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #000000;
}

#sidebar form {margin: 0;}

.entry form {/*This is mainly for password protected posts, makes them look better. */
text-align:center;}

select {width: 130px;}

#commentform input {width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;}

#commentform {margin: 5px 10px 0 0;}

#commentform textarea {width: 100%;
padding: 2px;}

#respond:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#commentform #submit {margin: 0 0 5px auto;
float: right;}

/* End Form Elements */

/* Wordpress Calendar CSS */

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;}

#wp-calendar th {font-style: normal;
text-transform: capitalize;}

#wp-calendar {empty-cells: show;
margin: 10px auto 0;
width: 155px;}

#wp-calendar #next a {padding-right: 10px;
text-align: right;}

#wp-calendar #prev a {padding-left: 10px;
text-align: left;}

#wp-calendar a {display: block;}

#wp-calendar caption {text-align: center;
width: 100%;}

#wp-calendar td {padding: 3px 0;
text-align: center;}

#wp-calendar td.pad:hover {/* Doesn't work in IE */
	background-color: #fff;}

/* End Calendar CSS */