@charset "utf-8";
/* -------------------------------
BODY STYLES
----------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  background:url(images/bk_body.jpg) 0 0 repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/
ul {
	list-style:none;
}

h1 {
	font-size:28px;
	color:#333;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:15px;
}

h2 {
	font-size:24px;
	color:#333;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:15px;	
}

h3 {
	font-size:18px;
	color:#4D4D4D;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:15px;	
}

h1 strong, h2 strong {
	color:#008FCF;	
}

a {
	color:#008FCF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;	
}

p {
	margin:0.8em 0;	
}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#mainWrapper {
	background:url(images/bk_wrapper.png) 0 0 repeat-x;
	margin:0;
	padding:0;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	background:url(images/bk_header.png) 90% 0 no-repeat;
	height:165px;
	position:relative;
}

#content {
	padding-bottom:35px;
	overflow:hidden;
}

#content.two-cols {
	background:url(images/bk_content_cols.png) 690px 0 repeat-y;	
}

#content.two-cols .col-left {
	float:left;
	width:660px;
	margin-right:60px;
	padding-top:15px;
}

#content.two-cols .col-right {
	float:left;
	width:240px;
	padding-top:5px;
	position:relative;
}

#footer {
	background:#F8F8F8 url(images/bk_footer.jpg) 0 0 repeat-x;
	padding-top:10px;
	padding-bottom:35px;
}

#footerInner {
	width:960px;
	margin:0 auto;
}

#copyright {
	clear:both;
	background:url(images/bk_footer.jpg) 0 0 repeat-x;
	text-align:center;
	font-size:11px;
	color:#999;
	padding-top:20px;
}


/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

#topPhone {
	position:absolute;
	top:17px;
	left:300px;
	width:280px;
	height:54px;
	background:url(images/bk_top_phone.png) 100% 50% no-repeat;
}

#logo {
	position:absolute;
	left:0;
	top:5px;
}

#logo h1 a {
	display:block;
	width:235px;
	height:109px;
	background:url(images/logo_bluefur.png) 0 0 no-repeat;
	text-indent:-9999px;
}

#topMenu {
	position:absolute;
	right:0;
	top:82px;
	background:url(images/bk_separator.png) 0 0 repeat-y;
	z-index:100;
}

#topMenu ul li {
	float:left;
	background:url(images/bk_separator.png) 100% 0 repeat-y;
	height:42px;
	padding:0 13px 0 18px;
}

#topMenu ul li a {
	display:block;
	height:22px;
	margin-top:10px;
	text-indent:-9999px;
}

#topMenu ul li a#home {
	background:url(images/bk_menu_home.png) 0 0 no-repeat;
	width:110px;
}

#topMenu ul li a#home:hover, #topMenu ul li a#home.selected {
	background:url(images/bk_menu_home.png) 0 -22px no-repeat;
}

#topMenu ul li a#services {
	background:url(images/bk_menu_products.png) 0 0 no-repeat;
	width:139px;
}

#topMenu ul li a#services:hover, #topMenu ul li a#services.selected  {
	background:url(images/bk_menu_products.png) 0 -22px no-repeat;
}

#topMenu ul li a#help {
	background:url(images/bk_menu_help.png) 0 0 no-repeat;
	width:81px;
}

#topMenu ul li a#help:hover, #topMenu ul li a#help.selected {
	background:url(images/bk_menu_help.png) 0 -22px no-repeat;
}

#topMenu ul li a#company {
	background:url(images/bk_menu_company.png) 0 0 no-repeat;
	width:85px;
}

#topMenu ul li a#company:hover, #topMenu ul li a#company.selected {
	background:url(images/bk_menu_company.png) 0 -22px no-repeat;
}

#topMenu ul li a#contact {
	background:url(images/bk_menu_contact.png) 0 0 no-repeat;
	width:82px;
}

#topMenu ul li a#contact:hover, #topMenu ul li a#contact.selected {
	background:url(images/bk_menu_contact.png) 0 -22px no-repeat;
}

#topFlag {
	position:absolute;
	top:15px;
	right:-20px;
	height:54px;
	padding-right:65px;
	padding-top:20px;
	color:#D6E6EB;
	font-weight:bold;
	background:url(images/flag_canada.png) 100% 0 no-repeat;
}

/* -------------------------------
CONTENT ELEMENTS
----------------------------------*/

