/* ----------------------------------------------------------

   DEFAULT STYLES

   ---------------------------------------------------------- */



body {

    background-color: #006;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    background-image: url(http://www.hometowntimes.com/images/stripe-bg.png);

    padding: 10px 0;

    margin: 0;

    text-align: center;

}



p {

    margin: 1em 0em 0em;

}



ul, ol {

    margin: 1em 0em 1em 1em;

    padding: 0;

}



li {

    margin: 1em 0em 0em;

    padding: 0;

}





/* ----------------------------------------------------------

   BIG-PICTURE LAYOUT ELEMENTS

   ---------------------------------------------------------- */



/* overall container for entire page */

#PageFrame {

    margin: 10px auto;

    width: 1060px;

    position: relative;

    background-color: #fff;

    text-align: center;

    background-image: url(http://www.hometowntimes.com/images/masthead.jpg);

    background-repeat: repeat-x;

}



/* logo at the top left of the page;

   for link styles and image, see HOMETOWNTIMES LOGO below*/



h1.bmw_sitelogo {

    position: absolute;

    width:550px;

    top: 25px;

    left: 15px;

    margin: 0;

}



#sitelogoimage {

    position: absolute;

    width:550px;

    height: 200px;

    top: 10px;

    left: 15px;

    margin: 0;

}



h2#tagline {

    display: none;

}



#Canvas {

    /* Canvas is the container for the three main columns of text:

       From left to right: Sponsors, Primary, Secondary.

       Primary and Secondary are contained within MainContent. */

    width: 1060px;

    background-color: #fff;

    text-align: left;



    /* nudge down below top strip */

    position:relative;

    margin-bottom: 95px;

    top: 95px;

    padding-top: 35px; /* height of #Navigation strip, plus 5px */

    overflow: hidden; /* extend to contain floated columns */

}



#MainContent { /* holds the center and right content columns */

    float:right;

    width: 855px;

    overflow: hidden;

}

    /* these appear inside MainContent column ------ */

    #Primary { /* center, primary content column */

        float: left;

        width: 530px;

        overflow: hidden;

        padding-top: 100px; /* make room for #MainBanner */

    }

    #Primary.widecontent { /* when there's no #Secondary column */

        float: none;

        width: 845px;

    }

    #Secondary { /* right content column */

        float: right;

        width: 300px;

        padding-right: 10px;

        overflow: hidden;

        text-align:left;

    }



#Sponsors { /* left advertising column, and subnavigation */

    float:left;

    width: 180px;

    padding-left: 10px;

    position:relative;

}

    /* these appear inside Sponsors column ------ */

    #MainBanner {

        position:absolute;

        height:92px; /* see padding-top on #Primary */

        width:730px;

    }

    #SubNavigation { /* nudge below main banner */

        padding-top:100px;

        width: 180px;

        margin-bottom: 10px;

    }

    #OtherSponsors {

        width:180px;

        overflow:hidden;

    }

    .bmt_home #OtherSponsors { /*homepage gets padding (no subsections) */

        padding-top: 100px;

    }



#Navigation { /* main site navigation across the top */

    position: absolute;

    width:1060px;

    height: 29px; /* should work with padding-top on #Canvas */

    border-top:1px solid #fcc;

    background-color: #ad0500;

    top:88px;

    left:0px;

    z-index: 80;

    text-align:left;

}



#Utility { /* top-of-page utility links and search form */

    position: absolute;

    top:0px;

    left:0px;

    width: 490px;

    left: 560px;

    color: #fff;

    text-align:right;

}





/* ----------------------------------------------------------

   LINK STYLES

   ---------------------------------------------------------- */



a:link {

    color: #006;

}

a:visited {

    color: #909;

}



/* some links should not change color when visited */

div.bmw_link a.bma_section:visited,

div.bmw_breadcrumbs a:visited {

    color: #006;

}

a:hover {

    color: #c00;

}



/* headline links */

div.bmw_link a.bma_head {

    font-weight: bold;

}



/* spotlight links */

