/* Theme Name: Quicknote 1.0
 * Theme URI: http://www.proxdeveloper.com
 * Description: A functional tubmlr like blog theme
 * Author: Pablo Fierro
 * Author URI: http://www.proxdeveloper.com
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Version: 1.0
 * 	
 * All files, unless otherwise stated, are released under the GNU General Public License
 * version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
 */
@import url(reset000.css);
body {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: white; }

body > img#background {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0; }

@media screen and (max-width: 1024px) {
  body > img#background {
    left: 50%;
    margin-left: -512px; } }
a,
p a {
  color: inherit;
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5 {
  color: #2c2c2c;
  font-size: 16px;
  padding-bottom: 10px; }

h1 {
  color: white;
  display: block;
  text-align: center;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 24px;
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040);
  padding-bottom: 40px;
  position: relative; }

h3 {
  font-size: 13px; }

h4 {
  font-size: 12px; }

h5 {
  font-size: 11px; }

p {
  padding-bottom: 20px; }
  p:last-child {
    padding-bottom: 0px; }

blockquote {
  padding: 6px 20px 6px 40px;
  margin-bottom: 20px;
  border: none;
  background: transparent url("quote000.png") no-repeat 0px 13px; }
  blockquote:last-child {
    margin-bottom: 0px; }
  blockquote cite {
    font-style: italic;
    font-size: 12px;
    color: #676767; }

iframe {
  display: block; }

.wp-caption {
  width: auto !important; }
  .wp-caption .wp-caption-text {
    display: block;
    padding-left: 2px;
    font-style: italic;
    font-size: 11px;
    margin-top: -8px; }

.sticky {
  display: block; }

.gallery-caption {
  width: auto; }

.bypostauthor {
  width: auto; }

#about {
  background: white;
  z-index: 2000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
  #about .content {
    position: relative;
    width: 680px;
    margin: 0px auto;
    padding: 25px 0px;
    font-family: "Georgia", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    zoom: 1;
    display: none; }
    #about .content:first-child {
      zoom: 1; }
    #about .content:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    #about .content * {
      text-align: center; }
    #about .content h2 {
      padding-bottom: 13px; }
    #about .content ul, #about .content ol {
      list-style: none; }
      #about .content ul li, #about .content ol li {
        padding-bottom: 10px; }
  #about a#topsection {
    background: transparent url("sprites0.png") no-repeat -131px 0px;
    position: fixed;
    width: 43px;
    height: 43px;
    right: 0px;
    z-index: 998; }
    #about a#topsection:hover {
      background-position: -176px 0px; }
  #about.active a#topsection {
    background-position: -265px 0px; }
    #about.active a#topsection:hover {
      background-position: -220px 0px; }
  #about .section {
    margin-bottom: 0px; }
  #about .section.popularposts h3 {
    padding-bottom: 0px; }
  #about .section.twitterfeed ul {
    list-style: none; }
    #about .section.twitterfeed ul li {
      margin-bottom: 20px; }
      #about .section.twitterfeed ul li p {
        margin-bottom: 0px;
        padding-bottom: 3px; }
      #about .section.twitterfeed ul li .meta {
        font-size: 11px; }

#logo {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 25px;
  position: relative;
  display: table;
  text-align: center;
  margin: 50px auto 20px auto;
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-animation: load 0.6s;
  -moz-animation: load 0.6s; }
  #logo:hover {
    opacity: 0.8; }
  #logo em {
    font-style: normal;
    font-size: 18px; }

@-webkit-keyframes load {
  from {
    -webkit-transform: scale(0);
    opacity: 0; }

  to {
    -webkit-transform: scale(1); } }

@-moz-keyframes load {
  from {
    -moz-transform: scale(0);
    opacity: 0; }

  to {
    -moz-transform: scale(1); } }

