/*
Theme Name: ITSM Custom theme 1.0
Theme URI: http://inthesesmallmoments.com
Description: Custom theme designed for InTheseSmallMoments.com. All rights reserved.
Version: 1.0
Tags: itsm inthesesmallmoments nicholebeaudry
*/


/*
-----------------------------------------------
ITSM Base CSS
Last modified: Dec 2012
----------------------------------------------- */


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


body {
  background:#fff url("img/bg_rice_paper.jpg") 0 0;
  margin:0;
  padding:0;
  font:16px/24px "proxima-nova-condensed",Sans-serif;
  font-weight:300;
  color:#222;
  }


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


/* !Headings */
/* ----------------------------------------------- */
 h1 {
  background:url("img/divider_simple.png") no-repeat 50% 100%;
  margin:0 0 20px;
  padding-bottom:15px;
  font:36px/48px "proxima-nova-condensed",Sans-serif;
  font-weight:300;
  color:#333;
  }
.page-title h1 strong {
  font-weight:500;
  }
.search h1, .archive h1 {
  padding-top:7px;
  font-size:24px;
  line-height:30px;
  }
h2 {
  margin:0 0 10px;
  font:20px/24px "proxima-nova-condensed",sans-serif;
  font-weight:300;
  }
h2, h2 a {
  color:#924d79;
  }
h2 i {
  font-size:16px;
  color:#999;
  font-style:normal;
  }
.content-main h2 {
  background:url("img/divider_simple.png") no-repeat 50% 100%;
  padding-bottom:15px;
  }
h3 {
  font:16px/30px "rooney-web",serif;
  font-weight:400;
  color:#222;
  }


/* !Header */
/* ----------------------------------------------- */
#page {
  background:url("img/bg_header.png") no-repeat 50% 0;
  float:left;
  width:100%;
  }
header[role="banner"] {
  float:left;
  width:100%;
  padding:88px 0 40px;
  border-top:5px solid rgba(146,77,121,.75);
  }
#logo {
  background:url("/img/logo_itsm.png") no-repeat 0 0;
  display:inline-block;
  }
#logo img {
  display:block;
  width:542px;
  height:62px; 
  visibility:hidden; 
  }



/* !Nav */
/* ----------------------------------------------- */
nav {
  float:left;
  width:100%;
  padding:52px 0 0;
  font-size:20px;
  line-height:24px;
  }
nav ul.nav {
  margin:0 0 0 -5px;
  padding:0;
  }
nav .nav li {
  display:inline;
  list-style:none;
  }
nav .nav li a {
  float:left;
  margin-right:10px;
  padding:5px;
  font-weight:300;
  }
nav .nav li.current-menu-item a {
  color:#924d79;
  cursor:default;
  font-weight:600;
  }
nav .nav li.current-menu-item a:hover {
  text-decoration:none;
  }



