/*
Theme Name: Stopdesign5
Theme URI: http://stopdesign.com
Description: Custom theme designed for Stopdesign.com. Copyright 2012 Doug Bowman. All rights reserved.
Version: 2.0
Author: Douglas Bowman
Author URI: http://stopdesign.com
Tags: stopdesign stop
*/


/*
-----------------------------------------------
GUG Base CSS
Author:   db
Date:     Nov 2012
----------------------------------------------- */


/* !Resets */
/* ----------------------------------------------- */
@import url("reset.css");


body {
  background:#f5f3f0;
  margin:0;
  padding:0;
  font:15px/25px "freight-sans-pro",Sans-serif;
  font-weight:400;
  color:#444;
  }


/* !Links */
/* ----------------------------------------------- */
a {
  text-decoration:none;
  color:#a62;
  }
a:hover {
  text-decoration:underline;
  color:#741;
  }
a img {
  border-width:0;
  }


/* !Headings */
/* ----------------------------------------------- */
article.post h1 {
  margin:0 0 10px;
  font:30px/40px "rooney-web",serif;
  font-weight:400;
  }
.page-title h1 {
  margin:9px 0 20px;
  font:20px/30px "rooney-web",serif;
  font-weight:400;
  color:#333;
  }
.page-title h1 strong {
  font-weight:500;
  }
h2 {
  margin:0 0 10px;
  font:20px/30px "rooney-web",serif;
  font-weight:400;
  }
.content-main h2 {
  margin:30px 0 20px;
  }
h2, h2 a {
  color:#333;
  }
h3 {
  font:16px/30px "rooney-web",serif;
  font-weight:500;
  color:#222;
  }


/* !Header */
/* ----------------------------------------------- */
header[role="banner"] {
  float:left;
  width:100%;
  padding:0 0 20px;
  border-top:5px solid #cac5bb;
  border-bottom:1px solid #e4e1db;
  }
#logo {
  background:url("/img/logo_stopdesign_110.png") no-repeat 0 40px;
  display:inline-block;
  float:left;
  width:110px;
  height:25px;
  margin-top:-5px;
  padding:40px 0 0;
  border-top:5px solid #a62;
  text-decoration:none;
  }
#logo img {
  display:block;
  visibility:hidden;
  }
.description {
  float:left;
  margin-left:50px;
  padding-top:42px;
  font-size:14px;
  font-weight:400;
  color:#9f9886;
  }


/* !Nav */
/* ----------------------------------------------- */
nav {
  float:left;
  width:100%;
  margin-top:20px;
  font-size:18px;
  font-weight:500;
  line-height:22px;
  text-transform:lowercase;
  }
ul#nav {
  margin:0;
  padding:0;
  }
#nav li {
  display:inline;
  list-style:none;
  }
#nav li a {
  float:left;
  margin:5px 30px 10px 0;
  padding:10px 10px 10px 0;
  }
#nav li a b {
  display:block;
  font-weight:500;
  }
#nav li a span {
  display:block;
  font-size:14px;
  font-weight:400;
  color:#9f9886;
  }
#nav li.current-cat a {
  color:#333;
  cursor:default;
  }
#nav li.current-cat a:hover {
  text-decoration:none;
  }



/* !Posts */
/* ----------------------------------------------- */
.posts article.post {
  float:left;
  width:100%;
  margin:0 0 35px;
  padding:0;
  }
article.post h1 {
  margin:0 0 10px;
  padding-top:6px;
  font:24px/30px "rooney-web",serif;
  font-weight:400;
  }
article.post.type-links h1 {
  margin-bottom:7px;
  padding-top:9px;
  font-size:18px;
  }
.posts article.post h2 {
  font-size:18px;
  }

.post-meta {
  float:left;
  width:100%;
  margin:0 0 20px;
  border:1px solid #e8e5e0;
  border-width:1px 0;
  color:#999;
  font-size:13px;
  }
.post-meta .permalink, .post-meta time, .post-meta .tags, .post-meta .comment-link, .post-meta .post-edit-link {
  float:left;
  padding:4px 15px 4px;
  }
.post-meta .author {
  padding-left:0;
  }
.post-meta time, .post-meta .tags, .post-meta .post-edit-link {
  border-left:1px solid #e8e5e0;
  }