.biggerText {
	font-size:14px;
	line-height:19px;
}


/* COL RIGHT ELEMENTS */

#content .col-right .widget {
	margin-bottom:20px;
}

#content .col-right .widget ul {
	padding-left:0;
	margin-top:-15px;
}

#content .col-right .widget ul li {
	padding:7px 0;
	padding-left:15px;
	border-bottom:1px dotted #ddd;
	background:url(images/bullet_black.png) no-repeat scroll 0 13px transparent
}

.col-right h3 {
	font-weight:bold;	
	margin-top:5px;
	border-bottom:3px solid #ccc;
	padding-bottom:10px;
	margin-top:15px;
}

#topRss,#topTwitter {
	background:url(images/bk_top_socials.gif) 0 100% repeat-x;
	padding:10px 0;
	margin-bottom:5px;
}

#topRss a, #topTwitter a {
	display:block;
	background:url(images/rss_32.png) 0 0 no-repeat;
	padding-left:45px;
}

#topTwitter a {
	background:url(images/twitter_32.png) 0 0 no-repeat;
	
}

#topRss a span, #topTwitter a span {
	color:#333;
}

#topRss a:hover, #topTwitter a:hover {
	background-position:0 0;
	text-decoration:none;
}

#latestTweet {
	/*position:absolute;
	z-index:100;
	top:0px;
	left:0px;*/
	width:240px;
	font-size:12px;
	margin:0 0 5px; 
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	background:url(images/bk_latest_tweets.png) 0 0 no-repeat;
	padding-top:20px;
}

#topTwitter #latestTweet a {
	display:inline;
	padding:0;
	background:none;
}


/* COL LEFT ELEMENTS */

.col-left ul, #content ul {
	padding-left:15px;	
}

.col-left ul li, #content ul li{
	padding:8px 0;
	padding-left:15px;
	background:url(images/bullet_blue.png) 0 15px no-repeat;
}

.postItem {
	position:relative;
	margin-bottom:30px;
	padding-bottom:10px;
	background:url(images/post_separator.png) 0 100% repeat-x;
}

.postItem h1 {
	font-size:28px;
	padding-left:55px;
	margin-bottom:3px;
}

.postItem h1 a:hover {
	color:#333;
	text-decoration:none;
}	

.postItem .meta {
	margin-left:55px;
	font-size:12px;
	color:#666;
	display:block;
	background:url(images/ico_meta.png) 0 70% no-repeat;
	padding-left:19px;
	padding-top:5px;
}

.postItem .meta .category {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

.postItem .comments {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bk_ico_comments.png);
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#0099FF;
	padding-top:4px;
	height:41px;
	width:43px;
}

.postItem .comments a:hover{
	color:#42B4FF;
	text-decoration:none;
}

.postItem .story {
	padding:25px 0 15px;
	background:url(images/bk_shadow_top.png) 0 0 repeat-x;
	margin-top:7px;
}

.postItem .more-link {
	font-weight:bold;
	font-size:14px;
}

.postItem .story img {
	padding:8px;
	border:1px solid #ccc;
	background:#f3f3f3;
}

/* POST SOCIAL SHARE */

.social {
	margin-top:-15px;
	padding: 0 0 20px;
	background:url(images/post_separator.png) 0 100% repeat-x;
	margin-bottom:20px
}

.social a:hover img {
	margin-top:-4px;
}

.social img {
	border:none;
	vertical-align:middle;
	margin-left:8px;
}

.social strong {
	color:#008FCF;
}



/* -------------------------------
FOOTER ELEMENTS
----------------------------------*/


#footer .footerBox {
	float:left;
	width:213px;
	display:block;
	padding-left:87px;
	color:#333;
	margin:20px 33px 20px 0;
}

#footer .footerBox h3 {
	margin:0;	
}
#footer .footerBox h3 a{
	color:#4d4d4d;	
}

#footer .footerBox h3 a:hover {
	color:#008FCF;
	text-decoration:none;
}

#footer .canada {
	background:url(images/ico_map.png) 0 5px no-repeat;	
}


#footer .wizard {
	background:url(images/ico_wizard.jpg) 0 5px no-repeat;
}

