/* Reset :D
----------------------------------------*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; 
	padding: 0; 
	border: 0;
}
header, hgroup, footer, section, article, aside {
	display: block;
}
a {
	text-decoration: none;
}

/* Helpers :D
----------------------------------------*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}

/* Global :D
----------------------------------------*/
body {
	background	: #f1f1f1;
	color: #3c3c3c;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 23px;
}
a,
#today {
	color: #4ea314;
}
a:hover {
	color: #7ebf00;
}
pre {
  background-color: #f1f1f1;
  padding: 6px 10px;
}
code {
  background-color: #f1f1f1;
  padding: 2px 4px;
}
blockquote {
  margin: 0 30px;
  color: #95989d;
  font-style: italic;
}
dl {
  margin: 0 10px;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 20px;
}
table {
  border-spacing: 0;
}
td,th {
  text-align: left;
}
ul,ol {
  margin: 0 0 20px 24px;
}
address {
  display: block;
  font-style: italic;
  margin-bottom: 20px;
}
ins {
  background: yellow;
  text-decoration: none;
}
input {
  margin-bottom: 10px;
}
#submit {
  border: none;
  background-color: #fff;
  cursor: pointer;
}
#submit:hover {
  color: #fff;
  background-color: #4ea314;
}

/* Typography  :D
----------------------------------------*/
.hentry h1,
.comment-content h1,
.hentry h2,
.comment-content h2,
.hentry h3,
.comment-content h3,
.hentry h4,
.comment-content h4,
.hentry h5,
.comment-conent h5,
.hentry h6,
.comment-content h6 {
  clear: both;
  margin: 0 0 20px 0;
}
.hentry h1,
.comment-content h1 {
  font-size: 19px;
}
.hentry h2,
.comment-content h2 {
  font-size: 17px;
}
.hentry h3,
.comment-content h3 {
  color: #4ea314;
  font-size: 16px;
  font-weight: 300;
}
.hentry h4,
.comment-content h4 {
  font-size: 13px;
}
.hentry h5,
.comment-content h5 {
  font-size: 11px;
}
.hentry h6,
.comment-content h6 {
  font-size: 10px;
}

/* Structure :D
----------------------------------------*/
#page-container {
	margin: 0 auto;
	max-width: 960px;
}

/* Header :D
----------------------------------------*/
#page-header {
	padding: 50px 0 40px 0;
	margin-bottom: 80px;
}
#site-title {
	float: left;
	height: 23px;
	margin-bottom: 6px;
}
#site-title a {
	color: #404044;
}
#site-description {
  color: #cbcbcb;
  clear: left;
  float: left;
  font-size: 14px;
  font-weight: 300;
}
#page-nav {
	float: right;
	font-size: 14px;
}
#page-nav ul li {
	display: inline;
	margin-left: 25px;
}
#page-nav a {
	color: #cbcbcb;
}
#page-nav a:hover {
	color: #95989D;
}
#page-nav .current-menu-item a,
#page-nav .current-menu-item a:hover {
	color: #292929;
}

/* Main Content :D
----------------------------------------*/
#main {
  float: left;
	clear: both;
	max-width: 745px;
	margin-bottom: 80px;
}
.archive-header-container {
  margin-bottom: 40px;
}
.archive-header-container h1 {
  text-shadow: 0 1px 1px #fff;
  color: #cbcbcb;
  font-weight: 500;
}
.article-container {
	background:  url(images/articleBG.png) no-repeat 0 bottom;
	margin-bottom: 60px;
	padding-bottom: 30px;
	min-height: 100px;
}
.error-container {
  padding-bottom: 30px;
}
.hentry {
	background-color: #fff;
	margin-left: 1px;
  width: 730px;
}
.hentry img {
  max-width: 648px;
}
.page .entry-header {
  padding-top: 40px;
}

/* Images */
.aligncenter {
  display: block;
  margin: 20px auto;
}
.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}
.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}
.alignnone {
  display: block;
  margin: 20px;
}
.wp-caption-text {
  color: #cbcbcb;
  text-align: center;
}
.gallery-item {
  float: left;
  margin: 0 10px 5px 0;
}
.gallery-caption {
  color: #cbcbcb;
  font-size: 11px;
  text-align: center;
  max-width: 150px;
}
/* end */

