/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files
  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */

/* =============================================================================
   WordPress WYSIWYG Editor Styles
   ========================================================================== */
.entry-content img {
  margin:4rem 0  4rem 0;
  max-width: 100%;
  height: auto; }

.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
  max-width: 100%; }

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0; }

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0; }

.wp-smiley {
  margin: 0 !important;
  max-height: 1em; }

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left; }

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right; }

/*=================================
*======= post Author========
*===============================*/
#content {
  margin-bottom: 60px; }

.post-author {
/*  padding: 30px;
  background: #ffffff;
  margin-bottom: 30px; }*/

.post-navigation {
  margin-bottom: 30px; }

/*=================================
*======= Blog Comment ========
*===============================*/
#comments {
  background: #FFF;
  padding: 30px; }

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #f2f2f2;
  background: #fff;
  margin-bottom: 30px;
  padding: 0 15px; }

#respond textarea {
  display: block;
  width: 100%;
  height: 210px;
  border: 1px solid #f2f2f2;
  margin-bottom: 30px;
  resize: none;
  padding: 10px 15px;
  background: #fff; }

#respond input:focus,
#respond textarea:focus {
  outline-offset: 0;
  outline: 0;
  border-color: #000; }

#respond ::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px; }

#respond .form-submit {
  text-align: right; }

#respond .logged-in-as {
  padding-left: 15px; }

#respond .comment-reply-title {
  margin-top: 0px;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 300; }

.comment-list {
  padding: 0;
  list-style: none; }

.comment-list .comment-body {
  margin-bottom: 30px; }

.comment-list .comment-context {
  padding: 20px;
  position: relative;
  background: #f5f5f5; }

.comment-list .comment-avartar {
  position: relative; }

.comment-list .comment-avartar:before {
  position: absolute;
  content: "";
  right: -30px;
  top: 30px;
  border-style: solid;
  border-width: 0 0 16px 18px;
  border-color: rgba(255, 0, 0, 0) rgba(0, 128, 0, 0) #f5f5f5 transparent; }

.comment-list .comment-body .comment-avartar {
  margin-right: 30px; }

.comment-list .comment-body .comment-author {
  text-transform: capitalize;
  display: block; }

.comment-list .comment-body .comment-author a {
  color: #222;
  font-size: 18px; }

.comment-list .comment-body .comment-date {
  color: #898989;
  font-size: 11px; }

.comment-list .comment-body .comment-time {
  margin: 0 10px 0 0px; }

.comment-list .comment-body .edit-link {
  margin-right: 5px; }

.comment-list .comment-body .comment-reply,
.comment-list .comment-body .edit-link {
  text-transform: lowercase;
  font-weight: 300;
  display: none;
  transition: display .5s linear;
  -webkit-transition: display .5s linear; }

.comment-list .comment-body:hover .comment-reply,
.comment-list .comment-body:hover .edit-link {
  display: inline-block; }

.comment-body .comment-content p {
  margin-bottom: 0;
  font-size: 13px;
  letter-spacing: .3px;
  line-height: 20px;
  margin-top: 0px; }

.comment-list .children {
  padding-left: 40px; }

#comments .comments-title {
  margin-top: 0;
  margin-bottom: 20px; }

#comments .form-submit #submit {
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  border-color: transparent; }

/*# sourceMappingURL=main.css.map */
