/*
Theme Name: Jennifer James Wright
Theme URI: http://igraycon.com/
Description: Custom Theme for Jennifer James Wright
Version: 1.0
Author: Iain Gray
Author URI: http://igraycon.com/
*/
* {
  margin: 0;
  padding: 0;
}
body {
  background: #e6e6e6;
}
.clear {
  clear: both;
}
p, li, input, select, option, textarea {
  font: normal normal normal 10.5px/19px Helvetica Neue,Arial,sans-serif;
  letter-spacing: 0;
  color: #414141;
}
p, .entry h3 {
  margin-bottom: 1em;
}
h1, span.h1, ul.nav li a, label, #submit, ul.worknav li a { /* (main nav) */
  font: italic normal normal 10px/20px Georgia,serif;
  letter-spacing: 0.15em;
  color: #414141;
}
h2 {
  font: normal normal bold 10.5px/18px Helvetica Neue,Arial,sans-serif;
  letter-spacing: 0.025em;
  color: #414141;
}
h3, h3.title a { /* (blog post titles) */
  font: italic normal normal 13px/18px Georgia,serif;
  letter-spacing: 0.15em;
  color: #414141;
}
.entry h3 {
  letter-spacing: 0;
}
h4 { /* (blog post date) */
  font: normal normal bold 9px/18px Arial,sans-serif;
  letter-spacing: 0.05em;
  color: #414141;
}
h5, small { /* (blog post comments) */
  font: normal normal normal 9.5px/16px Helvetica Neue,Arial,sans-serif;
  letter-spacing: 0;
  color: #414141;
}
h6 { /* (general subheads) */
  font: italic normal normal 10px/25px Georgia,serif;
  letter-spacing: 0.15em;
  color: #414141;
}
p a { /* Regular Paragraph Link */
  font: normal normal normal 10.5px/18px Helvetica Neue,Arial,sans-serif
  letter-spacing: 0.025em;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  background: transparent url(images/anchor.png) repeat-x scroll left bottom;
}
a img {
  border: 0 none;
}
.blog a { /* Blog Link (tags / commenter names) */
  font: normal normal normal 9.5px/16px Arial,sans-serif
  letter-spacing: 0;
  color: #141414;
}
blockquote { /* (blog post call-out) */
  font: italic normal normal 13px/19px Georgia,serif;
  letter-spacing: 0;
  color: #414141;
}
input["type"="submit"] { /* Form "Button" Link */
  font: italic normal normal 10px/20px Georgia,serif;
  letter-spacing: 0.15em;
  color: #141414;
}
/* Form elements - See contact page design / blog comment */
hr {
  color: #fff;
  background-color: #fff;
  border: 0 none;
  height: 1px;
  margin: 10px 0;
}
p + hr {
  margin-top: -6px;
}
.widget {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #fff;
}
html, body, #container {
  height: 100%;
}
#container {
  width: 925px;
  margin: 0 auto;
  position: relative;
}
#header {
  padding-top: 42px;
  height: 122px;
}
#footer {
  position: absolute;
  bottom: 0;
  height: 50px;
  margin-top: 30px;
}
.left, .right {
  float: left;
}
.left {
  width: 190px;
  margin-right: 50px;
}
.right {
  width: 685px;
}
p#logo a {
  display: block;
  width: 118px;
  height: 0;
  padding-top: 59px;
  overflow: hidden;
  background: transparent url(images/logo.png) no-repeat scroll 0 0;
}
#header .right {
  position: relative;
}
ul.nav, ul.nav ul {
  list-style: none outside none;
  margin-left: -1px;
  border-left: 1px solid #fff;
  width: 78px;
}
ul.nav ul {
  position: absolute;
  top: 0;
  left: 80px;
  display: none;
}
ul.nav li {
  padding-left: 12px;
  margin-top: 8px;
}
ul.nav li:first-child, ul.nav li.page-item-5 {
  margin-top: 0;
}
ul.nav li, ul.nav li a {
  line-height: 12px;
}
ul.nav li.current_page_item, ul.nav li.current_page_ancestor, ul.nav li.hover {
  background: transparent url(images/navmarker.png) no-repeat scroll 0px 2px;
}
ul.nav li.current_page_item ul, ul.nav li.current_page_ancestor ul {
  display: block;
}
ul.nav li a {
  text-decoration: none;
  text-transform: lowercase;
  color: #414141;
}
ul.nav li a:hover {
  background-image: none;
}
/* WP Image Support */
img {
  border: 0 none;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
form#contact_form {
  width: 210px;
}
form.validate label {
  display: block;
}
input[type="text"], textarea {
  border: 0 none;
  background-color: #d8d8d8;
  padding: 2px;
  width: 100%;
  margin-bottom: 6px;
}
input[type="text"].error, textarea.error {
  background-color: #f3c900;
  color: #000;
}
#submit {
  height: 16px;
  line-height: 16px;
  width: 84px;
  padding: 0 0 2px 14px;
  color: #000;
  background: transparent url(images/submitbutton.png) no-repeat scroll 0 0;
  border: 0 none;
  float: right;
  vertical-align: top;
}
#submit.hover {
  background-position: 0px -16px;
}
div.submit {
  margin-top: 10px;
}
ul.worknav {
  list-style: none outside none;
  border-top: 1px solid #f3c900;
  border-bottom: 1px solid #f3c900;
  width: 190px;
  margin-bottom: 28px;
}
ul.worknav li, ul.worknav li a {
  line-height: 24px;
}
ul.worknav li + li {
  border-top: 1px solid #fff;
}
ul.worknav li a {
  display: block;
  margin-right: -5px;
  padding-left: 4px;
}
ul.worknav li a:hover, ul.worknav li.current_page_item a {
  background: transparent url(images/worknav.png) no-repeat scroll 0px 4px;
}
.work img {
  margin-bottom: 24px;
}
#header .right .masthead {
  display: none;
}
body.blog #header .right .masthead {
  /*background: #caa600 url(images/blog_masthead.png) no-repeat scroll 0 0;*/
  background: #d5b521 url(images/blog_masthead.png) no-repeat scroll 0 0;
  height: 70px;
  width: 5000px;
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
}
h1.rss {
  line-height: 12px;
  padding-left: 18px;
  background: transparent url(images/rss.png) no-repeat scroll 0 0;
}
#categories-5 ul, #execphp-5 ul {
  list-style: none outside none;
}
#execphp-5 h1 a, #execphp-5 ul {
  padding-left: 10px;
}
#execphp-5 h1 a {
  background: transparent url(images/droptoggle.png) no-repeat scroll 0px 4px;
  overflow: hidden;
}
#execphp-5 div.closed h1 a {
  background-position: 0px -7px;
}
#execphp-5 div.closed ul {
  display: none;
}
.blog .col {
  width: 215px;
  margin: 0 20px 0 0;
  float: left;
}
.blog #col-2.col {
  margin: 0;
}
.blog-teaser {
  width: 215px;
  margin: 0 0 15px 0;
}
.blog-teaser .top {
  background: transparent url(images/blogteasertop.png) no-repeat scroll 0 0;
  height: 22px;
  padding: 0 14px 0 0;
}
.blog-teaser .top h4 {
  text-align: right;
  padding-top: 2px;
  text-transform: uppercase;
}
.blog-teaser .content {
  background: transparent url(images/blogteasercontent.png) repeat-y scroll 0 0;
  padding: 0 14px 12px 12px;
}
.blog-teaser .bottom {
  background: transparent url(images/blogteaserbottom.png) no-repeat scroll 0 0;
  height: 3px;
}
.blog-teaser .stats {
  display: inline;
  margin-right: 3px;
}
.blog-teaser .title {
  margin: 0 -11px 10px -12px;
  padding: 10px 11px 10px 12px;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}