/* !Posts */
/* ----------------------------------------------- */
.posts article.post {
  background:url("img/divider_wide.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:0 0 50px;
  }
article.post h1 {
  background:none;
  margin:0 0 3px;
  padding:0;
  font-size:30px;
  line-height:40px;
  }
.single article.post h1, .page h1 {
  margin-top:-6px;
  margin-bottom:10px;
  font-size:36px;
  line-height:48px;
  }
.page h1 {
  margin-bottom:30px;
  }
article.post h2 {
  font-size:18px;
  }

.post-meta {
  background:url("img/divider_simple.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  padding-bottom:8px;
  margin:0 0 20px;
  color:#999;
  font-size:14px;
  }
.post-meta .author, .post-meta time, .post-meta .tags, .post-meta .comment-link, .post-meta .post-edit-link {
  float:left;
  padding:4px 6px 4px 0;
  }
.post-meta time {
  padding-left:0;
  }
.post-meta .author:before, .post-meta .tags:before {
  content:"\00b7";
  padding-right:6px;
  }
.post-meta .author a {
  color:#999;
  }
.post-meta .author a:hover, .post-meta .comment-link:hover {
  color:#0e5858;
  }
.post-meta .post-edit-link {
  margin-left:6px;
  }
.meta-info {
  float:left;
  width:100%;
  margin-bottom:18px;
  }
.post-meta .comment-link {
  float:right;
  color:#999;
  }
.post-footer .comment-link {
  background:url("img/icon_comment.png") no-repeat 0 55%;
  padding-left:16px;
  }

.post-body, .page-body {
  font:16px/28px "rooney-web",serif;
  font-weight:300;
  }
.post-body p, .page-body p {
  margin:0 0 10px;
  }
.post-body strong, .page-body strong {
  font-weight:500;
  color:#222;
  }
.post-body i, .post-body em, .page-body i, .page-body em {
  color:#766;
  }
.post-body a, .page-body a {
  font-weight:300;
  }
.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, div.alignnone {
  float:none;
  display:block;
  margin:0 0 10px 0;
  }
img.alignleft, div.alignleft {
  float:left;
  margin:8px 20px 5px 0;
  }
img.alignright, div.alignright {
  float:right;
  margin:8px 0 5px 20px;
  }
div.alignleft, div.alignleft {
  margin-top:0;
  }
img.aligncenter, div.aligncenter {
  display:block;
  float:none;
  margin:0 auto;
  }
.post img, .page-body img, .post iframe, .post .wp-caption, .content-main .post div {
  max-width:100%;
  }
.post img, .page-body img, .post .wp-caption, .content-main .post div {
  height:auto;
  }

.post-body img.fullwidth {
  position:static;
  width:100%;
  display:none;
  }
.post-body img.bodyimg {
  position:static;
  float:none;
  margin:0;
  }
.post img, .page-body img {
  max-width:100%;
  height:auto;
  }
.img-with-caption.alignleft {
  float:left;
  }
.img-with-caption.alignright {
  float:right;
  }
.img-with-caption.size-medium {
  width:200px;
  }
.img-width-caption.size-large {
  float:none;
  width:580px;
  }
.img-with-caption .caption {
  clear:both;
  display:block;
  font:300 14px/24px "proxima-nova-condensed",serif;
  color:#666;
  }

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



/* !AboutThisPost */
/* ----------------------------------------------- */
.sidebar-post-meta .block {
  margin-bottom:18px;
  }
.sidebar-post-meta .postdate, .sidebar-post-meta .comment-count {
  float:left;
  width:45%;
  }
.sidebar-post-meta .comment-count {
  float:right;
  }
.sidebar-post-meta .postdate-day, .sidebar-post-meta .count-number {
  display:block;
  font-size:36px;
  font-weight:200;
  line-height:28px;
  }
.sidebar-post-meta .posttags {
  clear:left;
  }



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


/* !Pagination */
/* ----------------------------------------------- */
.pagination {
  float:left;
  width:100%;
  }
.pagination .pos1 {
  float:left;
  width:45%;
  }
.pagination .pos2 {
  float:right;
  width:45%;
  text-align:right;
  }


/* !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_wide.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  margin-bottom:15px;
  padding-bottom:22px;
  }
.comments .photo {
  float:left;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
.comment-header {
  float:left;
  width:100%;
  margin-bottom:6px;
  line-height:20px;
  }
.comment-meta {
  margin-left:48px;
  }
.comment-meta cite {
  font:bold 18px/22px "proxima-nova-condensed",sans-serif;
  font-weight:400;
  color:#333;
  }
.comment-meta cite.hasurl {
  background:url("img/icon_world_14.png") no-repeat 100% 0%;
  padding-right:18px;
  }
.comment-meta .author-url {
  visibility:hidden;
  font-size:14px;
  }
.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:#0e5858;
  }
.comment-meta a:hover cite.hasurl {
  background-position:100% -20px;
  }
.comment-date {
  font-size:14px;
  color:#999;
  }
.comment-body {
  font:300 14px/24px "rooney-web",serif;
  }
.comment-body p {
  margin-bottom:10px;
  }
.comment .edit-link {
  visibility:hidden;
  }
.comment:hover .edit-link {
  visibility:visible;
  }



/* !Modules */
/* ----------------------------------------------- */
.module {
  background:url("img/divider_narrow.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:0 0 24px;
  }
.module h3 {
  margin:0;
  font-weight:300;
  font-size:10px;
  line-height:24px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* !Lists */
/* ----------------------------------------------- */
.postlist li {
  margin-bottom:15px;
  line-height:25px;
  }
.postlist time {
  display:block;
  font-size:14px;
  color:#999;
  }
.content-main .postlist li {
  float:left;
  width:100%;
  margin-bottom:0;
  }
.content-main .postlist h1 {
  margin:0;
  font-size:24px;
  line-height:30px;
  }
.content-main .post-meta {
  padding-bottom:15px;
  line-height:24px;
  }

.itemlist {
  line-height:25px;
  }
.itemlist a {
  font:16px/25px "proxima-nova-condensed",sans-serif;
  font-weight:300;
  }
.tagcloud {
  line-height:30px;
  padding-bottom:8px;
  }
.alltopics {
  line-height:36px;
  }
.tagcloud li, .alltopics li {
  display:inline;
  margin-right:5px;
  }
.tagcloud a, .alltopics a {
  display:inline-block;
  white-space:nowrap;
  }

.tagcloud .size10, .tagcloud .size9 {
  font-size:28px;
  color:#258989;
  line-height:34px;
  }
.tagcloud .size8, .tagcloud .size7 {
  font-size:26px;
  color:#439393; /* 80% + #bbb */
  line-height:31px;
  }
.tagcloud .size6, .tagcloud .size5 {
  font-size:24px;
  color:#619d9d; /* 60% + #bbb */
  line-height:29px;
  }
.tagcloud .size4, .tagcloud .size3 {
  font-size:23px;
  color:#7fa7a7; /* 40% + #bbb */
  line-height:26px;
  }
.tagcloud .size3 {
  font-size:21px;
  }
.tagcloud .size2, .tagcloud .size1 {
  font-size:19px;
  color:#9db1b1; /* 20% + #bbb */
  line-height:22px;
  }
.tagcloud .size1 {
  font-size:16px;
  }
.tagcloud .size0 {
  font-size:14px;
  color:#bbb;
  line-height:20px;
  }
.module .tagcloud a:hover {
  color:#0e5858;
  }

.alltopics .size10, .alltopics .size9 {
  font-size:36px;
  color:#6aa;
  line-height:46px;
  }
.alltopics .size8, .alltopics .size7 {
  font-size:34px;
  color:#6aa;
  line-height:44px;
  }
.alltopics .size6, .alltopics .size5 {
  font-size:30px;
  color:#6aa;
  line-height:42px;
  }
.alltopics .size4, .alltopics .size3 {
  font-size:28px;
  color:#6aa;
  line-height:40px;
  }
.alltopics .size3 {
  font-size:26px;
  line-height:38px;
  }
.alltopics .size2, .alltopics .size1 {
  font-size:24px;
  color:#88b1b1; /* 60% + #bbb */
  line-height:36px;
  }
.alltopics .size1 {
  font-size:22px;
  line-height:34px;
  }
.alltopics .size0 {
  font-size:20px;
  color:#999;
  line-height:32px;
  }
.content-main .alltopics li a:hover {
  color:#0e5858;
  }



/* !Forms */
/*----------------------------------------------- */
form, input {
  margin:0;
  }
input.btn {
  background:#ddd url("img/bg_btn.jpg") repeat-x 0 0;
  font:400 14px/20px "proxima-nova-condensed",sans-serif;
  padding:3px 10px;
  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-transform:uppercase;
  color:#666;
  }
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;
  border:1px solid #ddd; /* 1/13 */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-appearance:none;
  -moz-appearance:none;
  font-size:16px;
  font-family:"proxima-nova-condensed",Sans-serif;
  /* so in theory, each text input field is ~26px in height at default text size */
  color:#333;
  }
input.txt:focus, textarea:focus, select:focus {
  background:#fff;
  border-color:#bbb;
  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 {
  }
.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:"proxima-nova-condensed",sans-serif;
  line-height:18px;
  font-weight:300;
  }
.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;
  font:300 16px/28px "proxima-nova-condensed",serif;
  }
.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 .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:302px;
  margin:0 0 20px;
  padding:0;
  }
.searchform label {
  display:none;
  }
.searchform input.txt {
  width:262px;
  padding:4px 12px;
  border:1px solid #e9e9e9;
  -webkit-border-radius:16px;
  -moz-border-radius:16px;
  border-radius:16px;
  color:#999;
  line-height:20px;
  font-size:14px;
  }
.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 12px 4px 10px;
  border:1px solid #e9e9e9;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-border-top-right-radius:16px;
  -webkit-border-bottom-right-radius:16px;
  -moz-border-radius-topright:16px;
  -moz-border-radius-bottomright:16px;
  border-top-right-radius:16px;
  border-bottom-right-radius:16px;
  line-height:20px;
  color:#999;
  font-size:14px;
  }