.post-meta .permalink {
  background-repeat:no-repeat;
  background-position:50% 50%;
  text-indent:-9999px;
  width:11px;
  padding-left:12px;
  padding-right:12px;
  }
.post-meta .permalink:hover {
  background-color:#e8e5e0;
  }
.post-meta .permalink.type-post {
  background-image:url("img/icon_page.png");
  }
.post-meta .permalink.type-post:hover {
  background-image:url("img/icon_page_hover.png");
  }
.post-meta .permalink.type-link {
  background-image:url("img/icon_link.png");
  }
.post-meta .permalink.type-link:hover {
  background-image:url("img/icon_link_hover.png");
  }
.post-meta .permalink.type-tweet {
  background-image:url("img/icon_tweet.png");
  }
.post-meta .permalink.type-tweet:hover {
  background-image:url("img/icon_tweet_hover.png");
  }
.meta-info {
  float:left;
  width:100%;
  margin-top:0;
  margin-bottom:17px;
  }
.module .meta-info a {
  font-size:15px;
  font-weight:400;
  }
.post-meta .comment-link {
  background:url("img/icon_comment.png") no-repeat 100% 55%;
  float:right;
  padding-right:16px;
  }
.post-footer .comment-link {
  background:url("img/icon_comment.png") no-repeat 0 55%;
  padding-left:16px;
  }
.post-meta .comment-link:hover, .post-footer .comment-link:hover {
  background-image("img/icon_comment_hover.png");
  }

.post-body, .page-body {
  font:16px/30px "rooney-web",serif;
  font-weight:300;
  }
.post-meta, .post-body {
  float:left;
  width:100%;
  }
.post-body p, .page-body p, .post-body figure, .page-body figure {
  margin:0 0 15px;
  }
.post-body strong, .page-body strong {
  font-weight:500;
  color:#222;
  }
.post-body a, .page-body a {
  font-weight:400;
  }
.post-body ul, .post-body ol, .page-body ul, .page-body ol {
  margin:0 0 15px 2em;
  }
.post-body ul, .page-body ul {
  list-style:disc;
  }

img.alignnone {
  float:none;
  display:block;
  margin:0 0 10px 0;
  }
img.alignleft {
  float:left;
  margin:8px 20px 5px 0;
  }
img.alignright {
  float:right;
  margin:8px 0 5px 20px;
  }
img.aligncenter {
  display:block;
  float:none;
  margin:0 auto;
  }
.post-body img {
  max-width:100%;
  }
.post-body .figcaption {
  display:block;
  font-size:14px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #e4e1db;
  }
.post-body img.fullwidth {
  position:static;
  width:100%;
  display:none;
  }
.post-body img.bodyimg {
  position:static;
  float:none;
  margin:0;
  }

.interact {
  float:left;
  width:100%;
  }
.post-footer {
  float:left;
  margin-right:10px;
  }


/* !Instapress */
/* ----------------------------------------------- */
.module .instapress-shortcode {
  float:left;
  width:100%;
  }
.module .instapress-shortcode .instapress-shortcode-image {
  margin-top:0;
  margin-bottom:10px;
  }
.instapress-shortcode-image a img {
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }


/* !Pagination */
/* ----------------------------------------------- */
.pagination {
  float:left;
  width:100%;
  margin-top:20px;
  }
.pagination .pos1 {
  float:left;
  width:45%;
  overflow:hidden;
  }
.pagination .pos2 {
  float:right;
  width:45%;
  text-align:right;
  overflow:hidden;
  }
.pagination a {
  display:inline-block;
  }
.pagination span {
  display:block;
  padding:0 10px 5px;
  text-transform:lowercase;
  color:#999;
  }


/* !Comments */
/* ----------------------------------------------- */
.comments {
  float:left;
  width:100%;
  padding-top:30px;
  }
.comment-list {
  float:left;
  width:100%;
  padding-top:12px;
  list-style:none;
  }
