/*
Theme Name: CIMGF Theme
Theme URI: http://teaapps.com
Description: Custom Wordpress theme for cimgf.com
Author: Cameron Desautels
Author URI: http://teaapps.com
Version: 1.0
.

.
*/
* {
  box-sizing: "border-box";
  -moz-box-sizing: "border-box";
  -ms-box-sizing: "border-box";
  -webkit-box-sizing: "border-box";
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

html {
  background: url(images/exclusive_paper.gif);
}
html body {
  width: 1256px;
  margin: 0 auto;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 14px;
}
html body section[role=container] {
  width: 1256px;
  float: left;
  background: url(images/cimgf-face.png) top left no-repeat;
  padding-top: 25px;
}
html body section[role=sidebar] {
  float: left;
  width: 240px;
  margin-left: 60px;
}
html body section[role=sidebar] header a {
  display: block;
  text-align: center;
}
html body section[role=sidebar] .search {
  padding: 15px 7.5px;
}
html body section[role=sidebar] .search input {
  min-width: 100%;
}
html body section[role=sidebar] .content {
  background: url(images/sidebar-lines-vertical.png) top left repeat-y;
  padding: 7.5px 0;
  color: #555;
}
html body section[role=sidebar] .content ul {
  background: url(images/sidebar-lines-horizontal-thick.png) top left repeat-x;
}
html body section[role=sidebar] .content ul li {
  padding: 7.5px 15px;
  background: url(images/sidebar-lines-horizontal-thin.png) bottom left repeat-x;
}
html body section[role=sidebar] .content ul li h1, html body section[role=sidebar] .content ul li h2, html body section[role=sidebar] .content ul li h3, html body section[role=sidebar] .content ul li h4 {
  margin-top: -3px;
}
html body section[role=sidebar] .content ul li a {
  display: block;
}
html body section[role=sidebar] .content ul li.inset {
  font-size: 83%;
  line-height: 1.4em;
  padding: 15px;
  color: #777;
}
html body section[role=sidebar] .content ul li.inset img {
  float: left;
  max-width: 75px;
}
html body section[role=sidebar] .content ul li.inset p {
  margin-left: 90px;
}
html body section[role=sidebar] .content ul li.inset a {
  text-decoration: underline;
  display: inline;
}
html body section[role=sidebar] .content h1, html body section[role=sidebar] .content h2, html body section[role=sidebar] .content h3, html body section[role=sidebar] .content h4 {
  background: url(images/sidebar-hatch.png) top left repeat-x;
  padding: 7.5px 15px;
  color: #777;
  text-shadow: 0px 1px 0px white;
  -moz-text-shadow: 0px 1px 0px white;
  -webkit-text-shadow: 0px 1px 0px white;
}
html body section[role=sidebar] .content a {
  color: #444;
  text-shadow: 0px 1px 0px white;
  -moz-text-shadow: 0px 1px 0px white;
  -webkit-text-shadow: 0px 1px 0px white;
  text-decoration: none;
}
html body section[role=sidebar] .content a:hover {
  color: #000;
}
html body section[role=main] {
  float: left;
  width: 931px;
  margin-left: 25px;
  padding-top: 65px;
}
html footer {
  clear: both;
  color: #777;
  padding-left: 15px;
  margin-bottom: 25px;
}

article {
  float: left;
  clear: left;
}
article .hentry {
  float: left;
  clear: left;
  width: 781px;
  margin-bottom: 25px;
  box-shadow: 0px 2px 6px #cccccc;
  -moz-box-shadow: 0px 2px 6px #cccccc;
  -webkit-box-shadow: 0px 2px 6px #cccccc;
}
article .hentry .header {
  height: 15px;
  overflow: hidden;
  background: url(images/post-top.png) top left no-repeat;
}
article .hentry .content {
  background: url(images/post-mid.png) top left repeat-y;
  color: #555;
}
article .hentry .content a {
  color: #555;
}
article .hentry .content header {
  border-left: 5px solid #666;
  margin-left: -5px;
  min-height: 25px;
  width: 610px;
}
article .hentry .content header a {
  text-decoration: none;
  color: #666;
}
article .hentry .content header h2 {
  display: inline-block;
  font-weight: bold;
  font-size: 170%;
  padding-left: 15px;
  text-transform: uppercase;
  float: left;
}
article .hentry .content header .comments {
  display: inline-block;
  margin-left: 25px;
  background: #E0E0E0;
  padding: 3px 8px;
  float: left;
  font-size: 90%;
  margin-top: 2px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-shadow: 0px 1px 0px white;
  -moz-text-shadow: 0px 1px 0px white;
  -webkit-text-shadow: 0px 1px 0px white;
}
article .hentry .content .body {
  clear: left;
  padding: 0px 15px;
  line-height: 1.5em;
}
article .hentry .content .body .read-more {
  font-weight: bold;
}
article .hentry .content .body p, article .hentry .content .body ul, article .hentry .content .body ol, article .hentry .content .body blockquote, article .hentry .content .body pre, article .hentry .content .body h1, article .hentry .content .body h2, article .hentry .content .body h3 {
  padding-bottom: 15px;
}
article .hentry .content .body p:last-child {
  padding-bottom: 0;
}
article .hentry .content .body a:hover {
  color: #000;
}
article .hentry .content .body ul {
  list-style: circle;
  padding-left: 2em;
}
article .hentry .content .body ol {
  list-style: decimal;
  padding-left: 2em;
}
article .hentry .content .body h1, article .hentry .content .body h2, article .hentry .content .body h3 {
  font-weight: bold;
}
article .hentry .content .body h1 {
  font-size: 115%;
}
article .hentry .content .body h2 {
  font-size: 110%;
}
article .hentry .content .body h3 {
  font-size: 105%;
}
article .hentry .content .body pre {
  font-family: monaco, monospace;
  overflow: scroll;
}
article .hentry .content .body blockquote {
  padding-left: 30px;
}
article .hentry .content .body i, article .hentry .content .body em {
  font-style: italic;
}
article .hentry .content .body b, article .hentry .content .body strong {
  font-weight: bold;
}
article .hentry .footer {
  height: 15px;
  overflow: hidden;
  background: url(images/post-btm.png) bottom left no-repeat;
}
article section.meta {
  float: right;
  margin-left: 25px;
  width: 125px;
}
article section.meta .published-on .date {
  font-size: 220%;
  float: left;
  margin-top: -0.2em;
  color: #666;
}
article section.meta .published-on .month {
  line-height: 1em;
  font-size: 90%;
  text-transform: uppercase;
  color: #999;
}
article section.meta .published-on .year {
  line-height: 1em;
  font-size: 90%;
  color: #CCC;
}
article section.meta .tags {
  display: block;
  clear: left;
}
article section.meta .tags a {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.2em;
  background: #E0E0E0;
  padding: 2px 8px;
  font-size: 85%;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-shadow: 0px 1px 0px white;
  -moz-text-shadow: 0px 1px 0px white;
  -webkit-text-shadow: 0px 1px 0px white;
  color: #555;
  text-decoration: none;
}
article section.meta div.avatar {
  position: relative;
  width: 84px;
  height: 85px;
  margin: 15px 0;
}
article section.meta div.avatar .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 85px;
  background: url(images/avatar-border.png) top left no-repeat;
  z-index: 10;
}
article section.meta div.avatar .image {
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 5;
}
article section.meta div.avatar .image img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#nav-below {
  clear: left;
  padding-left: 15px;
  margin-bottom: 15px;
}