#footer .special {
	background:url(images/ico_offer.png) 0 5px no-repeat;
	margin-right:0;	
	padding-left:70px;
}

/* COMMENTS
------------------------------------------*/

h2#comments {
	display:block;
	background:url(images/ico_h2_comments.png) 0 50% no-repeat;
	padding:5px 0 15px 40px;
}

h2#commentsForm {
	display:block;
	background:url(images/ico_h2_form.png) 0 50% no-repeat;
	padding:10px 0 10px 40px;
}

#content .col-left ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:0;
	padding:0;
	margin-bottom:25px;
}

#content .col-left ul.commentlist li {
	padding:0;
	position:relative;
	margin-bottom:10px;
	background:url(images/bk_comment_bottom.png) 100% 100% no-repeat;
	overflow:hidden;
}

#content .col-left ul.commentlist li .entry-meta{
	width:155px;
	float:left;
	padding-top:15px;
}

#content .col-left ul.commentlist li .entry-meta .author span{
	font-size:11px;
	color:#999;
}

#content .col-left ul.commentlist li .entry-meta p{
	margin:0.7em 0 0.3em;
}

#content .col-left ul.commentlist li .entry-meta .reply {
	font-size:11px;
}

#content .col-left ul.commentlist li .entry-content {
	width:455px;
	position:relative;
	float:left;
	padding:15px 25px;
	background:url(images/bk_comment_top.png) 0 0 no-repeat;
	margin:0;
}

/* FORMS
-------------------------------------------*/
#searchBox {
	background:url(images/bk_shadow.png) 0 100% repeat-x;
	padding:20px 0;
	padding-left:10px;
	margin:0;
}

#searchBox label {
	display:block;
	float:left;
	width:50px;
	background:url(images/search_label.png) 0 0 no-repeat;
	margin-top:12px;
}

#searchform input {
	border:none;
	background:url(images/search_input.png) 0 0 no-repeat;
	padding:13px 3px 7px 12px;
	color:#666;
	width:158px;
	float:left;
	margin-left:10px;
}

#searchform input#searchsubmit {
	width:21px;
	height:30px;
	border:none;
	cursor:pointer;
	padding:0;
}

/* Post comment */

#commentform fieldset {
	background:#F8F8F8;
	padding:15px;
	border:1px solid #D8D8D8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #D8D8D8;
	padding:8px;
	width:300px;
	margin-bottom:10px;
	background:#fff;
}


#commentform textarea {
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input#submit{
	border:none;
	width:95px;
	height:32px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_send.png) 0 0 no-repeat;
}

/* PAGE NAVI
---------------------------------*/


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 3px 10px;
	display:block;
	float:left;
	text-align:center; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #DDD;
	color: #333;
	background:url(images/bk_pagenavi.jpg) 0 0 repeat-x;	
}

.wp-pagenavi a:hover {	
	background:url(images/bk_pagenavi_ov.jpg) 0 0 no-repeat;
	color: #FFF;
	border:none;
	padding: 4px 11px;
}
.wp-pagenavi a:active {
	padding: 3px 10px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #DDD;
	color: #0066cc;
	background:url(images/bk_pagenavi.jpg) 0 0 repeat-x;		
	display:block;
	float:left;
}
.wp-pagenavi span.pages {
	padding: 3px 11px;
	margin: 2px;
	color: #333;
	border: 1px solid #DDD;
	background:url(images/bk_pagenavi.jpg) 0 0 repeat-x;	
	display:block;
	float:left;
}
.wp-pagenavi span.current {
	padding: 4px 11px;
	margin: 2px;
	font-weight: bold;
	border:none;
	color: #FFF;
	background:url(images/bk_pagenavi_ov.jpg) 0 0 no-repeat;	
	display:block;
	float:left;
}
.wp-pagenavi span.extend {
	padding: 3px 11px;
	margin: 2px;	
	border: 1px solid #ddd;
	color: #333;
	background:url(images/bk_pagenavi.jpg) 0 0 repeat-x;	
	display:block;
	float:left;
}


/* -------------------------------
CLEARING
----------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}

.clearfix { 
  display: block;  
}


/* Hide from IE-mac \*/
* html .clearfix { float: left; height: 1%; }
/* End hide from IE-mac */