.searchform input.btn:hover {
  background:#eee url('/img/bg_btn.jpg') repeat-x scroll 0 0;
  border-color:#bbb;
  color:#222;
  }
.hilite {
  background:rgba(255,255,204,.4);
  }
.page-title h1 .hilite, .content-sub .hilite {
  background:none;
  color:inherit;
  }


/* !AuthorInfo /*
/* ----------------------------------------------- */
.authorinfo {
  float:left;
  width:100%;
  }
.authorinfo .authorlockup {
  margin:0 0 8px;
  }
.authorinfo h3 {
  margin-bottom:6px;
  }
.authorinfo .photo {
  float:left;
  margin-bottom:4px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
.authorinfo .fn {
  display:block;
  margin-left:80px;
  padding-top:0;
  font:24px/26px "proxima-nova-condensed",sans-serif;
  font-weight:300;
  color:#444;
  }
.authorinfo .fn:hover {
  color:#d69841;
  }
.authorinfo .nickname, .authorinfo .location {
  display:block;
  margin-left:80px;
  line-height:22px;
  color:#999;
  }
.single .authorinfo .fn, .single .authorinfo .nickname {
  margin-left:60px;
  }
.single .authorinfo .fn {
  padding-top:0;
  }
.authorinfo .note {
  clear:left;
  }
.authorinfo .more-link {
  white-space:nowrap;
  }


/* !ConnectIcons */
/* ----------------------------------------------- */
.connecticons {
  float:left;
  clear:left;
  width:100%;
  margin-bottom:18px;
  padding-top:15px;
  }
.meta-info .connecticons {
  padding-top:5px;
  margin-bottom:7px;
  }
.connecticons li {
  display:inline;
  }
.connecticons li a {
  background-position:0 0;
  background-repeat:no-repeat;
  float:left;
  margin-right:6px;
  }
.connecticons img {
  display:block;
  visibility:hidden;
  }
.connecticons li a:hover {
  background-position:0 -24px;
  }
.connecticons li.service-twitter a {
  background-image:url("img/icon_about_twitter.png");
  }
.connecticons li.service-pinterest a {
  background-image:url("img/icon_about_pinterest.png");
  }
.connecticons li.service-instagram a {
  background-image:url("img/icon_about_instagram.png");
  }
.connecticons li.service-facebook a {
  background-image:url("img/icon_about_facebook.png");
  }
.connecticons li.service-linkedin a {
  background-image:url("img/icon_about_linkedin.png");
  }
.connecticons li.service-rss a {
  background-image:url("img/icon_about_rss.png");
  }
.connecticons li.service-web a {
  background-image:url("img/icon_about_web.png");
  }
.connecticons li.service-email a {
  background-image:url("img/icon_about_email.png");
  }


/* !Share buttons */
/* ----------------------------------------------- */
.post div.sharedaddy {
  padding-top:6px;
  }
.post div.sharedaddy div.sd-block {
  padding:0;
  border-top-width:0;
  }
.post div.sharedaddy h3, #content .post div.sharedaddy h3 {
  background:none;
  float:left;
  display:block;
  width:auto;
  height:16px;
  margin:0 5px 0 0;
  padding:3px 5px 5px 0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font:14px/16px "proxima-nova-condensed",sans-serif;
  font-weight:500;
  color:#666;
  }
