/*
Theme Name: unwieldy, minimalist brown
Theme URI: http://www.unwieldy.net/
Description: The unwieldy.net portfolio website. Version 4 of the site.
Version: 1
Author: Joshua Gross
Author URI: http://www.unwieldy.net/
Tags: 
*/

/* Begin Page */
   body {
      font-size: 62.5%; /* Resets 1em to 10px */
      font-family: Garamond, Adobe Garamond, Garamond Premier Pro, Times, Times New Roman, Georgia, serif;
      background: #0f0b08;
      /*background: #110b0a;*/
      color: #ffeadd;
      text-align: left;   
      margin: 0;
      padding: 0;
   }
   
   #page {
      text-align: left;
      /*#17120e*/
      background: #130e0a url(images/background.png) 50% 2.9em no-repeat;
      padding: 0 1.9%;
      width: 96%;
   }
/* End Page */


/* Begin Header */
   #header {
      display: block;
      background: #17120e;
      clear: both;
      height: 2.78em;
      font-size: 1.8em;
      background: url(images/logo.png) left center no-repeat;
      padding: 0 0 0 1.94em;
   }
   
   #header a {
      display: block;
      float: left;
      color: #fff;
      font-weight: 700;
      height: 2em;
      margin: 0.25em 0.6em 0;
      padding: 0.1em 0.4em 0;
   }
   
   #header a:hover {
      text-decoration: none;
      background: #534439;
   }
   
   #header a:hover span {
      color: #8bbce2;
   }
   
   #header a span {
      display: block;
      clear: both;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      font-size: 0.61em;
      color: #cb430e;
      font-weight: 400;
      margin: -0.2em 0 0 0;
   }
/* End Header */


/*	Begin Header Elements */
   h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
      text-decoration: none;
   }
   
   h1, h2, h3 { font-weight: 400; }
   h1 a, h2 a, h3 a { color: #fff; }
   
   h1, h2 {
      font-family: Garamond, Adobe Garamond, Garamond Premier Pro, Times, Times New Roman, Georgia, serif;
   }
   
   h1 {
      font-size: 6.5em;
      line-height: 1.05em;
      margin: 0;
      padding: 10px 0 0 0;
   }
   h1 a:hover { text-decoration: none; }
   
   h2 {
      font-size: 2.2em;
      font-style: italic;
      color: #cb430e;   
      margin: 30px 0 0;
   }
   
   #right h2 {
      margin-bottom: 20px;
   }
   
   h2.is404 {
      float: left;
      /*width: 75%;*/
      margin-top: 3.5em;
   }
   
   h2.pagetitle {
      font-size: 1.6em;   
      margin-top: 30px;
   }
   
   #sidebar h2 {
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      font-size: 1.2em;   
      margin: 1.3em 0 0;
      padding: 0;
   }
   
   h3 {
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      color: #fff;
      font-size: 3.2em;
      font-style: normal;   
      padding: 0;
      margin: 30px 0 0;
      clear: both;
   }
   
   h3#comments {
      padding: 0;
      margin: 20px 0;
   }
/* End Header Elements */


/* Begin Content (Index) */
   .content {
      display: block;
      width: 40%;
   }
   
   .content h2 {
      line-height: 1.05em;
      margin: -0.55em 0 0 0;
   }
/* End Content */


/* Begin Post */
   .full {
      display: block;
      width: 70%;
      float: left;
   }

   .post {
      margin: 0 0 20px;
      text-align: justify;
      clear: both;
   }
   
   .single {
      float: left;
      width: 100%;
      clear: none;
   }
   
   .post hr {
      display: block;
      visibility: visible;
   }
   
   .post h3 {
      margin: 0;
   }
   
   .postmetadata {
      clear: both;
      font-size: 1.2em;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      width: 100%;
      text-align: right;
      margin: 0.3em 0;
   }
   
   .post small {
      font-size: 1.4em;
      font-style: italic;
      color: #8bbce2;
   }

   .postmetadata small {
      font-size: 0.63em;
      color: #fff;
   }
   
   .entry {
      font-size: 1.8em;
      padding: 1em 0 0.7em;
   }
   
   .entry img {
      border: 4px solid #f6d6c0;
   }
   
   .entry p a:visited {
      color: #b85b5a;
   }
   
   .clear {
      clear: both;
   }
   
   .aligncenter {
      margin: 0 auto;
   }
/* End Post */


