/* General */
.clear,.clearer {clear:both}
.clearer {display:block;line-height:0;font-size:0}
.clearer {height:0}
#lyftenbloggie object {position: relative;z-index: 0;}
#lyftenbloggie .authorFeed img{padding:8px 2px 0 2px;}
#lyftenbloggie .req{color:#FF0000;padding-left:3px;}


 /* Page Navigation */
#lyftenbloggie .blogcontent .page-nav { position:relative; margin:50px 0; font-size:12px;}
#lyftenbloggie .blogcontent .page-nav dt { float:left; padding-top:10px;}
#lyftenbloggie .blogcontent .page-nav dd { float: right;}

/* Blog Layout */
.post-header {overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dadada;}
h1.post-title a {text-decoration: none; color: inherit;}
h1.post-title {margin-bottom: 0; padding: 0 1.4492753623% 10px 0; float: left; max-width: 64.115942029%}
.post-author, .post-category {font-size: 11px; color: #dadada;}
.post-info a {font-size: 14px}

.post-info {float: right; text-align: right; max-width: 32.985507246%; padding: 0 0 10px 1.4492753623%;}

.post-date {float: left; width: 50px; border-radius: 2px; overflow: hidden; text-align: center; font-size: 12px; margin: 3px 10px 5px 0}
.post-month {background: #4a4a4a; text-align: center; padding: 0; color: #fff}
.post-day {border-radius: 0; background: #f1f1f1; padding: 5px 0; width: auto; float: none; font-size: 15px; font-weight: bold}

@media screen and (max-width: 500px){
  h1.post-title, .post-info {max-width: 100%; padding: 0; float: none; text-align: left;}
}

/* Tags */
.post-tags-container {clear: both;}
.tag-indicator {cursor: pointer;}
.hide-tags:before {
  content: 'Show ';
}
.show-tags:before {
  content: 'Hide ';
}

.post-tags:before {
  content: 'Tags: ';
  float: left;
  margin: 3px 3px 0 0
}

.post-tags {clear: both; overflow: hidden; xdisplay: block !important;}
.post-tags a {
  display: block;
  float: left;
  padding: 3px 7px;
  margin: 0 4px 4px 0;
  text-decoration: none;
  border-radius: 3px;
  color: #fff;
  background: #bfbfbf;
}

@media screen and (min-width: 981px){
  .post-tags {height: auto !important}
  .tag-indicator {display: none;}
}

@media screen and (max-width: 980px){
  .post-tags:before {display: none;}
}

.post {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #4a4a4a; overflow: hidden;}
.post-content {overflow: hidden;}



/* Comments */
/*
.single-comment-container {border-left: 5px solid; padding-left: 20px; }
/* to test */
.single-comment-container {margin: 0 0 20px; overflow: hidden; }
.single-comment-container p {margin: 0; }
.comment-poster {margin-bottom: 10px}
.comment-image-container {float: left; width: 120px;font-size: 13px; line-height: 1.4em; padding-right: 40px;}

.comment-text {
  background: #f1f1f1;
  padding: 20px;
  float: left;
  width: calc(100% - 200px);
  border-radius: 3px;
  min-height: 60px;
  position: relative;
}
.comment-text:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 30px;
  height: 0;
  width: 0;
  border-left: 0;
  border-right: 30px solid #f1f1f1;
  border-top: 15px solid transparent;
  border-bottom: 5px solid transparent;
}

@media screen and (max-width: 500px){
	.comment-image-container {width: 20%}
	.comment-text {width: calc(80% - 80px)}
	.comment-text:before {top: 10px}
}


/* Comment Box */
.post-comment-textarea,
.post-comment-text {
  padding: 2px;
  border: 1px solid #dadada;
  width: calc(100% - 6px);
  height: 80px;
  margin: 0 0 10px;
}
.comment-name-container {
  width: 100%;
  margin: 0 0 10px;
  overflow: hidden;
}
.comment-name-container label {width: 50px; display: block; float: left; line-height: 30px}
.post-comment-text {
  width: calc(100% - 56px);
  height: 24px;
  margin: 0;
}
.comment-button-container {text-align: right;}

/* global buttons */
.alt-button, .alt-button.red, .alt-button.green {
	background: #f4f4f4;
  	border: 1px solid #bfbfbf;
	height: 26px;
	line-height: 26px;
	text-shadow: none;
	color: #4a4a4a;
	border-radius: 3px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
  	box-shadow: none;
  	text-decoration: none;
}

.alt-button.green {
  background: #74b844;
  color: #fff;
  border-color: #74b844;
}
.alt-button.red:hover, .alt-button.green:hover,
.alt-button.red:active, .alt-button.green:active {
  cursor: pointer;
  color: #fff
}

.alt-button.green:hover,
.alt-button.green:active {
  background: #69A73D;
  border-color: #69A73D;
}

.alt-button.red:hover,
.alt-button.red:active {
  border-color: #B84444;
  background: #B84444;
}


/* Button fixes */

input.alt-button {
	line-height: normal !important;
	height: 20px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	box-sizing: content-box !important;
	top: 0 !important;
	outline: none !important;
}
input.gen-button::-moz-focus-inner { border:0 !important; padding:0 !important }

html * {filter: none !important; text-shadow: none !important}

a.back-button {
	background: #4a4a4a;
	color: white;
	text-decoration: none;
	display: inline-block;
	padding: 1px 6px;
	border-radius: 2px;
	font-size: 11px;
	margin-bottom: 5px
}
a.back-button:hover {background: #333;}

a.alt-button {display: inline-block; padding-left: 8px; padding-right: 8px}