.comment {
  background:url("img/divider.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  margin-bottom:18px;
  padding-bottom:15px;
  }
.comments .photo {
  float:left;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
.comment-header {
  float:left;
  width:100%;
  margin-bottom:8px;
  line-height:20px;
  }
.comment-meta {
  margin-left:48px;
  }
.comment-meta cite {
  font:bold 14px/20px "rooney-web",serif;
  font-weight:500;
  color:#111;
  }
.comment-meta cite.hasurl {
  background:url("img/icon_world_14_gray.png") no-repeat 100% 55%;
  padding-right:18px;
  }
.comment-meta .author-url {
  visibility:hidden;
  }
.comment:hover .comment-meta .author-url {
  visibility:visible;
  color:#aaa;
  }
.comment:hover .comment-meta a:hover, .comment:hover .comment-meta a:hover .author-url {
  text-decoration:none;
  }
.comment:hover .comment-meta a:hover .author-url {
  color:#d69841;
  }
.comment-meta a:hover cite.hasurl {
  background-image:url("img/icon_world_14.png");
  }
.comment-date {
  color:#999;
  }
.comment-body {
  font-size:16px;
  line-height:25px;
  }
.comment-body p {
  margin-bottom:10px;
  }
.comment .edit-link {
  visibility:hidden;
  }
.comment:hover .edit-link {
  visibility:visible;
  }



/* !Modules */
/* ----------------------------------------------- */
.module {
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:0;
  }
.module h2 {
  font:15px/25px "freight-sans-pro",sans-serif;
  font-weight:500;
  color:#333;
  }
.module h3 {
  margin:0;
  font-weight:400;
  font-size:12px;
  line-height:23px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#999;
  }
.module a, .module strong {
  font-weight:500;
  }
.module strong {
  color:#111;
  }


/* !Lists */
/* ----------------------------------------------- */
.postlist li {
  margin-bottom:15px;
  line-height:25px;
  }
.postlist a {
  display:block;
  font:16px/25px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
.postlist time {
  display:block;
  line-height:25px;
  color:#999;
  }
.itemlist {
  line-height:25px;
  }
.itemlist a {
  font:16px/25px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
.alltopics {
  line-height:36px;
  }
.alltopics li {
  display:inline;
  margin-right:5px;
  }
.alltopics a {
  display:inline-block;
  white-space:nowrap;
  }
.alltopics .size10, .alltopics .size9 {
  font-size:36px;
  color:#6aa;
  line-height:46px;
  }
.alltopics .size8, .alltopics .size7 {
  font-size:34px;
  color:#77adad; /* 80% + #bbb */
  line-height:44px;
  }
.alltopics .size6, .alltopics .size5 {
  font-size:30px;
  color:#88b1b1; /* 60% + #bbb */
  line-height:42px;
  }
.alltopics .size4, .alltopics .size3 {
  font-size:28px;
  color:#99b4b4; /* 40% + #bbb */
  line-height:40px;
  }
.alltopics .size2, .alltopics .size1 {
  font-size:26px;
  color:#aab8b8; /* 20% + #bbb */
  line-height:38px;
  }
.alltopics .size0 {
  font-size:24px;
  color:#bbb;
  }
.content-main .alltopics li a:hover {
  color:#d69841;
  }



/* !Forms */
/*----------------------------------------------- */
form, input {
  margin:0;
  }
input.btn {
  background:#ddd url("img/bg_btn.jpg") repeat-x 0 0;
  font:16px/20px "freight-sans-pro",sans-serif;
  font-weight:400;
  padding:3px 10px 4px;
  border:none;
  border-width:1px;
  border-style:solid;
  border-color:#ddd;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:pointer;
  text-decoration:none;
  text-shadow:rgba(255,255,255,0.5) 0 -1px 0;
  color:#444;
  }
input.btn:active {
  background:#ddd;
  }
input.btn:hover {
  background:#ddd url('/img/bg_btn.jpg') repeat-x scroll 0 0;
  border-color:#bbb;
  color:#222;
  }

input.txt, textarea {
  background:none;
  }
input.txt, textarea {
  width:50%;
  padding:4px 4px 5px;
  border:1px solid #ddd; /* 1/13 */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size:14px;
  font-family:"freight-sans-pro",Sans-serif;
  /* so in theory, each text input field is ~26px in height at default text size */
  }
input.txt:focus, textarea:focus, select:focus {
  background:#fff;
  border-color:#ccc;
  outline-width:0;
  }
textarea {
  width:90%;
  }
select {
  width:auto;
  padding-left:0;
  padding-right:0;
  }


/* !Contact Form */
/* ----------------------------------------------- */
.page-body .contactform {
  padding-bottom:0;
  }
.contactform fieldset {
  margin:0;
  padding:0;
  border:none;
  }
.contactform legend {
  display:none;
  }
.contactform form {
  margin-bottom:30px;
  }
.contact-info {
  float:left;
  width:100%;
  }
.contactform p {
  display:none;
  }
.contactform .contact-info p {
  display:block;
  }
.contactform .wpcf7-validation-errors, .contactform .wpcf7-mail-sent-ok {
  background:#ffc;
  margin:0 0 20px;
  padding:10px 20px;
  border-width:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
.contactform .wpcf7-not-valid-tip {
  background:#f9f9f9;
  display:block;
  float:left;
  clear:left;
  position:static;
  z-index:auto;
  top:auto;
  left:auto;
  width:80%;
  margin:5px 0 10px;
  padding:5px 10px;
  border-width:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:#c00;
  font-size:14px;
  font-family:"freight-sans-pro",sans-serif;
  line-height:18px;
  font-weight:400;
  }
.contactform .wpcf7-mail-sent-ok {
  background:#e3eee3;
  }


/* !CommentForm & ContactForm (cf) */
/* ----------------------------------------------- */
.cf {
  float:left;
  width:100%;
  padding-bottom:30px;
  }
.cf form {
  float:left;
  width:100%;
  padding-top:10px;
  }
.cf h2 {
  margin:20px 0 10px;
  }
.cf .block {
  float:left;
  width:100%;
  margin:0 0 10px;
  }
.cf .submit {
  margin:-3px 0 0;
  }
.cf label {
  float:left;
  display:block;
  width:100px;
  margin-top:1px;
  text-align:right;
  line-height:28px;
  }
.cf .challenge label {
  float:right;
  width:460px;
  text-align:left;
  }
.cf .sub label {
  float:none;
  display:inline;
  width:auto;
  margin:0;
  line-height:normal;
  }
div.cf .input {
  float:right;
  width:460px;
  padding-left:0;
  }
.cf input.btn {
  font-size:12px;
  line-height:18px;
  }
.cf .usertxt {
  float:right;
  width:460px;
  margin:-2px 0 6px;
  font-size:11px;
  }
.cf input.txt, .cf textarea {
  padding:5px 4px 6px;
  float:left;
  /* so in theory, each cf text input field is ~30px in height at default text size */
  }
.cf input.txt {
  width:210px; /* (220-10) */
  margin-right:10px;
  }
.cf input.txtlong {
  width:450px; /* (460-10) */
  }
.cf textarea {
  width:450px; /* (460-10) */
  }
.cf .sub {
  float:left;
  margin-top:1px;
  line-height:28px;
  color:#999;
  }
.cf .subscribe-to-doi-comments {
  margin:0;
  }
.cf .subscribe-to-doi-comments label {
  text-transform:none;
  margin-left:2px;
  color:#666;
  }
.comment-sub-manager fieldset {
  border-width:0;
  padding:0;
  margin:0 0 30px;
  }
.comment-sub-manager legend {
  display:block;
  padding:0;
  font-weight:500;
  }
.commentform .optionaltxt {
  float:left;
  width:100px;
  margin-top:5px;
  text-align:right;
  text-transform:lowercase;
  font-size:11px;
  color:#999;
  }
.commentform .optionaltxt span {
  display:block;
  font-weight:500;
  }
.collapsed textarea {
  height:20px;
  }
.collapsed .cf-remaining {
  display:none;
  }
.commentform textarea.active {
  height:auto;
  }
.commentsclosed {
  margin:0 0 20px;
  }
.commentsclosed .block {
  float:none;
  color:#999;
  }
.contact .input {
  padding-left:120px;
  }



/* !Mailing address */
/* ----------------------------------------------- */
.mailing-address {
  margin-bottom:20px;
  }


/* !Search */
/* ----------------------------------------------- */
.searchform {
  position:relative;
  float:left;
  width:282px;
  margin:0 0 20px;
  padding:0;
  }
.searchform label {
  display:none;
  }
.searchform input.txt {
  background:url("img/icon_search.png") no-repeat 8px 50%;
  width:242px;
  padding:4px 12px 5px 26px;
  border:1px solid #e8e5e0;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  color:#9f9886;
  line-height:20px;
  }
.searchform input.txt:focus {
  background-color:#fff;
  color:#333;
  }
.searchform input.btn {
  background:#f9f9f9 url("img/bg_btn.jpg") repeat-x 0 100%;
  position:absolute;
  top:0;
  right:0;
  padding:4px 16px 5px 14px;
  border:1px solid #e8e5e0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  line-height:20px;
  color:#999;
  font-size:14px;
  }
.searchform input.btn:hover {
  background:#f1eeeb url('img/bg_btn.jpg') repeat-x scroll 0 0;
  border-color:#ccc;
  color:#741;
  }
.hilite {
  background:rgba(255,255,204,.4);
  }
.page-title h1 .hilite, .content-sub .hilite {
  background:none;
  color:inherit;
  }


/* !AuthorInfo /*
/* ----------------------------------------------- */
.authorinfo {
  float:left;
  width:100%;
  }
.authorpage .authorinfo {
  padding-bottom:20px;
  }
.authorinfo .authorlockup {
  margin:0 0 8px;
  }
.authorinfo h3 {
  margin-bottom:6px;
  }
.authorinfo .photo {
  float:left;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
.authorinfo .fn {
  display:block;
  margin-left:48px;
  font:bold 14px/20px "rooney-web",serif;
  font-weight:500;
  color:#333;
  }
.authorinfo .fn:hover {
  color:#d69841;
  }
.authorinfo .nickname {
  display:block;
  margin-left:48px;
  line-height:20px;
  color:#999;
  }
.authorinfo .note {
  float:left;
  width:100%;
  margin:0 0 4px;
  }
.authorinfo .more-link {
  display:block;
  float:left;
  margin:0 0 12px;
  }

.content-main .authorinfo {
  position:relative;
  margin-top:7px;
  }
.content-main .authorinfo .fn {
  margin-left:64px;
  font-size:24px;
  line-height:30px;
  font-weight:500;
  }
.content-main .authorinfo .nickname {
  margin-left:64px;
  font-size:18px;
  line-height:26px;
  }
.content-main .authorinfo h1.fn {
  margin-bottom:0;
  }
.content-main .note {
  margin-bottom:14px;
  font:24px/36px "rooney-web",serif;
  font-weight:200;
  }
.content-main .connecticons {
  position:absolute;
  float:none;
  top:6px;
  right:0;
  width:184px;
  text-align:right;
  }


/* !ConnectIcons */
/* ----------------------------------------------- */
.connecticons {
  float:left;
  width:100%;
  }
.connecticons li {
  display:inline;
  margin-right:4px;
  }
.connecticons img {
  opacity:.3;
  }
.connecticons a:hover img {
  opacity:1;
  }


/* !Share buttons */
/* ----------------------------------------------- */
.post div.sharedaddy div.sd-block {
  padding:0;
  border-top-width:0;
  }
.post div.sharedaddy h3, #content .post div.sharedaddy h3 {
  background:#bbb;
  width:auto;
  margin-right:5px;
  padding:1px 5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font:14px/18px "freight-sans-pro",sans-serif;
  font-weight:500;
  color:#fff;
  }
.post div.sharedaddy .sd-content {
  width:auto;
  float:left;
  }
.post .sd-social-icon-text a.sd-button > span, a.sd-button > span {
  padding-left:22px;
  font:12px/16px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
/* On post streams, treat differently */
.posts .sharedaddy {
  opacity:.8;
  }
.posts .sharedaddy:hover {
  opacity:1;
  }
.posts div.sharedaddy h3, #content .posts div.sharedaddy h3 {
  display:none;
  }
.posts .sd-social-icon-text a.sd-button, .posts a.sd-button {
  width:20px;
  overflow:hidden;
  }
/* places to hide sharing buttons */
.search div.sharedaddy {
  display:none;
  }


/* !Ads */
/* ----------------------------------------------- */
.ads-sidebar {
  float:left;
  width:100%;
  padding-top:8px;
  }
.ads-sidebar .ad {
  float:left;
  margin:0 10px 10px 0;
  }
.ads-sidebar .ad img {
  display:block;
  }


/* !Twitter Widget */
/* ----------------------------------------------- */
body .twtr-widget {
  padding-top:3px;
  margin-bottom:20px;
  font:15px/25px "freight-sans-pro",Sans-serif !important;
  font-weight:400 !important;
  }
body .twtr-widget .twtr-doc {
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
  border-radius:0 !important;
  }
body .twtr-hd, body .twtr-bd {
  padding:0;
  }
body .twtr-widget h3 {
  background:none !important;
  line-height:16px !important;
  font-family:"rooney-web",serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  text-transform:none;
  letter-spacing:0;
  color:#333 !important;
  }
body .twtr-widget h4 {
  line-height:16px !important;
  font-weight:400 !important;
  font-size:14px !important;
  color:#999 !important;
  }
body .twtr-widget .twtr-tweet {
  border-bottom:1px solid #eee;
  }
body .twtr-widget .twtr-tweet-wrap {
  padding:8px 0;
  }
body .twtr-widget p {
  font-size:inherit;
  line-height:1.5em !important;
  }
body .twtr-widget .twtr-tweet-text em {
  line-height:1.3em !important;
  color:#fff;
  }
body .twtr-widget .twtr-tweet-text em a {
  color:#999 !important;
  }
body .twtr-widget .twtr-reply, body .twtr-widget .twtr-rt, body .twtr-widget .twtr-fav {
  visibility:hidden;
  }
body .twtr-widget .twtr-tweet-text:hover .twtr-reply, body .twtr-widget .twtr-tweet-text:hover .twtr-rt, body .twtr-widget .twtr-tweet-text:hover .twtr-fav {
  visibility:visible;
  }
body .twtr-widget .twtr-user {
  display:none !important;
  }
body #twtr-widget-1.twtr-widget .twtr-timestamp, body #twtr-widget-1.twtr-widget .twtr-reply, body #twtr-widget-1.twtr-widget .twtr-rt, body #twtr-widget-1.twtr-widget .twtr-fav {
  font-size:14px !important;
  color:#999 !important;
  }
body .twtr-widget i {
  margin-top:0;
  font-size:11px;
  }
body .twtr-widget a {
  border-bottom-width:0;
  }
body .twtr-ft {
  display:none;
  }



/* !Embedded tweet overrides */
/* ----------------------------------------------- */
body .twt-buffer-button, body .twt-o,.twt-o div, body .twt-o blockquote, body .twt-o .p-author, body .twt-o .footer, body .twt-border, body .twt-o p, body .twt-o ul, body .twt-o ol, body .twt-o li, body .twt-o dl, body .twt-o dt, body .twt-o dd, body .twt-o img, body .twt-o a img, body .twt-o a, body .twt-o b, body .twt-o i, body .twt-o span, body .twt-o time, body .twt-o abbr, body .twt-o iframe, body .twt-timeline, body .twt-timeline li {
  font:15px/16px "freight-sans-pro",Sans-serif !important;
  }

body .twitter-tweet-rendered {
  background:#f6f6f6 !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  border-width:0 !important;
  -webkit-border-radius:3px !important;
  -moz-border-radius:3px !important;
  border-radius:3px !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
  /*
  -webkit-box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  -moz-box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  */
  }
body .twitter-tweet-rendered .twt-border {
  }
body .twt-border .twt-tweet {
  padding:20px !important;
  }
body .twt-tweet .twt-follow-button {
  display:none !important;
  }
body .twt-border .twt-tweet .author .fn, body .twt-o .p-author .p-name {
  font-family:"rooney-web",serif !important;
  font-weight:500 !important;
  font-size:16px !important;
  line-height:20px !important;
  padding-left:46px !important;
  }
body .twt-border .twt-tweet .avatar, body .twt-border .twt-tweet .avatar img {
  width:36px !important;
  height:36px !important;
  }
body .twt-border .twt-tweet .p-author .p-nickname {
  font-family:"freight-sans-pro",sans-serif !important;
  font-weight:400 !important;
  padding-left:46px !important;
  }
body .twt-border .twt-tweet .entry-title, body .twt-o .entry-title a, body .twt-o .entry-title b,
body .twt-tweet .e-content .p-name, body .twt-o .e-content .p-name a, body .twt-o .e-content .p-name b {
  font-family:"rooney-web",serif !important;
  font-size:18px !important;
  font-weight:300 !important;
  line-height:30px !important;
  }
body .twitter-tweet-rendered .twt-tweet .twt-actions {
  visibility:hidden !important;
  display:none !important;
  }
body .twitter-tweet-rendered .twt-tweet:hover .twt-actions {
  visibility:visible !important;
  display:block !important;
  }


/* !Misc */
/* ----------------------------------------------- */
.morelink, .more-link, .itemlist .more-link, .morelink a, .prevlink a, .read_more, .nextlink a {
  font-weight:400;
  font-size:15px;
  font-family:"freight-sans-pro",sans-serif;
  line-height:22px;
  }
.posts .more-link, .prevlink a, .nextlink a {
  background:rgba(204,204,204,.2);
  padding:3px 10px;
  -webkit-border-radius:150px;
  -moz-border-radius:15px;
  border-radius:15px;
  }
.posts .more-link:hover, .prevlink a:hover, .nextlink a:hover {
  background:#eee;
  text-decoration:none;
  color:#a57838;
  }
.post-body div.more-link {
  display:inline;
  }
a.morelink:after, a.more-link:after, .morelink a:after, .more-link a:after, .read_more:after {
  content:"\2192";
  padding-left:.25em;
  }
a.nextlink:after, .nextlink a:after {
  content:"\2192";
  padding-left:.25em;
  }
a.prevlink:before, .prevlink a:before {
  content:"\2190";
  padding-right:.25em;
  }
.more a {
  font-size:11px;
  color:#70a0c3;
  }
.more a:after {
  content:" \00BB";
  font:bold 12px "freight-sans-pro",sans-serif;
  font-weight:500;
  }
.sub a {
  color:#70a0c3;
  font-weight:normal;
  }

.thumbs2 {
  float:left;
  width:100%;
  margin-right:-20px;
  padding-bottom:20px;
  }
.thumbs2 a {
  float:left;
  margin-top:3px;
  margin-right:5px;
  }
.thumbs2 a img {
  display:block;
  border:10px solid #ece9e6;
  margin:0;
  }
.thumbs2 .caption {
  display:block;
  font-family:"freight-sans-pro",sans-serif;
  font-size:14px;
  text-align:center;
  }
.thumbs2 a strong {
  font-family:"rooney-web",serif;
  font-weight:500;
  }


.content-sub {
  color:#555;
  }
p.sub {
  font-size:11px !important;
  color:#999;
  }
blockquote {
  background:rgba(159,152,134,.1);
  margin:0 0 20px;
  padding:15px 0;
  font-weight:300;
  font-size:15px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
blockquote p {
  padding:0 20px;
  }
blockquote p:last-of-type {
  margin-bottom:0;
  }
.edit-link {
  padding-top:4px;
  }
.post-edit-link, .comments .edit-link a {
  color:#c86;
  }
.inset {
  float:left;
  margin:3px 20px 10px 0;
  }
.inset2 {
  float:right;
  margin:3px 0 10px 20px;
  }
.preview {
  background:#000 url("img/bg-preview.gif") repeat 0 0;
  padding:5px 10px;
  color:#ffc;
  text-align:center;
  }
#notice {
  background:#000;
  padding:10px;
  color:#fc0;
  text-align:center;
  font-weight:500;
  }


img.wpstats, img#wpstats {
  display: none;
  }
.reset {
  clear:both;
  display:block;
  font-size:1px;
  height:1px;
  overflow:hidden;
  }
.keep {
  white-space:nowrap;
  }


/* !Footer */
/* ----------------------------------------------- */
footer {
  float:left;
  width:100%;
  padding:0 0 30px;
  margin:0;
  border-bottom:10px solid #463c32;
  color:#666;
  text-transform:lowercase;
  }
footer .in {
  float:left;
  width:100%;
  padding-top:20px;
  border-top:1px solid #e4e1db;
  }
footer p span {
  white-space:nowrap;
  }
footer p span:after {
  content:" \00b7";
  margin:0 2px;
  color:#999;
  }
footer p span:last-of-type:after {
  content:"";
  }


/* !MediaQueries */
/* ----------------------------------------------- */


/* !MediaQueries: Large screens */
/* To avoid overriding these for other queries
----------------------------------------------- */
@media screen and (min-width: 1025px) {
  header[role="banner"] .in, footer p {
    width:940px;
    margin:0 auto;
    }
  #nav li a {
    width:140px;
    margin:5px 20px 10px 0;
    padding:10px 0;
    }
  #content {
    background:url("img/rule_vertical.png") repeat-y 50% 0;
    float:left;
    width:100%;
    padding-bottom:40px;
    }
  #content .in {
    width:940px;
    margin:0 auto;
    padding:20px 0;
    }
  .content-main {
    float:left;
    width:580px;
    }
  .content-sub {
    position:relative;
    float:right;
    width:280px;
    padding-top:13px;
    }
  .content-sub .searchform {
    position:absolute;
    top:-96px;
    left:-27px;
    }
  }


