/* Theme Name: CatCubed
 * Theme URI: http://catcubed.com
 * Description: HTML5 and CSS3 experimental
 * Version: 0.9
 * Author: Colin Fahrion
 * Author URI: http://catcubed.com
 * */
* {
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: none;
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
  margin: 0 0 16px; }

li, dd, blockquote {
  margin-left: 20px; }

i, em {
  font-style: italic; }

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

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

nav li, nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  nav li a, nav ul a {
    display: block; }

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

body {
  min-width: 960px;
  background: #2d2e27 url(images/stripes.gif) top center repeat;
  background-color: #2d2e27;
  background-image: url(images/gray.gif), url(images/orange-stripe-border.png), url(images/backglow.png), url(images/catcubed-grey-opacity20.png), url(images/stripes.gif);
  background-position: top center, top center, top center, 20px 20px, top left;
  background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, repeat;
  background-attachment: fixed;
  line-height: 20px;
  font-family: helvetica, arial, sans-serif;
  font-size: 15px; }

a {
  text-decoration: none;
  color: #932; }
  a:hover, a:focus {
    color: #371;
    background-color: rgba(240,220,160,0.9); }
  article a:visited {
    color: #260; }

#container {
  margin: 0 auto;
  overflow: hidden;
  min-height: 100%;
  background-image: url(images/background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; }

#content {
  float: left;
  width: 56%;
  clear: both; }

.post {
  background: rgba(240,240,230,0.9);
  color: #333;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  overflow: hidden;
  border: 3px solid #556655;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  clear: left;
  float: left;
  position: relative;
  padding: 4px 15px 20px 0px;
  margin: 20px 0 20px 0;
  margin: 0 0 82px;
  position: relative;
  padding: 4px 15px 20px 0px;
  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: url(images/catcubed-opacity50.png); }
  .post * {
    width: 520px;
    float: right;
    margin: 0 0 0 20%;
    padding: 0; }
    .post * * {
      width: auto;
      float: none; margin: 0}
  .post p, .post ul, .post h2, .post h3, .post h4, .post h5, .post h6 {
    margin: 15px 0; }
  .post li {
    margin: 0 0 5px 20px; }
  .post a {
    border-bottom: 1px dotted #a90;
    display: inline-block; }
    .post a:hover, .post a:focus {
      padding: 1px 2px 0;
      margin: -2px -3px 0;
      border: 1px solid #ccbb00;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px; }
  .post footer {
    background: rgba(95,112,95,0.5);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0; }
    .post footer p {
      margin: 0 10px; }
  .post ins.block, .post callout {
    text-decoration: none;
    background: rgba(255,255,240,0.9);
    border: 1px dotted #ada;
    padding: 5px;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }
  .post object {
    width: 500px; }
  .post h2, .post h3, .post h4 {
    text-transform: uppercase;
    color: #5F4D23; }
  .post h2 {
    font-size: 17px; }
  .post h3 {
    font-size: 15px; }
  .post h4 {
    font-size: 13px; }
  .post h5 {
    text-transform: uppercase;
    font-size: 11px; }
  .post .tags {
    font-size: 13px; }
  .post .related-posts {
    background: rgba(95,112,95,0.3);
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 5px 0;
    font-size: 90%; }
    .post .related-posts h1 {
      margin: 0 0 3px 10px; }
    .post .related-posts ol {
      margin-left: 20px; }
    .post .related-posts li {
      margin: 0 0 3px 10px;
      list-style: circle; }

#content header {
  background-position: 0 0;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: url(images/stripes-angled3-opacity50.png);
  background-color: rgba(235,152,5,0.4);
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #dd9;
  padding: 10px 15px 5px 10px;
  margin: 0 -11px 15px 0;
  font-size: 11px; }
  #content header a {
    color: #fff; }
    #content header a:hover, #content header a:focus {
      color: #371;
      padding: 0px 2px 0;
      margin: -1px -3px 0;
      border: 1px solid #ccbb00;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px; }
  #content header p {
    margin: 0; }
  #content header h1 {
    text-transform: uppercase;
    margin: 0;
    color: #ffd;
    font-weight: 400;
    font-size: 19px; }
    #content header h1 a {
      color: #ffd;
      border: 0;
      background: 0; }
      #content header h1 a:hover, #content header h1 a:focus {
        border: 0;
        margin: 0;
        padding: 0;
        color: #932; }
