/*  

Theme Name: HemingGray

Theme URI: http://2d-sign.info/

This work is licenced under a Creative Commons Attribution-NonCommercial 2.0 License http://creativecommons.org/licenses/by-nc/2.0/de/

Credits: http://warpspire.com/hemingway and Sadish Balasubramanian 

HemingwayBright Author URI: http://2d-sign.info

Description: HemingGray is a simple weblog theme adaption of Hemingway(Bright) and gives you  a simply  platform on which to customize. This is at this time the one and only version in German. Translaters are welcome. Theme comes highly customized with searchfriendly and pictureplugins. Is free to use for noncommercial use in  wordpressblogs. Please let the creditlinks intact.

Version: 1.0 

Author: 2D-SIGN

Author URI: http://2d-sign.nty.at/

*/







/*-----------------------------------------------------------------------------------------------

  Global Styles

-----------------------------------------------------------------------------------------------*/



    * {

          padding : 0;

          margin : 0;

      }

    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {

          margin : 1em 0;

      }

    li, dd {

          margin-left : 5%;

      }

    fieldset {

          padding : 0.5em;

      }

    select option {

          padding : 0 5px;

      }

    .hide, .print-logo, .close-button {

          display : none;

      }

    .left {

          float : left;

      }

    .right {

          float : right;

      }

    .clear {

          clear : both;

          height : 10px;

          font-size : 1px;

          line-height : 1px;

      }

    .right img, .left img {

          float : left;

          margin : 2px;

          padding : 2px;

          border : 1px solid #e4e4e4;

      }

    a img {

          border : none;

      }

    body {

          background : #e4e4e4;

          color : #333;

          font-size : 11px;

          font-family : Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;

      }

    .inside {

          width : 85%;

          min-width : 25em;

          max-width : 95em;

          margin : 0 auto;

          color : #333;

      }

    a {

          color : #cc3333;

          text-decoration : none;

      }

    h1 {

          color : #cc3333;

          font-size : 1.8em;

          font-weight : normal;

          margin : 1.7em 0 0.75em;

          font-family : Georgia, Times, "Times New Roman", Tahoma, Verdana, Serif;

          font-variant : small-caps;

      }

    h2, h3 {

          font-size : 1.3em;

          color : #cc3333;

          font-weight : normal;

          font-family : Georgia, Times, "Times New Roman", Tahoma, Verdana, Serif;

          font-variant : small-caps;

      }

    #primary h2 {

          color : #cc3333;

      }

    p {

          line-height : 1.6em;

      }

    ul li {

          list-style-type : square;

          margin : 0.5em 0 0.5em 2em;

      }

    blockquote {

          margin-left : 1em;

          padding-left : 1em;

          border-left : 3px solid #cc3333;

          color : #333;

      }

    pre {

          width : 100%;

          padding : 1em 0;

          overflow : auto;

          border-top : 1px dotted #ccc;

          border-bottom : 1px dotted #ccc;

      }

    table {

          width : 100%;

          border-spacing : 2px;

          margin : 1.5em 0;

      }

    table th, table td {

          padding : 0.3em 0.75em;

      }

    table th {

          background : #333;

          color : #fff;

          text-align : left;

      }

    table td {

          background : #ccc;

          color : #000;

      }

    table caption {

          text-align : left;

          color : #000;

          margin-bottom : -1em;

          margin-top : 1em;

      }

    .rule {

          border-top : 1px solid #333;

          height : 1px;

          font-size : 1px;

          line-height : 1px;

          margin : 1.5em 0;

      }

    #header {

          background : #f0f0f0 url(images/grauverlauf_n_o.jpg) repeat-x bottom;

          border-bottom : 3px solid #cc3333;

      }

    #header .inside {

          padding : 1.5em 0 0;

          background : transparent;

          text-align : right;

      }

    #header h2 {

          text-align : right;

          font-size : 2.25em;

          margin : 0;

          padding : 0.5em 0 0.6em;

          color : #cc3333;

          background : none;

      }

     #header h2 em {

          font-size : 0.5em;

          color : #f0f0f0;

          margin : 0 10px;

          padding : 0 10px;

          font-weight : normal;

          font-style : normal;

          font-variant : normal;

      }

    .breadcrumb {

          text-align : left;

          color : #bababa;

      }

    #primary {

          width : 100%;

          background : #fff;

          height : auto;

          margin : 0;

          padding : 1.2em 0 2em;

          color : #808080;

          border-bottom : 2px solid #f0f0f0;

      }

    #primary.onecol-stories .primary {

          float : left;

          width : 45%;

      }

    #primary.onecol-stories .secondary {

          float : right;

          width : 40%;

          margin : 0 0 0 10%;

      }

    #primary.twocol-stories .story {

          float : left;

          width : 48%;

          margin : 0 0 0 4%;

          display : inline;

      }

    * html #primary.twocol-stories .story {

          margin-left : 2%;

      }

    #primary.twocol-stories .first, * html #primary.twocol-stories .first {

          margin : 0;

      }

    .story h3 {

          font-variant : small-caps;

          font-size : 1.5em;

          margin : 10px 0 0;

          font-weight : normal;

          color : #cc3333;

      }

    .story h3 a {

          color : #cc3333;

          text-decoration : none;

      }

    .story h3 a:hover {

          color : #cc3333;

          text-decoration : underline;

      }

    .story .details {

          margin : 0;

          border-top : 1px solid #eee;

          padding : 0.5em 0;

          font-size : 0.98em;

          color : #ccc;

      }

    .story .details .read-on, .read-on {

          background : url(images/readon_black.gif) no-repeat 100% 60%;

          padding-right : 20px;

          text-align : right;

      }

    .story .details a {

          color : #cc3333;

          text-decoration : none;

      }

    .story .details a:hover {

          text-decoration : underline;

      }

    #primary .primary {

          float : right;

          width : 63%;

      }

    #primary .secondary {

          float : left;

          width : 32%;

          margin-right : 2%;

          padding-top : 0.3em;

          display : inline;

      }

    * html #primary .secondary {

          width : 31%;

          margin-right : 4%;

      }

    .secondary .featured p {

          border-bottom : 1px solid #ccc;

          border-top : 1px solid #ccc;

          padding : 0.5em 0 0.6em;

          line-height : 1.5em;

          margin : 1em 0 0;

      }

    .secondary .featured dl {

          margin : 0;

          border-bottom : 1px solid #ccc;

          padding : 0.5em 0 0.6em;

      }

    .secondary dt {

          display : inline;

          margin : 0;

          padding : 0;

          color : #555;

      }

    .secondary dd {

          display : inline;

          margin : 0;

          padding : 0;

      }

    .secondary dd a {

          color : #cc3333;

      }

    .secondary dd a:hover {

          text-decoration : underline;

      }

    .single-post h1, .single-post h2 {

          margin-top : 0;

      }

    #secondary {

          text-align : left;

          background : #fafafa;

          padding : 1em 0;

      }

    .comment-head {

          padding : 0.8em 2em 1em 0;

      }

    .comment-head h2 {

          font-size : 1.5em;

          margin : 0;

      }

    .comment-head a {

          text-decoration : none;

          color : #cc3333;

      }

    .comment-head .details {

          font-size : 0.95em;

      }

    ol#comments {

          list-style-type : none;

          margin : 2em 0;

      }

    ol#comments li {

          list-style-type : none;

          margin : 2em 0;

      }

    .alt {

          background-color : #f8f8f8;

          border-top : 1px solid #ddd;

          border-bottom : 1px solid #ddd;

          padding : 2em 0;

      }

    #comments cite {

          float : left;

          width : 33%;

          font-style : normal;

          text-align : right;

      }

    * html #comments cite {

          width : 30.6%;

      }

    #comments cite span {

          display : block;

      }

    #comments cite .author {

          font-size : 1.2em;

      }

    #comments cite .author a {

          text-decoration : none;

      }

    #comments cite .admin-tools {

          margin : 5px 0;

      }

    #comments cite .admin-tools a {

          float : right;

          margin : 0 5px;

          padding : 0 3px 3px;

          background : #aaa;

          border : 1px solid #aaa;

          text-decoration : none;

      }

    #primary .secondary .admin-tools {

          margin : 1em 0;

      }

    #preview {

          margin : 1em 0;

          padding : 0.5em;

          border : 1px solid #333;

      }

    #preview p {

          margin : 1em 0 0;

      }

    #errors {

          color : #ff0000;

          font-weight : bold;

      }

    #comments .pingback cite .author {

          display : block;

          padding-top : 68px;

          background : url(images/trackback_pingback.gif) no-repeat 100% 0;

      }

    #comments .content {

          float : left;

          width : 60%;

          margin-left : 4%;

          border-left : 1px solid #cc3333;

          padding : 0 0 0 2%;

      }

    #comments .content p {

          margin : 0 0 1em;

      }

    #comments .content h3 {

          margin : 0;

          font-size : 1em;

      }

    #comment-form {

          margin : 0.1em 0 5em 37%;

          width : 36em;

      }

    input.textfield {

          width : 15em;

          margin : 5px 0;

          color : #963;

          background : #fff;

          border-bottom : 1px solid #e5e5e5;

          border-right : 1px solid #e5e5e5;

          border-left : 1px solid #ccc;

          border-top : 1px solid #ccc;

          font-family : Verdana, Helvetica, sans-serif;

      }

    textarea.commentbox {

          width : 28em;

          height : 10em;

          padding : 0.25em;

          margin : 5px 0;

          font-size : 1.25em;

          background : #fff;

          border-bottom : 1px solid #e5e5e5;

          border-right : 1px solid #e5e5e5;

          border-left : 1px solid #ccc;

          border-top : 1px solid #ccc;

          font-family : Verdana, Helvetica, sans-serif;

      }

    label.text {

          position : relative;

          left : 0.5em;

          top : -0.5em;

      }

    .formactions input.submit {

          float : right;

          margin : 1em 0 0;

          padding : 0 0.5em;

      }

    .formactions .spinner {

          float : right;

          margin : -8px -20px 0 0;

      }

    #ed_toolbar input {

          background : #14181b;

          color : white;

          border : 2px dashed #323136;

          padding : 0;

          width : 65px;

      }

    #ed_toolbar input:hover {

          background : #323136;

          color : white;

          border : 2px dashed #14181b;

          padding : 0;

          width : 65px;

      }

    #ancillary {

          margin : 0;

          padding : 1.1em 0 0;

          border-top : 3px solid #e7e7e7;

          border-bottom : 3px solid #f0f0f0;

          background : #f0f0f0 url(images/spinn-1-webmin.gif) no-repeat bottom right;

      }

    #ancillary .block {

          float : left;

          width : 30%;

          margin : 0 0 0 2%;

      }

    #ancillary .twice-length {

          width : 65%;

      }

    #ancillary .thrice-length {

          width : 100%;

      }

    * html #ancillary .block {

          margin : 0 0 0 2%;

      }

    #ancillary .first, * html #ancillary .first {

          clear : both;

          margin : 0;

          width : 35%;

      }

    #ancillary .block-separator {

          clear : both;

          height : 2.5em;

      }

    #ancillary .block h2, #ancillary .block h3 {

          margin : 0 0 1em;

          background : url(images/bullet.gif) no-repeat left;

          padding-left : 12px;

      }

    #ancillary .block form {

          padding-bottom : 1em;

      }

    ul.dates, ul.counts {

          list-style-type : none;

          margin : 1.5em 0;

          border-top : 1px solid #edd;

      }

    ul.dates li, ul.counts li {

          list-style-type : none;

          margin : 0;

          padding : 0.5em 0;

          border-bottom : 1px solid #edd;

      }

    ul.dates .date, ul.dates .date a {

          color : #a5a5a5;

          padding-right : 0.5em;

      }

    ul.dates .date em {

          color : #ccc;

          font-style : normal;

      }

    ul.counts .count {

          float : right;

          color : #a5a5a5;

      }

    ul.dates a, ul.counts a {

          color : inherit;

          color : #cc3333;

          text-decoration : none;

      }

    ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count {

          color : #cc3333;

          text-decoration : underline;

      }

    #footer {

          clear : both;

          border-top : 3px solid #cc3333;

          background : #e4e4e4;

          color : #666;

          margin : 0;

          padding : 0 0 1.1em;

      }

    #footer .inside {

          margin : 0 auto;

          padding : 1em 0;

      }

    #footer .inside p {

          margin : 0;

          color : #666;

      }

    #footer .inside a {

          padding : 0;

          text-decoration : none;

          color : #a7a7a7;

      }

    #footer .inside a:hover {

          color : #cc3333;

          text-decoration : underline;

      }

    #search input {

          width : 175px;

          font-size : 0.85em;

          background : #fff;

          color : #963;

          margin-top : 2px;

      }

    .topnav {

          list-style : none;

          margin : 0 auto auto -5px;

          padding : 5px 0;

          text-align : left;

          width : 100%;

      }

    .topnav li {

          list-style : none;

          margin : 0;

          padding : 0 5px;

          display : inline;

      }

    .topnav li a {

          color : #666;

          padding : 3px 0;

          text-decoration : none;

      }

    .topnav li a:hover, .topnav li.current_page_item a {

          position : relative;

          color : #cc3333;

          padding : 4px 0;

          text-decoration : none;

          border-bottom : 4px solid #fff;

      }

    #ancillary .block ul.cosmos {

          margin : 0.9em 0;

          list-style : none;

          font-size : 140%;

      }

    #ancillary .block li.cosmos {

          display : inline;

          padding : 0;

          margin : 4px;

          line-height : 1.4em;

      }

    #ancillary li.cosmos a:hover {

          text-decoration : underline;

      }

    #ancillary .block li.keyword1 a {

          font-size : 0.7em;

          color : #cc3333;

      }

    #ancillary .block li.keyword2 a {

          font-size : 0.75em;

          color : #cc3333;

      }

    #ancillary .block li.keyword3 a {

          font-size : 0.8em;

          color : #cc1111;

      }

    #ancillary .block li.keyword4 a {

          font-size : 0.9em;

          color : #cc1111;

      }

    #ancillary .block li.keyword5 a {

          font-size : 1em;

          color : #b01a1a;

      }

    #ancillary .block li.keyword6 a {

          font-size : 1.1em;

          color : #b01a1a;

      }

    #ancillary .block li.keyword7 a {

          font-size : 1.2em;

          color : #a12121;

      }

    #ancillary .block li.keyword8 a {

          font-size : 1.3em;

          color : #a12121;

      }

    #ancillary .block li.keyword9 a {

          font-size : 1.4em;

          color : #a12121;

      }

    #ancillary .block li.keyword10 a {

          font-size : 1.5em;

          color : #9f0f0f;

      }

    #ancillary .block li.keyword11 a {

          font-size : 1.6em;

          color : #9f0f0f;

      }

    #ancillary .block li.keyword12 a {

          font-size : 1.7em;

          color : #9f0f0f;

      }

    #ancillary .block li.keyword13 a {

          font-size : 1.8em;

          color : #930909;

      }

    #ancillary .block li.keyword14 a {

          font-size : 1.9em;

          color : #930909;

      }

    #ancillary .block li.keyword15 a {

          font-size : 2em;

          color : #930909;

      }

    .pagebar {

          text-align : center;

      }

    form dl, dl.labels {

          margin : 0;

          font-size : 100%;

          margin-top : 0.5em;

      }

    form dt, dl.labels dt {

          float : left;

          width : 10em;

          margin-bottom : 0.8em;

          color : #555;

          text-align : right;

          font-weight : normal;

          position : relative;

      }

    form dd, dl.labels dd {

          margin-left : 10.5em;

          margin-bottom : 0.8em;

          font-size : 100%;

          font-style : normal;

          padding-left : 0.5em;

      }

    form dd.submit, dl.labels dd.submit {

          margin-top : 2em;

      }

    input, textarea {

          background : #fafafa;

          border-bottom : 1px solid #e5e5e5;

          border-right : 1px solid #e5e5e5;

          border-left : 1px solid #ccc;

          border-top : 1px solid #ccc;

          font-family : Verdana, Helvetica, sans-serif;

      }

    dd.submit {

          background : #fafafa;

          border-bottom : 1px solid #666;

          border-right : 1px solid #666;

          border-left : 1px solid #e5e5e5;

          border-top : 1px solid #e5e5e5;

          font-family : Verdana, Helvetica, sans-serif;

      }