div.bmw_spotlightLinks {

    margin-top: 10px;

    margin-bottom: 7px;

    padding:5px;

    line-height: 1.5em;

    

}

div.bmw_spotlightLinks a.bma_head { 

    font-size:150%;

    line-height: 1.4em;

    text-decoration: none;

}



div.bmw_spotlightLinks div.bmw_link a.bma_head:hover { 

    color:#cc0000; 

    text-decoration: underline;

}





/* top-strip links */

#UtilityLinks a:link,

#UtilityLinks a:visited {

    color: #fff;

    text-decoration: none;

}

#UtilityLinks a:hover {

    text-decoration: underline;

}



/* footer links */

#FooterLinks a:link,

#FooterLinks a:visited {

	color: #fff;

    text-decoration: none;

	height: 30px;
    padding: 20px;
  

}

#FooterLinks a:hover {

	font-weight: bold;
  

}



/* quicktease links */

div.bmw_quickteaseLinks div.bmw_link { 

    margin-bottom:1px;

    margin-top:10px;

    padding-bottom:3px;

    padding-top:3px;

}







/* ----------------------------------------------------------

   FONT SIZES

  (voice-family styles address the box-model bug in IE5;

   the "real" font size is the bottom size.)

   ---------------------------------------------------------- */



/* small font (regular size) */

body,

.bmc_smallPullquote,

h3.bmw_tips {

    font-size: x-small;

    voice-family: "\"}\""; voice-family: inherit;

    font-size: small;

}



/* x-large font */

h2.bmw_headline {

    font-size: large;

    voice-family: "\"}\""; voice-family: inherit;

    font-size: x-large;

}



/* medium font (regular size) */

.bmc_smallPullquote,

div.bmw_spotlightLinks div.bmw_link a.bma_head {

    font-size: small;

    voice-family: "\"}\""; voice-family: inherit;

    font-size: medium;

}



/* x-small sizes */

#PageTools,

#UtilityLinks a,

#Footer,

div.bmw_breadcrumbs,

span.bmw_pubdate,

span.bmw_modified,

div.bmc_caption,

div.bmw_footer,

div.bmw_link a.bma_section,

div.bmw_quickteaseLinks,

div.bmw_tips_tip {

    font-size: xx-small;

    voice-family: "\"}\""; voice-family: inherit;

    font-size: xx-small;

}







/* ----------------------------------------------------------

   HEADINGS

   ---------------------------------------------------------- */


#date {
text-align:center;
}



#bmt_section h2.bmw_headline,

h3.highlight,

h3.bma_heading,

a.bmw_mainsectionlink:link,

a.bmw_mainsectionlink:visited,

h3.bma_heading a:link,

h3.bma_heading a:visited {

    font-size: 14px;

    font-weight: bold;

    color: #fff;

    display:block;

    text-align:left;

}

#bmt_section h2.bmw_headline,

h3.highlight,

h3.bma_heading {

    background-color: #1a0684;

    padding: 5px;

    margin: 0px 0px 5px;

}



h3.bma_heading a:link,

h3.bma_heading a:visited {

    display:inline;

}



#bmt_section h2.bmw_headline,

h3.extFeeds {

    font-size: 18px;

}







/* ----------------------------------------------------------

   HOMETOWNTIMES LOGO

   ---------------------------------------------------------- */



/* logo and top strip contained in h1.bmw_sitelogo

   (see BIG-PICTURE LAYOUT ELEMENTS above) */



h1.bmw_sitelogo { /* text styling for sitename text */

  

	font-size: 240%;

	line-height: 80%;

    

    

    

}

span.logophrase { /* text styling for logophrase text */

  

	font-size: 35%;

    font-weight: bold;

    float: left;

    color: #000000;

	font-family: arial, "times new roman", times, serif;



}





h1.bmw_sitelogo a:link,

h1.bmw_sitelogo a:visited {

	display: block;

	padding:0px;

	color: #000099;

	font-family: georgia, "times new roman", times, serif;

    font-weight: bold;

	text-decoration: none;

    text-align:left;

	background-color: #fff;



}





/* ----------------------------------------------------------

   SEARCH BAR

   ---------------------------------------------------------- */