.post div.sharedaddy .sd-content {
  width:auto;
  float:left;
  margin:0;
  }
.post div.sharedaddy .sd-content ul {
  line-height:16px;
  }
.post div.sharedaddy .sd-content li {
  margin-bottom:0 !important;
  }
.post div.sharedaddy .no-text {
  width:22px;
  height:22px;
  }
.post .sd-social-icon a.sd-button > span, .post .sd-social-icon-text a.sd-button > span, a.sd-button > span {
  font:12px/16px "proxima-nova-condensed",sans-serif;
  font-weight:300;
  }
/* On post streams, treat differently */
.posts .sharedaddy {
  opacity:.6;
  }
.posts .sharedaddy:hover {
  opacity:1;
  }
.posts div.sharedaddy h3, #content .posts div.sharedaddy h3 {
  display:none;
  }
/* places to hide sharing buttons */
.search div.sharedaddy, .authorpage div.sharedaddy {
  display:none;
  }


/* !Ads */
/* ----------------------------------------------- */
.recommended {
  float:left;
  width:100%;
  padding-top:8px;
  }
.recommended .ad-fullwidth, .recommended .ads-2up-boxed {
  float:left;
  width:100%;
  margin-bottom:20px;
  }
.recommended .ad-fullwidth img {
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
.recommended .ads-2up-boxed .ad1, .recommended .ads-2up-boxed .ad2 {
  float:left;
  width:145px;
  margin-right:10px;
  }
.recommended .ads-2up-boxed a {
  background:#f6f6f6;
  display:block;
  padding:10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  }
.recommended .ads-2up-boxed img {
  display:block;
  }
.alsoat .ads-2up {
  float:left;
  width:100%;
  margin-bottom:10px;
  }
.alsoat .ads-2up .ad1, .alsoat .ads-2up .ad2 {
  float:left;
  margin-right:20px;
  }


/* !Misc */
/* ----------------------------------------------- */
.morelink, .more-link, .itemlist .more-link, .morelink a, .prevlink a, .read_more, .nextlink a {
  font-weight:300;
  text-transform:uppercase;
  font-size:14px;
  font-family:"proxima-nova-condensed",sans-serif;
  letter-spacing:0;
  }
.posts .more-link, .prevlink a, .nextlink a, a.read_more {
  background:rgba(221,221,221,.2);
  padding:5px 12px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  }
.posts .more-link:hover, .prevlink a:hover, .nextlink a:hover, a.read_more:hover {
  background:#eee;
  text-decoration:none;
  color:#0e5858;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  }
.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:"\2026";
  }
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 "proxima-nova-condensed",sans-serif;
  font-weight:500;
  }
