@font-face { font-family: 'Calibri'; src: url('/wp-content/themes/mocksup/fonts/calibri/calibri-webfont.eot'); src: local('☺'), url('/wp-content/themes/mocksup/fonts/calibri/calibri-webfont.woff') format('woff'), url('/wp-content/themes/mocksup/fonts/calibri/calibri-webfont.ttf') format('truetype'), url('/wp-content/themes/mocksup/fonts/calibri/calibri-webfont.svg#webfontvreZKQqB') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Negotiate'; src: url('/wp-content/themes/mocksup/fonts/negotiate/negotiate_free-webfont.eot'); src: local('☺'), url('/wp-content/themes/mocksup/fonts/negotiate/negotiate_free-webfont.woff') format('woff'), url('/wp-content/themes/mocksup/fonts/negotiate/negotiate_free-webfont.ttf') format('truetype'), url('/wp-content/themes/mocksup/fonts/negotiate/negotiate_free-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }

body {
  background: #efefef url(/wp-content/themes/mocksup/img/bg.png);
  color: #555;
}

#footer {
  color: #999;
  font-size: 11px;
  margin: -10px auto 30px;
  width: 920px;
}
  #footer a {
    color: #999;
  }
#header {
  background: #1A4969 url(http://mocksup.com/images/bg.png);
}
  #header-in {
    margin: 0 auto;
    padding: 12px 0 8px;
    width: 900px;
  }
#inside {
  margin: 0 auto;
  padding: 10px 0;
  width: 960px;
}
#main {
  float: left;
  width: 698px;
}
  #main .post {
    background: #FFF;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 3px 4px #CCC;
    -webkit-box-shadow: 0 3px 4px #CCC;
    margin: 10px 10px 40px;
    padding: 10px 20px 15px;
  }
    #main .post h2 {
      color: #333;
      font: 27px/31px Negotiate, Helvetica, Arial, sans-serif;
      margin: 10px 0 20px;
    }
      #main .post h2 a {
        color: #333;
        text-decoration: none;
      }
        #main .post h2 a:hover {
          text-decoration: underline;
        }
    #main .post h4 {
      color: #999;
      font: 18px/24px Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 20px 0 10px;
    }
    #main .post img {
      display: block;
      margin: 10px auto;
    }
    #main .post p {
      font: 15px/22px Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 0 0 15px;
    }
    #main .post ul {
      font: 15px/22px Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 0 0 10px 30px;
    }
      #main .post li {
        margin: 0 0 15px;
      }
    #main .post time {
      border-top: 1px solid #ddd;
      color: #999;
      display: block;
      font-size: 11px;
      margin: 0;
      padding: 15px 0 0;
    }
      #main .post time a {
        color: #999;
      }
  #main .post img.right, #main .post img.left {
    border: 1px solid #ddd;
    padding: 2px;
  }
    #main .post img.right {
      border: 1px solid #ddd;
      float: right;
      margin: 0 0 0 10px;
    }
    #main .post img.left {
      float: left;
      margin: 0 10px 0 0;
      padding: 2px;
    }

#sidebar {
  float: right;
  width: 260px;
}
  #sidebar .module {
    color: #666;
    margin: 15px 0;
    padding: 10px;
  }
    #sidebar .module h3 {
      border-bottom: 1px solid #ddd;
      font: lighter 19px Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 0 0 10px;
      padding: 0 0 5px;
    }
    #sidebar .module ul {
      list-style: none;
      margin: 0; padding: 0;
    }
    #sidebar .module li, #sidebar .module p {
      font: 11px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 0 0 10px;
    }
      #sidebar .module p {
        line-height: 21px;
      }
      
.placeholder {
  color: #999;
  font-size: 15px;
  padding: 3px;
  width: 229px;
}
.submit {
  height: 22px;
  width: 80px;
}
#tweet li span {
  color: #999;
  display: block;
}