@-webkit-keyframes contentload {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes contentload {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

#content {
  position: relative;
  width: 610px;
  margin: 0px auto;
  -webkit-animation: contentload 0.8s;
  -moz-animation: contentload 0.8s; }

#content > .scrolltop {
  background: transparent url("sprites0.png") no-repeat 0px -26px;
  display: block;
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 50px;
  display: none; }
  #content > .scrolltop:hover {
    opacity: 0.6; }

#content > #blog {
  width: 605px;
  margin: 0px auto;
  padding-top: 50px;
  padding-bottom: 50px; }
  #content > #blog > .timeline {
    background: rgba(255, 255, 255, 0.15);
    width: 10px;
    margin: 0px auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px; }

#content > #blog > .articles.single > .article {
  margin-bottom: 40px; }

#content > #blog > .articles.search > .article .date {
  font-size: 20px; }

#content > #blog > .articles > .article {
  position: relative;
  margin-bottom: 80px; }
  #content > #blog > .articles > .article:last-child {
    margin-bottom: 40px; }
  #content > #blog > .articles > .article:hover .social {
    opacity: 1 !important; }
  #content > #blog > .articles > .article .date {
    display: block;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 24px;
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040);
    padding-bottom: 20px;
    position: relative; }
  #content > #blog > .articles > .article > .content {
    background: white;
    padding: 25px;
    font-family: "Georgia", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
    #content > #blog > .articles > .article > .content h2.title {
      padding-bottom: 10px;
      font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
    #content > #blog > .articles > .article > .content p a,
    #content > #blog > .articles > .article > .content a:hover {
      color: #ca1c39; }
    #content > #blog > .articles > .article > .content ul, #content > #blog > .articles > .article > .content ol {
      padding-left: 15px;
      padding-bottom: 25px; }
    #content > #blog > .articles > .article > .content .social {
      zoom: 1;
      clear: both;
      opacity: 0.5;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      #content > #blog > .articles > .article > .content .social:first-child {
        zoom: 1; }
      #content > #blog > .articles > .article > .content .social:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
      #content > #blog > .articles > .article > .content .social a {
        background: transparent url("sprites0.png") no-repeat 0px 0px;
        display: block;
        width: 11px;
        height: 12px;
        float: left;
        margin-right: 13px;
        color: #909090; }
        #content > #blog > .articles > .article > .content .social a:hover {
          background-position: 0px -13px; }
        #content > #blog > .articles > .article > .content .social a.twitter {
          width: 14px;
          background-position: -12px 0px; }
          #content > #blog > .articles > .article > .content .social a.twitter:hover {
            background-position: -12px -13px; }
        #content > #blog > .articles > .article > .content .social a.facebook {
          background-position: -41px 0px;
          width: 11px;
          height: 12px; }
          #content > #blog > .articles > .article > .content .social a.facebook:hover {
            background-position: -41px -13px; }
        #content > #blog > .articles > .article > .content .social a.comments {
          background: none;
          width: auto;
          zoom: 1; }
          #content > #blog > .articles > .article > .content .social a.comments:first-child {
            zoom: 1; }
          #content > #blog > .articles > .article > .content .social a.comments:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          #content > #blog > .articles > .article > .content .social a.comments:hover .icon {
            background-position: -27px -13px; }
          #content > #blog > .articles > .article > .content .social a.comments span {
            font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            float: left;
            line-height: 13px;
            font-size: 10px;
            padding-left: 3px; }
          #content > #blog > .articles > .article > .content .social a.comments .icon {
            background: transparent url("sprites0.png") no-repeat -27px 0px;
            width: 11px;
            height: 12px;
            display: block; }
    #content > #blog > .articles > .article > .content > .body {
      background: white;
      padding: 20px;
      position: relative;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
      #content > #blog > .articles > .article > .content > .body.tip:after, #content > #blog > .articles > .article > .content > .body.tip:before {
        content: "";
        position: absolute;
        z-index: 1000;
        top: -6px;
        left: 0px;
        margin-left: 25px;
        border-top: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white; }

