/*
---------------------------------------------------------------
Developed By Megan Finn-Niznik (http://meganfinn-niznik.com)

http://meganfinn-niznik.com
Version: 1
---------------------------------------------------------------
*/
/*--Colors--*/
/*--LESS definitions--*/
.capitalize {
  text-transform: uppercase;
}
#notebook_top {
  background: url(../images/design/notebook_top.png) no-repeat;
  padding-top: 54px;
  width: 696px;
}
#notebook_btm {
  background: url(../images/design/notebook_btm.png) no-repeat left bottom;
  padding-bottom: 45px;
}
#bloglist, #entry {
  background: url(../images/design/notebook_bg.png) repeat-y;
  padding: 0 33px 0 80px;
  overflow: hidden;
  min-height: 650px;
}
#bloglist h3, #entry h3 {
  font: bold 1.6em aller, Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  text-shadow: 0 1px 0 #fff;
  margin-bottom: 8px;
  color: #745a2f;
}
#bloglist h3 a, #entry h3 a {
  color: #745a2f;
  text-decoration: none;
}
#bloglist h3 a:hover, #entry h3 a:hover {
  color: #52380d;
}
#bloglist figure, #entry figure {
  padding: 4px;
  background: #f0e2c6;
  border: 1px solid #d5c6a8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px #65480f;
  -moz-box-shadow: 0 1px 3px #65480f;
  box-shadow: 0 1px 3px #65480f;
  margin-bottom: 10px;
}
#bloglist p, #entry p {
  color: #53657c;
  line-height: 1.5em;
  font-size: .95em;
}
#bloglist p a, #entry p a {
  font: italic 0.9em aller, Arial, Helvetica, sans-serif;
}
#bloglist #pagination,
#entry #pagination,
#bloglist li:last-child,
#entry li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
#bloglist #pagination a, #entry #pagination a {
  display: block;
  background: url('../images/design/blog_nav.png') no-repeat;
  width: 30px;
  height: 35px;
  text-indent: -9999px;
}
#bloglist #pagination a.prev, #entry #pagination a.prev {
  float: left;
}
#bloglist #pagination a.next, #entry #pagination a.next {
  float: right;
  background-position: -31px 0;
}
#bloglist li {
  padding-bottom: 36px;
  margin-bottom: 32px;
  overflow: hidden;
  border-bottom: 1px solid #c3b497;
}
#bloglist figure, #bloglist div {
  float: left;
}
#bloglist figure {
  margin-right: 11px;
}
#bloglist div {
  width: 420px;
}
#bloglist p {
  margin-bottom: 10px;
}
#entry article p {
  margin-bottom: 20px;
}
#entry article figcaption {
  font-style: italic;
  display: block;
  text-align: center;
  font-size: .9em;
  margin-top: 5px;
  color: #695223;
}
#entry article h3 {
  font-size: 2em;
}
#entry article h4 {
  font: bold 1.3em aller, Arial, Helvetica, sans-serif;
  color: #3a516e;
  margin-bottom: 5px;
}
#entry article h5 {
  font: bold 1em aller, Arial, Helvetica, sans-serif;
  color: #3a516e;
  margin-bottom: 2px;
}
#entry article section {
  margin-bottom: 40px;
}
#entry article section section {
  margin-bottom: 20px;
}
#entry article aside {
  border: none;
  background: url(../images/design/skills_req_top.png) no-repeat center top;
  padding-top: 57px;
}
#entry article aside div {
  background: url(../images/design/skills_req_btm.png) no-repeat center bottom;
  padding-bottom: 57px;
  overflow: hidden;
}
#entry article h6 {
  color: #ddd5c8;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  font-size: 1.25em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
#entry article ul {
  list-style: disc outside;
  padding-left: 40px;
  color: #748395;
  font-size: .9em;
  float: left;
  width: 230px;
  padding-right: 10px;
}
#entry article ul.skills {
  padding-left: 50px;
}
#entry article ul.requirements {
  border-left: 1px solid #e5d9c6;
}
#entry article li {
  margin-bottom: 10px;
  line-height: 1.35em;
}
#entry aside {
  border-top: 1px solid #c3b497;
  border-bottom: 1px solid #c3b497;
  overflow: hidden;
  padding: 10px 0;
}
#entry aside p {
  float: left;
}
#entry aside p.amount {
  font-size: 0.9em;
}
#entry aside p.like {
  width: 210px;
}
#entry aside p.comments {
  float: right;
}
#entry aside a {
  font-style: normal;
}
#entry #comments {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c3b497;
}
#entry #comments li {
  background: #f7eedc;
  border: 1px solid #dccbaa;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 8px;
}
#entry #comments li p {
  float: left;
  color: #5a4211;
}
#entry #comments li a {
  color: #5a4211;
}
#entry #comments li p.comment {
  width: 455px;
}
#entry #comments li p.avatar {
  margin-right: 15px;
}
#entry #comments li img {
  padding: 4px;
  background: #fffbf3;
  border: 1px solid #d6bd8a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#entry #comments li span {
  display: block;
  text-align: right;
  font: bold 1.1em aller, Arial, Helvetica, sans-serif;
}
#entry #comments li.author {
  background: #8d7138;
  border: 1px solid #5f4510;
}
#entry #comments li.author p, #entry #comments li.author a {
  color: #ddcfb3;
}
#entry #comments li.author img {
  background: #5f4612;
  border: 1px solid #201601;
}
form {
  padding-top: 20px;
}
form h4 {
  font: bold 1.3em aller, Arial, Helvetica, sans-serif;
  color: #3a516e;
  margin-bottom: 6px;
}
form label {
  font-style: italic;
  color: #3a516e;
}
form span {
  font-weight: normal;
  color: #acaeb1;
  font-size: 0.9em;
}
form textarea {
  width: 458px;
  height: 126px;
}
form #name,
form #email,
form #site,
form #password {
  width: 264px;
}
form fieldset {
  border: none;
  display: none;
}
#categories {
  position: absolute;
  top: 50px;
  right: 0;
  width: 260px;
}
#categories li {
  margin-bottom: 10px;
  height: 44px;
  padding-right: 24px;
  background: url(../images/design/category_end.png) no-repeat right top;
}
#categories a {
  display: block;
  background: url(../images/design/category_bg.png) repeat-x;
  height: 44px;
  padding-left: 19px;
  text-decoration: none;
  color: #fff;
  font: 1em/44px 'aller_light', Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 0 #1a9418;
}
#categories a.selected {
  color: #064d04;
  text-shadow: none;
  background: url(../images/design/category_bg.png) repeat-x;
  background: url(../images/design/category_hole.png) no-repeat 19px 14px, url(../images/design/category_bg.png) repeat-x;
  padding-left: 39px;
}