#content .more_posts {
  clear: both;
  background: rgba(240,240,230,0.9);
  color: #333;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  overflow: hidden;
  border: 3px solid #556655;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  clear: left;
  float: left;
  position: relative;
  padding: 4px 15px 20px 0px;
  margin: 20px 0 20px 0;
  width: 60%;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: right; }
  #content .more_posts * {
    width: 520px;
    float: right;
    margin: 0 0 0 20%;
    padding: 0; }
    #content .more_posts * * {
      width: auto;
      float: none; margin: 0; }

#page-title {
  background: rgba(240,240,230,0.9);
  color: #333;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  overflow: hidden;
  border: 3px solid #556655;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  clear: left;
  float: left;
  position: relative;
  padding: 4px 15px 20px 0px;
  margin: 20px 0 20px 0;
  background-position: 0 0;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: url(images/stripes-angled3-opacity50.png);
  background-color: rgba(235,152,5,0.4);
  padding-bottom: 5px; }
  #page-title * {
    width: 520px;
    float: right;
    margin: 0;
    padding: 0; }
    #page-title * * {
      width: auto;
      float: none; }
  #page-title h1 {
    display: block;
    text-transform: uppercase;
    margin: 0;
    color: #ffd;
    padding-top: 10px;
    font-weight: 400;
    font-size: 19px; }

#comments {
  background: rgba(240,240,230,0.9);
  color: #333;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  overflow: hidden;
  border: 3px solid #556655;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  clear: left;
  float: left;
  position: relative;
  padding: 4px 15px 20px 0px;
  margin: 20px 0 20px 0; }
  #comments * {
    width: 520px;
    float: right;
    margin: 0 0 0 20%;
    padding: 0; }
    #comments * * {
      width: auto;
      float: none; margin: 0}
  #comments li.comment {
    width: auto;
    float: none;
    list-style: none; }
    #comments li.comment p {
      margin: 0 0 10px; }
  #comments nav {
    clear: both;
    background: rgba(95,112,95,0.6);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; }
    #comments nav div {
      margin-left: 10px;
      padding: 5px 0; }
  #comments .avatar {
    float: left;
    margin: 0 10px 0 0; }
  #comments .comment-head {
    background-color: rgba(235,152,5,0.4);
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    margin: 20px 0 15px;
    overflow: hidden; }
  #comments .user-meta {
    font-size: 13px;
    padding-top: 4px; }

#respond {
  background: rgba(240,240,230,0.9);
  color: #333;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  overflow: hidden;
  border: 3px solid #556655;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  clear: left;
  float: left;
  position: relative;
  padding: 4px 15px 20px 0px;
  margin: 20px 0 20px 0;
  padding-top: 15px; }
  #respond * {
    width: 520px;
    float: right;
    margin: 0 0 0 20%;
    padding: 0; }
    #respond * * {
      width: auto;
      float: none; margin:0 }
  #respond textarea {
    width: 100%; }
  #respond input[type="submit"] {
    padding: 4px 4px 2px;
    margin: 15px 0 0; }
  #respond label {
    color: #333;
    display: block; }

input[type="submit"] {
  display: block;
  padding: 4px 4px 2px;
  cursor: pointer;
  margin: 15px 0 0;
  background-color: #932;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  input[type="submit"]:hover {
    background-color: #371; }

#pageheader {
  overflow: visible;
  clear: left;
  float: left;
  height: 150px;
  position: relative; }
  #pageheader h1 {
    width: 700px;
    height: 113px;
    margin-left: -540px;
    color: #ffb;
    float: right;
    position: fixed;
    left: 56%;
    overflow: hidden; }