#search_bar {

    padding:12px 3px 0px 3px;

    height:55px;

  

}

#search_bar form {

    margin: 0;

    padding: 0;

    height: 35px;

    overflow: hidden;

}

.textbox{ 

	border:1pt solid #CCCCCC; 

	font-size:20px; color:#000000; 

	font-style:normal ;

	width:350px;

	margin-bottom:3px;	

}

.search_button { vertical-align: text-bottom; }



/* ----------------------------------------------------------

   HOMEPAGE VIDEO

   ---------------------------------------------------------- */





#coverVideo a:link,

#coverVideo a:visited{

    /* position the link at the top of the div */

    display: block;

    position: absolute;

    top:  0;

    left: 0;

    padding-top: 210px;

    text-decoration: none;

    color: #fff;

  



    /* size it to match the video */

    width: 300px;

    height: 15px;



}

#coverVideo a:hover {

    text-decoration: underline;

}





/* ----------------------------------------------------------

   SECTION NAVIGATION

   ---------------------------------------------------------- */



div.bmn_hnav,

#Events {

    padding: 5px;

    text-decoration:none;

    font-size:11px;

    font-weight:bold;

}

#Events {

    float:left;

    width: auto;

    line-height: 1.2em;

    padding-right: 0px;
    
    display: none;
}

div.bmn_hnav {

    padding-left: 0px;

    margin-left: 0px;

}



/* width of main-navigation dropdowns */

div.bmn_hnav li ul,

div.bmn_hnav li li {

    width:15em; /* width of the navigation items and dropdown menus */

}

div.bmn_hnav li ul ul {

    margin-left:15em; /* should be same as the width above */

}



/* white border around dropdowns (both main nav and subnav) */

div.bmw_navigation ul ul {

    border: 1px solid #fff;

}

div.bmw_navigation ul,

div.bmw_navigation li {

    border:none;

}



/* main navigation gets a red #ad0500 background color,

   with a blue highlight color of #1a0684 */

div.bmn_hnav ul,

div.bmn_hnav ul ul,

div.bmn_hnav li,

div.bmn_hnav li ul li {

    background-color: #ad0500;

    text-align: left;

}

div.bmw_navigation li.bmn_hover,

div.bmw_navigation li:hover,

div.bmw_navigation li.bmn_active,

a.navigation:hover {

    background-color: #1a0684;

}



/* subnavigation gets a lighter treatment:

   lightblue #ccf background color,

   and a slightly darker highlight color */

div.bmn_vsubnav ul,

div.bmn_vsubnav ul ul,

div.bmn_vsubnav li,

div.bmn_vsubnav li ul li {

    background-color: #ccf;

    text-align: left;

}

div.bmn_vsubnav li.bmn_hover,

div.bmn_vsubnav li:hover,

div.bmn_vsubnav li.bmn_active {

    background-color: #66c;

}



/* all navigation links are always 11px bold, no underline (except on hover) */

div.bmw_navigation a,

div.bmw_navigation a:visited,

div.bmw_navigation li.bmn_active a,

a.navigation,

a.navigation:visited {

    background-color: transparent;

    font-size: 10px;

    font-weight: bold;

    text-decoration: none;

    color: #fff;

    display:block;

    padding:0.2em 0.7em;

}



/* subnavigation links are dark blue until hovered */

div.bmn_vsubnav a,

div.bmn_vsubnav a:visited,

div.bmn_vsubnav li.bmn_active a  {

    color: #006;

}



div.bmw_navigation a:hover,

div.bmw_navigation li.bmn_active a:hover,

a.navigation:hover {

    text-decoration: underline;

    color: #fff;

}



div.bmn_vnav {

    display:none;

}





/* ----------------------------------------------------------

   CONTENT PAGE

   ---------------------------------------------------------- */



h2.bmw_headline {

    margin: 5px 0px;

}



div.bmw_pageContent {

    overflow: visible;

}



/* author byline */

div.bmw_byline {

    font-weight: bold;

}



/* publication and modified dates */

span.bmw_pubdate,

