/* -----------------------------------------------------------------------
Redefine Tag ---------------------------------------------------------- */
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #666;
text-align: left;
margin:0; padding:0; border:0;
}
body {
text-align: center;
background-color: #898989;
}
td { vertical-align: top; }
hr { clear: both; }
p { margin-bottom: 14px; }
blockquote {
padding: 0px 0 14px 15px;
margin:0px;
width: 90%;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}
blockquote a {
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}
a { color: #333; text-decoration: none; }
a:hover { color: #fe000c; }
a:visited { color: #333; }
a:visited:hover { color: #fe000c; }
a:active { color: #333; }
a:active:hover { color: #fe000c; }
ul { margin: 13px 0 13px 30px; }
li {
padding-bottom: 5px;
list-style-image: url(/images/bullet.gif);
}
object:hover, embed:hover { border: 0px #fff solid; }
/* -----------------------------------------------------------------------
Shell ----------------------------------------------------------------- */
#container {
width:760px;
margin: 0 auto;
background: #fff url(/images/bck_module.gif) top left repeat-y;
}
#left {
width: 196px;
float: left;
}
#content {
width: 564px;
float: right;
background: url(/images/bck_content.gif) top right repeat-y;
}
/* -----------------------------------------------------------------------
Top ----------------------------------------------------------------- */
#top {
height: 168px;
display: block;
background-color: #484848;
}
#logo {
float: left;
margin-left: 23px;
margin-right: 102px;
}
#intro {
float: left;
width: 510px;
height: 123px;
}
#intro h1, #intro strong {
width: 177px; height: 42px;
margin: 0;
display: block;
background: url(/images/t_canadian-marketing-blog.gif) bottom left no-repeat;
}
#intro strong span { display: none; }
#intro p { color: #b2b2b2; margin-top: 3px; }
#intro p a { color: #b2b2b2; text-decoration: none; }
#intro p a:hover { color: #fe000c; }
#intro p a:visited { color: #b2b2b2; }
#intro p a:visited:hover { color: #fe000c; }
#intro p a:active { color: #b2b2b2; }
#intro p a:active:hover { color: #fe000c; }
#b_visitcma {
margin: 13px 0 0 10px;
float: right;
display: block;
}
/* -----------------------------------------------------------------------
Menu ------------------------------------------------------------------ */
#menu {
float: right;
width: 760px; height: 45px;
background: #fff url(/images/bck_menu1.gif) bottom left no-repeat;
}
#menu ul {
float: right;
}
#menu ul, #menu ul li {
margin: 0; padding: 0;
}
#menu ul li {
float: left;
width: 191px;
height: 44px;
list-style: none;
background: #ededed url(/images/bck_menu.gif) top left repeat-y;
}
#menu ul li.selected {
background: none;
background-color: #fff;
}
#menu ul li#a_recentposts {
background: #ededed url(/images/bck_menu_first.gif) top left repeat-y;
}
#menu ul li#a_recentposts.selected {
background: #fff url(/images/bck_menu_first_s.gif) top left repeat-y;
}
#menu ul li a {
display: block;
}
#a_recentposts a { padding: 16px 54px 11px 44px; }
#a_archives a { padding: 16px 68px 11px 56px; }
#a_about a { padding: 16px 80px 11px 66px; }
/* -----------------------------------------------------------------------
Entries --------------------------------------------------------------- */
.entry_wrapper {
background: url(/images/bck_gradient.gif) bottom left no-repeat;
padding-bottom: 32px;
}
.entry_wrapper_w {
background: #fff url(/images/bck_gradient2.gif) bottom left no-repeat;
padding-bottom: 32px;
}
.entry {
float:left;
width: 411px;
}
.entry_inside {
padding: 32px 42px 0 32px;
}
.entry_inside a {
border-bottom: 1px #ccc solid;
}
.entry_inside a:visited, .morearchives a:visited {
padding-right: 9px;
background: url(/images/crochet.gif) center right no-repeat;
}.morearchives a:visited { padding-right: 11px; }
.hori_list a:visited {
background: none;
padding: 0px;
}
.utilities, .contributors_photo {
float:right;
width: 153px;
}
.utilities span { display: none; }
.utilities a, .categories, .author_comments small {
padding: 10px 70px 12px 0px;
display: block;
text-align: right;
color: #999;
text-decoration: none;
}
.utilities a, .utilities a:visited, .utilities a:active { color: #999; }
.utilities a:hover, .utilities a:visited:hover, .utilities a:active:hover { color: #fe000c; }
.date { height: 48px; }
.date span {
padding: 12px 0 10px 0;
width: 83px;
display: block;
text-align: right;
color: #999;
float:left;
}
.date span.clock { padding-top:11px; width: 49px; }
.date, .author, .comments, .categories, .author_comments { display: block; }
.author, .comments, .author_comments {
background: #fff url(/images/bck_utilities.gif) top right no-repeat;
}
.date { background: #fff url(/images/ico_date.gif) top right no-repeat; }
.author a { background: url(/images/ico_author.gif) top right no-repeat; }
.author a:hover { background: url(/images/ico_author_o.gif) top right no-repeat; }
.author_comments a, .author_comments small { background: url(/images/ico_author_comments.gif) top right no-repeat; padding-left: 25px; }
.author_comments small { background: url(/images/ico_author_comments_grey.gif) top right no-repeat; }
.author_comments a:hover { background: url(/images/ico_author_comments_o.gif) top right no-repeat; }
.comments a { background: url(/images/ico_comments.gif) top right no-repeat; padding-left: 25px; }
.comments a:hover { background: url(/images/ico_comments_o.gif) top right no-repeat; }
.categories { background: url(/images/ico_categories.gif) top right no-repeat; padding-top: 14px; }
.categories a { padding: 0px; }
.categories.nocat { padding-bottom: 0px; font-size: 1px; line-height: 1px; height: 0px;}
/* -----------------------------------------------------------------------
List ------------------------------------------------------------------ */
.hori_list { position: relative; margin: 30px 0 0 0; border: 1px #fff solid; }
.hori_list li {
float: left;
list-style: none;
background: url(/images/bullet.gif) top left no-repeat;
padding: 0 14px 0 10px;
}
.hori_list a { border-bottom: 0px; }
/* -----------------------------------------------------------------------
Module ---------------------------------------------------------------- */
.module1 {
padding: 21px 0 0 21px;
background: #484848 url(/images/bck_leftbottomshadow.gif) top right no-repeat;
}
.module1 div {
border-right: 7px #fff solid;
padding-right: 13px;
}
.module2 {
padding: 42px 20px 18px 21px;
background: url(/images/bck_lefttopshadow.gif) top right no-repeat;
}
.module1 ul, .module2 ul { margin: 0 0 0 15px; padding: 0; }
.module1 ul li, .module2 ul li { padding-bottom: 8px; }
.module1 strong span, .module2 strong span { display: none; }
.module1 strong, .module2 strong {
width: 130px;
height: 28px;
display: block;
}
#left a { color: #b2b2b2; }
#left a:hover { color: #fe000c; }
#left a:visited { color: #b2b2b2; }
#left a:visited:hover { color: #fe000c; }
#left a:active { color: #b2b2b2; }
#left a:active:hover { color: #fe000c; }
/* Contributors ------------------------------------------------------ */
#contributors.module2 {
padding-top: 21px;
background: none;
}
/* Recent ------------------------------------------------------------ */
#recents ul { margin: 0; }
#recents ul li {
padding-left: 15px;
width: 130px;
list-style: none;
list-style-image: none;
background: url(/images/bullet.gif) top left no-repeat;
}
html>body #recents ul li { width: 115px; }
#recents a {
font-size: 10px;
line-height: 11px;
display: block;
}
#b_submitanewpost {
margin-top: 5px;
}
/* Categories -------------------------------------------------------- */
#categories ul { margin: 0; margin-left: -3px; }
#categories ul li {
list-style: none;
list-style-image: none;
background: url(/images/ico_folder.gif) top left no-repeat;
padding-left: 25px;
color: #b2b2b2;
}
#categories ul li.empty { background: url(/images/ico_folder_empty.gif) top left no-repeat; }
/* Subscribe --------------------------------------------------------- */
#feedblitz {
margin-top: 15px;
}
#b_subscribe, #b_search, #b_search_w {
display: block;
margin: 5px 0 0 73px;
}
/* Calendar --------------------------------------------------------- */
#calendar.module2 {
padding-right: 0px;
}
#calendar caption { width: 130px; }
#calendar caption span { visibility: hidden; line-height: 24px; }
#calendar table td span, #calendar table td a {
display: block;
background-color: #5d5d5d;
font-size: 10px;
line-height: 22px;
width: 21px;
height: 22px;
text-align: center;
}
#calendar table td span { color: #999; }
#calendar table td a, #calendar table td a:visited, #calendar table td a:active {
color: #fff;
}
#calendar table td a:hover, #calendar table td a:visited:hover, #calendar table td a:active:hover {
color: #fff;
background-color: #fe000c;
}
/* Search ------------------------------------------------------------ */
#f_search { margin-top: 15px; }
#l_search { display: none; }
/* Blog Roll --------------------------------------------------------- */
#blogroll ul { margin: 0; }
#blogroll ul li { margin: 0; padding: 10px 0 0 0; list-style: none; list-style-image: none; }
#blogroll ul li.nocat {
padding: 0 0 7px 15px;
list-style: none; list-style-image: none;
background: url(/images/bullet.gif) top left no-repeat;
}
#blogroll ul li ul { margin: 5px 0 0 15px; }
#blogroll ul li ul li {
padding: 0 0 7px 0;
list-style-image: url(/images/bullet.gif);
}
#blogroll em {
font-style: normal;
color: #b2b2b2;
}
#blogroll a {
color: #b2b2b2;
font-size: 10px;
line-height: 11px;
display: block;
}
#blogroll p {
color: #828282;
font-size: 10px;
line-height: 11px;
margin: 0;
}
/* -----------------------------------------------------------------------
Call To Action -------------------------------------------------------- */
.calltoaction {
background-color: #fff;
padding: 21px 37px 25px 32px;
}
.calltoaction ul {
margin-top: 10px;
}
/* -----------------------------------------------------------------------
Popin ----------------------------------------------------------------- */
#popin {
width: 600px;
height: 600px;
position: absolute;
z-index: 10;
}
/* -----------------------------------------------------------------------
Contributors Archives ------------------------------------------------ */
.calltoaction.morearchives ul, .morearchives ul {
margin: 0;
}
.calltoaction.morearchives ul li, .morearchives ul li {
padding: 7px 0 9px 0;
list-style: none;
list-style-image: none;
background: url(/images/bck_archives.gif) bottom left no-repeat;
}
/* -----------------------------------------------------------------------
Contributors Pic ------------------------------------------------------ */
.contributors_photo .contributors_pic {
background-color: #fff;
padding: 10px 0 5px 10px;
}
.contributors_photo .blog strong, .contributors_photo .blog a {
color: #999;
font-size: 11px;
}
.contributors_photo .blog {
background: #fff url(/images/bck_utilities.gif) top right no-repeat;
text-align: right;
padding: 10px 17px 8px 10px;
}
.morearchives a { color: #666; }
.morearchives a:hover { color: #fe000c; }
.morearchives a:visited { color: #666; }
.morearchives a:visited:hover { color: #fe000c; }
.morearchives a:active { color: #666; }
.morearchives a:active:hover { color: #fe000c; }
/* -----------------------------------------------------------------------
Archives -------------------------------------------------------------- */
.morearchives ul { margin-bottom: 42px; }
.morearchives {
padding: 32px 42px 12px 32px;
}
.morearchives small { color: #999; }
.morearchives small.postedby {
color: #666;
display: block;
padding-left: 10px;
background: url(/images/bullet.gif) top left no-repeat;
}
.utilities.oldarchives {
padding: 20px 0 47px 0;
}
.utilities.oldarchives .date {
clear:both;
height:250px;
}
.oldarchives h3 { float:right; margin: 12px 25px 0 0; }
html>body .oldarchives h3 { margin-right: 48px; }
.oldarchives a {
padding: 0px;
}
.oldarchives ul {
clear:both;
margin: 5px 25px 0 0; padding: 0;
}
.oldarchives ul li {
list-style: none;
list-style-image: none;
padding: 0;
padding-right: 10px;
background: url(/images/boulette.gif) center right no-repeat;
}
/* -----------------------------------------------------------------------
Add a Comment -------------------------------------------------------- */
#addacomment {
padding: 32px 32px 15px 32px;
background: url(/images/bck_gradient_bonhomme.gif) bottom right no-repeat;
position: relative;
}
#bck_grey {
position: absolute;
width: 7px;
height: 1px;
background-color: #898989;
top: -1px;
/*left: 557px;*/
right: 0px;
}
#comment_table { margin-top: 15px; }
#comment_table .input_w { margin-bottom: 15px; }
#comment_table label { width: 100px; height: 14px; }
#l_name, #l_newpost_name { background: url(/images/l_name.gif) top left no-repeat; }
#l_emailaddress, #l_newpost_email { background: url(/images/l_email.gif) top left no-repeat; }
#l_url { background: url(/images/l_website.gif) top left no-repeat; }
#l_comments { background: url(/images/l_comments.gif) top left no-repeat; }
#l_newpost_post { background: url(/images/l_post.gif) top left no-repeat; }
#l_newpost_title { background: url(/images/l_title.gif) top left no-repeat; }
#comment-text, #newpost_post {
width: 323px; height: 114px;
background: #e1e1e1 url(/images/textarea_bonhomme.gif) fixed bottom left no-repeat !important;
line-height: 13px;
padding: 6px;
margin-bottom: 13px;
}
html>body #comment-text, html>body #newpost_post {
margin-bottom: 15px;
height: 102px; width: 311px;
background: #e1e1e1 url(/images/textarea_bonhomme_ff.gif) scroll bottom left no-repeat !important;
}
.b_post {
margin-left: 170px;
}
#comment_post {
width: 81px; height: 27px;
}
.bck_top_newpost {
background: url(/images/bck_footer.gif) top right no-repeat;
}
.bck_top_newpost #addacomment { padding-top: 10px; padding-bottom: 16px; }
html>body .bck_top_newpost #addacomment { padding-bottom: 15px; }
#comment_table .input_w.newpost_title { width: 324px; }
html>body #comment_table .input_w #newspost_title {
width: 311px;
}
/* -----------------------------------------------------------------------
Trackbacks ------------------------------------------------------------ */
#t_trackbacks span { display: none; }
/* -----------------------------------------------------------------------
Footer ---------------------------------------------------------------- */
#footer {
background: url(/images/bck_footer.gif) top right no-repeat;
height: 97px;
clear:both;
padding: 0 20px;
}
#footer p {
float: left;
padding: 60px 0 0px 212px;
}
#footer p small {
padding: 0 5px;
}
#footer #twist {
float: right;
margin: 63px 0 15px 0;
display: block;
}
/* -----------------------------------------------------------------------
Title ----------------------------------------------------------------- */
#contributors strong { background: url(/images/t_contributors.gif) top left no-repeat; }
#blogroll strong { background: url(/images/t_blogroll.gif) top left no-repeat; }
#recents strong { background: url(/images/t_recententries.gif) top left no-repeat; }
#categories strong { background: url(/images/t_categories.gif) top left no-repeat; }
#l_email { background: url(/images/t_getupdates.gif) top left no-repeat; width: 107px; height: 14px; }
#t_addacomment { background: url(/images/t_addacomment.gif) top left no-repeat; width: 145px; height: 25px; display: block; }
#t_comments { background: url(/images/t_comments.gif) top left no-repeat; width: 131px; height: 17px; display: block; }
#t_trackbacks { background: url(/images/t_trackbacks.gif) top left no-repeat; width: 145px; height: 25px; display: block; }
#t_january { background: url(/images/t_january.gif) top left no-repeat; }
#t_february { background: url(/images/t_february.gif) top left no-repeat; }
#t_march { background: url(/images/t_march.gif) top left no-repeat; }
#t_april { background: url(/images/t_april.gif) top left no-repeat; }
#t_may { background: url(/images/t_may.gif) top left no-repeat; }
#t_june { background: url(/images/t_june.gif) top left no-repeat; }
#t_july { background: url(/images/t_july.gif) top left no-repeat; }
#t_august { background: url(/images/t_august.gif) top left no-repeat; }
#t_september { background: url(/images/t_september.gif) top left no-repeat; }
#t_october { background: url(/images/t_october.gif) top left no-repeat; }
#t_november { background: url(/images/t_november.gif) top left no-repeat; }
#t_december { background: url(/images/t_december.gif) top left no-repeat; }
/* -----------------------------------------------------------------------
Form ------------------------------------------------------------------ */
input, select, textarea {
width: 151px; height: 17px;
background: #e1e1e1 url(/images/input_side.gif) top left no-repeat !important;
padding: 0 3px;
font-size: 11px;
line-height: 17px;
}
html>body input, html>body select { width: 148px; }
div.input {
background: url(/images/input_rside.gif) top right no-repeat;
padding: 0; border: 0;
display: block;
width: 152px;
}
html>body div.input {
width: 155px;
}
div.input_w {
background: url(/images/input_rside_w.gif) top right no-repeat;
padding: 0; border: 0;
display: block;
width: 152px;
}
html>body div.input_w {
width: 155px;
}
div.input_w input {
background: #e1e1e1 url(/images/input_side_w.gif) top left no-repeat !important;
}
.nobox {
border: 0;
background: none !important;
width: auto; height: auto;
}
label { display: block; }
label span { display: none; }
/* -----------------------------------------------------------------------
Font ------------------------------------------------------------------ */
h1 span, #t_addacomment span, #t_comments span { visibility: hidden; }
h1, h2 {
margin-bottom: 10px;
}
h3 { margin-bottom: 5px; }
small, small a, small span {
font-size: 11px;
line-height: 13px;
}
#error { color: #fe000c; display:block; width: 150px; }
/* -----------------------------------------------------------------------
Other ----------------------------------------------------------------- */
.hide {
display: none;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* -----------------------------------------------------------
sIFR ------------------------------------------------------ */
/* These are standard sIFR styles... do not modify */
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2, .sIFR-hasFlash h2 a, .sIFR-hasFlash #content h1 {
visibility: hidden;
letter-spacing: -1px;
font-family: Arial, Helvetica sans-serif;
font-size: 23px;
line-height: 26px;
}
.sIFR-hasFlash h3 {
visibility: hidden;
letter-spacing: 4px;
font-size: 15px;
line-height: 22px;
clear:both;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}