#content > #blog > #postnavigation {
  zoom: 1;
  padding: 0px 20px; }
  #content > #blog > #postnavigation:first-child {
    zoom: 1; }
  #content > #blog > #postnavigation:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #content > #blog > #postnavigation a {
    display: block;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040);
    padding-bottom: 20px;
    padding-top: 40px;
    color: white; }
  #content > #blog > #postnavigation span {
    display: block; }
  #content > #blog > #postnavigation .prev {
    float: left; }
  #content > #blog > #postnavigation .next {
    float: right; }

#content > #blog > .articles.notfound {
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040); }

#content > #blog > .articles > .article.image > .content {
  padding: 0px;
  background: none; }
#content > #blog > .articles > .article.image div.image {
  position: relative; }
  #content > #blog > .articles > .article.image div.image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 999; }
  #content > #blog > .articles > .article.image div.image .type.image {
    background: transparent url("sprites0.png") no-repeat -62px 0px;
    position: absolute;
    width: 68px;
    height: 69px;
    top: 0px;
    right: 0px;
    z-index: 998; }
#content > #blog > .articles > .article.image div.image .fix {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden; }
  #content > #blog > .articles > .article.image div.image .fix img {
    display: block; }

#content > #blog > .articles > .article.gallery .gallery_container .pagination {
  z-index: 999;
  position: absolute;
  bottom: -33px;
  right: 30px;
  padding: 0px;
  list-style: none;
  zoom: 1; }
  #content > #blog > .articles > .article.gallery .gallery_container .pagination:first-child {
    zoom: 1; }
  #content > #blog > .articles > .article.gallery .gallery_container .pagination:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #content > #blog > .articles > .article.gallery .gallery_container .pagination li {
    float: left;
    padding-left: 5px; }
    #content > #blog > .articles > .article.gallery .gallery_container .pagination li.current a {
      background: #96999d; }
    #content > #blog > .articles > .article.gallery .gallery_container .pagination li a {
      background: #d2d6db;
      display: block;
      text-indent: -9999px;
      height: 5px;
      width: 5px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
#content > #blog > .articles > .article.gallery .gallery_container .slides_control > div {
  width: 605px;
  display: block; }
  #content > #blog > .articles > .article.gallery .gallery_container .slides_control > div a {
    display: block; }
  #content > #blog > .articles > .article.gallery .gallery_container .slides_control > div .rounded {
    overflow: hidden;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

#content > #blog > .articles > .article.video > .content {
  padding: 0px;
  background: none; }
#content > #blog > .articles > .article.video div.video:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.35);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 999; }

#content > #blog > .articles > .article.audio .jp-interface {
  height: 35px;
  margin-bottom: 25px; }
  #content > #blog > .articles > .article.audio .jp-interface .jp-progress-container {
    display: none; }
  #content > #blog > .articles > .article.audio .jp-interface span.title {
    display: block;
    font-size: 11px;
    height: 12px;
    margin: -27px 10px 0px 42px;
    width: auto; }
  #content > #blog > .articles > .article.audio .jp-interface.active .jp-progress-container {
    display: block; }
  #content > #blog > .articles > .article.audio .jp-interface.active span.title {
    margin: 0px 10px 0px 42px; }
#content > #blog > .articles > .article.audio .jp-controls {
  list-style: none;
  padding: 0px; }
  #content > #blog > .articles > .article.audio .jp-controls .jp-play,
  #content > #blog > .articles > .article.audio .jp-controls .jp-pause {
    background: #e8e8e8;
    display: block;
    width: 35px;
    height: 25px;
    padding-top: 10px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px; }
    #content > #blog > .articles > .article.audio .jp-controls .jp-play:hover,
    #content > #blog > .articles > .article.audio .jp-controls .jp-pause:hover {
      background: #313131; }
    #content > #blog > .articles > .article.audio .jp-controls .jp-play .icon,
    #content > #blog > .articles > .article.audio .jp-controls .jp-pause .icon {
      background: transparent url("sprites0.png") no-repeat 0px -25px;
      display: block;
      width: 13px;
      height: 16px;
      margin: 0px auto; }
  #content > #blog > .articles > .article.audio .jp-controls .jp-play {
    padding-left: 5px;
    width: 30px; }
  #content > #blog > .articles > .article.audio .jp-controls .jp-pause .icon {
    background-position: -14px -25px;
    width: 12px; }