span.bmw_modified {

    color: #c00;

}



/* print, email, bookmark links ------------------------- */

#PageTools {

    margin:.5em 0em;

    padding:3px;

    border-top: 1px solid #ddd;

    border-bottom:1px solid #ddd;

}

div.bmw_pagetools,

div.addthis {

    display:inline;

}

#PageTools img {

    vertical-align: text-bottom;

}

#PageTools a.bma_commentcount {

    margin-right: 10px;

}



/* "want more" form ------------------------------------- */

#WantMore {

    margin: 1.2em 0em;

}

#Question {

    border:1px solid #ddd;

    padding:5px;

}



/* pullquotes ------------------------------------------- */

blockquote.bmc_bigPullquote{

    border-top: #AD0500 solid 1px;

    border-bottom: #AD0500 solid 1px;

    color: #AD0500;

    font-weight: bold;

    padding: 10px;

    width: 180px;

}

blockquote.bmc_smallPullquote {

    background-image: url(http://www.hometowntimes.com/graphics/pullquote2.JPG);

    background-repeat: no-repeat;

    color: #08008e;

    font-family: georgia, palatino, "times new roman", serif;

    font-style: italic;

    font-weight: bold;

    text-align: center;

    width: 100px;

}



/* image and document captions -------------------------- */

div.bmc_caption {

    color: #666;

}



/* misc boxes ------------------------------------------- */

div.bmw_authorblurb,

div.bmc_download,

div.bmc_document,

pre {

	background: #ddd;

    border:1px solid #AD0500;

    padding: 1em;

}



pre {

    width: 94%;

    padding: 2%;

    overflow: auto;

    zoom:1;

}

pre,

div.bmw_authorblurb {

    margin: 1em auto;

}



/* document downloads ----------------------------------- */

div.bmc_aboveContent div.bmc_document,

div.bmc_belowContent div.bmc_document,

div.bmc_centerDocument,

div.bmc_download {

    text-align:center;

    margin: 0em auto 1em;

    width: auto;

}



/* related links ---------------------------------------- */

div.bmw_related ul,

div.bmw_related li,

div.bma_related ul,

div.bma_related li {

    margin: 0em 0em 0em 0.6em;

    padding: 0;

}



/* images and galleries --------------------------------- */



/* misc images */

div.bmc_image {

    padding:10px;

    background-color: #fff;

    border:1px solid #ddd;

}



/* let centered images and captions extend across entire width */

div.bmc_centerContentImage,

.bmc_image {

    width: auto !important;

    text-align: center !important;

    margin-bottom: 1em;

}



/* image gallery */

div.bmw_gallery div.bmc_image {

    padding: 3px;

    margin-bottom: 0.5em;

}

div.bmw_gallery h3 {

    margin-top: 0;

}



/* fix for gallery images that do not layout correctly */

div.bmw_gallery div.bmc_image {

    width:60px;

    height:60px;

}





/* ----------------------------------------------------------

   COMMENTS

   ---------------------------------------------------------- */



/* scrolling comments */

div.bmw_comments {

    height:450px;

    overflow:scroll;

    border:1px solid black;

    padding:5px;

    font-size: 10px;

}

form.bmf_form textarea.bmf_comment {

    height: 100px;

}



@media screen and (max-device-width: 480px) { /* iphone */

    div.bmw_comments {

        height: auto;

        overflow: visible;

    }

}





/* ----------------------------------------------------------

   EXTERNAL NEWS FEEDS

   ---------------------------------------------------------- */



a.rss_item {

    font-weight: bold;

}

ul.rss_items,

li.rss_item {

    margin: 0;

    padding: 0;

    list-style:none;

}

li.rss_item {

    margin-bottom: 1.4em;

}



.rss_date {

    font-size: 9px;

    font-weight: normal;

}





/* ----------------------------------------------------------

   RIGHT-COLUMN SIDEBAR ELEMENTS

   ---------------------------------------------------------- */



.sidebarBox {

    border:1px solid #ddd;

    padding: 5px;

    margin-bottom: 1em;

}

.sidebarBox div.bmw_link {

    text-align: left;

}



/* MYHOME GADGET ICONS --------------- */

#MyHomeIcons ul {

    width: 285px;

    margin:0;

    overflow:hidden;

    list-style: none;

    padding: 0;

}