#nav-below a {
  color: #444;
}

article #comments {
  margin-top: 50px;
}

article #comments h2 {
  font-size: 150%;
  color: #777;
}

article .commentlist {
  padding-left: 25px;
}

article .comment {
  padding-left: 41px;
  padding-top: 5px;
  margin-bottom: 25px;
}

article .comment.odd {
  background: #F9F9F9;
}

article .comment .vcard {
  display: block;
  margin-left: -36px;
}

article .comment .vcard * {
  /*float: left;*/
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}

.comment .comment-meta {
  font-size: 85%;
  color: #999;
/*  clear: left;*/
  margin-bottom: 5px;
}
.comment .comment-meta A {
  color: #999 !important;
}

article #respond {
  margin-top: 50px;
}
article #respond h3 {
  font-size: 125%;
  color: #777;
}
article #respond .form-allowed-tags {
  font-size: 85%;
  color: #999;
  clear: left;
  padding-top: 15px;
  padding-left: 135px;
}
article #respond .form-submit {
  padding-left: 135px;
}

article #respond form textarea, article #respond form input {
  float: left;
  width: 350px;
  max-width: 550px;
}

article #respond form #submit {
  width: auto !important;
}

article #respond form label {
  float: left;
  width: 125px;
  text-align: right;
  padding-right: 1em;
}

article #respond form p {
  clear: left;
  margin-top: 15px;
}

article #respond form p .required {
  color: red;
  width: 10px;
  float: left;
  margin-left: -10px;
}

article #respond form .comment-notes .required {
  float: none !important;
  margin-left: 5px;
}

h1.page-title {
  font-size: 200%;
  margin-bottom: 25px;
  font-weight: bolder;
  color: #555;
}