/*
Theme Name: Smarts Publishing
Author: CollaboRIA
Author URI: http://Collaboria.ca
*/
@charset "utf-8";
body {
	background: #eafaff;
	color: #000;
	font: 100% "Helvetica", Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul {margin: 0; padding: 0;}
ul li {list-style: none; padding-bottom: 5px;}
a:link {color: #b32317; text-decoration: none;}
a:hover {text-decoration: underline;}
a {color: #b32317; text-decoration: none; outline: none;}
img {border: none;}
label {display: block;}
p.testi {border: 1px #CCCCCC dashed; padding: 5px;}
#site_bg {background-color: #FFF;}
#container {
	background: #FFF;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	width: 986px;
}
#left_area {
	color: #535353;
	float: left;
	line-height: 12px;
	text-align: right;
	position: relative;
	width: 350px;/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*background: #EBEBEB;*//* the background color will be displayed for the length of the content in the column, but no further */
/*padding: 15px 10px 15px 20px;*//* padding keeps the content of the div away from the edges */
}
#blog-link {
	position: relative;
	height: 70px;
	left: -150px;
	margin: 0 0 23px 0;
	padding-top: 42px;
	background: url(images/typewriter_47x50.jpg) no-repeat 75% 0;
}
#blog-link span {
	font-weight: bold;
	color: #B32317;
}
#right_area {
	color: #535353;
	float: right;/* since this element is floated, a width must be given */
	line-height: 12px;
	padding-top: 135px;
	width: 350px;/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*background: #EBEBEB;*//* the background color will be displayed for the length of the content in the column, but no further */
}
#right_area a {text-decoration: none;}
#right_area a:hover {text-decoration: underline;}
.size_11 {font-size: 11px; margin: 0px; padding: 0px;}
#nav_bar {
	background: #493212 url(images/navigation_bar_blank.png) repeat-x;
	height: 44px;
	margin: 0px auto;
	margin-top: -25px;
	text-align: left;
}
.containerLower {margin: 0px auto; padding-top: 25px; width: 986px;}
.content {
	border-left: 1px solid #e5e5e5;
	margin: 0px auto;
	width: 995px;
/*border:1px solid #e5e5e5;*/
}
#containerNav {
	height: 44px;
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding-left: 56px;/*border: 1px solid #000000;*//*padding-left:30px;*/
	width: 986px;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}
#smarts_publishing_logo {
	margin: 0px 420px;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
/*padding: 0 10px;*//* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.fltrt {/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft {/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.lh {margin: 0px; padding: 0px;}
#firstCol, #secondCol, #thirdCol{position: relative;}
.column01 {
	background-color: #FFF;
	border: 1px solid #e7e7e7;
	color: #535353;
	float: left;
	font-size: 13px;
	height: 450px;
	line-height: 20px; /* 22px; */
	margin-left: 17px;
	padding: 7px;
	text-align: left;
	width: 290px;
}
.column01 p.first { margin-top: 5px; }
#thirdCol.column01 p.first { margin-top: -5px; }
#secondCol p.first { margin-top: -2px; }
.column03 {
	color: #535353;
	float: left;
	font-size: 13px;
	margin-left: 17px;
/*	padding:7px;*/
	overflow: hidden;
	text-align: left;
}
.padding7 {
	background-color: #FFF;
	border: 1px solid #e7e7e7;
	border-bottom: none;
	padding: 7px;
	padding-top: 13px;
	width: 290px;
}
.column02 {
	background-color: #FFF;
	border: 1px solid #e7e7e7;
	color: #535353;
	float: left;
	font-size: 13px;
	line-height: 22px;
	margin-left: 17px;
	overflow: hidden;
	padding: 13px 7px 7px 7px;
	text-align: left;
	width: 613px;
}
#longerCol.column02 { height: 211px; }
.img02 {border: 0px; padding-bottom: 13px; padding-right: 8px;}
#thirdCol .img02 { padding-bottom: 12px; }
.color01 {color: #b32317;}
.align_middle {text-align: center;}
.align_right {text-align: right;}
#image_box01, #image_box02, #image_box03 {
	bottom: 20px;
	height: 30px;
	padding-left: 5px;
	position: absolute;
	text-align: center;
}
#image_box02 {
	width: 284px;
	height: 40px;
	bottom: 10px;
   background: url(images/home_red_article_bkgrnd.png ) no-repeat 4px 0;
 }
