/* Styles "mobile first" any minimal differences for desktop and tablet added at the end with media queries. */

/*
body {font-family: Cambria, Georgia, Times, “Times New Roman”, serif;font-weight:400;font-style:normal;color:#333332;font-size:18px;line-height:1.5;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
*/
body {font-family: 'Roboto-Slab', serif;font-weight:400;font-style:normal;color:#333332;font-size:18px;line-height:1.5;text-rendering: optimizeLegibility;}
body {padding-top: 20px;padding-bottom: 20px;margin:1em;}
.header {border-bottom: 1px solid #e5e5e5;}
.container-narrow {margin: 0 auto;}
/*
h1, h2, h3, h4 {font-family: Geneva, Verdana, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;font-weight:700;font-style:normal;color:#333332;font-size: 18px;line-height:1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
*/
div.blog-content img, div#content img { max-width: 100%; }
h1, h2, h3, h4, .subhead, p.open {font-family: Roboto, sans-serif;font-weight:700;font-style:normal;color:#333332;font-size: 18px;line-height:1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
h1, h3.headline {letter-spacing:-0.04em;}
h3 {font-size: 18px;}
h4 {font-size: 18px;line-height:1.4;}
h3.main-title {margin-top:0;letter-spacing:-.04em;font-size:2.2em;margin-bottom:.5;font-weight:300;}
h3.main-title a {color:#333332;text-decoration:none;}
span.main-viz {font-weight:700;}
div.banner {padding:.3em 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-bottom:.3em;}
p.open {font-size:12px;margin:0;padding:0;font-weight:300;}
p.open a {color:#333;}
p.statement {font-size:12px;margin:.5em 0;padding:0;color:#333332;}
div.lead {margin:0;}
ul.subhead {margin:0;padding:0;list-style-type: none;font-weight:300;}
ul.subhead li {display:inline;font-size:14px;margin-left:1.5em;}
ul.subhead li a {color:#333332;text-decoration:none;}
ul.subhead li.crumb {margin-right:0;}
div.subhead {font-weight:300;font-size:14px;margin-top:1em;}
div.subhead a {color:#333332;text-decoration:none;}
div.subhead-two {margin-top:.2em;}
div.code pre {padding:.5em;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;}
img.sm-icon {width:20px;height:20px;margin:.25em .2em .5em 0;border-radius:10px;}
img.med-icon {width:48px;height:48px;margin:.25em .2em .5em 0;border-radius:24px;}
img.lg-icon {width:100px;height:100px;margin:.25em .2em .5em 0;border-radius:50px;border:none;}
img.avatar {margin:.25em 1em .5em 0;}
img.no-border {border:0 !important;}
.nav {font-size:14px;}
a.meta-link {color:#333}
div.meta-quote blockquote {margin:22px 7px 0 0;background:none;padding:10px 20px;}
div.meta-quote blockquote p {font-size:16px;}
div.meta-quote {margin-bottom:16px;}
a.meta-via, div.meta-via  {font-style:italic;color:#8e8e8e;font-size:14px;padding:0 0 0 7px;font-weight:normal;text-decoration:none;white-space: nowrap;}
div.meta-via {display:block;margin:.3em 0;padding:0;font-size:14px;}
div.meta-via a {text-decoration:none;padding:0;color:#8e8e8e;}
ul.meta-posts {font-size:14px;margin:0;padding:0;list-style-type:none;line-height:1.1;}
ul.meta-posts li {margin-bottom:18px;}

/* Post Image */
DIV.postimg A.attr {color:#333;font-size:8px;display:block;text-align:right;margin:0 3px 3px 3px;}
IMG.howtoimg {padding:4px;border:1px solid #000;margin:15px 0 15px 0;}
td.directions {vertical-align:middle;width:350px;padding-top:10px;}
td.shot {width:180px;padding-top:10px;}
span.do {font-weight:bold;font-size:1.3em;}
div#footer {clear:both;text-align:right;border-top:.1em dotted #ccc;margin: 2em auto 2em auto;font-size:11px;}
div#footer p {margin:.3em 0;padding:0;}

/* Blockquote */
/*blockquote {margin:22px 7px;background: transparent url("/media/img/blockquotel.gif") no-repeat 0 0;padding: 0 50px;font-size:18px;}*/
blockquote {margin:22px 7px;background:none;padding:10px 20px;font-size:18px}

/* Bottom Cols */
ul.bottomcols {font-size:14px;margin:0;padding:0;list-style-type:none;}
ul.bottomcols li {clear:both;margin-bottom:1.5em;}
ul.bottomcols li div.img a img {width:50px;height:auto;margin:0 0 1em 1em;opacity:0.7;border-radius:25px;}
ul.bottomcols li div.meta {font-size:12px;color:#333;margin-top:.3em;}
ul.bottomcols li div.content a {color:#333;text-decoration:none;}
ul.bottomcols li div.meta a {color:#999;text-decoration:none !important;}
ul#recentposts li {margin-bottom:3em;}
ul#stream li {margin-bottom:3em;}
ul#stream a {text-decoration:underline;}
ul#stream div.more a {text-decoration:none;}
ul#creator li {margin-bottom:0.2em;font-size:12px;}
ul#toppages li {font-size:12px;}
ul#bookmarks li {font-size:12px;}
div.secondrow ul.bottomcols li {padding-right:15%;}
div.firstrow {margin-top:1em;padding-top:1em;}
div.containcols h4 {font-size:11px;border-bottom:solid 1px #999;font-weight:bold;}

/* Post */
div#content {line-height:26px;}
div#content-header {margin:3em 0 1.5em 0;}
div#post-content {margin:0;}
div#post-content p {margin-bottom:1.5em;}
div#content-header h1 {font-size:28px;}
div#content-header span.post-date {display:block;border-top:1px solid #e0e0e0;padding-top:.3em;}
div#post-content h2 {font-size:20px;margin-top:44px;}
div#post-content img, div.blog-content img {background:white;border:1px solid #BFBCA5;padding:5px;}
div#post-content div.postimg {float:right;margin:0 0 2em 2em;}
div#post-content div.postimg img {border:none;width:100px;height:100px;margin:.25em .2em .5em 0;border-radius:50px !important;padding:0 !important;border:0 !important;}
img.post-icon {border:none !important;margin:0 0 2em 2em;}
div.latest {margin:2em 0;background-color:#f9f9f9;padding:1em;border-radius:10px;line-height:26px;}
div.latest p {margin-bottom:1.5em;}
div.latest h3 {font-size:28px;}
div.latest h3 a {color:#333;}
div.latest h2 {font-size:18px;}
div.latest div.readmore {font-size:14px;font-weight:bold;margin:1em 0;font-style:italic;}
div.latest div.readmore a {color:#333332;}
div.latest div.icon {float:right;padding:0 0 1em 1em;}
div.latest {border-bottom: 1px solid #e5e5e5;}
span.post-date {font-size:14px;}
div.latest div.metacontain h5 a {color:#333;font-size:14px;font-weight:normal;}
div#content-header span.mytake {font-size:14px;font-weight:normal;font-style:italic;display:block;}
div.mytake {font-weight:normal;display:block;font-size:14px;font-style:italic;}
div.mytake a {color:#333332;font-weight:bold;}
div.metacontain {margin-top:2em;border:1px solid #f1f1f1;border-radius:10px;padding-bottom:10px;}

/* Blog Recent */
div.recent-item {border-bottom:1px solid #e0e0e0;margin:0;padding:2em 0;}
div.last-item {border-bottom:none;}
.meta-excerpt {font-size:12px;line-height:1.3;}
a.row-link {color:#333332;}
ul#blogrecent {margin:0;padding:0;list-style-type: none;}
ul#blogrecent li {clear:both;margin-bottom:3em;font-size:12px;}
ul#blogrecent li h3 {font-size:18px;font-weight:bold;}
ul#blogrecent li h3 a {color:#333;}
ul#blogrecent li p {font-size:16px;}
ul#blogrecent li div.img a img {width:100px;height:auto;margin:0 0 1em 1em;opacity:0.7;border-radius:50px;}
ul#blogrecent li div.content {padding-right:0;}
div.page-listing ul {list-style-type: none;margin:0 2em;padding:0;}
div.page-listing ul li {font-size:16px;padding-right:0;margin-bottom:1.5em;}
div.page-listing ul li span.date {font-size:12px;color:#999;margin-left:1em;}
div.page-listing ul li a {color:#333;}
div.page-listing h2 {}
h4.midhead {font-size:11px;border-bottom:solid 1px #999;font-weight:bold;}

h4.recent-top {font-size:18px;font-weight:700;margin:0;padding:0;color:#333332;}

/* Responsive: Portrait tablets and up */
  @media screen and (min-width: 768px) {
   	.container-narrow {max-width: 750px;}
	div.latest h3 {margin-top:0;}
	div.latest {padding:3em 3em;}
        div#content-header {margin:4em 4em 2em 4em;}
	div#post-content {margin:2em 4em 4em 4em;}
	ul#blogrecent li div.content {padding-right:20em;}
	div.page-listing ul li {padding-right:10em;}
	div.metacontain {margin-top:0;}
	div.subhead {margin-top:0;}
  }