/* !MediaQueries: Tablets up to 1024 */
/* ----------------------------------------------- */
@media screen and (max-width: 1024px)
  and (min-width: 621px) {
  header[role="banner"] .in {
    padding-left:6.25%;
    padding-right:6.25%;
    padding-bottom:10px;
    max-width:580px;
    margin:0 auto;
    }
  #logo {
    background-position:0 30px;
    padding:30px 0 0;
    }
  .description {
    margin-left:20px;
    padding-top:32px;
    }
  nav {
    margin-top:10px;
    font-size:18px;
    line-height:22px;
    }
  #nav li a {
    margin:0 40px 0 0;
    }
  #nav li.current-cat a {
    padding-bottom:12px;
    }
  #content {
    padding:20px 6.25%;
    }
  #content .in {
    max-width:580px;
    margin:0 auto;
    padding:0;
    }
  .content-main, .content-sub {
    float:left;
    width:100%;
    padding-top:30px;
    }
  .content-sub {
    position:relative;
    padding:30px 0;
    }
  article.post h1 {
    font:24px/30px "rooney-web",serif;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions {
    display:block !important;
    }
  footer {
    }
  footer .in {
    float:none;
    width:auto;
    padding-left:6.25%;
    padding-right:6.25%;
    }
  footer .in2 {
    max-width:580px;
    margin:0 auto;
    padding:20px 0 0;
    }
  }