.page-links {
  clear: both;
}

/* Post Formats :D
----------------------------------------*/
.hentry .entry-header {
  padding-top: 40px;
}
.entry-format {
	background: url(images/sprites.png) no-repeat;
	color: #fff;
	width:  56px;
	height: 26px;
	text-align: center;
	margin-left: 43px;
	margin-bottom: 40px;
}
.entry-format a {
  color: #fff;
}

/* Image Format */
.format-image .alignnone {
  margin: 0;
}
/* end */

/* Quote Format */
.format-quote-container,
.singular-format-quote-container {
	background: url(images/article-darkBG.png) no-repeat 0 bottom;
	padding-bottom: 34px;
}
.format-quote-container .hentry,
.singular-format-quote-container .hentry {
	margin-left: 8px;
}
.format-quote {
	background: #2c2c2c;
	padding-bottom: 4px;
}
.format-quote .entry-format {
	background-position: 0 -30px;
	color: #2c2c2c;
	margin-bottom: 20px;
}
.format-quote .entry-format a {
  color: #2c2c2c;
}
.format-quote blockquote {
  color: #e3dfdf;
	font-size: 24px;
	line-height: 33px;
}
.format-quote cite {
	float: right;
	padding-bottom: 20px;
}
/* end */

/* Aside Format */
.format-aside-container,
.format-link-container {
	padding-bottom: 22px;
}
.format-aside,
.format-link {
	padding-bottom: 10px;
}
.singular-format-aside-container,
.singular-format-link-container {
  padding-top: 0;
}
.singular-format-aside,
.singular-format-link {
  padding: 0;
}
/* end */

/* Audio Format */
.format-audio .entry-header,
.singular-format-aside .entry-header,
.format-image .entry-header,
.format-gallery .entry-header,
.format-video .entry-header,
.format-quote .entry-header {
  padding-top: 0;
}
.jp-audio-container {
	background: url(images/audio-playerBG.png) no-repeat 0 1px;
	padding: 0 0 12px 33px;
	margin-left: -33px;
	margin-bottom: 25px;
}
/* end */

/* Gallery Format */
.format-gallery .entry-summary img {
  border: 10px solid #f1f1f1;
  clear: both;
  float: left;
  margin: 0 0 20px 43px;
}

.entry-header-meta,
.singular-entry-header-meta {
	color: #95989d;
	font-style: italic;
	font-size: 11px;
	float: right;
	margin-right: 40px;
	position: relative;
}
.entry-header-meta a,
.singular-entry-header-meta a{
  	color: #95989d;
}
.entry-header-meta a:hover,
.singular-entry-header-meta a:hover {
  	color: #7ebf00;
}
.entry-header-meta .post-edit-link,
.singular-entry-header-meta .post-edit-link {
  color: #4ea314;
	position: absolute;
	bottom: 26px;
	right: 0;
}
.format-quote .entry-header-meta .post-edit-link,
.format-aside .entry-header-meta .post-edit-link,
.format-link .entry-header-meta .post-edit-link {
	bottom: 5px;
}
.entry-header-meta .date,
.singular-entry-header-meta .date {
	background: url(images/sprites.png) no-repeat;
	background-position: -21px  -69px;
	padding-left: 16px;
	margin-right: 6px;
}
.entry-header-meta .comments-link,
.singular-entry-header-meta .comments-link {
	background: url(images/sprites.png) no-repeat;
	background-position: -21px -93px;
	height: 20px;
	width: 20px;
	padding-left: 20px;
}
.hentry .entry-title {
  float: left;
  font-size: 21px;
	margin: 0 43px 40px 43px;
	max-width: 500px;

}
.featured-image {
	margin: 0 40px 25px 43px;
	background: url(images/featured-imageBG.png) no-repeat center bottom;
	max-width: 642px;
}
.entry-content {
	clear: both;
	margin: 0 40px 0 43px;
}
.loop-error {
  padding-bottom: 20px;
}
.entry-content p {
	margin-bottom: 25px;
}
.entry-footer-meta {
  clear: both;
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	color: #95989d;
	margin: 0 43px 0 43px;
	padding-bottom: 35px;
}
.entry-footer-meta .post_tag {
	display: block;
	background: url(images/sprites.png) no-repeat;
	background-position: -24px  -115px;
}
.entry-footer-meta .post_tag a:first-child {
	padding-left: 10px;	
}
.entry-footer-meta .post_tag a {
	color: #95989d;
}


