html {background: #f6f4f1;}
body { font-family: 'Montserrat', Verdana; background: #f5f5f5; color:#222; font-size:16px; }

a { text-decoration:none; color:#bc261a; }
a:hover { text-decoration:underline; color:#bc261a;}

.headline { font-family: 'Roboto Slab', serif }
.headline a { color: #333; }
.headline a:hover { text-decoration:underline; color:#bc261a;}

#pcontent-content > .container { background: #fff; padding: 8px 20px; border-radius: 9px; box-shadow: 1px 0px 5px #ccc;}
.rightcontent { margin:20px 0px; }


.button  { display: inline-block; padding: 0px 20px 0px 20px; color: #bc261a; cursor: pointer; height: 30px; line-height: 30px; text-align: center; border: 1px solid #bc261a;
  font-style: normal; text-transform: uppercase; outline: none;
}
.button:hover { color:white; text-decoration: none; background:#2980b9; }
.dropdown-menu { border-radius: 0px; }
.dropdown-menu > li > a { color:#dc5f3d; text-transform: capitalize; padding:3px 4px;}

p { text-align: justify; margin: 10px 0px 15px 0px; }
table td { color: #333; font-size:95%; padding: 4px;}
img { border:0px; }

.forum { margin-bottom:12px; width:100%; }
.forum th { font-weight:normal; padding: 8px 12px 8px 12px; background-color: #888; color:#fff; }
.forum td { padding:8px 4px; }
.forum tr { border-bottom: 1px solid #ddd; }

.forumimage { padding:12px 40px; }
.forumsmallimage { width:50px; float:left; margin-right:15px; border-radius:9999px;}
.postmeta { text-align: center; }

.nomargin { margin-left:0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }

h1, .h1 { font-size: 150%; margin-top: 10px; color:#323f4d; font-family: 'Roboto Slab', serif }
h2, .h2 { font-size: 140%; color:#323f4d; font-family: 'Roboto Slab', serif; }
h3, .h3 { font-size: 110%; margin-top: 4px; }
.headline, .ddmenu { color:#333; }
.biga  { font-size: 130%; margin:8px 0px 8px 0px; display: block; text-decoration: underline; color: #bc261a; font-family: 'Roboto Slab', serif }

hr { border-top:1px solid #d9cbba; }
.dotted { border-top:1px dotted #d9cbba; }

.category { padding: 3px 8px; background: #bc261a; color: white; margin-right:12px; }
.category:hover { color: white; font-weight: bold; }

.profileimage { max-width: 90px; border: 1px solid #d9cbba; }

.rightrailt .socialicons { text-align: center; padding:10px 0px;}
.socialicons img { padding:4px;}

.social-icons i {width: 60px;height: 60px;background: url('/data/social-sprite.png') no-repeat 0px 0px;display: inline-block;cursor: pointer;}
.social-icons i.twitter { background-position: -60px 0px;}
.social-icons i.googlepluse { background-position: -180px 0px;}

.navigationblock { padding:4px; border-top:1px solid #d9cbba; margin-bottom: 12px;}

.content { text-align: justify; }
.content img { max-width: 100%; }
.contentdetails .subline { padding: 10px 0px; margin: 10px 0px; }

.newslist { border-top:1px solid #d9cbba; padding:4px 0px;  }

.rightrailt { padding: 0px 8px; border: 1px solid #f2efed; box-shadow: 0px 0px 8px #f2efed; background: #fffafa; }
.rightrailt .headline { font-size: 110%; margin-top:20px; text-align: center;}
.ad-widget { text-align: center; margin-top:20px; padding-top:20px; margin-bottom:20px; border-top:1px solid #eee; }

.fulltextinput { width:100%; }

.comment .comment-author { font-style: italic; font-size:120%;}
.comment { margin:12px 0px 12px 0px; padding-bottom:12px; border-bottom:1px solid #eee; }
.comments { margin-left:10px; padding: 0px 10px 0px 10px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#topads {overflow: hidden; min-height:60px; text-align: center; padding: 10px; }

 #topads .container {background: url('/data/canada-top.jpg') no-repeat 0px 0px;}
 
.provinceSelector { text-align: right; padding:10px 0px; }

header { min-height:80px; padding:10px 10px 0px 10px; background:#cdc}
header .province { text-align:right; margin:10px 0px 10px; }

footer { background: #9a9; border-top: 1px solid #b5aa9c; padding-bottom:20px; color:#fff; }

.menuline {background: #9a9; }
.pagemenu { padding:12px; border-top:1px solid #9a9; list-style: none; }

.imagebadge { color: #323f4d; border:2px solid #f5f5f5; padding:4px 8px; position: absolute; background: #cdc; font-size: 90%; left: 0px; top: 10px; text-transform: lowercase; }

.main-footer { margin-top:10px; padding: 10px 20px 10px 20px; }
.main-footer ul { margin-left: 0px; padding-left: 0px; list-style: none; }

.footer-title {font-size: 16px; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; color:#fff; }
.textinput { width:100%; }

/*-- Header --*/
.logo { font-size:180%;  }
.logo .header1 { color:#323f4d; }
.logo .header2 { color:#bc261a; }
.logo .domain { font-size:16px; margin:0px 0px 10px 2px; }

.fwheadline { font-size:110%; overflow: hidden;}

.refstory {
    padding: 20px;
    margin: 20px;
    border: 1px dotted #999;
    font-size: 120%;
}

.quicksearchfooter { margin: 0px 0px; padding: 10px 0px; }

.righttext { display: block; text-align: right; }

.note { color: #328f4d; padding:8px 0px; }

.contentbadge { color: #ffa766; border:2px solid #ffa766; padding:4px 8px; font-size: 90%; text-transform: lowercase; }

.newsitem { display: block; margin-bottom:12px; padding:0px 8px 0px 8px; }
.homenewsitem .newsimage, .newsitem .newsimage { width:100%; max-height:300px; }
.homenewsitem .newscontent, .newsitem .newscontent { padding-bottom: 12px;  }
.homenewsitem .headline, .newsitem .headline { margin-top:8px; height:48px; overflow: hidden; }
.homenewsitem .subline, .newsitem .subline { margin-bottom: 8px; color:#998b7a; font-size: 90%; margin-top:4px;}

.homenewsitem .relateditem { background: #fff; font-size: 90%; overflow: hidden; border: 1px solid #ddd; margin-bottom:12px;  border-radius: 9px;}
.homenewsitem .relateditem .newscontent { padding:0px 8px 8px 8px; }
.vlongitem:hover, .longitem:hover, .homenewsitem .relateditem:hover { border: 1px solid #9a9; }


.humorimage { max-width:100%; margin-bottom:12px; }
.humorcontent .subline { padding: 12px 0px 12px; }
.humorcontent  .readmorefooter { padding: 0px 0px 12px; }

.prefooter { background:#ddd; }
.prefooter { margin-top: 12px; }
.prefooter .relateditems { margin-top:12px; }

.longitem { height:280px; }
.vlongitem { height:330px; }
.vlongitem, .longitem { background: #f9f9f9; font-size: 90%; overflow: hidden; border: 1px solid #ddd; border-radius: 9px;}
.vlongitem p, .longitem p { margin:0px; }
.vlongitem hr, .longitem hr { margin: 10px 0px; }
.vlongitem .newscontent, .longitem .newscontent { padding: 0px 10px 10px 10px; }
.vlongitem .headline, .longitem .headline, .newsitem .headline { height:auto; }

.newsitem .intro { max-height: 160px; overflow: hidden;}
.newsitem .opaque { background: #eee; opacity: 0.7; position: relative; top: -60; padding:4px; right:0px; text-shadow: 2px 2px #fff; }

.imagecontainer { padding:0px 4px; margin-bottom:12px; }
.imagecontainer .headline { height: 24px; overflow: hidden;  }
.imagecontainer .subline { margin-bottom: 12px;}

.contentdate { margin-bottom: 8px; color: #666; margin-top: 4px; display: inline-block; font-size: 90%; }

.blogitem { display: block; margin-bottom:12px; padding:0px 8px 0px 8px; }
.blogitem .blogimage { width:100%;}
.blogitem .blogcontent { padding-bottom: 12px; }
.blogitem .headline { margin-top:8px; height:46px; overflow: hidden; }
.blogitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px; white-space: nowrap; overflow: hidden; }
.blogitem  .intro { height:120px; overflow: hidden;}

.afishaitem { display: block; margin-bottom:12px; padding:0px 8px 8px 8px;  border-bottom: 1px solid #d9cbba; }
.afishaitem .blogimage { width:100%;}
.afishaitem .blogcontent { padding-bottom: 12px; }
.afishaitem .headline { font-size:110%; margin-top:8px; height:46px; overflow: hidden;}
.afishaitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}
.afishaitem  .intro { overflow: hidden;}

.storyitem { display: block; margin-bottom:12px; padding:0px 8px 0px 8px; }
.storyitem .storyimage { width:100%;}
.storyitem .storycontent { padding-bottom: 12px; }
.storyitem .headline { margin-top:8px; height:46px; overflow: hidden;}
.storyitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}
.storyitem  .intro { height:120px; overflow: hidden;}

.canadapagesitem { margin-bottom:12px; padding-bottom: 12px;}
.canadapagesitem .canadapagesimage { width:100%;}
.canadapagesitem .headline { font-size:110%; margin-bottom:10px; }
.canadapagesitem .subline { margin-bottom: 8px; color:#888; margin-top:4px;}
.canadapagesitem .intro { overflow: hidden; margin:8px 0px; }

.classifieditem .classifiedimage { width:100%; }
.classifieditem .headline { font-size:120%; margin-bottom:10px; }
.classifieditem .subline { margin-bottom: 8px; color:#888; margin-top:4px;}
.classifieditem .intro { overflow: hidden; margin:8px 0px; }

.quicksearchitem { margin-bottom:12px; border-bottom: 1px solid #ccc; padding: 8px;}
.quicksearchitem .quicksearchimage { width:100%;}
.quicksearchitem .headline { font-size:110%; margin-bottom:8px; }
.quicksearchitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}
.quicksearchitem .intro { overflow: hidden;}

.fullsearchitem { margin-bottom:12px; padding:12px; background: white; }
.fullsearchitem .fullsearchimage { width:100%;}
.fullsearchitem .headline { margin-bottom:8px; font-size:110%; }
.fullsearchitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}
.fullsearchitem .intro { overflow: hidden;}

.photoitem { margin-bottom:12px; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.photoitem .photoimage { width:100%;}
.photoitem .photocontainer { height:120px; overflow: hidden;}
.photoitem .headline { font-size:100%; text-overflow:ellipsis; height: 24px; overflow: hidden; }
.photoitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}
.photoitem  .intro { overflow: hidden;}

.itemstatus.statusok { border:1px solid #3a7741; color:#3a7741; }
.itemstatus.statuspending { border:1px solid #557ef4; color:#557ef4; }
.itemstatus.statuserror { border:1px solid #dd5555; color:#dd5555; }

.videoitem { margin-bottom:12px; }
.videoitem .headline { font-size:100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.videoitem iframe { width:100%; height:200px; }
iframe { max-width:100%; }
.videoitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}

.searchparams { margin-bottom:12px; margin-top:12px; background: #fff; padding:12px; border:1px solid #d9cbba; }
.searchparams table { width:100%; }
.searchparams form { margin-bottom: 0px; }
.searchparams .controls { text-align: right; }
.searchparams .searchfilter { margin-right:20px; }

.messagecontent { border-bottom:1px solid #d9cbba; border-top:1px solid #d9cbba;  }
.messagecontent div { vertical-align: top; padding:12px; } 
.messagecontent .info { background: #f5f5f5; overflow: hidden;}
.messagecontent h3 { margin-top:0px; padding-top:0px; }

.pagesimage  { float:right; padding:0px 0px 10px 10px; max-width:300px!important; }
.photoimage { max-width: 100%; margin-bottom:12px; }
.contentimage { float:left; padding:0px 10px 10px 0px; width:300px; }
.shareblock { height: 90px; }

.classifiedcontent { margin:8px 0px; }

.rightlink { float: right; margin-left: 12px;; }
.itemfooter { background: #f5f5f5; padding:8px; margin-top:8px; margin-bottom: 12px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.qsitemfooter { background:#e9e9e9; margin-top:8px; margin-bottom: 12px; padding:8px; border: 1px solid #ddd; }
.qsitemfooter span { padding-right:8px; }

.author .authorimage { width:100%; max-width: 100px!important; display: block; border-radius: 99999px; -webkit-border-radius: 99999px; -moz-border-radius: 99999px; }
.author .authordatablock h3 { margin-top:4px; }

.faqitem { margin-bottom:12px; border-top: 1px solid #ccc; padding-top: 8px; }
.faqitem:nth-of-type(1) { border-top:0px; }
.faqitem .headline { height:70px; text-overflow:ellipsis; overflow: hidden; }
.faqitem .subline { margin-bottom: 8px; color:#888; font-size: 90%; margin-top:4px;}

.quickresultlist { position: absolute; top: 40px; z-index: 100; right: 0px; width:550px; background: #fff; border: 1px solid #d9cbba;  z-index: 5; padding: 14px; }
.quickresultlist .citem img { height:100px }


.rightmenu li { list-style: none; float: left; width:50%; margin-left: 0px; padding-left: 0px; overflow: hidden; padding-right: 10px; text-overflow: ellipsis;}
.rightmenu { margin: 0px; padding: 0px;}
.rightmenu ul { margin: 8px; padding: 0px;}

.main-menu ul { padding: 10px 0px; margin: 0px; }
.main-menu li { list-style: none;  display: inline-block; }
.dropdown-menu li { list-style: none;  display: block; padding:4px 10px; }
.main-menua { margin-right: 12px; }
.menuline a { color:#fff; }

.search-box { position: relative; }
.search-box input { width:100%; height:34px; }
.search-box input[type="submit"] { background-color: transparent; position: absolute; width: 34px; height: 34px; right: 0; top: 0;
  border: 0; content: ''; color: transparent; background: url(../data/search-icon.png); background-position: center; background-repeat: no-repeat;}
input[type="text"] { padding: 4px 10px 4px 10px; height: 34px; line-height: 34px; outline: 0; border: 1px solid #ccc; }
input[type="password"] { padding: 4px 10px 4px 10px; height: 34px; line-height: 34px; outline: 0; border: 1px solid #ccc; }
textarea { padding: 4px 10px 4px 10px;  outline: 0; border: 1px solid #ccc; }
select { border: 1px solid #ccc; padding: 4px 10px 4px 10px; height: 34px; }

/*-- End Header --*/

.clearleft { clear:left; }
.hidden { display:none; }
.error { color:#c00;}
.formfields { margin-bottom:8px; }
.success { color:green; border:1px solid green; width:650px; padding:4px 4px 4px 10px; margin-bottom:8px; }

.sharediv { height:120px; }
.sharebutton { float:left; width:80px; height:60px; }
.navigation { padding:8px; border-bottom:1px solid #ae8768;  }
.navigation { padding:8px; border-top:1px solid #ae8768;  }

.navigationblockt { padding:8px 0px; border-bottom:1px solid #d9cbba; margin-bottom: 12px;}
.navigationblockb { padding:8px 0px; border-top:1px solid #d9cbba; margin-bottom: 12px;}

.transfer-highlight { font-size:160%; color:#ccc; text-align: center; }

.pageslist {text-align:right; }
.pageslist span { padding:4px 8px; background: #fff; border:1px solid #d9cbba; }
.pageslist a { padding:4px 4px; }

.datafields { padding:8px 8px 8px 0px; }
.datafields label { width:100px; }
.datafields .fullsizelabel { width: 100%; display: block;}
.fullwidthform .text { width:70%; }

.countryselector .province { padding:6px 0px; }

.contentfilters .header { font-weight: bold;  }
.contentfilters .filter { margin-top:12px; text-align: left;} 
.contentfilters .filter > span:last-of-type { border-right: 0px;}
.contentfilters .filter > span { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; white-space: nowrap }
.contentfilters .filter > a { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; white-space: nowrap; }
.contentfilters .filter > a:last-of-type { border-right: 0px;}

.readmore { text-transform: uppercase; }

#container { min-height:300px; }
#container .mix { display: none;}

.spinner { margin: 30px auto; display: block;}

.menu-button { display: none; margin-top:10px; float:right; }
.menu-close-btn { display: none;  margin:10px 10px 0px 0px; float:right; }

.rightblock {
    position: fixed;
    right: 0px;
    top: 0px;
    background: #d7d7ff;
    padding: 12px 4px;
    writing-mode: vertical-lr;
}

@media screen and (max-width: 1200px) {
}

@media screen and (min-width: 614px) {
    .homenewsitem .newsimage, .newsitem .newsimage { max-height:500px; }
}

@media screen and (max-width: 614px) {
    #heading h1 { font-size:20px; }
    .newsitem { display: block; }
    .newsitem .newsimage { width:100%; display: block; }
    .newsitem .newscontent { display: block; }
    .newsitem .headline { margin-top:8px;}
    .contentimage { width:100%; display: block; }
    
    .quickresultlist .citem .image { display: none; }

    body { overflow-x: hidden; }

    .main-menu li {
        width: 32%!important;
        font-size: 90%;
    }

    .datafields label { display: block; width:100%; }
    .fullwidthform .text { width:100%; }
    .classifieditem .classifiedimage { width:100%; margin-bottom:12px; }
    .pagesimage  { max-width:200px!important; }
}

@media screen and (min-width: 992px) {
    .mobile { display: none; }
    body { overflow-x: hidden; }
}
@media screen and (max-width: 992px) {
    .newsitem { height:auto; }
    body { overflow-x: hidden; font-size:18px;}
    .rightcontent { margin-top:15px; padding-top:15px; border-top: 1px solid #b5aa9c; }
    .longitem { height:auto; margin-bottom:12px; }
    #topads .highlightblock { padding: 8px 0px; text-align: center; }
    .vlongitem {height:auto; margin-bottom: 12px;}

    .main-menu li {
        width: 22%;
        font-size: 90%;
    }
}

@media (max-width: 480px) {
	html, body {
		overflow-x:hidden;
    }
    .menu-button { display: initial; }
    .menuline { position: fixed; left: -1000px; top: 0px; padding: 0px; border: 1px solid #ddd; min-width:360px; box-shadow:3px 3px 6px 0 rgba(0,0,0,.15); margin-top:0px; z-index: 9999; }
    .menu-close-btn { display: initial;  }
}

/*--- END RESPONSIVE ---*/