/* Backgrounds/Shadows */
  #sidebar div {
  -moz-box-shadow: 5px 5px 4px -2px #eee;
  -webkit-box-shadow: 5px 5px 4px -2px #eee;
  box-shadow: 5px 5px 4px -2px #eee;
  }
  
  #main img {
  -moz-box-shadow: 5px 5px 10px -2px #ddd;
  -webkit-box-shadow: 5px 5px 10px -2px #ddd;
  box-shadow: 5px 5px 10px -2px #ddd;
  }
  
  #footer_container {
  -moz-box-shadow: inset 0px 12px 24px -12px black;
  -webkit-box-shadow: inset 0px 12px 24px -12px black;
  box-shadow: inset 0px 12px 24px -12px black;
  background: #55555a url("../images/footer_pattern.png");
  }

/* Borders */
  * {border: none;}
  input[type="text"], input[type="password"], textarea, input[type="submit"], select {border: 1px solid black;}
  .search_bar {border: 1px solid black;}
  #sidebar {border-top: 1px dotted #999;}
  .div_post, .aside_right, .aside_left {border-top: 1px dotted #999; border-bottom: 1px dotted #999;}
  
/* Font Colors */
  #footer {color: white;}
  .excerpt, .img_div p, .aside_right p, .aside_left p { color: #666; }
  
/* Font Family/Size/Variants */
  h3 {font: 24px/24px "Fontin Sans", "Trebuchet MS", sans-serif;}
  h4 {font: bold 18px/21px "PT Sans", "Trebuchet MS", sans-serif;}
  h5 {font: bold 15px/21px "PT Sans", "Trebuchet MS", sans-serif;}
  h6 {font: bold 12px/21px "PT Sans", "Trebuchet MS", sans-serif;}

  #header h1 {font: 60px "Fontin Sans", "Trebuchet MS", sans-serif;}
  #header p {font: 18px "Fontin Sans", "Trebuchet MS", sans-serif;}
  #nav {font: 21px "Fontin Sans", "Trebuchet MS", sans-serif;}

  #content_container, #footer {font-family: "PT Sans", "Trebuchet MS", sans-serif;}
    #content_container p {font: 15px/21px "PT Sans", "Trebuchet MS", sans-serif;}
    #content_container h2 {font: 36px "Fontin Sans", "Trebuchet MS", sans-serif;}
    #sidebar p, #sidebar li {line-height: 18px; font-size: 13px;}
    #content_container .excerpt, #content_container .img_div p, #content_container .aside_right p, #content_container .aside_left p {font: 13px/18px  "PT Sans", "Trebuchet MS", sans-serif;}

  #footer {font: 13px "PT Sans";}
    #footer h4 {font: 18px "Fontin Sans";}
  
/* Layout */
  * {margin: 0; padding: 0;}
  h3 {margin: 3px 0 12px 0;}
  h4, h5, h6 {margin: 0 0 12px 0;}
  input[type="text"], input[type="password"], textarea, input[type="submit"] {padding: 3px 3px 3px 3px;}

  #container {width: 100%; min-width: 1000px;}
    #header {height: 150px;}
      #header h1, #header p, #nav {width: 990px; margin: auto; padding: 0 5px 0 5px;}
      #header h1 {height: 75px;}
      #header p {height: 25px;}
      #nav {height: 50px;}
        #nav ul{padding-top: 14px; display: table-cell; width: 620px;}
        #nav li {display: inline; padding-right: 25px;}
        #nav form {display: table-cell; width: 290px; text-align: right;}
        #nav fieldset {margin-bottom: -4px;}
        .search_bar {padding: 3px;}
        .search_button{margin-bottom: -7px;}

    #content_container {display: table; width: 990px; margin: auto; padding: 30px 5px 0 5px;}
      #sidebar {display: table-cell; vertical-align: top; width: 180px; padding-right: 5px;}
        #sidebar h2 {margin: 0 0 30px 0;}
        #sidebar h4 {margin-top: 24px;}
        #sidebar div {margin: 0 0 30px 0; padding-bottom: 3px;}
        #sidebar p {margin: 12px 0 12px 0;}
        #sidebar li {margin: 9px 0 9px 0;}
      #main {display: table-cell; vertical-align: top; width: 690px; padding: 0 75px 0 40px;}
        #main ul {width: 600px; margin: 12px auto 12px auto;}
        #main li {margin: 9px 0 9px 0;}
        #main h2 {margin-bottom: 30px;}
        #main h4 {margin-top: 24px;}
        .div_post {margin: 0 0 60px 0;}
          .div_post p {margin: 12px 0 12px 0;}
          .date , .comments {width: 360px; display: table-cell; padding: 0 0 3px 0;}
          .comments {text-align: right;}
          .div_post p.tags {padding: 0 0 3px 0; margin: 0 0 0 0;}
        #main p.excerpt {margin-bottom: 27px;}
        .img_div {width: 690px; margin: 9px auto 18px auto;}
          .img_div img {display: block; margin: 0 auto 9px auto;}
          .img_div p {width: 510px; margin: 0 auto 0 auto;}
        .aside_right {float: right; padding: 6px 0 6px 0; margin: 6px 0 6px 12px; clear: both;}
        .aside_left {float: left; padding: 6px 0 6px 0; margin: 6px 18px 6px 0; clear: both;}
          .aside_right p, .aside_left p {margin: 6px 0 0 0;}
          .aside_right img, .aside_left  img {display: block;}
        #main form {padding-bottom: 30px;}
        .text_box {width: 600px;}

  #footer_container {width: 100%; min-width: 1000px;}
    #footer {width: 990px; margin: auto;  padding: 0 5px 0 5px;}
    #footer div {display: table-cell; vertical-align: top; width: 330px; padding-top: 24px;}
    #footer img {margin-bottom: -2px;}
      
/* Links */
  .link_ext { padding-right: 15px; background: url(../images/link_ext.png) no-repeat center right; }
  
  #header a {text-decoration: none;}
    #header a:link {color: black;}
    #header a:visited {color: black;}
    #header a:hover {color: black;}
    #header a:active {color: black;}
    #nav a:link {color: black;}
    #nav a:visited {color: black;}
    #nav a:hover {color: black; border-bottom: 4px solid black;}
    #nav a:active {color: black; border-bottom: 4px solid black;}
    
  #content_container a {text-decoration: none;}
    #content_container a:link {color: #c50; border-bottom: 1px solid #c50;}
    #content_container a:visited {color: #620; border-bottom: 1px solid #620;}
    #content_container a:hover{color: #f60; border-bottom: 1px solid #f60;}
    #content_container a:active {color: #f60; border-bottom: 1px solid #f60;}
    #content_container .comments a:link, #content_container .tags a:link , #content_container a.read_more:link, #sidebar h3 a:link {color: #c50; border-bottom: none;}
    #content_container .comments a:visited, #content_container .tags a:visited, #content_container a.read_more:visited, #sidebar h3 a:visited {color: #c50; border-bottom: none;}
    #content_container .comments a:hover, #content_container .tags a:hover, #content_container a.read_more:hover, #sidebar h3 a:hover {color: #f60; border-bottom: none;}
    #content_container .comments a:active, #content_container .tags a:active, #content_container a.read_more:active, #sidebar h3 a:active {color: #f60; border-bottom: none;}
    #content_container a.headline_link:link { border: none; color: black; text-decoration: none; }
    #content_container a.headline_link:visited  { border: none; color: black; text-decoration: none; }
    #content_container a.headline_link:hover { border: none; color: #f60; text-decoration: none; }
    #content_container a.headline_link:active { border: none; color: #f60; text-decoration: none; }
    
  #footer a {text-decoration: none;}
    #footer a:link {color: white;}
    #footer a:visited {color: white;}
    #footer a:hover{color: #f60;}
    #footer a:active{color: #f60;}

/* Lists */
  ul {list-style: disc inside;}
  ul.nostyle {list-style: none;}
  ol {list-style-position: inside;}
  #footer ul {margin: 0 0 24px 0;}
  #footer li {margin: 6px 0 6px 0;}
  
/* Pagination Link Styles */
  #main .new_link  {display: table-cell; width: 230px; text-align: right; font-size: 12px; padding-bottom: 60px;}
  #main .old_link  {display: table-cell; width: 230px; font-size: 12px; padding-bottom: 60px;}
  #main .archive_link {display: table-cell; width: 230px; text-align: center; font-size: 12px; padding-bottom: 60px;}

/* Sticky Footer */
  html, body {height: 100%;}
  #container {min-height: 100%;}
  #content_container {overflow: auto; padding-bottom: 500px;}
  #footer_container {position: relative; margin-top: -500px; height: 500px; clear: both;}
  body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;} /*Opera Fix*/
  
/* Tables */
  table {width: 100%; margin: 0 0 36px 0; border: none; border-collapse: collapse; font-size: 15px; line-height: 21px;}
  tr.highlight {background: #eee; margin: 0;}
  tr.normal {background: white; margin: 0;}
  th {background: #ddd; border-right: 3px solid #fff; text-align: left;}
  th, td {margin: 0; padding: 3px 5px 3px 5px;}

/* Font Faces */
  /* Font from http://www.paratype.ru/ */
  @font-face {
    font-family: 'PT Sans';
    src: url('fonts/pts55f-webfont.eot');
    src: local('?'), url('fonts/pts55f-webfont.woff') format('woff'), url('fonts/pts55f-webfont.ttf') format('truetype'), url('fonts/pts55f-webfont.svg#webfontKW1ElSKf') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'PT Sans';
    src: url('fonts/pts56f-webfont.eot');
    src: local('?'), url('fonts/pts56f-webfont.woff') format('woff'), url('fonts/pts56f-webfont.ttf') format('truetype'), url('fonts/pts56f-webfont.svg#webfont9zZuipPI') format('svg');
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'PT Sans';
    src: url('fonts/pts75f-webfont.eot');
    src: local('?'), url('fonts/pts75f-webfont.woff') format('woff'), url('fonts/pts75f-webfont.ttf') format('truetype'), url('fonts/pts75f-webfont.svg#webfontQ0E7G8Oz') format('svg');
    font-weight: bold;
    font-style: normal;
  }

  @font-face {
    font-family: 'PT Sans';
    src: url('fonts/pts76f-webfont.eot');
    src: local('?'), url('fonts/pts76f-webfont.woff') format('woff'), url('fonts/pts76f-webfont.ttf') format('truetype'), url('fonts/pts76f-webfont.svg#webfontY4hFRUm3') format('svg');
    font-weight: bold;
    font-style: italic;
  }

  /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
  @font-face {
    font-family: 'Fontin Sans';
    src: url('fonts/fontin_sans_r_45b-webfont.eot');
    src: local('?'), url('fonts/fontin_sans_r_45b-webfont.woff') format('woff'), url('fonts/fontin_sans_r_45b-webfont.ttf') format('truetype'), url('fonts/fontin_sans_r_45b-webfont.svg#webfont4nLuPW2T') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Fontin Sans';
    src: url('fonts/fontin_sans_i_45b-webfont.eot');
    src: local('?'), url('fonts/fontin_sans_i_45b-webfont.woff') format('woff'), url('fonts/fontin_sans_i_45b-webfont.ttf') format('truetype'), url('fonts/fontin_sans_i_45b-webfont.svg#webfont9PXORgky') format('svg');
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'Fontin Sans';
    src: url('fonts/fontin_sans_b_45b-webfont.eot');
    src: local('?'), url('fonts/fontin_sans_b_45b-webfont.woff') format('woff'), url('fonts/fontin_sans_b_45b-webfont.ttf') format('truetype'), url('fonts/fontin_sans_b_45b-webfont.svg#webfont6FGWqxjS') format('svg');
    font-weight: bold;
    font-style: normal;
  }

  @font-face {
    font-family: 'Fontin Sans';
    src: url('fonts/fontin_sans_bi_45b-webfont.eot');
    src: local('?'), url('fonts/fontin_sans_bi_45b-webfont.woff') format('woff'), url('fonts/fontin_sans_bi_45b-webfont.ttf') format('truetype'), url('fonts/fontin_sans_bi_45b-webfont.svg#webfontZieeKDFm') format('svg');
    font-weight: bold;
    font-style: italic;
  }