.sub a {
  color:#70a0c3;
  font-weight:normal;
  }


.content-sub {
  color:#555;
  }
p.sub {
  font-size:11px !important;
  color:#999;
  }
.archive-description {
  margin:0 0 30px;
  font:16px/28px "rooney-web",serif;
  font-weight:300;
  }
blockquote {
  float:left;
  width:100%;
  background:rgba(221,221,221,.2);
  margin:0 0 20px;
  padding:15px 0;
  font-style:italic;
  font-weight:300;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  }
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;
  font-size:14px;
  }
.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 {
  background:url("img/bg_footer.png") no-repeat 50% 0;
  float:left;
  width:100%;
  padding:130px 0 40px;
  margin:0;
  color:#666;
  text-align:center;
  }
footer .in {
  float:left;
  width:100%;
  padding-top:20px;
  }
footer p span {
  white-space:nowrap;
  }
footer p span:after {
  content:"\2002\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:960px;
    margin:0 auto;
    }
  #content {
    float:left;
    width:100%;
    padding-bottom:40px;
    }
  #content .in {
    width:960px;
    margin:0 auto;
    padding:20px 0;
    }
  .content-main {
    float:left;
    width:580px;
    overflow:hidden;
    }
  .single .content-main .post-meta {
    display:none;
    }
  .content-sub {
    position:relative;
    float:right;
    width:300px;
    padding-top:11px;
    }
  .content-sub .searchform {
    position:absolute;
    top:-90px;
    left:-13px;
    }
  .module .instapress-shortcode {
    width:309px;
    margin-right:-9px;
    }
  .instapress-shortcode-image a img {
    opacity:.9;
    }
  .instapress-shortcode-image a:hover img {
    opacity:1;
    }
  .recommended .ads-2up-boxed {
    width:310px;
    }
  .alsoat .ads-2up {
    width:320px;
    }

  }