#MyHomeIcons li {

    float:left;

    width: 66px;

    text-align:center;

    margin:0;

    padding:0;

}

#MyHomeIcons li.entertainment,

#MyHomeIcons li.horoscope {

    width: 86px;

}



/* BULLETIN BOARD TAG CLOUD --------------- */

.bmw_tagcloud {
margin-top: 0px;
}

ul.bmw_tagcloud li {

    display: block;

    margin: 0;

}



/* making all tags the same font size */

a.bmw_tagcloud_xlarge,

a.bmw_tagcloud_large,

a.bmw_tagcloud_medium,

a.bmw_tagcloud_small,

a.bmw_tagcloud_xsmall {

    font-size:medium;

}



/* formatting tagcloud */

#BulletinBoard {

    margin-bottom: 1.5em;

}



#BulletinBoard ul.bmw_tagcloud {

    height:450px;

    overflow:scroll;

    border:0px solid black;

    padding:5px;

    text-align:center;

    background-color: #DCDCDC;

    font-size: 16px;

    border: 6px #930 ridge;

   

    padding: 0px;

    display:block;

}



#BulletinBoard a:link,

#BulletinBoard a:visited {

    color: #310

}

#BulletinBoard a:hover {

    text-decoration: underline;

}



/* Capitalizing tag titles on tagcloud */

ul.bmw_tagcloud a,

p.bmw_tags a {

    text-transform: capitalize;

}



/* Capitalizing tag titles on tags pages */

#bmt_utility.sec-__HOME h2.bmw_headline {

    text-transform: capitalize;

}



/* JOB SEARCH AND KEYWORDS --------------- */



#JobSearch {

    margin: 10px 0px;

}

#KeywordJobs {

    margin:10px 0px;

    border: 1px solid #ddd;

    padding:4px;

    width: 290px;

    overflow:hidden;

}



/* ----------------------------------------------------------

   NEWS FEED LIST

   ---------------------------------------------------------- */

div.bmw_sectionfeeds {

    margin-top: 1.5em;

}



div.bmw_sectionfeeds ul,

div.bmw_sectionfeeds ul li {

    margin: 0;

    padding: 0;

    line-height: 1.4em;

    list-style: none;

}



div.bmw_newsgadget {

    margin: .8em 0em;

}



/* ----------------------------------------------------------

   FOOTER

   ---------------------------------------------------------- */



#Footer {

    padding: 10px;

}



#FooterLinks {

    padding:3px;

    overflow:hidden;

    width:100%;

    background-color: #29006B;

}

#FooterLinks ul {

    width: 1000px;

    padding: 0px;

}

#FooterLinks li {

    width: 240px;

    text-align:center;

    padding: 2px 0px;

}

#FooterLinks ul,

#FooterLinks li {

    float:left;

    margin: 0px;

    list-style:none;

}



#FooterLinks form {

    text-align:right;

    margin: 0;

    padding: 0;

}

/*-----------------------------------
 Sitemap Styles 
-------------------------------------*/

#sitemap div.bmn_vnav {
    display:block;
}

#sitemap a,
#sitemap a:visited {
    color: blue;
font-size: 12px;
}

#sitemap ul {
    margin-left: 3em;
    
}

#sitemap ul ul {
    border: none;

}

#sitemap li.bmn_hover,
#sitemap li:hover,
#sitemap li.bmn_active {
    background-color:transparent;


}
span.dotcom{ /* text styling for dotcom text */
     color: #ad0500;
    
    
}

a.coverVideo {
    /* position the link at the top of the div */
    display: block;
    position: absolute;
    top:0;
    left: 0;

    /* size it to match the video */
    width: 300px;
    height: 225px;

    /* hide the text */
    text-indent: -9999em;
    overflow: hidden;
    font-size: 1px;
    line-height:1px;
    align:left;
}

