body { background:#30363f url("/images/background.png"); color:#000000; font:normal 12px Arial,sans-serif; margin:0px; }

img { border:0px; }

h1 { color:#cd1445; font:normal 24px Arial,sans-serif; margin:0px; padding:0px; }
h2 { color:#000000; font:normal 20px Arial,sans-serif; margin:0px; padding:0px; }
h3 { color:#cd1445; font:normal 16px Arial,sans-serif; margin:0px; padding:0px; }
h4 { color:#000000; font:normal 16px Arial,sans-serif; margin:0px; padding:0px; }

a:link { color:#cd1445; text-decoration:none; }
a:visited { color:#cd1445; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }

#headlines .content a.facebook:link { color:#3b5998; text-decoration:underline; }
#headlines .content a.facebook:visited { color:#3b5998; text-decoration:underline; }
#headlines .content a.facebook:hover { color:#254588; text-decoration:underline; }

#headlines .content a.rss:link { color:#ff9933; text-decoration:underline; }
#headlines .content a.rss:visited { color:#ff9933; text-decoration:underline; }
#headlines .content a.rss:hover { color:#ff6600; text-decoration:underline; }

div.content-promo { margin:0px; padding:0px 0px 0px 0px; }
div.content-promo .ad { width:300px; height:90px; padding:0px; margin:0px 0px 10px 0px; background:#e0e0e0; }

table.admin { background:#000000; margin-top:20px; }
table.admin .head { background:#30363f; padding:5px; color:#ffffff; }
table.admin .body { background:#ffffff; padding:5px; }
table.admin .body .published { color:#009900; }
table.admin .body .unpublished { color:#990000; }
table.admin .body .active { color:#009900; }
table.admin .body .inactive { color:#990000; }

table.schedules { width:100%; margin-bottom:20px; }
table.schedules .head { padding:3px 10px; font:bold 11px Arial,sans-serif; }
table.schedules .body { padding:3px 10px; }

ul.sports { margin:5px; padding:0px; }
ul.sports li { margin-bottom:5px; list-style:none; background:url("/images/bullet-arrow.png") top left no-repeat; background-position: 0px 2px; text-indent:14px; }

/* Blog section on home page */
#blog { width:328px; margin-bottom:10px; }
#blog .content .logo { float:left; margin-right:10px; }
#blog h4 { margin-bottom:5px; }

/* Click section on home page */
#click { width:328px; margin-bottom:10px; }
#click .content .logo { float:left; margin-right:10px; }
#click h4 { margin-bottom:5px; }

/* Countdown */
#countdown { float:right; width:300px; height:75px; background:#30363f url("/images/countdown-bg.png") top left no-repeat; margin-right:10px; }

/* Footer */
#footer { width:1000px; background:none; color:#ffffff; }
#footer .logo { background:none; padding:0px 10px 10px 10px; }
#footer .text { background:none; padding-top:12px; padding-bottom:5px; }
#footer .links { padding-top:5px; padding-bottom:10px; }
#footer a:hover { color:#ffffff; }

/* Page header */
#header { width:100%; background:#000000; padding:10px 0px; }
#header #ad { float:right; width:300px; margin-right:10px; }
#header #logo { float:left; width:670px; margin:0px 10px; }
#header a:link, #header a:visited { color:#ffffff; text-decoration:underline; }
#header a:hover { color:#cd1445; text-decoration:underline; }

/* Recent Headlines */
#headlines { margin-bottom:10px; }
#headlines li { margin-bottom:5px; list-style:none; background:url("/images/bullet-arrow.png") top left no-repeat; background-position: 0px 2px; padding-left:14px; }
#headlines a { font:normal 12px arial,sans-serif; }
#headlines a:link, #headlines a:visited { color:#000000; text-decoration:none; }
#headlines a:hover { color:#cd1445; text-decoration:underline; }

/* Lead content */
#lead { background:#000000 url("/images/section-bg.png") bottom left repeat-x; border-right:1px solid #60666f; border-bottom:1px solid #60666f; border-left:1px solid #60666f; margin-bottom:10px; }
#lead h1 { color:#ffffff; font:normal 26px arial,sans-serif; margin:0px 0px 15px 0px; padding:0px; line-height:100%; }
#lead h1 a:link, #lead h1 a:visited { color:#ffffff; text-decoration:none; }
#lead h1 a:hover { color:#cd1445; text-decoration:underline; }
#lead .lede { color:#ffffff; font:normal 13px arial,sans-serif; line-height:135%; }

#lead.photos .colleft { float:left; width:402px; border-right:1px solid #90969f; margin:15px 0px 15px 0px; padding:0px 15px 0px 15px; }
#lead.photos .colright { float:left; width:205px; margin:15px 0px 15px 0px; padding:0px 15px 0px 15px; }
#lead.photos .colright h4 a:link, #lead.photos .colright h4 a:visited { color:#ffffff; text-decoration:underline; }
#lead.photos .colright h4 a:hover { color:#cd1445; text-decoration:underline; }
#lead.photos img { border:1px solid #000000; }
#lead.photos h2 { color:#ffffff; font:normal 18px arial,sans-serif; text-transform:uppercase; text-align:center; margin-bottom:5px; }
#lead.photos h3 { color:#cd1445; font:normal 18px arial,sans-serif; margin:10px 0px 5px 0px; }
#lead.photos .lede { color:#ffffff; }
#lead.photos .thumb { float:left; width:124px; color:#ffffff; margin-right:5px; margin-top:15px; margin-bottom:15px; }
#lead.photos .thumb img { width:122px; height:69px; border:1px solid #000000; }
#lead.photos .thumb h4 { font:bold 12px arial,sans-serif; }
#lead.photos .thumb a h4 { margin:5px 0px 5px 0px; padding:0px; }
#lead.photos .thumb a:link h4, #videothumbs .thumb a:visited h4 { color:#cd1445; text-decoration:none; }
#lead.photos .thumb a:hover h4 { color:#ffffff; text-decoration:none; }

/* Lead story */
#leadstory { width:668px; height:377px; }
#leadstory .overlay { width:215px; background:url("/images/lead-story-overlay-bg.png"); padding:15px; }
#leadstory .overlay li { margin-bottom:10px; list-style:none; background:url("/images/bullet-arrow.png") top left no-repeat; background-position: 0px 2px; padding-left:14px; }
#leadstory .overlay li a:link, #leadstory .overlay li a:visited { color:#ffffff; text-decoration:underline; }
#leadstory .overlay li a:hover { color:#cd1445; text-decoration:underline; }
#leadstory .overlay h4 { color:#cd1445; font:bold 15px Arial,sans-serif; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase; }

/* Navigation bar */
#navbar { width:100%; height:25px; background:#ffffff url("/images/navbar-bg.png"); border-bottom:1px solid #000000; }
#navbar .container { width:980px; padding:6px 10px 0px 10px; }

/* Page content */
#page { width:1000px; background:#00060f; text-align:left; }
#page .columnleft { width:670px; float:left; background:#ffffff; margin:10px 10px 10px 10px; }
#page .columnright { width:300px; float:left; margin:10px 10px 10px 0px; }
#page .colleft { float:left; width:330px; margin-right:10px; }
#page .colright { float:left; width:330px; }
#page .section-header { width:980px; padding:10px 10px 0px 10px; }
#page .leaderboard { float:left; width:728px; padding:10px 10px 0px 10px; }
#page .search { float:left; width:242px; padding:10px 10px 0px 0px; }

/* Poll */
#poll { width:300px; margin-bottom:10px; }
#poll .content { color:#ffffff; padding:10px; }

/* Questions section on home page */
#questions { width:328px; margin-bottom:10px; }
#questions .content .logo { float:left; margin-right:10px; }
#questions h4 { margin-bottom:5px; }

/* Schedule section on home page */
#schedule { width:328px; margin-bottom:10px; }

/* Search page */
#searchpage table.searchsys { width:625px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
#searchpage table.searchsys a:link, #searchpage table.searchsys a:visited { color:#040040; text-decoration:none; font:bold 12px Arial,sans-serif; }
#searchpage table.searchsys a:hover { color:#cc0033; text-decoration:none; font:bold 12px Arial,sans-serif; }

#searchpage { padding:20px; }
#searchpage p { padding-bottom:10px; }
#searchpage img { padding-top:5px; }
#searchpage a:link { color:#040040; text-decoration:none; font:bold 16px Arial,sans-serif; }
#searchpage a:visited { color:#60666f; text-decoration:none; font:bold 16px Arial,sans-serif; }
#searchpage a:hover { color:#cc0033; text-decoration:none; font:bold 16px Arial,sans-serif; }

#searchbox { padding:10px; }
#searchbox form { padding:0px; margin:0px; }

/* Story page content */
#story, .story { padding:20px; }
.story .story,
#story .story { padding:0 !important; }
#story h1, .story h1 { padding-bottom:5px; }
#story h2, .story h2 { color:#30363f; font:bold 20px Arial,sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:100%; letter-spacing:-0.5px; }
#story .photobox, .story .photobox { float:right; margin:0px 0px 10px 20px; }
#story .photobox .caption, .story .photobox .caption { width:400px; font:bold 11px Arial,sans-serif; color:#000000; padding-top:5px; }
#story .photobox-thumbnail, .story .photobox-thumbnail { float: left; margin: 12px; }

#story .sidebox, .story .sidebox { float:right; clear:right; }
#story .sideitem, .story .sideitem { width:168px; border:1px solid #c6c6c6; padding:15px; margin:20px 0px 20px 20px; }
#story .sideitem .list, .story .sideitem .list { border-bottom:1px solid #c6c6c6; padding:4px 0px 2px 0px; }
#story .sideitem .list a:link, #story .sideitem .list a:visited, #story .sideitem .list a:hover,
.story .sideitem .list a:link, .story .sideitem .list a:visited, .story .sideitem .list a:hover{ text-decoration:none; }
#story .sideitem .sublist, .story .sideitem .sublist { border-bottom:1px solid #e6e6e6; padding:4px 0px 2px 0px; }
#story .sideitem .sublist a:link, #story .sideitem .list a:visited, #story .sideitem .list a:hover,
.story .sideitem .sublist a:link, .story .sideitem .list a:visited, .story .sideitem .list a:hover{ text-decoration:none; }
#story .simpleblog { background-color:#f0f0f0; border:1px solid #c6c6c6; padding:20px; font:normal 12px Arial,sans-serif; }
#story .simpleblog .newscol-right-line { padding-left:8px; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; }
#story .simpleblog .newscol-right-noline { padding-left:9px; }
#story .simpleblog {
	background-color: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        overflow: hidden;
}
#story .simpleblog-form {
}
#story .simpleblog-form-block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	clear: both;
}
#story .simpleblog-results p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#story .simpleblog-response { display:block; }
#story .simpleblog-results {}
#story .simpleblog-confirmation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
#story .simpleblog-name, .simpleblog-date {
	font-weight:bold; color:#040040;
}
#story .simpleblog-response {}
#story .simpleblog-form-block textarea {}
#story .simpleblog-form-label { font:bold 12px Arial,sans-serif; color:#040040; display:block; padding:10px 0px 3px 0px; text-transform:uppercase; }
#story .simpleblog-form-block input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}
#story a:link, #story a:visited, #story a:hover { text-decoration:underline; }

/* Breadcrumb trail */
.story .breadcrumbs { margin-bottom:10px; }

/* Story form */
.story form label { display:block; margin-top:10px; }

/* Header at the top of story pages */
#story-header { border-bottom:1px solid #e6e6e6; padding:10px 20px 10px 20px; }
#story-header .datetime { float:left; padding-top:4px; color:#60666f; font:bold 11px Arial,sans-serif; }
#story-header .fontsize { float:right; color:#60666f; font:bold 11px Arial,sans-serif; }
#story-header .fontsize .text { float:left; padding-top:4px; }

/* Twitter feed */
#twitter { width:670px; height:60px; background:#252525 url("/images/twitter/twitter-bg.png") top left no-repeat; margin-bottom:10px; }
#twitter .logo { float:left; width:106px; }
#twitter .logo a:link, #twitter .logo a:visited { color:#ffffff; text-decoration:underline; }
#twitter .logo a:hover { color:#cd1445; text-decoration:underline; }
#twitter .logo img { padding:10px 10px 0px 10px; }
#twitter .feed { float:left; width:534px; padding:15px; color:#ffffff; }
#twitter #twitter_update_list { margin:0px; padding:0px; }
#twitter #twitter_update_list li { list-style:none; }
#twitter #twitter_update_list li a { color:#cd1445; text-decoration:none; }

/* Video player. */
#videoplayer { display:block; width:640px; height:390px; background:#000000; }

/* Video Information. */
#videoinformation { width:640px; margin:12px; }
#videodate { color:#60666f; font:normal 12px arial,sans-serif; margin-bottom:10px; }
h1#videotitle { color:#ffffff; font:normal 26px arial,sans-serif; margin:0px 0px 5px 0px; padding:0px; letter-spacing:-1px; }
#videosubtitle { color:#ffffff; font:normal 13px arial,sans-serif; margin:0px 0px 10px 0px; line-height:125%; }
#videolink:link, #videolink:visited { color:#cd1445; text-decoration:underline; }
#videolink:hover { color:#ffffff; text-decoration:underline; }
#videothumbs { margin:15px 0px 15px 15px; }
#videothumbs h3 { margin-bottom:10px; }
#videothumbs .thumb { float:left; width:210px; color:#ffffff; margin-right:5px; margin-bottom:15px; }
#videothumbs .thumb img { width:210px; height:118px; border:0px; }
#videothumbs .thumb a h4 { margin:5px 0px 5px 0px; padding:0px; }
#videothumbs .thumb a:link h4, #videothumbs .thumb a:visited h4 { color:#ffffff; text-decoration:none; }
#videothumbs .thumb a:hover h4 { color:#cd1445; text-decoration:none; }

/* Big box ad */
.bigbox { margin-bottom:10px; }

/* Contains content within browser window */
.container { width:1000px; text-align:left; }

/* Clear floating content. */
.clear { clear:both; }

.index-date { color:#90969f; font:normal 12px Arial,sans-serif; border-top:1px solid #c0c6cf; padding-top:5px; margin:10px 0px 5px 0px; }
.index-item { margin-bottom:10px; }

/* Section */
.section { background:#ffffff; border-right:1px solid #60666f; border-bottom:1px solid #60666f; border-left:1px solid #60666f; }
.section .content { padding:10px; color:#000000; }

/* Tabs */
.tabheader { height:25px; background:#30363f url("/images/tabs/tabheader-bg.png") top left repeat-x; }
.tabheader .on { float:left; background:#000000; cursor:pointer; }
.tabheader .off { float:left; background:#60666f; cursor:pointer; }

/* Div content displays */
.hidden { display:none; }
.visible { display:block; }









/* Added by Roxen */
div.comment {
    margin-bottom: 10px;
}

div#comments-count {
    display:none;
}

div#story p {
    margin-top: 0;
}

div.section-navbar {
    padding: 10px 10px 0 10px;
}

div.component-container {
    padding: 10px 10px 10px 10px;
}
 
div.shaw-insert-categories-component {
    padding: 10px 10px 10px 10px;
}

div.column-container {
    padding:15px; 
    border-top:5px solid #e6e6e6; 
}

.no-top-border {
    border-top-style: none !important;
}

div.column-container ul { 
    padding:0px 0px 0px 0px; 
    margin:0px 10px 0px 20px; 
}

div.column-container li { 
    list-style:url("/art/bullet-arrow.png") square; 
    padding:1px 0px 1px 0px; 
    font:normal 12px Arial,sans-serif; 
}

div.myhometown-list,
div.blogs-list {
    padding: 10px;
}

li.myhometown-list,
li.blogs-list {
    padding:5px;
}

a.myhometown-list,
a.blogs-list {
    font-size:15px;
}

span.blog-entry-small-date,
span.blog-entry-archive-date{
    color:#90969F;
}

div.blog-entry {
    margin-bottom:15px;
}

div.blog-entry-archive {
    border-bottom: 1px solid #e6e6e6;
    padding:5px;
}

div.blog-entry-push-picture { 
  float: right;
  margin: 12px 0px 12px 12px;
}

div.section-left-split {
    float: left; 
    width: 320px;
    overflow:hidden;
}

div.section-right-split {
    border-left: 1px solid rgb(230, 230, 230); 
    overflow:hidden;
    float: left; 
    width: 340px;
}

div.section-split-top {
    height:5px; 
    background-color: #E6E6E6; 
    line-height:1px;
    margin-bottom: 15px;
}

div.blog-push-container,
div.columnist-push-container {
    margin-bottom: 5px;
    padding-bottom: 8px;
}

div.blog-push-title,
div.columnist-push-title {
    font:bold 12px Arial,sans-serif; 
    color:#90969f;
}

img.blog-push-image,
img.columnist-push-image {
    float:left; 
    padding:5px 10px 10px 0px;
}

h2.blog-push-entry-title,
h2.columnist-push-entry-title {
    padding:5px 0px 5px 0px;
}

div.columnists-select-clear,
div.blogs-select-clear {
    clear: both;
    margin-bottom:10px;
}

td.photocell img {
    border: 0;
}

div.cartoons-thumb-container {
    margin: 5px;
    width: 145px;
    height: 115px;
    margin: 5px;
}

table#content div.cartoon-large { 
  text-align: center;
}

div.cartoons-thumb-list { 
  text-align: center;
}

div.skyscraper {
    padding: 10px; 
    text-align: center;
}

div.story a:link, 
div.story a:visited, 
div.story a:hover { 
  text-decoration:underline; 
}

div#ssmlogo {
    float:right;
    background: transparent url(/art/blogs/ssmlogo.png) no-repeat scroll 0 0;
    height:150px;
    width:300px;
    cursor:pointer;
}

/* When using a doctype declaration, IE centers everything.This is a fix. */
table#content div {text-align:left;}

div.article-poll { 
  margin-top:    20px;
  margin-bottom: 20px;
  margin-left:   auto;
  margin-right:  auto;
  border:        1px solid #C6C6C6;
  padding:       15px;
  clear:         both;
  width:         350px;
}

div.external-media { 
  margin-top:    20px;
  margin-bottom: 20px;
  margin-left:   auto;
  margin-right:  auto;
  padding:       15px; 
  border:        0px;
  clear:         both;  
}

div.external-media-inline { 
  margin:        0px 0px 20px 20px;
  padding:       0px; 
  border:        0px;
  float:         left;
}

div.external-media div,
div.external-media-inline div {
  clear:         none;
}


div.external-media div.media-contents,
div.external-media-inline div.media-contents { 
  overflow:      hidden;
  max-height:    950px;
  max-width:     590px;
}