@import "common/reset-grid-type.css";

@import "type.css";
@import "widgets.css";
@import "forms.css";
@import "comments.css";
@import "inlines.css";
@import "photos.css";

.wrapper                { min-width: 1024px; }

body                    { background: url(../images/bg.png) repeat-y top center;}
.block                  { width: 960px; }
.hidden                 { display: none; }

body                    { background: #d2e0ee; }
#pre_header             { background: url(../images/bg.png) repeat-y top center; }
#header                 { background: url(../images/bg.png) repeat-y top center; }
#body, #subnav          { width: 1000px; margin: 0 auto; padding: 1px 10px; background: url(../images/bg.png) repeat-y top center; }

hr                      { border: none; height: 1px; width: 100%; background: #b3c9e1; margin-top: 7px; margin-bottom: 6px; }

a.button:hover, input.button:hover, button:hover, a.alt_button:hover, input.alt_button:hover, button.alt_button:hover { color: #fff; }

/* TOOLBAR
-------------------------------------------------------------------------------- */
#toolbar                { position: relative; padding: 3px 0; background: #2a6a9f url(../images/toolbar-bg.gif) repeat-x bottom left; z-index: 6; }
#toolbar .block         { position: relative; margin: 0 auto; }

#user                   { position: absolute; right: 0px; width:200px; }
#user p                 { text-align: right;  margin: 0; font-size: 11px; line-height: 15px; }
#user p.logged-in       { margin-right:20px;}
 
#weather                { position: absolute; left: 0px; height: 60px; }
#weather .icon          { float: left; display: block; overflow: hidden; }
 
#header-search          { position:absolute; bottom:4px; right:0; width:210px; height:20px;}
#header-search p        { margin:0; }
#header-search input.search { position:absolute; right:55px; width: 130px; color: #697a85; padding: 1px; padding-left:17px; background: white url(../images/icons/searchmag.png) no-repeat scroll 3px 4px; }
#header-search input.button { width: auto; border:none; margin:0; padding: 0; background:transparent; position:absolute; right:0px; top:0px; } 

/* ADS 
-------------------------------------------------------------------------------- */

.top-banner-ad {
    text-align: center;
    padding-top: 10px;
}

/* If there is an ad being served in pushdown, add a margin */ 
.top-banner-ad div[id*="_ad_container"] { margin-bottom: 10px; }  

.pushdown-ad { 
    margin-left: -5px;
}

.pushdown-ad div[id*="_ad_container"] { margin-bottom: 15px; }

.footer-banner-ad { 
    text-align: center;
}

.footer-banner-ad div[id*="_ad_container"] { margin: 15px 0px; }

/* HEADER
-------------------------------------------------------------------------------- */
#header                 { padding: 0 10px; position:relative; background:url(../images/header-bg.png); z-index: 10; }
#header .block          { position: relative; margin: 0 auto; height:144px;  z-index: 50; }
#header h1              { position:absolute; margin: 0; padding: 0; top:0; left:50%; width:217px; margin-left:-108px; font-size: 1px; }
#header h1 a            { display: block; padding-top: 93px; height: 0; background: url(../images/logo.png) no-repeat; overflow: hidden; }

/* Main navigation */
#header #nav            { float: right; font-size: 13px; }
#header #nav li a       { padding: 3px 10px 4px 10px; font-weight: bold; }


#site-nav               { position: absolute; bottom:5px; left:0; margin: 0; list-style: none; font-size: 12px; line-height: 15px; font-weight: bold; padding:0; z-index:1000;}
#header #site-nav li    { float: left;  padding:0; position:relative; height:17px; margin: 0 14px 0 0; }

#site-nav a, #site-nav .help-text { float:left; padding: 0; color:#bacfe4; padding:0px 2px; font-weight: bold; }
#site-nav li.on         { border-left: 1px solid #dae2e8; border-top: 1px solid #b3c9e1; border-right: 2px solid #bac6cf; }
#site-nav li span       { display: block; position:relative; left:2px; padding:1px; }
#site-nav li span:after { content:  "."; display: block;height: 0;clear: both;visibility: hidden;}
#site-nav li span       { zoom: 1; }

#site-nav li span .menu-button, #site-nav li span .menu-button-on    { display:block; width:16px; height:15px; background: url(../shawneedispatch.com/images/nav/nav-menu.gif) 0 0 no-repeat; margin-left:4px; padding:0;}
#site-nav li span .menu-button:hover { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; }
#site-nav li span .menu-button-on { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; position:relative;}

#search_menu, #site-nav .dropdown                   { position: absolute; padding: 2px; top: 19px; left:0; width: 135px; background: #247ace; font-size: 12px; line-height: 21px; }
#search_menu a, #site-nav .dropdown a                 { float: none; display: block; line-height:21px; padding: 2px 6px !important; margin-bottom:0; font-weight: normal !important; color:#e5e7ed; }
#search_menu a:hover, #site-nav .dropdown a:hover           { background: #2171c1; }
#site-nav .off                        { display: none; }

#header-search p a { color:#bacfe4}
/*#header-search form { background:url(../shawneedispatch.com/images/nav/nav-active-right.gif) top right no-repeat; height:17px;}*/
#header-search form:after {content:  "."; display: block;height: 0;clear: both;visibility: hidden;}
#header-search form {zoom: 1;}

#header-search .menu-button, #header-search .menu-button-on { display:block; width:16px; height:15px; background: url(../shawneedispatch.com/images/nav/nav-menu.gif) 0 0 no-repeat; margin-left:4px; padding:0;}
#header-search .menu-button:hover { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; }
#header-search .menu-button-on { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; }


/* Sub navigation */
#sub_navigation { float: right; width: 960px; border-top: 1px solid #b3c9e1; }
#sub_navigation ul { float: right; }
#sub_navigation li a { padding: 3px 4px 3px 3px; }
#sub_navigation li a:hover { color: #cc0000; background: url(../images/arrows/sub-nav.gif) no-repeat 50% bottom; text-decoration: none; }
#sub_navigation li.active a {
  background: url(../images/arrows/sub-nav.gif) no-repeat 50% bottom;
}
#sub_navigation:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */
#sub_navigation { zoom: 1; } /* IE */


#subnav { margin: 0 auto; z-index: 1; }
body.galleries #subnav { background-color: transparent; }
#page #subnav .block { background-color: transparent; border: none; }
#subnav ul { width: 960px; background-color: #f1f1f1; }
#subnav li a.hover, #subnav li a:hover { background: #247ACE; }


/* Secondary navigation */
#altnav                 { position: absolute; right: 0; bottom: 33px; margin: 0; padding: 0; font-size: 11px; text-align: right; }
#altnav li              { display: inline; }
#altnav li a            { padding: 0 10px 0; }


/* HEADING
-------------------------------------------------------------------------------- */
#body #heading .block {background:transparent;}
#heading, #heading-sm  { margin: 0 auto; width:960px; padding: 0 0 10px; background: transparent; border-bottom: 3px solid #d41c00; text-align: center; border-top:10px solid white; }

body.detail #heading,
body.audioclip_detail #heading,
body.chat_detail #heading,
#heading-sm { margin: 0 auto; padding: 4px 0 4px 0; width: 960px; background: transparent; text-align: center; }


/* PRIMARY AND SECONDARY
-------------------------------------------------------------------------------- */
#secondary, #primary { position: relative; z-index: 0; }
#secondary .block , #primary .block { position: relative; margin: 0 auto; border-top: 10px solid #fff; border-bottom: 10px solid #fff; background: url(../images/rules/vertical.gif) 650px 0px  repeat-y; z-index:4;}

/* Content and Rail */
.content_title { position: relative; margin: 0 0 10px 0; padding: 0; border: none; }
.content { float: left; margin-right: 10px; width: 640px; }
.rail { float: left; margin: 0; padding-left: 10px; width: 300px; background: url(../images/rules/vertical.gif) repeat-y; }
.content .rail { float: right; margin: 0 0 20px 10px; border-left: solid 10px #fff; width: 230px; background: #fff url(../images/rules/vertical.gif) repeat-y; }

.places .content_title { display: none; }
.places .title h2 { padding: 0; }
.places form { margin-bottom: 20px; }

.ad { margin-bottom: 14px; width: 300px; z-index:2000; position:relative;}
.ad p {  font-size:10px; padding: 0; margin: 5px; line-height: 8px; text-align: center; letter-spacing: 1px; color: #697a85; text-transform: uppercase; }
.ad p small { font-size: 10px; }
.ad iframe { margin: 0; }

.banner-ad { clear:both; width:960px; position:relative; margin: 0 auto; padding: 10px 0; border-top: 1px solid #b3c9e1; background-color: #fff !important; background-image: none !important; text-align: center; border-bottom:1px solid #fff;}
.banner-ad p { padding: 0; margin: 5px; line-height: 8px; text-align: center; letter-spacing: 1px; color: #697a85; text-transform: uppercase; }
.banner-ad p small { font-size: 10px; }


/* PRIMARY AND SECONDARY
-------------------------------------------------------------------------------- */
.list .item h4 { padding: 0; }


/* FOOTER
-------------------------------------------------------------------------------- */
#footer { padding: 0; background: transparent; border-top:1px solid #bfcede; width:1002px; margin:0 auto; }
#footer .block { position: relative; padding: 10px 0 20px 0; }



/* SHRAPNEL
-------------------------------------------------------------------------------- */
.forward {background: url(../images/arrows/hollow-right.gif) no-repeat right 50%; padding-right:20px;}
.back {background: url(../images/arrows/hollow-left.gif) no-repeat left 50%; padding-left:20px;}

.errorlist { color: #f00; }


.rail #calendar_widget {
  padding: 10px 0;
}

#photo-detail .content {
  padding-top: 10px;
}

#popular-news { margin-bottom: 28px; }

span.required {font-size:12px; font-weight:bold; color:#922;}
.emailedition {background:#e5e7ed; padding:7px; margin-bottom:10px;}
.emailedition p {margin:0;}
.emailedition a {font-size:20px;}

p.submit-question a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/submit-question.gif) no-repeat; overflow: hidden; }
p.submit-question a:hover { background: url(../images/buttons/submit-question.gif) 0 -30px no-repeat; }

p.submit-letter a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/submit-letter.gif) no-repeat; overflow: hidden; }
p.submit-letter a:hover { background: url(../images/buttons/submit-letter.gif) 0 -30px no-repeat; }

p.moderate-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/moderate-chat.gif) no-repeat; overflow: hidden; }
p.moderate-chat a:hover { background: url(../images/buttons/moderate-chat.gif) 0 -30px no-repeat; }

p.open-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/open-chat.gif) no-repeat; overflow: hidden; }
p.open-chat a:hover { background: url(../images/buttons/open-chat.gif) 0 -30px no-repeat; }