#content > #blog > .articles > .article.audio .jp-seek-bar {
  background: #adadad;
  height: 5px;
  margin: -18px 10px 0px 42px;
  width: auto !important;
  zoom: 1; }
  #content > #blog > .articles > .article.audio .jp-seek-bar:first-child {
    zoom: 1; }
  #content > #blog > .articles > .article.audio .jp-seek-bar:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #content > #blog > .articles > .article.audio .jp-seek-bar.title {
    margin-top: -25px; }
  #content > #blog > .articles > .article.audio .jp-seek-bar .jp-play-bar {
    background: #ededed;
    height: 5px;
    cursor: pointer; }

#content > #blog > .articles > #comments {
  list-style: none; }
  #content > #blog > .articles > #comments .comment {
    zoom: 1;
    padding-bottom: 20px; }
    #content > #blog > .articles > #comments .comment:first-child {
      zoom: 1; }
    #content > #blog > .articles > #comments .comment:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    #content > #blog > .articles > #comments .comment > .info {
      float: left; }
      #content > #blog > .articles > #comments .comment > .info .comment-reply-link {
        display: block;
        text-align: center;
        padding-left: 5px;
        -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
        #content > #blog > .articles > #comments .comment > .info .comment-reply-link:hover {
          color: #ca1c39;
          -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
          -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
          -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
          text-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
      #content > #blog > .articles > #comments .comment > .info .avatarcontainer {
        width: 55px;
        height: 55px;
        overflow: hidden;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
        margin-bottom: 4px; }
    #content > #blog > .articles > #comments .comment .content {
      position: relative;
      background: white;
      color: #5c5c5c;
      float: left;
      width: 500px;
      padding: 10px;
      margin-left: 30px;
      font-size: 11px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
      #content > #blog > .articles > #comments .comment .content .meta {
        display: block;
        color: #909090; }
        #content > #blog > .articles > #comments .comment .content .meta .comment-reply-link:before {
          content: " - ";
          font-weight: bold; }
      #content > #blog > .articles > #comments .comment .content:after, #content > #blog > .articles > #comments .comment .content:before {
        content: "";
        position: absolute;
        z-index: 1000;
        top: 15px;
        left: 0px;
        margin-left: -6px;
        border-top: 6px solid transparent;
        border-left: 0;
        border-right: 6px solid white;
        border-bottom: 6px solid transparent; }
  #content > #blog > .articles > #comments .children {
    list-style: none; }
    #content > #blog > .articles > #comments .children .comment > .info {
      float: right; }
    #content > #blog > .articles > #comments .children .comment .content {
      margin-left: 0px;
      margin-right: 30px;
      float: right;
      width: 415px; }
      #content > #blog > .articles > #comments .children .comment .content:after, #content > #blog > .articles > #comments .children .comment .content:before {
        content: "";
        position: absolute;
        z-index: 1000;
        top: 15px;
        left: auto;
        right: 0px;
        margin-left: 0px;
        margin-right: -6px;
        border-top: 6px solid transparent;
        border-left: 6px solid white;
        border-right: 0;
        border-bottom: 6px solid transparent; }
    #content > #blog > .articles > #comments .children .comment #respond {
      margin-right: 85px;
      clear: both; }
      #content > #blog > .articles > #comments .children .comment #respond input {
        width: 102px; }
      #content > #blog > .articles > #comments .children .comment #respond textarea {
        width: 393px; }
  #content > #blog > .articles > #comments #respond {
    margin-left: 0px;
    float: right;
    margin-top: 20px; }
    #content > #blog > .articles > #comments #respond .info {
      margin-top: -4px; }
    #content > #blog > .articles > #comments #respond .content {
      float: none;
      clear: both;
      margin: 0px; }
    #content > #blog > .articles > #comments #respond .label {
      display: none; }
    #content > #blog > .articles > #comments #respond textarea {
      width: 475px; }
    #content > #blog > .articles > #comments #respond input {
      width: 131px; }