#image_box02:hover {
	opacity: .9;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}

.image-box h2, .image-box h2 a {
	color: #faf2f1;
	font-weight: normal;
	font-size: 18px;
	margin-top: 10px;
}
.image-box h2 a {
	display: block;
	width: 284px;
	height: 40px;
	text-shadow: 2px 2px 0px #8c271f;
	filter: dropshadow(color=#8c271f, offx=1, offy=1);
}
.image-box h2 a:hover { text-decoration: none; }
.img03 {float: left; padding-right: 26px; padding-bottom: 10px; }
.box-content-wrap { height: 190px; overflow: auto; padding-right: 10px; }
#html_plus {padding-top: 61px; text-align: right;}
.balloon_bottom {
	background-image: url(images/balloon_bottom.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 30px;
	width: 304px;
}
.clearfloat {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0px;
}
.lowerBg {
	background-color: #FFF;
	background-image: url(images/bg_site.gif);
	background-position: top center;
	background-repeat: repeat-x;
}
#leftQuote {
	background-image: url(images/quote01.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
}
#rightQuote {
	background-image: url(images/quote02.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 120px;
	width: 21px;
}
.floatLeft {float: left;}
.testiBox {
	font-size: 11px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	width: 225px;
}
.align_justify {text-align: justify;}
#footer {
	color: #414141;
	font-size: 13px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
#we_provide_newsletter {
	line-height: normal;
	margin-left: 780px;
	position: absolute;
	text-align: center;
}
#we_provide_newsletter a {font-size: 11px; text-decoration: none;}
#we_provide_newsletter a:hover {text-decoration: underline;}
.italic {font-style: italic;}
.banner {
	background-color: #FFF;
	background-image: url(images/bg_shadow01.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #e5e5e5;
	margin: 0px auto;
	padding-bottom: 44px;
	padding-top: 43px;
	width: 994px;
}
.banner h1 {
	color: #494949;
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	margin: 0px;
	padding: 0px;
}
.left_column {
	background-color: #FFF;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	color: #535353;
	float: left;
	font-size: 14px;
	line-height: 22px;
	min-height: 500px;
	padding: 42px 12px 14px 14px;
	text-align: left;
	width: 617px;
}
.right_column {
	background-color: #FFF;
	background-image: url(images/bg_shadow02.gif);
	background-position: top;
	background-repeat: repeat-y;
	border-bottom: #e5e5e5 1px solid;
	float: left;
	text-align: left;
	width: 349px;
}
.rcl_ctnt {
	color: #535353;
	font-size: 12px;
	line-height: 18px;
	padding: 48px 33px 0px 33px;
}
.right_column li {
	list-style-type: none;
}
#test {margin-left: 646px; position: absolute;}
.color02 {color: #8d8d8d;}
.size12 {font-size: 12px;}
.img04 {padding-bottom: 10px;}
.imgBorder {border: none;}
.lineHeight14 {line-height: 0px;}
.dash01 {
	background-image: url(images/dash01.gif);
	background-repeat: repeat-x;
	font-size: 1px;
	height: 1px;
}
.size13 {font-size: 13px;}
.color03 {color: #8d8d8d;}
.split {
/*height:5px;
	font-size:0px;
	margin:0px;
	padding:0px;*/
	background-color: #FFF;
	border: none;
	color: #FFF;
	height: 8px;
}
h1.titlepage {margin: 0; padding: 0;}
h2.subtitle {
	border-bottom: dotted #FF3333 1px;
	color: #535353;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 100px;
	padding-top: 20px;
}
.subtitle-descr {font-size: 12px; line-height: normal;}
p.pagedescr {color: #8d8d8d; font-size: 13px; margin: 0; padding: 0;}
#left-col {float: left; width: 303px;}
#right-col {float: left; margin-left: 10px; width: 303px;}
#left-col ul, #right-col ul {margin: 0; padding: 0;}
#left-col ul li, #right-col ul li {height: 290px; list-style: none;}
#left-col ul li h3, #right-col ul li h3 {
	border-bottom: dotted #999999 1px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#left-col ul li p, #right-col ul li p {font-size: 12px; line-height: 18px;}
ul.normal-list {margin-left: 20px; padding-left: 10px;}
ul.normal-list li {list-style: disc;}
.newsletter {}
.newsletter h3 {
	border-bottom: dotted #999999 1px;
	font-weight: normal;
	height: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
}
.newsletter p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
}
/* ===========  mountainwebdev.com additions =========== */
	
/*  ================ blog & single post page ==================== */
.blog-posts h1 {
	color: #978981;
	margin: -10px 0 30px;
}
.blog-posts h2, .single h1 {
	font-size: 18px;
	margin: 0;
}
.blog-posts h2 a,
.single h1 a,
.blog-posts .rcl_ctnt a {
	color: #b32317;
}
.blog-posts h2 a:hover,
.single h1 a:hover,
.blog-posts .rcl_ctnt a:hover {
	color: #66471a;
	text-decoration: none;
}
.blog-posts p {
 	margin: 10px 0;
}
.blog-posts .post-hdr {
	border-top: 1px solid #dadada;
	padding-top: 10px;
	margin-top: 35px;
}
.blog-posts .post-hdr p {
	margin-top: 0;
	font-size: 12px;
}
.page .post li,
.blog-posts .post li,
.single .post li,
.page .post ol ul li,
.blog-posts .post ol ul li,
.single .post ol ul li {
	list-style-type: disc;
	margin-left: 25px;
	padding-bottom: 0;
}
.page .post ol ul li,
.blog-posts .post ol ul li,
.single .post ol ul li {
	margin-bottom: 0;
}
/* Jim changed margin-bottom from 10px */
.page .post ol li,
.blog-posts .post ol li,
.single .post ol li {
	list-style-type: decimal;
	margin-bottom: 7px;
}
.page .post li.iconOnly,
.blog-posts .post li.iconOnly,
.single .post li.iconOnly {
	list-style-type: none;
	margin-left: 5px;
}
/* Jim changed padding-bottom from 25px */
.page .post ol,
.blog-posts .post ol,
.single .post ol {
	padding-bottom: 15px;
}
.single .post-hdr {
	padding-top: 10px;
	margin-top: 0px;
}
/*    blog sidebar     */
.blog-posts .rcl_ctnt {
	padding-top: 20px;
	padding-bottom: 20px;
}
.blog-posts .rcl_ctnt h3 {
	color: #493212;
	font-size: 18px;
	margin: 10px 0 10px;
}
.category .left_column h1 {
	margin-bottom: 20px;
}
.category .left_column h3 {
	color: #493212;
	margin: 0;
}
.category .post-hdr {
	margin-top: 20px;
}
/* Added by Jim to indent child unordered lists more and shorten width */
#sub-menu ul {
   margin: 0px 0px 0px 15px;
   width: 500px;   
   padding: 5px;
 }


/* ============ sidebar -  blog signup form */

#af-form-251237245 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-251237245 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-body a{color:#880303;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-251237245 .af-body input.text, #af-form-251237245 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-body input.text:focus, #af-form-251237245 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-251237245 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-body{/*padding-bottom:5px;margin-bottom: 15px;*/padding-top:0;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-footer{padding-bottom:20px;padding-top:20px;padding-right:75px;padding-left:10px;background-color:transparent;background-repeat:no-repeat;background-position:top right;background-image:url("http://forms.aweber.com/images/forms/pointer/alert/footer.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#880303;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-header{padding-bottom:12px;padding-top:1px;padding-right:10px;padding-left:75px;background-color:transparent;background-repeat:no-repeat;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/pointer/alert/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#880303;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-251237245 .af-header h2 { color: #B32317; margin: 20px 0 0 0; }
#af-form-251237245 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-251237245 .af-quirksMode{padding-right:10px;padding-left:10px;}
#af-form-251237245 .af-standards .af-element{padding-right:10px;padding-left:10px;}
#af-form-251237245 .bodyText p{margin:1em 0;}
#af-form-251237245 .buttonContainer input.submit{background-color:#c20606;background-image:url("http://forms.aweber.com/images/forms/pointer/alert/button.png");color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-251237245 .buttonContainer input.submit{width:auto;}
#af-form-251237245 .buttonContainer{text-align:center;}
#af-form-251237245 body,#af-form-251237245 dl,#af-form-251237245 dt,#af-form-251237245 dd,#af-form-251237245 h1,#af-form-251237245 h2,#af-form-251237245 h3,#af-form-251237245 h4,#af-form-251237245 h5,#af-form-251237245 h6,#af-form-251237245 pre,#af-form-251237245 code,#af-form-251237245 fieldset,#af-form-251237245 legend,#af-form-251237245 blockquote,#af-form-251237245 th,#af-form-251237245 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-251237245 button,#af-form-251237245 input,#af-form-251237245 submit,#af-form-251237245 textarea,#af-form-251237245 select,#af-form-251237245 label,#af-form-251237245 optgroup,#af-form-251237245 option{float:none;position:static;margin:0;}
#af-form-251237245 div{margin:0;}
#af-form-251237245 fieldset{border:0;}
#af-form-251237245 form,#af-form-251237245 textarea,.af-form-wrapper,.af-form-close-button,#af-form-251237245 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-251237245 input,#af-form-251237245 button,#af-form-251237245 textarea,#af-form-251237245 select{font-size:100%;}
#af-form-251237245 p{color:inherit;}
#af-form-251237245 select,#af-form-251237245 label,#af-form-251237245 optgroup,#af-form-251237245 option{padding:0;}
#af-form-251237245 table{border-collapse:collapse;border-spacing:0;}
#af-form-251237245 ul,#af-form-251237245 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-251237245,#af-form-251237245 .quirksMode{width:225px;}
#af-form-251237245.af-quirksMode{overflow-x:hidden;}
#af-form-251237245{background-color:#FFFFFF;border-color:transparent;border-width:1px;border-style:solid;}
#af-form-251237245{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0; margin: 20px 0; padding-top: 10px; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;}
.af-form{text-align:left;margin:0;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}

/*#containerNav.menu-main-menu-container { background: url(images/navigation_bar_blank.png)  } */
ul#navigation.menu { background: url(images/navigation_bar_blank.png) }
ul#navigation.menu li {
	float: left;
	position: static;
}
ul#navigation.menu li a {
	background-image: none; /* url(images/navigation_bar.png); */
	display:block;
	height:44px;
   text-indent: 0;
	color: #fff;
	font-size: 15px;
	padding: 10px 13px 0;
}
ul#navigation.menu li:hover {
	background: url(images/navigation_bar_blank.png) no-repeat 0 -44px;
}
ul#navigation.menu li a:hover {
	background: url(images/nav_active_marker.png) no-repeat 50% 79%;
	text-decoration: none;
}
ul#navigation.menu li.current-menu-item,
ul#navigation.menu li.current-menu-ancestor,
ul#navigation.menu li.current_page_item {
	background: url(images/navigation_bar_blank.png) no-repeat 0 -44px;
}
/*ul#navigation.menu li:hover.current-menu-item,
ul#navigation.menu li:hover.current_page_item {
	background: url(images/navigation_bar_blank.png) no-repeat 0 -44px;
}*/
ul#navigation.menu > li:hover.current-menu-item > a:hover,
ul#navigation.menu > li:hover.current_page_item > a:hover {
	cursor: default;
	background: none;
}

ul#navigation.menu ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	background: #b1271d;
	display: none;
	position: absolute;
	top: 44px;
	left: auto;
	float: left;
	width: 180px;
	z-index: 99999;

}
ul#navigation.menu ul li {
	min-width: 180px;
}
ul#navigation.menu ul ul {
	left: 100%;
	top: 0;
}
ul#navigation.menu ul a {
	background: #b1271d;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
/*#access li:hover > a,*/
ul#navigation.menu ul :hover > a {
	background: #b1271d;
	color: #fff;
}
ul#navigation.menu li:hover > ul {
	display: block;
}
ul#navigation.menu li.current_page_item > a,
ul#navigation.menu li.current-menu-ancestor > a,
ul#navigation.menu li.current-menu-item > a,
ul#navigation.menu li.current-menu-parent > a {
	color: #fff;
}




/* ======== share & follow plugin ========== */
.shareinpost {
	margin-top: 30px;
}
.socialwrap li {
	float: left;
	padding-right: 10px;
}
.interactive_bottom {
	margin-top: -48px;
}

/* ====== WP-PageNavi plugin ======== */
.wp-pagenavi {
	clear: both;
	margin-top: 30px;
	text-align: center;
	margin: 15px 0 10px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}