#mainnav {
  position: fixed;
  left: 56%;
  margin-left: -540px;
  top: 5px;
  background-position: 0px -457px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(images/logo-hover.png);
  overflow: hidden;
  height: 110px;
  width: 700px; }
  #mainnav ul {
    position: relative;
    margin-left: 350px; }
  #mainnav li {
    position: relative;
    width: 170px;
    overflow: hidden; }
  #mainnav a {
    height: 30px;
    width: 170px;
    float: right;
    clear: right;
    text-indent: -9999px; }
    #mainnav a:hover, #mainnav a:focus {
      outline: 0;
      background-color: transparent; }
  #mainnav #nav-art {
    width: 85px;
    height: 34px; }
  #mainnav #nav-code {
    width: 125px; }
  #mainnav #nav-design {
    height: 36px; }
  #mainnav .last {
    top: -65px;
    left: 178px; }
  #mainnav .first {
    position: absolute;
    top: 23px;
    left: -340px;
    height: 80px;
    width: 210px; }
    #mainnav .first a {
      height: 80px; }
  .page-id-781 #mainnav, .category-art #mainnav {
    background-position: 0px -118px; }
  .page-id-788 #mainnav, .category-code #mainnav {
    background-position: 0px -231px; }
  .page-id-790 #mainnav, .category-design #mainnav {
    background-position: 0px -344px; }

#sidebar {
  float: right;
  width: 43%;
  margin-top: 300px; }
  #sidebar section .widget {
    font-size: 14px;
    background: rgba(240,240,230,0.9);
    color: #333;
    -webkit-box-shadow: 0px 0px 10px black;
    -moz-box-shadow: 0px 0px 10px black;
    box-shadow: 0px 0px 10px black;
    overflow: hidden;
    border: 3px solid #556655;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border-right: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    clear: right;
    float: right;
    float: left;
    width: 100%;
    padding: 20px 0;
    margin: 0 0 20px 220px;
    text-align: right; }
    #sidebar section .widget ul, #sidebar section .widget h1, #sidebar section .widget h2, #sidebar section .widget h3, #sidebar section .widget h4, #sidebar section .widget p {
      width: 140px;
      margin: 0;
      padding-left: 10px; }
    #sidebar section .widget ul, #sidebar section .widget h1 {
      float: left;
      clear: left;
      text-align: right;
      overflow: hidden; }
    #sidebar section .widget ul {
      padding: 1px 0;
      margin: 0 0 10px; }
    #sidebar section .widget p {
      margin-bottom: 5px; }
    #sidebar section .widget li {
      list-style: none;
      margin: 0; }
      #sidebar section .widget li a {
        display: block;
        background-position: 126px 8px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-image: url(images/circle.png);
        padding: 1px 22px 1px 0; }
        #sidebar section .widget li a:hover, #sidebar section .widget li a:focus {
          border: 1px solid #ccbb00;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          -khtml-border-radius: 3px;
          border-radius: 3px;
          border-left: 0;
          -moz-border-radius-topleft: 0;
          -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
          -moz-border-radius-bottomleft: 0;
          -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
          margin: -1px 0;
          background-position-y: -92px;
          padding-right: 21px; }
    #sidebar section .widget .legal {
      font-size: 10px;
      line-height: 12px; }
  #sidebar #text-213277032 {
    background-position: right 460px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(images/portrait-opacity50.png); }
  #sidebar #categories-2 {
    background-position: right 460px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(images/portrait2-opacity50.png); }
  #sidebar #search-2 {
    background-position: right 460px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(images/portrait3-opacity50.png); }
    #sidebar #search-2 label, #sidebar #search-2 input {
      display: block;
      width: 120px; }
    #sidebar #search-2 label {
      color: #333;
      display: none; }
    #sidebar #search-2 form {
      margin-left: 20px; }
    #sidebar #search-2 input[type="text"] {
      border: 1px solid #676;
      padding: 2px 4px 1px;
      width: 117px; }
  #sidebar #text-213284622 {
    background-position: right 460px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(images/ghastly-opacity50.png); }

#cee_box a {
  background-color: transparent; }


.rsslink {
  clear: both;
  font-size: 90%; }

/* Wordpress styles	 */
.aligncenter, div.aligncenter {
  margin-left: auto;
  margin-right: auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0; }

/* extra */

a.plain:hover {padding:0;margin:0}
.post blockquote {padding-left:30px;padding-right:30px}
.alignleft {margin: 0 15px 4px 0;}
/* fixed margins for wide monitors and changed to 0.9 for transparency for backgrounds */

.comparison td, .comparison th {padding:2px 10px 2px 0px;border-bottom:1px solid #babeb0;text-align:left}