/* Pagination */
.loop-pagination,
.loop-nav {
  text-align: center;
  margin-bottom: 40px;
}
.loop-pagination a,
.loop-pagination .dots,
.loop-nav a {
  text-shadow: 0 1px 1px #fff;
  color: #cbcbcb;
  font-weight: 500;
}
.loop-nav a {
  font-size: 19px;
}
.loop-pagination a:hover,
.loop-nav a:hover {
  color: #95989d;
}
.loop-pagination .current,
.loop-pagination .next,
.loop-pagination .prev {
  color: #4EA314;
}
.loop-pagination .next,
.loop-pagination .prev {
  font-size: 14px;
}
.loop-pagination .next:hover,
.loop-pagination .prev:hover {
  color: #7EBF00;
}
/* end */

/* Table */
.entry-content table, .comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  width: 100%;
}
.entry-content th, .comment-content th {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}
.entry-content td, .comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0;
}
/* end */

/* Comments  :D
----------------------------------------*/
#comments ul,
#comments ol{
  margin: 0;
}
#comments-title {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 24px 43px;
}
#comments-title span {
	display: block;
	line-height: 16px;
	color: #bebdbd;
}
.commentslist .comment,
.commentslist .trackback,
.commentslist .pingback {
  list-style: none;
  width: 737px;
  margin-bottom: 20px;
  padding-bottom: 19px;
}
.comment-article {
  clear: both;
  background-color: #fff;
  padding-bottom: 40px;
  margin: 0 4px 0 3px;
  position: relative;
}
.trackback .comment-article {
  padding-bottom: 10px;
}
.comment-content {
  margin: 0 40px 0 131px;
}
.comment-content p {
  margin-bottom: 10px;
}
#comments .comment-content ul,
#comments .comment-content ol {
  margin: 0 0 20px 24px;
}
.comment-meta {
  margin: 0 40px 0 43px;
  padding-top: 27px;
  position: relative;
}
.comment-author img {
	background: url(images/avatarBG.png) no-repeat 0 56px;
	float: left;
	padding-right: 22px;
	padding-bottom: 20px;
	padding-left: 6px;
}
.comment-author span {
	color: #3c3c3c;
	font-size: 14px;
	font-weight: bold;
}
.comment-author a {
  color: #4ea314;
}
.comment-author a:hover {
  color: #7ebf00;
}
.comment-meta .edit {
	font-size: 11px;
	font-style: italic;
	position: absolute;
	right: 0;
	bottom: 0;
}
#comments .children {
  margin-top: 40px;
}
.children .comment {
	float: right;
	max-width: 600px;
	min-width: 300px;
}
.children .children .comment {
  padding: 0;
  margin: 0;
}
.children .comment-article {
  padding-bottom: 44px;
}
.reply a {
	font-size: 11px;
	font-style: italic;
	font-weight: 200;
	color: #95989d;
	padding: 2px 10px;
	background-color: #eeefee;
	position: absolute;
	bottom: 0;
	right: 65px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.reply a:active {
	bottom: -2px;
}

/* Respond */
#respond {
	clear: both;
}
#respond p {
  margin-bottom: 10px;
}
#respond label {
  color: #bebdbd;
  display: block;
  padding-right: 10px;
}
#reply-title {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 24px 43px;
}
#reply-title span {
	color: #bebdbd;
	display: block;
	line-height: 16px;
}
#respond .required {
  color: #4ea314;
}
#cancel-comment-reply-link {
  font-size: 12px;
}
#respond input,
#respond textarea {
  color: #3c3c3c;
  border: none;
  font-size: 12px;
}
#respond input {
  min-height: 20px;
  padding: 4px 10px;
}
#respond textarea {
  padding: 10px;
}
/* end */