/* !MediaQueries: Phones */
/* ----------------------------------------------- */
@media screen and (max-width: 660px) {
  header[role="banner"] .in {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    }
  #logo {
    background-position:0 20px;
    padding:20px 0 0;
    }
  .description {
    clear:left;
    display:block;
    margin-left:0;
    padding-top:6px
    }
  nav {
    margin-top:10px;
    font-size:16px;
    line-height:21px;
    }
  #nav li a {
    margin:0 10px 0 0;
    }
  #nav li a span {
    display:none;
    }
  #nav li.current-cat a {
    padding-bottom:12px;
    }
  #content {
    padding:20px;
    }
  .content-main, .content-sub {
    float:left;
    width:100%;
    padding-top:20px;
    }
  .content-sub {
    padding:30px 0;
    }
  article.post h1 {
    font:24px/30px "rooney-web",serif;
    }
  article.post h2 {
    font-size:16px;
    }
  .post-meta {
    margin:0 0 15px;
    }
  .post-meta .tags {
    display:none;
    }
  .post-body, .page-body {
    font:14px/22px "rooney-web",serif;
    }
  .post-body p, .page-body p {
    margin:0 0 10px;
    }
  .post img, .page-body img {
    max-width:100%;
    }
  .comment-meta {
    width:232px;
    overflow:hidden;
    white-space:nowrap;
    }

  .cf label {
    float:none;
    display:block;
    width:auto;
    margin-top:1px;
    text-align:left;
    line-height:28px;
    }
  div.cf .input {
    float:none;
    width:auto;
    }
  .cf input.txt {
    width:210px; /* (220-10) */
    margin-right:10px;
    }
  .cf input.txtlong {
    width:90%; /* (460-10) */
    }
  .cf textarea {
    width:90%; /* (460-10) */
    }
  .searchform {
    float:left;
    width:262px;
    margin-top:30px;
    }
  .searchform input.txt {
    width:222px;
    }
  .content-main .connecticons {
    position:static;
    float:left;
    top:0;
    right:0;
    width:auto;
    margin-bottom:20px;
    text-align:left;
    }

  .post div.sharedaddy h3, #content .post div.sharedaddy h3 {
    display:none;
    }
  img.size-thumbnail {
    width:100px;
    }
  img.alignleft {
    margin-top:5px;
    }
  img.alignright {
    margin-top:5px;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions {
    display:block !important;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions b {
    display:none !important;
    }
  footer {
    padding-bottom:0;
    }
  footer .in {
    float:none;
    width:auto;
    padding:20px 20px 144px;
    }
  }


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  #logo {
    background-image:url("/img/logo_stopdesign_220.png");
    -webkit-background-size:110px 25px;
    -moz-background-size:110px 25px;
    background-size:110px 25px;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 1024px) {

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 620px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 620px) {

}