@import "/templates/css/style.css";

td.columnleft {
    width:100% !important;
    padding:20px 0px;
}

h2 a:link, h2 a:visited { color:#333333; text-decoration:underline; }
h2 a:hover { color:#006633; text-decoration:underline; }

a:hover { text-decoration:underline; }

form#calselect a { text-decoration:underline; }
form#calselect a:hover { color:#60666f; }

/* Events table. */
table.events { width:950px; background:#c3d3e3; }
table.events .title { width:136px; background:#103985; color:#ffffff; font-size:12px; padding:3px 5px; text-align:left; }
table.events .head { background:#f0f6ff; padding:3px 5px; font:bold 11px arial,sans-serif; text-align:left; }
table.events .body { background:#ffffff; padding:5px; text-align:left; }
table.events .body .event { margin:3px 0px 3px 5px; }
a.eventlink:link { color:#006633; text-decoration:underline; }
a.eventlink:visited { color:#006633; text-decoration:underline; }
a.eventlink:hover { color:#000000; text-decoration:underline; }

/* Calendar on the calendar page */
#calendar { margin:0px 0px 0px 20px; }
#calendar { width:950px; }
#calendar .dowbox { width:135px; background:#003399; color:#ffffff; font-size:12px; padding:2px 0px; text-align:center; }
#calendar .dateboxoff { width:135px; height:135px; background:#e0e3e9; color:#000000; text-align:center; }
#calendar .dateboxon { width:135px; height:135px; background:#ffffff; color:#000000; text-align:center; cursor:pointer; }
#calendar .dateboxnow { width:135px; height:135px; background:#d6f6cf; color:#000000; text-align:center; cursor:pointer; }
#calendar .date { background:#f0f0f0; border-bottom:1px solid #cfcfcf; padding:2px 0px; font:bold 11px arial,sans-serif; }

/* Calendar events section on home page */
#calendar-events { width:385px; height:360px; background:url("/images/section-calendar-bg.png") top left no-repeat; margin-bottom:10px; }
#calendar-events .content { float:left; margin:55px 30px 10px 10px; }

/* Calendar table on the calendar page */
#calendar-full { width:950px; background:#cfcfcf; margin:20px; font-size:12px; line-height:125%; }
#calendar-full .dowbox { width:135px; background:#000000; color:#ffffff; font-size:12px; padding:2px 0px; text-align:center; }
#calendar-full .dateboxoff { width:135px; height:135px; background:#e0e0e0; color:#000000; text-align:center; }
#calendar-full .dateboxon { width:135px; height:135px; background:#ffffff; color:#000000; text-align:center; text-align:left; }
#calendar-full .dateboxnow { width:135px; height:135px; background:#d6f6cf; color:#000000; text-align:center; text-align:left; }
#calendar-full .date { background:#f0f0f0; border-bottom:1px solid #cfcfcf; padding:2px 0px; font:bold 11px arial,sans-serif; text-align:center; }
#calendar-full .events { overflow:hidden; margin:7px; padding:0px; }
#calendar-full .events .bullet { float:left; display:block; width:7px; padding:4px 3px; }
#calendar-full .events .title { float:left; display:block; width:103px; padding-bottom:10px; }
#calendar-full a.more:link, #calendar-full a.more:visited { color:#006633; text-decoration:underline; }
#calendar-full a.more:hover { color:#339966; text-decoration:underline; }

/* Calendar index */
#calendar-index {  }
#calendar-index .colleft { float:left; width:630px; margin:0px 20px 0px 20px; }
#calendar-index .colright { float:left; width:300px; margin:0px 20px 0px 0px; }
#calendar-index .colright .bigbox { text-align:left; margin:0px; padding:0px; }
#calendar-index .colright .bigbox .ad { text-align:left; margin:0px; padding:0px; }

/* Calendar module on the home page */
#calendar-module table { background:#b2b3b6; margin-bottom:10px; }
#calendar-module td { text-align:center; }
#calendar-module .dowbox { width:48px; background:#003399; color:#ffffff; font-size:12px; padding:3px 0px; text-align:center; }
#calendar-module .dateboxon { height:30px; background:#ffffff; font-size:17px; font-weight:bold; cursor:pointer; }
#calendar-module .dateboxnow { height:30px; background:#d6f6cf; font-size:17px; font-weight:bold; cursor:pointer; }
#calendar-module .dateboxover { height:30px; background:#c6e6bf; color:#000000; font-size:17px; font-weight:bold; cursor:pointer; }




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;
}

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

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

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

/* Lead sections on inside pages */
.lead { float:left; width:445px; margin:0px 0px 0px 20px; }
.lead h2 { text-transform:none; margin-top:10px; margin-bottom:5px; }
.lead h2 a { text-decoration:none; }

/* Links to cycle through rotating stories */
.prevlink { float:left; text-align:left; margin:3px 0px; }
.nextlink { float:right; text-align:right; margin:3px 0px; }

/* Story */
.story { padding:20px 20px; }
.story .story { padding:0px; }
.story hr { margin:20px 0px; }
.story-header { margin:10px 0px 20px 20px; color:#90969f; font-style:oblique; }

.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; }

/* Hidden or visible elements */
.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: 0px 10px 0 10px;
}
 
div.shaw-insert-categories-component {
    padding: 0px 10px 0 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 {
    border-bottom:1px solid #e6e6e6;
    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:        1px solid #C6C6C6;
  clear:         both;  
}

div.external-media-inline { 
  margin:        20px 20px 20px 0;
  padding:       15px; 
  border:        1px solid #C6C6C6;
  float:         left;
   text-align:center;
}

div.external-media div,
div.external-media-inline div {
  margin-top:    6px;
  margin-bottom: 6px;
  clear:         both;
}

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