/*
	Theme Name: Bridgeline Digital
*/


/* RESET
-----------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, 
em, font, img, small, strong, sub, sup, tt, 
dd, dl, dt, li, ol, ul, fieldset, form, label, 
legend, table, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;line-height: 1;margin: 0;padding: 0;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style:none;}

/* BASE
-----------------------------------------*/
body, table, tr, td, form, select, input, textarea {font-family: arial, sans-serif; color: #000;}
body {background: #fff url(images/bg_tile.gif) top left repeat-x; font-size: 62.5%;}
strong {font-weight: bold;}
em {font-style: italic;line-height: 1.6;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.alignright {float: right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.aligncenter {text-align: center; margin: 10px auto;}
.no {margin: 0;}
.noborder {border: 0 !important;}
.hide {display: none !important;}
.imgLeftLg {float: left; margin: 0 22px 6px 0;}
td {vertical-align:top; font-size: 1.1em;}
.cfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.cfix {display: inline-block;}
html[xmlns] .cfix {display: block;}
* html .cfix {height: 1%;}


/* LAYOUT
-----------------------------------------*/
.shadow {width: 972px; padding: 0 9px 20px; margin: 0 auto; background: transparent url(images/shadow.gif) top center no-repeat;}
#page {background: #fff; margin: 15px auto 0; padding: 5px; width: 960px; border: 1px solid #ddd;}
#header {height: 100px; width: 960px; background: transparent url(images/bg_header.gif) top left no-repeat;}
#header h1 {font-size: 1.8em; color: #333; float: left; display: inline; margin: 16px 0 0 21px;}
.mid {background: url(images/tile_mid.gif) top right repeat-y; border: 1px solid #ddd; border-top: 0;}
#content {xborder-right: 1px solid #e8e8e8; float: left; width: 666px; padding: 20px 20px 14px;}
.entry {margin: 1.3em 0 2.8em;}
.entry img {border: 1px solid #d0d0d0;}
.share {font-size: 1.2em; margin: 1em 0;}
.share a {display: block; float: left; margin: 0 10px 0 0;}
.author {margin: 0 0 1.5em; padding: 0 0 1em; border-bottom: 1px solid #e8e8e8;}
.authorInfo {padding: 10px 0; border-top: 1px dotted #d1d1d1;}
.authorPhoto {border: 1px solid #ddd; float: right; margin: 0 0 12px 26px;}
.author p {margin: 0 0 1.4em; font-size: 1.1em;}
.blogger {float: left; width: 330px; height: 104px; margin: 10px 0 0;}
.blogger h3 {font: bold 1.4em verdana, sans-serif; margin: 0 0 .1em;}
.blogger h3 a {color: #666;}
.blogger p {margin: 0; line-height: 1.4 !important;}
.blogger p.sm a{padding: .9em 0; display: block;}
.blog_callout {background: #f4f4f4; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; overflow: auto; padding: 12px 10px;}
.blog_callout h3 {color:#333;}
.blog_callout img {float: left; margin: 0 20px 0 0;}
.blog_callout p a {line-height: 1.5;}
.largelink {font: bold 20px arial, sans-serif; text-decoration: underline;}
.code_example {background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: auto; height: 1%; padding: 10px; margin: 0 0 16px;}
.code_example img {border: 0; margin-top: 4px;}
.code_example p {color: #777; font-family: georgia, serif; font-size: 12px; margin: 0;}
.addthis_toolbox{margin: 12px 0 0;}

/* sidebar */
#sidebar {float: right; width: 248px; padding: 10px 0;}
h4.feed {font: bold 1.2em verdana, arial, sans-serif; padding-top: 1.2em;}
h4.feed a {color: #005480; background: url(images/icon_feed.gif) 0 0 no-repeat; padding: 2px 0 2px 26px;}
#searchform {margin: 0px auto; padding: 5px 0px 12px;}
#searchform input#s {width: 152px; padding: 3px 2px; margin: 0 8px 0 0; float: left; font-size: 1.1em; color: #666;}
#searchform .btn {float: left; width: 54px; margin-bottom: 20px;}
#searchform a.search {background: url(images/btn_search.gif) no-repeat; margin: 2px 0 0; width: 54px; height: 16px; display: block; text-indent: -9999px; outline: 0;}
#emailSignupForm {margin: 0px auto; padding: 5px 0px 10px; border-bottom: 1px dotted #ddd; }
#emailSignupForm input#email {width: 152px; padding: 3px 2px; margin: 0 8px 0 0; float: left; font-size: 1.1em; color: #666;}
#emailSignupForm .btn {float: left; width: 54px;}
#emailSignupForm a.submitEmailSignup {background: url(images/btn_submit.gif) no-repeat; margin: 2px 0 0; width: 54px; height: 16px; display: block; text-indent: -9999px; outline: 0;}
.module {padding: 10px;}
.about {background: #f6f7f9; border-top: 1px dotted #ddd;}
.about p {font-size: 1.1em; line-height: 1.6; color: #535353; margin: 0 0 10px;}
.about h4 {color: #005480; font: normal 14px tahoma, sans-serif;}
.module h3 {font-family: tahoma, verdana, sans-serif; font-size: 1.8em; font-weight: normal; color: #005480; padding-left: 22px; margin: 0 0 .4em; background: url(images/icon_headline.gif) center left no-repeat;}
.module ul li {font-size: 1.1em; margin: 0 0 1em;}
.categories h3 {font-size: 18px !important;} /*these two rules for whacky categories list set-up*/
.module ul li ul li{font-size: 1em;}
a.twitter {display: block; padding: 4px 64px 4px 0; background: url(images/logo_twitter.gif) 50% 2px no-repeat; outline: 0;}
a.facebook {display: block; padding: 4px 64px 4px 0; background: url(images/logo_facebook.gif) 50% 2px no-repeat; outline: 0;}
a.twitter:hover, a.facebook:hover {background-position: 50% -26px;}


/* comments */
.postmetadata {clear: both;  margin: .8em 0 2.8em; font-size: 1.4em;}
.postmetadata .left {width: 360px;}
.postmetadata .right {width: 160px;}
a.comments {padding: 0 0 0 32px; background: url(images/icon_comments.gif) center left no-repeat; line-height: 1.2;}
a.pipe {padding-left: 10px; margin-left: 8px; background: url(images/pipe.gif) center left no-repeat;}
h4#comments {padding: 0 0 8px; border-bottom: 1px solid #ddd; margin: 0 0 1px;}
h4#respond {color: #4a4a4a; font-size: 1.4em; margin-bottom: .8em;}
.alt {background: #f5f8fa;}
.commentlist {margin: 0 0 35px;}
.commentlist li {padding: 1.2em 1.4em;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em; display: block; margin: 0 0 .4em;}
.commentlist small { display: block; margin: 0 0 .8em;}
.commentlist p {line-height: 1.5em; margin: 0; text-transform: none;}
.commentmetadata {font-weight: normal;}
#commentform {width: 319px;}
#commentform label, #commentform input, #commentform textarea {font-size: 1.2em;}
#commentform label {display: block; font-size: 1.2em; font-weight: bold; color: #4a4a4a;}
#commentform label span {font-size: .9em; font-weight: normal;}
#commentform input {width: 228px; padding: 3px; margin: 7px 0 18px;}
#commentform textarea {width: 310px; padding: 2px; margin: 7px 0 0;}
#commentform a.submit {background: url(images/btn_submit.gif) no-repeat; float: right; margin: 18px 0 0; width: 56px; height: 16px; display: block; text-indent: -9999px; outline: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}


/* footer */
#footer{margin: 0 auto; clear: both; font-size:0.9em; color:#888888; padding:10px auto 15px auto;}
#footer p{padding-left:5px; margin: 0; font-size: 1em; text-align: left;}
#footer span {padding-left:180px;}
#footer ul.footerLinks{float:right; margin:0; padding:4px 0; font-size:1em; text-align: left;}
ul.footerLinks li a, #footer ul.footerLinks li a:visited {color:#8C8A8C;}
#footer #footer ul.links li a:link,#footer ul.links li a{color:#8C8A8C;}
#footer ul.circlelinks li a:link,#footer ul.circlelinks li a:visited{color:#8C8A8C;}
#footer ul.links li a:hover, #footer ul.footerLinks li a:hover {color:#444;}
#footer ul.footerLinks li{float:left; color:#8C8A8C; border-right:solid 1px #8C8A8C; padding: 0 5px 3px 5px; line-height:1.1em;}
#footer ul.footerLinks li.footerLastItem {border-right: 0;}
ul.footerLinks li.footerLastItem a{color:#8C8A8C;}
div.footerBg{background: #F2F7FA;float: left;margin-top: 1px;padding: 7px 0 13px;border-bottom: solid 1px #E3E7E8;width:100%;}
div.footerLeft{width: 290px; float: left;}
div.footerRight{width: 650px; float: right;}
div.footerLeft p{line-height: 15px;}
#footer ul.links{margin: 0 auto; clear: left; text-align: center; padding: 10px 0;width: 99%; float:none; font-size:1.1em;}
#footer ul.links li{width: auto;display:inline;border-right:solid 1px #8C8A8C;padding: 0 5px 3px 5px!important;margin: 0 0px 0px 0px;}
#footer ul.links li.footerLastItem{border-right:none;}
#footer ul.circlelinks {margin: 0 auto; text-align:center; clear: left; padding: 0 5px;}
#footer ul.circlelinks li{width: auto; display:inline; padding: 0; color:#8c8a8c!important; font-size:1em!important;}
#footer ul.circlelinks li a{color:#8c8a8c;}
#footer ul.circlelinks li.footerLastItem {border-right:0;}


/* TYPOGRAPHY
-----------------------------------------*/
h1 {font-size: 2.2em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.4em;}
h1, h2, h3, h4, h5 {margin-bottom: .5em; font-weight: normal; font-family: Georgia, serif;}
p {font-size: 1.3em; margin: 0 0 1.4em;}
p strong {line-height: 1.6;}
p.sm {font-size: 1.1em;}
#content p {line-height: 1.6;}
.wp-caption-text {color: #666; font-size: 1.1em; padding: .4em 0;text-align:center;}
a {text-decoration: none; color: #0072bc;}
a:hover {color: #E77802;}
h2.title {margin: 0 0 .4em;}
h2.title a {font-family: georgia, serif; line-height: 1.2; color: #666;}
h2.large {font: normal 2.8em/1.5 georgia, serif; color: #b4b4b4; margin: 0 0 .8em; padding: .1em 0; border-bottom: 1px dotted #d1d1d1; border-top: 1px dotted #d1d1d1;}
h2.pageHead {font-family: georgia, serif; line-height: 1.2; color: #333; margin: 0 0 .4em; padding: .4em 0; border-top: 1px dotted #d1d1d1; border-bottom: 1px dotted #d1d1d1;}
h2.pageHead span {display: block; font: normal .7em verdana, sans-serif; color: #666;}
small {font-size: 1.1em; color: #9b9b9b; line-height: 1.6; margin: 0 0 6px;}
.entry ul{margin: 1em 0 1.3em 1em;}
.entry ol {margin: 1em 0 1.3em 2em;}
.entry ol li {font-size: 1.2em; list-style: decimal; line-height: 1.6; margin: 0 0 .6em;}
.entry ol p {font-size: 1.1em; margin: .6em 0; line-height: 1.4 !important;}
.entry ul li{font-size: 1.2em; line-height: 1.6; margin: 0 0 .6em; padding: 0 0 0 14px; background: url(images/bullet.gif) 0 .7em no-repeat;}
.entry ul li li{font-size: 1.1em;}
.author ul li {font-size: 1.1em; margin: 0 0 .7em;}
.more-link {font-weight: bold;}
code {font: 12px 'Courier New', Courier, Fixed; line-height: 1.5;}
code strong {color: #b70000;}
.post hr {display: block;}
blockquote {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; color: #555; font-style: italic;  margin: 0 0 10px; padding: 20px 15px 4px;}