label {
  padding-left: 3px; }

input[type=submit],
.button {
  width: 80px;
  background: #f4f4f4;
  font-size: 12px; }
  input[type=submit]:hover,
  .button:hover {
    box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12); }

input,
textarea {
  background: white;
  border: 1px solid #d5d5d5;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  color: #7a7a7a;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  input:focus,
  textarea:focus {
    color: black; }
  input.error,
  textarea.error {
    border-color: #ff8c8c; }

input#s {
  width: 89%; }

textarea {
  height: 150px; }

#respond .content {
  background: white;
  padding: 15px;
  margin-top: 0px;
  font-family: "Georgia", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #7a7a7a;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
#respond label {
  display: block; }
#respond .label {
  display: block;
  text-align: center;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 24px;
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
  padding-top: 40px;
  color: white; }
#respond input,
#respond textarea {
  width: 155px; }
#respond textarea {
  width: 553px;
  padding: 10px;
  height: 150px;
  resize: vertical; }
#respond p {
  padding-bottom: 0px; }
  #respond p.submit {
    display: none;
    padding-top: 15px;
    padding-bottom: 5px; }
    #respond p.submit input {
      width: 90px; }
#respond .details {
  padding-bottom: 15px;
  zoom: 1;
  display: none; }
  #respond .details:first-child {
    zoom: 1; }
  #respond .details:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #respond .details p {
    padding-bottom: 0px;
    float: left;
    margin-right: 20px; }
    #respond .details p.last {
      margin-right: 0px; }
#respond p.message {
  margin: 0px;
  float: none;
  clear: both;
  position: relative; }
  #respond p.message .placeholder {
    position: absolute;
    top: 10px;
    left: 10px; }
#respond .reply,
#respond .info {
  font-size: 11px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: -5px;
  zoom: 1; }
  #respond .reply:first-child,
  #respond .info:first-child {
    zoom: 1; }
  #respond .reply:after,
  #respond .info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #respond .reply span.reply,
  #respond .info span.reply {
    float: right; }
#respond .reply {
  margin: 0px;
  float: right;
  padding: 5px 5px 0px 0px; }

span.dropcap {
  font-size: 25px; }

@media only screen and (max-width: 610px) {
  body.responsive {
    padding: 0px 10px 0px 10px; }
    body.responsive .one_half,
    body.responsive .one_third,
    body.responsive .two_third,
    body.responsive .three_fourth,
    body.responsive .one_fourth,
    body.responsive .one_fifth,
    body.responsive .two_fifth,
    body.responsive .three_fifth,
    body.responsive .four_fifth,
    body.responsive .one_sixth,
    body.responsive .five_sixth,
    body.responsive .one_half_ex {
      width: 100%;
      float: none;
      clear: both;
      margin-right: 0px; }
    body.responsive #content .scrolltop {
      display: none !important; }
    body.responsive #background {
      width: 100%; }
    body.responsive #about .content {
      width: 100%;
      height: 250px;
      overflow-y: scroll; }
      body.responsive #about .content .section {
        width: 100%;
        padding-bottom: 20px; }
    body.responsive #content {
      overflow: hidden;
      width: 100%;
      margin: 0px; }
    body.responsive #content > #blog {
      width: 100%;
      margin: 0px;
      padding: 20px 0px 0px 0px; }
    body.responsive #content > #blog > #postnavigation a {
      padding: 20px 0px; }
    body.responsive #content > #blog > .articles > .article {
      margin-bottom: 30px; }
      body.responsive #content > #blog > .articles > .article:last-child {
        margin-bottom: 0px; }
    body.responsive #content > #blog > .articles.single > .article {
      margin-bottom: 30px; }
    body.responsive #content > #blog > .articles > #comments .comment .content {
      width: auto;
      margin-left: 80px;
      margin-top: -74px; }
    body.responsive #content > #blog > .articles > #comments .children .comment .content {
      margin-left: 0px;
      margin-right: 80px;
      width: auto; }
    body.responsive #content > #blog > .articles > #comments .children .comment #respond {
      float: none;
      margin-right: 0px;
      margin-left: 0px;
      padding-top: 20px;
      clear: both; }
      body.responsive #content > #blog > .articles > #comments .children .comment #respond .content {
        margin: 0px; }
    body.responsive #respond .details p {
      float: none; }
    body.responsive #respond p.message {
      border: 1px solid #d5d5d5;
      padding: 10px 0px 0px 10px;
      height: auto;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    body.responsive #respond textarea {
      padding: 0px;
      width: 100%;
      box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
      -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
      -moz-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
      border: none;
      outline: none;
      height: 100px; }
    body.responsive #content > #blog > .articles > #comments #respond {
      margin-left: 0px;
      float: none;
      padding-top: 20px;
      clear: both; }
      body.responsive #content > #blog > .articles > #comments #respond .content {
        width: auto;
        float: none; }
        body.responsive #content > #blog > .articles > #comments #respond .content textarea {
          width: 100%; } }