p.close-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/close-chat.gif) no-repeat; overflow: hidden; }
p.close-chat a:hover { background: url(../images/buttons/close-chat.gif) 0 -30px no-repeat; }

.chats a.thumb {float:right; margin:0 0 10px 10px;}

/* ------ weather ------*/

#weatherForecast { margin:1em 0 0 0 ;}
#weatherForecast .linklist li {margin:0; font-size:11px; line-height:14px;}
#weatherForecast .weatherCurrent {margin-bottom:0; padding-bottom:0;}
#weatherForecast tr {border:none;}
#weatherForecast .odd {border-right:1px solid #f0f2f7; border-left:1px solid #f0f2f7;}
#weatherForecast th {padding:0 10px;}
#weatherForecast td {padding:2px 11px 2px 10px; vertical-align:top;}
#weatherForecast .currentImage {padding-right:0;}
.weatherForecastImage {width:92px;}
.weatherForecastImage img {float:left; margin:0 8px 0 0;}
.weatherForecastImage p {clear:both; font-size:12px; padding-top:7px; color:#777;}
#weatherForecast td.first, #weatherForecast th.first {padding-left:0;}
#weatherForecast th.first {width:276px;}
#weatherForecast th h6 {padding-top:0;}
#weatherForecast td.last, #weatherForecast th.last {padding-right:1px;}
.forecastHighTemp, .forecastLowTemp, .currentTemp {font-size:18px; font-weight:bold; line-height:26px;}
.forecastHighTemp {color:#922;}
.forecastLowTemp {font-weight:normal; color:#3678b3; font-size:15px;}

body.weather .alert-subscribe { padding-left: 10px; padding-right: 10px; font-size:14px; line-height:21px;}


.module h2 {
  padding: 0;
}
.module p.more {
  width: auto;
  padding: 5px 0 !important;
  background: none;
  font-size: 13px !important;
}
.module p.more a {
  display: inline;
  background: none;
}


/* profile page
------------------------------------------- */
body.profile div.profile {float:left; width:280px;}
body.profile div.extended_profile {float:left; width:350px;margin-right:10px;}
ul.profile-stats {background:#e5e7ed; padding:10px; list-style:none;}


/* weblogs
------------------------------------------- */
#heading.weblogs-heading {position:relative; padding:7px 0; overflow:normal; z-index:5;}
#heading.weblogs-heading h2 {float:left; color: #bac6cf; padding:0 10px; font-size:18px; line-height:24px; margin:0;}
#heading.weblogs-heading h2 a.back {padding:0; background:none;}

#heading.weblogs-heading ul { float:left; bottom:0; left:0; padding-right:10px; border-left:#bac6cf 1px solid;}
#heading.weblogs-heading li { padding:1px 7px; border-right:#bac6cf 1px solid; position:relative;}
#heading.weblogs-heading h2 a:link, #heading.weblogs-heading h2  a:visited {color:#445057;}
#heading.weblogs-heading #my-blog-nav {background:#F8F8E8;}


#heading.weblogs-heading #my-blog-nav span {width:11em; white-space:nowrap;}
#heading.weblogs-heading li .menu-button, 
#heading.weblogs-heading li .menu-button-on    { display:block; margin:4px 0 0 7px !important; width:16px;  height:15px; background: url(../shawneedispatch.com/images/nav/nav-menu.gif) 0 0 no-repeat; margin-left:4px; padding:0;}
#heading.weblogs-heading li .menu-button:hover { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; }
#heading.weblogs-heading li .menu-button-on { background: url(../shawneedispatch.com/images/nav/nav-menu-over.gif) 0 0 no-repeat; position:relative;}

#heading.weblogs-heading li.create-blog a {padding-left:14px; background:url(../../weeklies/images/icons/addlink.gif)  0px 50% no-repeat; }
#heading.weblogs-heading #my-blog-tools           { position: absolute; padding: 2px; top: 2em; left:-1px; bottom:auto; width: 150px; background: #F8F8E8; font-size: 12px; line-height: 21px; display:block; border-left:1px solid #bac6cf;border-bottom:1px solid #bac6cf;border-right:1px solid #bac6cf; }
#heading.weblogs-heading #my-blog-tools li {display:block; float:none; text-align:left; padding: 2px; border:none;}
#heading.weblogs-heading #my-blog-tools a         { float: none; display: block; text-align:left; line-height:21px; padding: 0 6px;  font-weight: normal !important;  }
#heading.weblogs-heading #my-blog-tools a:hover   { background: #2171c1; }
#heading.weblogs-heading #my-blog-tools.off                { display: none; }
#heading.weblogs-heading #my-blog-tools li h6 a         { font-weight:bold; }
#heading.weblogs-heading #my-blog-tools li h6 a:hover   { background-color:transparent; }
#heading.weblogs-heading #my-blog-tools li ul           { float:none; margin-right:0; margin-bottom:0; padding-right:0; padding-left:0; border-left:0 none; font-size:12px; }
#heading.weblogs-heading #my-blog-tools li ul li        { margin-right:0; padding-right:0; padding-left:0; border-left:0 none; }

#weblogs .blog-content {float:right; width:450px; padding-left:10px;}
#weblogs .blog-rail {float:left; width:170px;}
#weblogs .blog-secondary { clear:both;}
#weblogs .error { color:#a00; font-weight:bold;}

#weblogs div.heading { border-bottom:1px solid #b3c9e1; margin-bottom:9px ;}
#weblogs .heading p {margin-bottom:9px; color: #697a85;}

body.group_detail #weblogs div.heading,   body.group_index #weblogs div.heading,   body.entry_index #weblogs div.heading { border:none ;}
body.group_detail #weblogs .blog-content, body.group_index #weblogs .blog-content, body.entry_index #weblogs .blog-content { border-top:1px solid #b3c9e1; padding-top:7px; margin-bottom:9px ;}
body.group_detail #weblogs .blog-rail,    body.group_index #weblogs .blog-rail,    body.entry_index #weblogs .blog-rail { border-top:1px solid #b3c9e1; margin-bottom:9px ;}
body.group_detail #weblogs ul.tools,      body.group_index #weblogs ul.tools,      body.entry_index #weblogs ul.tools { border-top:none;}

.weblog-tease h3 {font-size:13px; margin-top:7px; margin-bottom:-7px; padding-bottom:0;}
.top-weblog-entry h3 { margin-top:0; padding-top:0;}
.weblog-tease h3 a {color:#92a2ad;}
.weblog-tease h4 {font-size:21px;}

#weblogs div.related-object {background:#F2F6F9; border-bottom:1px solid #D2D5D8; padding:5px 10px; margin-bottom:7px;}
body.post-entry #weblogs div.related-object { background:none; border:none; padding:0; margin-bottom:7px;}
#weblogs div.related-object p {margin-bottom:0;}
#weblogs div.related-object .title {display:block; font-weight:bold;}
#weblogs div.related-object .thumb {float:left; padding-top:5px; margin-right:10px;}

#weblogs ul.tools {font-size:13px; padding-bottom:14px;}
#weblogs ul.tools li.manage {background:#F8F8E8;}
#weblogs .editlink {padding-left:20px; background:url(/weeklies/images/icons/editlink.gif) 6px 50% no-repeat;}
#weblogs .addlink {padding-left:20px; background:url(/weeklies/images/icons/addlink.gif)  6px 50% no-repeat;}
#heading.weblogs-heading #my-blog-tools a.editlink, 
#weblogs ul.tools .editlink {padding-left:25px; background:url(/weeklies/images/icons/editlink.gif) 10px 50% no-repeat;}
#heading.weblogs-heading #my-blog-tools a.addlink, 
#weblogs ul.tools .addlink {padding-left:25px; background:url(/weeklies/images/icons/addlink.gif) 10px 50% no-repeat;}
#weblogs ul.tools .rss {padding-left:25px; background:url(/weeklies/images/icons/rss-12x12.png) 8px 50% no-repeat;}

#weblogs a.save-this-link {padding-left:25px; background:url(/weeklies/images/icons/save-this_on-white.gif) 8px -22px no-repeat;}
#weblogs a.unsave-this-link {padding-left:25px; background:url(/weeklies/images/icons/save-this_on-white.gif) 8px -49px no-repeat;}


#weblogs dl.grouplist dt {padding-top:7px;}
#weblogs dl.group-latest dd { margin:7px 0; font-size:12px;}

#weblogs ul.bloglinks {margin:7px 0; padding:0; list-style:none;}
#weblogs ul.bloglinks li {margin:0 0 14px 0; padding:0; color:#697a85;}

.blog-rail p.byline {font-size:16px; margin-bottom:7px;}
.blog-rail p.date {margin-bottom:14px;}
.blog-rail p.status {background:#F8F8E8; padding:5px 10px; margin-bottom:7px; color:#697a85;}

#weblogs ul.bloglinks { margin-top:0;}
#weblogs a.link-self-link {font-size:.85em; color:#697a85;}


#weblogs p.create-group a {background-color:#F2F3F8; padding-top:3px;padding-bottom:3px;padding-right:7px;}

#weblogs .inline-nav li { list-style:none; float:left; padding:1px 5px; border-left:1px solid #ddd;}
#weblogs .inline-nav p {float:left; padding:1px 0; margin-right:5px;}
#weblogs .inline-nav:after { 
  content:  "."; /* Clear fix */
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#weblogs .inline-nav {
  zoom: 1; /* IE fix */
}

.blog-list dd {margin-left:50px; border-bottom:1px solid #eee;}
.blog-list dt {background-color:#EBEFF2;color:#9999AA;float:left;font-size:24px;font-weight:bold;height:36px;line-height:36px;text-align:center;width:36px;}


/* TMP WEBLOGS/REACTION form bits 
----------------------------------------------------------- */
/*#comments .legend, #comment-form .legend {border-top:3px solid #135797;}
div.comments-and-related { border-top:3px solid #135797;}
div.comments-and-related 

#footer dl dt, #footer dl dd, #footer dl dd a {color:#959c91;}
#footer p small, #footer p small a {color:#303223;}

.blogs-about-this dt {display:block; font-weight:normal;}
.blogs-about-this .title {display:block; font-weight:bold;}
p.blog-about-this {margin-bottom:7px; border-bottom:#b3c9e1 1px solid; color:#697a85; padding-bottom:5px; padding-left:25px; background:url(/weeklies/images/icons/addlink.gif) 10px 5px no-repeat; p}
*/
div.reaction-form {  background:#ebeff2; padding:0 10px}
div.reaction-form p.disclaimer {margin-bottom:0; margin-top:1em;}
div.reaction-form:after { content:  "."; /* Clear fix */display: block;height: 0;clear: both;visibility: hidden;}
div.reaction-form { zoom: 1; /* IE fix */ }

#primary div.reaction-form form { background:none; border:none; padding:0 !important;}
#primary div.reaction-form form textarea { width:98%;}
#primary div.reaction-form form p { margin-bottom:0;}
div.reaction-form h3.legend {border-color:#B9C7D2; padding-top:0;}
div.reaction-form div.comment { padding:10px 0; width:400px; float:left; padding-right:9px; border-right:2px solid #fff; }
div.reaction-form div.comment #comment-form textarea  { width: 390px !important;}
div.reaction-form div.blog {padding:10px 0; float:left; width:200px; margin-left:9px;}
div.reaction-form div.blog .addlink {
    display:block;
    background:transparent url(../images/icons/addlink.gif) no-repeat scroll 8px 5px; 
    padding-left:25px;    
}

div.comments-and-related {clear:both;padding-top:21px;}
div.comments-and-related h3 {
padding:12px 0pt 2px;
border-bottom:1px solid #DAE2E8;
color:#445057;
font-weight:normal;
margin-bottom:7px;    
}

table#subscription-rates { width: 100%; }
table#subscription-rates tr { vertical-align: top; }

#marketplace-widget {
  margin-bottom: 10px;
}

/* USER PAGES
------------------------------------------------------------- */
p.last_login { margin-bottom: 18px !important; } /* min.css override that resets this elements bottom margin to none */
.sidebar { width:290px !important; } /* fixes the accounts/ views sidebar to not wrap due to not enough room to float */
.filter-widget div.wrapper { min-width:0px; } /* fix to wrapper class in base.css line 10 that assigns a min width of 1024 pixels to all wrappers */