/* Sidebar :D
----------------------------------------*/
.sidebar {
	float: left;
	max-width: 172px;
	margin-left: 40px;
}
.sidebar .widget-inside {
  font-size: 12px;
}
.sidebar ul,
.sidebar ol {
  list-style: none;
  margin: 0;
}
.sidebar .children {
  margin-left: 10px;
}
.sidebar .widget {
  margin-bottom: 20px;
}
#sidebar-header,
#sidebar-after-content {
  clear: both;
}
#sidebar-before-content {
  margin-bottom: 40px;
}
#sidebar-after-singular,
#sidebar-after-content {
  margin-bottom: 60px;
}

/* Search Widget */
.sidebar .search{
	margin-bottom: 40px;
}
.sidebar .search input {
	border: none;
  min-height: 20px;
  padding: 2px 8px;
}
.sidebar .button{
	border: none;
  min-height: 26px;
  background-color: #4ea314;
  color: #fff;
  cursor: pointer;
	
}
.sidebar .button:hover {
  background-color: #7ebf00;
}
/* end */

/* Category Widget */
#category-widget ul {
	color: #4EA314;
	font-size: 12px;
	line-height: 20px;
	list-style: none;
}
#category-widget li a {
	color: #3c3c3c;
	padding-right: 2px;
}
#category-widget li a:hover {
	color: #4EA314;
}
/* end */

/* Footer :D
----------------------------------------*/
#page-footer {
	clear: both;
	padding-bottom: 60px;
}
#copyright {
	color: #dddddd;
	font-size: 12px;
	max-width: 400px;
	margin: 0 auto;
}
#copyright a {
	color: #2c2c2c;
}
#copyright a:hover {
	color: #4EA314;
}

/* Template: One column  :D
----------------------------------------*/
.layout-1c #main,
.layout-1c .hentry {
  width: 960px;
  max-width: 960px;
}
.layout-1c .article-container {
  background: url(images/articleBG-full.png) no-repeat bottom;
  padding-bottom: 30px;
}
.layout-1c .hentry {
  margin-left: 0;
}
.layout-1c #copyright {
  	text-align: center;
}

/* Template: Two columns, content right :D
----------------------------------------*/
.layout-2c-r #main {
  float: right;
}
.layout-2c-r .sidebar {
  float: left;
  margin-left: 0;
}

/* Template: 404  :D
----------------------------------------*/
.error-404 #main {
  float: none;
}
.error-404 .entry-content {
  color: #cbcbcb;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
}
.error-404 .search {
  margin-top: 20px;
}
.error-404 .search-text {
  border: none;
  min-height: 20px;
  min-width: 200px;
  padding: 4px 10px;
}
.error-404 .button {
  border: none;
  min-height: 26px;
  background-color: #4ea314;
  color: #fff;
  cursor: pointer;
}
.error-404 .button:hover {
  background-color: #7ebf00;
}

/* Media Queries  :D
----------------------------------------*/
@media screen and (max-width: 1024px) {
  #page-container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 800px) {
  #page-container {
    padding: 0 15px;
  }
  #main {
    margin-bottom: 0;
  }
  .layout-1c #page-container {
    overflow: hidden;
  }
  .layout-1c .hentry {
    width: 731px;
  }
  .layout-1c .article-container {
    background: url(images/articleBG.png) no-repeat 0 bottom;
  }
  .layout-1c .loop-pagination, .loop-nav {
    text-align: left;
    margin-left: 20px;
  }
  .sidebar {
    max-width: 800px;
  }
  .sidebar .widget {
    float: left;
    margin-right: 40px;
  }
}

@media screen and (max-width: 500px) {
  #page-container {
    padding: 0 15px;
  }
  #page-header {
    text-align: center;
    margin-bottom: 0;
    padding: 20px 0;
  }
  #page-nav ul {
    margin: 0;
  }
  #site-title,
  #site-description,
  #page-nav {
    float: none;
  }
  .hentry,
  .layout-1c .hentry,
  .commentslist .comment, 
  .commentslist .trackback, 
  .commentslist .pingback {
    max-width: 425px;
  }
  .hentry img {
    max-width: 350px;
  }
  #respond textarea {
    max-width: 400px;
  }
  .article-container,
  .layout-1c .article-container {
    background: none;
  }
  .loop-pagination,
  .loop-nav {
    text-align: left;
    margin-left: 20px;
  }
  #page-nav {
    margin-top: 10px;
  }
  #page-footer {
    text-align: center;
  }
}