#menu, #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#menu {
        width: 610px;
        margin: 0px auto;
        border: 1px solid #f3f3f3;
        background-color: #111;
        background-image: -moz-linear-gradient(#f3f3f3, #e9e9e9);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
        background-image: -webkit-linear-gradient(#f3f3f3, #e9e9e9);
        background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
        background-image: -ms-linear-gradient(#f3f3f3, #e9e9e9);
        background-image: linear-gradient(#f3f3f3, #e9e9e9);
		position: relative;
        display: table;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777;
        -webkit-box-shadow: 0 1px 1px #777;
        box-shadow: 0 1px 1px #777;
}
#menu:before,
#menu:after {
        content: "";
        display: table;
}

#menu:after {
        clear: both;
}

#menu {
        zoom:1;
}
#menu li {
        float: left;
        border-right: 1px solid #e9e9e9;
        -moz-box-shadow: 1px 0 0 #f3f3f3;
        -webkit-box-shadow: 1px 0 0 #f3f3f3;
        box-shadow: 1px 0 0 #f3f3f3;
        position: relative;
}

#menu a {
        float: left;
        padding: 12px 30px;
        color: #545454;
        text-transform: uppercase;
        font: bold 12px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #d6d6d6;
}

#menu li:hover > a {
        color: #444444;
}

*html #menu li a:hover { /* Только для IE6 */
        color: #444444;
}

#menu ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 9999;
        background: #111;
        background: -moz-linear-gradient(#f3f3f3, #e9e9e9);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9e9e9),color-stop(1, #f3f3f3));
        background: -webkit-linear-gradient(#f3f3f3, #e9e9e9);
        background: -o-linear-gradient(#f3f3f3, #e9e9e9);
        background: -ms-linear-gradient(#f3f3f3, #e9e9e9);
        background: linear-gradient(#f3f3f3, #e9e9e9);
        -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

#menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        -moz-box-shadow: 0 1px 0 #e9e9e9, 0 2px 0 #f3f3f3;
        -webkit-box-shadow: 0 1px 0 #e9e9e9, 0 2px 0 #f3f3f3;
        box-shadow: 0 1px 0 #e9e9e9, 0 2px 0 #f3f3f3;
}

#menu ul li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

#menu ul a {
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu ul a:hover {
        background-color: #a4a4a4;
        background-image: -moz-linear-gradient(#d7d7d7,  #a4a4a4);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#a4a4a4));
        background-image: -webkit-linear-gradient(#d7d7d7, #a4a4a4);
        background-image: -o-linear-gradient(#d7d7d7, #a4a4a4);
        background-image: -ms-linear-gradient(#d7d7d7, #a4a4a4);
        background-image: linear-gradient(#d7d7d7, #a4a4a4);
}
#menu ul li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
        border-bottom-color: #b9b9b9;
}

#menu ul ul li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
}

#menu ul li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}