/* !MediaQueries: Tablets up to 1024 */
/* ----------------------------------------------- */
@media screen and (max-width: 1024px)
  and (min-width: 621px) {
  header[role="banner"] {
    float:none;
    width:auto;
    padding:88px 6.25% 40px;
    }
  header[role="banner"] .in {
    max-width:580px;
    margin:0 auto;
    }
  nav {
    float:none;
    width:auto;
    padding:38px 0 0;
    font-size:18px;
    line-height:22px;
    }
  nav .nav li a {
    float:none;
    margin-right:12px;
    }
  nav .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%;
    overflow:hidden;
    }
  .content-sub {
    position:relative;
    padding:30px 0;
    }
  .content-sub .about-post {
    display:none;
    }

  input.txt, textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    }

  article.post h1 {
    font-size:24px;
    line-height:30px;
    }
  .module {
    background-image:url("img/divider_wide.png");
    }
  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) {
  #page {
    background-image:url("img/bg_header_mobile.png");
    }
  header[role="banner"] {
    float:none;
    width:auto;
    padding:40px 20px 15px;
    }
  #logo {
    background-image:url("/img/logo_itsm_mobile.png");
    }
  #logo img {
    width:271px;
    height:31px;
    }
  nav {
    position:relative;
    left:-7px;
    float:none;
    width:auto;
    padding:20px 0 0;
    font-size:16px;
    line-height:21px;
    }
  nav ul.nav {
    margin:0;
    }
  nav .nav li a {
    float:none;
    margin:0;
    padding:7px;
    }
  nav .nav li.current-cat a {
    padding-bottom:12px;
    }
  #content {
    padding:20px;
    }
  .content-main, .content-sub {
    float:left;
    width:100%;
    overflow:hidden;
    }
  .content-sub {
    padding:30px 0;
    }
  .content-sub .about-post {
    display:none;
    }
  article.post h1 {
    margin-bottom:0;
    font-size:24px;
    line-height:30px;
    }
  .single article.post h1, .page h1 {
    margin-top:-6px;
    font-size:30px;
    line-height:36px;
    }
  article.post h2 {
    font-size:16px;
    }
  .content-main .post-meta {
    margin:0 0 15px;
    padding-bottom:8px;
    line-height:22px;
    }
  .post-meta .tags, .post-meta .author {
    display:none;
    }
  .post-body, .page-body {
    font-size:14px;
    line-height:22px;
    }
  .post-body p, .page-body p {
    margin:0 0 10px;
    }
  .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-medium, img.size-thumbnail, .img-with-caption.size-medium {
    max-width:120px;
    }
  .img-width-caption.size-large {
    float:none;
    max-width:280px;
    }
  .post iframe {
    height:auto;
    }
  img.alignleft {
    margin-top:5px;
    }
  img.alignright {
    margin-top:5px;
    }
  .authorbio .photo, .authorbio img {
    max-width:83px;
    height:auto;
    }
  .module .instapress-shortcode {
    width:288px;
    margin-right:-8px;
    }
  .instapress-shortcode-image a img {
    width:87px;
    height:87px;
    }

  input.txt, textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    }
  .recommended .ad-fullwidth img {
    max-width:280px;
    height:auto;
    }
  .recommended .ads-2up-boxed {
    width:290px;
    }
  .recommended .ads-2up-boxed .ad1, .recommended .ads-2up-boxed .ad2 {
    width:135px;
    }
  .recommended .ads-2up-boxed a {
    padding:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }
  .alsoat .ads-2up {
    width:300px;
    }
  .alsoat .ads-2up img {
    max-width:130px;
    height:auto;
    }


  footer {
    background-image:url("img/bg_footer_mobile.png") no-repeat 50% 0;
    padding-top:65px;
    padding-bottom:20px;
    }
  footer .in {
    float:none;
    width:auto;
    padding-left:20px;
    padding-right:20px;
    }
  footer p span.copyright {
    display:block;
    }
  footer p span.copyright:after {
    content:"";
    margin:0;
    }

  }