/* Begin Portfolio */
   #portfolio {
      float: left;
   }
   
   #portfolio p {
      margin: .65em 0;
      padding: 0;
   }
   
   #portfolio p.intro {
      font-size: 1.8em;
      margin: 1.7em 0 0.65em;
   }
   
   #portfolio p small {
      font-size: 0.778em;
   }
   
   .portfolio-item {
      display: block;
      clear: both;
      padding: 1.8em 0 0;
   }
   
   .portfolio-item a img {
      border: 3px solid #534439;
   }
   
   .portfolio-item a:hover {
      text-decoration: none;
   }
   
   .portfolio-item a:hover img {
      border: 3px solid #fff;
   }
   
   .portfolio-item a span {
      display: block;
      font-size: 2em;
      margin: 0.1em 0 0 0;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
   }
   
   .portfolio-item a:hover span {
      color: #fff;
   }
   
   .portfolio-item p {
      font-size: 1.6em;
   }
   
   .hidden {
      display: none;
   }
/* End Portfolio */


/* Begin Index Right */
   #right {
      float: right;
   }
   
   #right h1, #right h2, #right h3 {
      text-align: right;
   }
   
   #right small {
      display: block;
      width: 100%;
      text-align: right;
      color: #8bbce2;
      font-size: 1.4em;
      font-style: italic;
   }
/* End Index Right */


/* Begin Footer */
   #footer {
      display: block;
      /*background: #100c08;*/
      /*border-top: 1px solid #302720;*/
      background: #0f0b08 url(images/footer.png) left top repeat-x;
      font-size: 1.4em;
      margin: 0;
      width: 100%;
      clear: both;
   }
   
   #footer p {
      margin: 0;
      padding: 20px 0;
      text-align: center;
   }
/* End Footer */


/* Begin Comments */
   .alt {
      margin: 0;
      padding: 0;
      font-size: 0.99em;
   }
   
   .commentlist {
      padding: 0;
      text-align: justify;
      font-size: 1.3em;
   }
   
   .commentlist li {
      margin: 15px 0 3px;
      padding: 5px 10px 3px;
      list-style: none;
   }

   #commentform {
      margin: 0 0 20px 0;
      font-size: 0.7em;
   }
   
   #commentform p {
      overflow: auto;
      margin: 5px 0;
   }
   
   .nocomments {
      margin: 0;
      padding: 0;
   }
   
   .commentlist li, #commentform input, #commentform textarea {
      font-family: Helvetica, Arial, Tahoma, sans-serif;
   }
   
   #commentform p {
      font-size: 1.6em;
      text-align: right;
   }
   
   #commentform input, #commentform textarea {
      font-size: 1.2em;
   }
   
   .commentlist li .avatar { 
      float: right;
      border: 1px solid #534439;
      padding: 2px;
      background: #534439;
   }
   
   .commentlist cite, .commentlist cite a {
      font-weight: bold;
      font-style: normal;
      font-size: 1.1em;
   }
   
   .commentlist p {
      font-weight: normal;
      line-height: 1.5em;
      text-transform: none;
      margin: 10px 5px 10px 0;
   }
   
   .commentmetadata {
      font-weight: normal;
      margin: 0;
      display: block;      
   }
   
   #loggedout {
      font-size: 1.6em;
   }
/* End Comments */


/* Begin Images */
   p img {
      padding: 0;
      max-width: 100%;
   }
   
   /*	Using 'class="alignright"' on an image will (who would've
      thought?!) align the image to the right. And using 'class="centered',
      will of course center the image. This is much better than using
      align="center", being much more futureproof (and valid) */
   
   img.centered {
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
   
   img.alignright {
      padding: 4px;
      margin: 0 0 2px 7px;
      display: inline;
   }
   
   img.alignleft {
      padding: 4px;
      margin: 0 7px 2px 0;
      display: inline;
   }
   
   .alignright {
      float: right;
   }
   
   .alignleft {
      float: left
   }
/* End Images */


/* Begin Lists
   Special stylized non-IE bullets
   Do not work in Internet Explorer, which merely default to normal bullets. */
   html>body .entry ul {
      margin-left: 0px;
      padding: 0 0 0 30px;
      list-style: none;
      padding-left: 10px;
      text-indent: -10px;
      font: 0.8em/1.5em Helvetica, Arial, Tahoma, sans-serif;
   }
   /*
   html>body .entry li {
      margin: 7px 0 8px 10px;
   }
   */
   .entry ul li:before, #sidebar ul ul li:before {
      content: "\00BB \0020";
   }
   
   .entry ol {
      padding: 0 0 0 35px;
      margin: 0;
   }
   
   .entry ol li {
      margin: 0;
      padding: 0;
   }
   
   .postmetadata ul, .postmetadata li {
      display: inline;
      list-style-type: none;
      list-style-image: none;
   }
   
   #sidebar ul, #sidebar ul ol {
      margin: 0;
      padding: 0;
      font-size: 1.2em;
   }
   
   #sidebar ul li {
      list-style-type: none;
      list-style-image: none;
      margin-bottom: 15px;
   }
   
   #sidebar ul p, #sidebar ul select {
      margin: 5px 0 8px;
   }
   
   #sidebar ul ul, #sidebar ul ol {
      margin: 5px 0 0 10px;
   }
   
   #sidebar ul ul ul, #sidebar ul ol {
      margin: 0 0 0 10px;
   }
   
   ol li, #sidebar ul ol li {
      list-style: decimal outside;
   }
   
   #sidebar ul ul li, #sidebar ul ol li {
      margin: 3px 0 0;
      padding: 0;
   }