.blog-teaser.hover .title {
  background-color: #f7d228;
}
.blog-teaser img {
  margin-bottom: 10px;
}
.blog-teaser .photo {
  position: relative;
  margin: 0;
}
.blog-teaser .photo span {
  display: none;
}
.blog-teaser.hover .photo span {
  display: block;
  position: absolute;
  bottom: 18px;
  right: 8px;
  background: transparent url(images/continue.png) no-repeat scroll 0 0;
  height: 11px;
  font: italic normal normal 10px/10px Georgia,serif;
  letter-spacing: 0.15em;
  color: #fff;
  padding: 0 14px 0 28px;
}
.blog .navigation div {
  width: 314px;
  background: #e2e2e2;
  height: 20px;
}
.blog .navigation div.left {
  float: left;
  margin: 0;
  text-align: right;
  padding-right: 26px;
}
.blog .navigation div.right {
  float: right;
  margin: 0;
  text-align: left;
  padding-left: 26px;
}
.blog .navigation div a {
  display: block;
  height: 20px;
  font: italic normal normal 10px/18px Georgia,serif;
  letter-spacing: 0.15em;
  color: #000;
  background-image: none;
}
.blog .navigation div a span {
  background: transparent url(images/anchorhover.png) no-repeat scroll 0 0;
  height: 11px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.blog .navigation div.left a span.arrow1 {
  width: 8px;
  margin-right: 5px;
}
.blog .navigation div.left a:hover span.arrow1 {
  background-position: 0px -11px;
}
.blog .navigation div.left a span.arrow2 {
  width: 21px;
  background-position: -47px 0px;
  margin-left: 5px;
}
.blog .navigation div.left a:hover span.arrow2 {
  background-position: -47px -11px;
}
.blog .navigation div.right a span.arrow1 {
  width: 21px;
  background-position: -121px 0px;
  margin-right: 5px;
}
.blog .navigation div.right a:hover span.arrow1 {
  background-position: -121px -11px;
}
.blog .navigation div.right a span.arrow2 {
  width: 8px;
  background-position: -186px 0px;
  margin-left: 5px;
}
.blog .navigation div.right a:hover span.arrow2 {
  width: 8px;
  background-position: -186px -11px;
}
.post, .post-stats {
  float: left;
}
.post {
  width: 452px;
  margin-right: 20px;
}
.post-stats {
  width: 212px;
}
p.clearfix {
  width: 141px;
  float: left;
  padding-left: 14px;
}
p.clearfix.first {
  padding-left: 0;
}
h3.post-title {
  margin-bottom: 10px;
}
.post-stats h4.date {
  margin-bottom: 6px;
}
h3.post-title, .post-stats h4.date {
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.post-stats ul.post-categories {
  list-style: none outside none;
}
.comment-number, .postnav {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #fff;
}
.postnav {
  padding-top: 0;
  border-bottom: 1px solid #fff;
}
.postnav p {
  margin: 0;
  float: left;
  padding: 10px;
  background: transparent url(images/prevnext.png) no-repeat scroll 0px 14px;
}
.postnav p.prev {
  border-right: 1px solid #fff;
}
.postnav p.next {
  background-position: 36px -17px;
}
#comment-area h1.header {
  padding-left: 4px;
  background-color: #fff;
  margin-bottom: 20px;
}
#comment-area .commentlist div + div {
  border-top: 1px solid #fff;
  padding-top: 10px;
}
#comment-area .commentlist {
  padding-bottom: 10px;
}
.entry p {
  margin-bottom: 24px;
}
.latest-blog-teaser a.title {
  letter-spacing: 0.15em;
}
.form_container p {
  margin-bottom: 0.5em;
}