/* !Retina images: All */
/* ----------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  #page {
    background-image:url("img/bg_header@2x.png");
    -webkit-background-size:1090px 150px;
    -moz-background-size:1090px 150px;
    background-size:1090px 150px;
    }
  #logo {
    background-image:url("/img/logo_itsm@2x.png");
    -webkit-background-size:542px 62px;
    -moz-background-size:542px 62px;
    background-size:542px 62px;
    }
  footer {
    background-image:url("img/bg_footer@2x.png");
    -webkit-background-size:980px 126px;
    -moz-background-size:980px 126px;
    background-size:980px 126px;
    }
  .module {
    background-image:url("img/divider_narrow@2x.png");
    -webkit-background-size:300px 19px;
    -moz-background-size:300px 19px;
    background-size:300px 19px;
    }
   h1, .content-main h2, .post-meta {
    background-image:url("img/divider_simple@2x.png");
    -webkit-background-size:580px 2px;
    -moz-background-size:580px 2px;
    background-size:580px 2px;
    }
}


/* !Retina images: Tablets */
/* ----------------------------------------------- */
@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) {
  .module, .posts article.post, .comment {
    background-image:url("img/divider_wide@2x.png");
    -webkit-background-size:580px 19px;
    -moz-background-size:580px 19px;
    background-size:580px 19px;
    }
}

/* !Retina images: Phones */
/* ----------------------------------------------- */
@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) {
  #page {
    background-image:url("img/bg_header.png");
    -webkit-background-size:545px 75px;
    -moz-background-size:545px 75px;
    background-size:545px 75px;
    }
  #logo {
    background-image:url("/img/logo_itsm.png");
    -webkit-background-size:271px 31px;
    -moz-background-size:271px 31px;
    background-size:271px 31px;
    }
  footer {
    background-image:url("img/bg_footer.png");
    -webkit-background-size:490px 63px;
    -moz-background-size:490px 63px;
    background-size:490px 63px;
    }
  .module {
    background-image:url("img/divider_narrow@2x.png");
    -webkit-background-size:300px 19px;
    -moz-background-size:300px 19px;
    background-size:300px 19px;
    }

}