/* End Entry Lists */


/* Begin Search */
   div#content .search {
      float: left;
      clear: right;
      width: 70%;
   }
/* End Search */


/* Begin Form Elements */
   #searchform {
      display: block;
      clear: both;
      overflow: auto;
      margin: 10px auto;
      padding: 5px 3px;
   }
   
   #sidebar #searchform #s {
      width: 108px;
      padding: 2px;
   }
   
   #sidebar #searchsubmit {
      padding: 1px;
   }
   
   .entry form { /* This is mainly for password protected posts, makes them look better. */
      text-align:center;
   }
   
   select {
      width: 130px;
   }
   
   #commentform input {
      width: 170px;
      padding: 2px;
      margin: 5px 5px 1px 0;
   }
   
   #commentform textarea {
      border: 3px solid #534439;
      margin: 0 auto;
      width: 98%;
      padding: 2px;
   }
   
   #commentform #submit {
      margin: 0;
      float: right;
   }
/* End Form Elements */


/* Begin Sidebar */
   #sidebar {
      display: block;
      float: right;
      margin: 15px 0 10px 0;
      width: 20%;
      text-align: right;
   }
   
   #sidebar form {
      margin: 0;
   }
/* End Sidebar */


/* Begin "Page" */
   #content {
      display: block;
      clear: none;
      float: left;
      /*width: 70%;*/
      width: 75%;
      /*overflow: auto;*/
      padding: 0 0 20px 0;
   }
   
   .page {
      clear: both;
      /*overflow: auto;*/
   }
   
   .page h3 {
      margin: 7px 0 0;
   }   
   
   .page .sociable { display: none; }
/* End "Page" */


/* Begin Calendar */
   #wp-calendar {
      empty-cells: show;
      margin: 10px auto 0;
      width: 155px;
   }
   
   #wp-calendar #next a {
      font-size: 1em;
      padding-right: 10px;
      text-align: right;
   }
   
   #wp-calendar #prev a {
      padding-left: 10px;
      text-align: left;
   }
   
   #wp-calendar a {
      display: block;
      text-decoration: none;
   }
   
   #wp-calendar caption {
      font: bold 1.3em Helvetica, Arial, Tahoma, sans-serif;
      width: 100%;
   }
   
   #wp-calendar td {
      padding: 3px 0;
   }
   
   #wp-calendar th {
      font-style: normal;
      text-transform: capitalize;
   }
   
   #wp-calendar td.pad:hover { /* Doesn't work in IE */
      background-color: #fff; }
/* End Calendar */


/* Begin Misc */
   code {
      font: 1.1em 'Courier New', Courier, Fixed;
   }
   
   a, h2 a:hover, h3 a:hover {
      color: #8bbce2;
      text-decoration: none;
   }
   
   a:hover {
      text-decoration: underline;
   }   
   
   .drop-cap {
      font-size: 260%;
      float: left;
      line-height: 0.79em;
      padding: 3px 2px 0 0;
   }
   
   acronym, abbr {
      border-bottom: .1em dotted #8bbce2;
      font-size: 0.9em;
      letter-spacing: .07em;
      cursor: help;
   }

   blockquote {
      margin: 15px 30px 0 10px;
      padding-left: 20px;
      border-left: 5px solid #ddd;
   }
   
   blockquote cite {
      margin: 5px 0 0;
      display: block;
   }
   
   .center {
      text-align: center;
   }
   
   .hidden {
      display: none;
   }
   
   hr {
      visibility: hidden;
      clear: both;
      margin: 0;
   }
   
   a img {
      border: none;
   }
   
   .navigation {
      display: block;
      clear: both;
      /*overflow: auto;*/
      margin: 1em 0 2em 0;
      font-size: 1.5em;
   }
/* End Misc */