@font-face {
    /* http://www.fontex.org/download/Umbrage.ttf */
    font-family: Umbrage;
    src: url("../fonts/umbrage2.eot");
    src: local('Umbrage Regular'), local('Umbrage'), url("../fonts/umbrage2.ttf") format("opentype");
}

@font-face {
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
    font-family: Fontin Sans;
    /*src: url("../fonts/Fontin_Sans_R_45b.eot");*/
    src: local('Fontin Sans Regular'), local('FontinSans-Regular'), url("../fonts/Fontin_Sans_R_45b.otf") format("opentype");
}

@font-face {
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
    font-family: Fontin Sans;
    font-style: italic;
    /*src: url("../fonts/Fontin_Sans_I_45b.eot");*/
    src: local('Fontin Sans Italic'), local('FontinSans-Italic'), url("../fonts/Fontin_Sans_I_45b.otf") format("opentype");
}

@font-face {
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
    font-family: Fontin Sans;
    font-weight: bold;
    /*src: url("../fonts/Fontin_Sans_B_45b.eot");*/
    src: local('Fontin Sans Bold'), local('FontinSans-Bold'), url("../fonts/Fontin_Sans_B_45b.otf") format("opentype");
}

@font-face {
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
    font-family: Fontin Sans;
    font-style: italic;
    font-weight: bold;
    /*src: url("../fonts/Fontin_Sans_BI_45b.eot");*/
    src: local('Fontin Sans Bold Italic'), local('FontinSans-BoldItalic'), url("../fonts/Fontin_Sans_BI_45b.otf") format("opentype");
}

h1, div.post, h1+form, .paginationControl, .container, .zend_form fieldset, ul.messages, div.block {
    margin-bottom:24px;
    padding:24px;
    box-shadow:5px 5px 5px #444;
    -moz-box-shadow:5px 5px 5px #444;
    -webkit-box-shadow:5px 5px 5px #444;

    /* Rounded corners */
    border-top-right-radius:12px;
    -moz-border-radius-topright:12px;
    -webkit-border-top-right-radius:12px;

    border-bottom-right-radius:12px;
    -moz-border-radius-bottomright:12px;
    -webkit-border-bottom-right-radius:12px;

    border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;

    border-bottom-left-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
}

ul.messages {
    margin-left:0;
}

h1, div.post, h1+form, .paginationControl, .container, .zend_form fieldset, ul.messages {
    background:url("../images/text-bg.png");
}

div.block {
    background-image:url("../images/block-bg.png");
    color:white;
}

body {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:24px;
    color:#260F01;
    background:url("../images/footer-bg.jpg") center bottom no-repeat black;
}

#outer-page {
    background:url("../images/bg.jpg") center top no-repeat transparent;
}

#page {
    width: 900px;
    margin: auto;
}

#header {
    height: 96px;
    position: relative;
    padding-left:12px;
    padding-right:12px;
}

#site-title {
    font-size:40px;
    font-family:Umbrage;
    position:absolute;
    right:12px;
    bottom:48px;
    font-weight:bold;
    text-shadow:0px 0px 20px #FFF;
}

#site-tagline {
    position:absolute;
    font-size:16px;
    line-height:24px;
    bottom:24px;
    right:12px;
    font-style:italic;
    text-shadow:0px 0px 20px #FFF;
}

#site-sections {
    position:absolute;
    bottom:12px;
    left:24px;
    font-size:22px;
    line-height:24px;
}

#site-sections ul li {
    display:inline;
    margin-right:12px;
}

#site-sections a:link {
    color:white;
}

#site-sections a:visited {
    color:white;
}

#main {
    position: relative;
}

#content {
    position: relative;
    width: 66%;
    float: left;
}

#sidebar {
    position: relative;
    width: 32%;
    float: right;
    padding-top:48px;
}

h1, h2, h3, h4, h5, h6, .zend_form fieldset legend {
    font-family:Umbrage;
    color:#222;
}

h1.title, h2.title, h3.title {
    clear: both;
}

h1 {
    font-size:44px;
    line-height:48px;
    margin-top:0px;
}

h2, .zend_form fieldset legend {
    font-size:28px;
    line-height:24px;
    margin-top:48px;
    margin-bottom:24px;
}

h2.title {
    margin-top:12px;
    margin-bottom:12px;
}

.body a:first-child+h2 {
    margin-top:12px;
}

.block h2 {
    font-size:24px;
    line-height:24px;
    color:#eee;
    letter-spacing:1px;
}

div.block h2 a:link {
    color:white;
}

div.block h2 a:visited {
    color:white;
}

h3 {
    font-size:20px;
    margin-top:18px;
    margin-bottom:6px;
}

em, i {
    font-style:italic;
}

strong, b {
    font-weight:bold;
}

#content ul, #content ol {
    margin-left:12px;
    padding-left:12px;
}

#content ul li {
    list-style-type:disc;
}

#content ul li ul li {
    list-style-type:circle;
}

#content ul li ul li ul li {
    list-style-type:disc;
}

#content ol li {
    list-style-type:decimal;
}

#content ol li ol li {
    list-style-type:lower-alpha;
}

#content ol li ol li ol li {
    list-style-type:decimal;
}

#content dl {
    display:block;
}

#content dl dt {
    margin-top:24px;
    display:block;
    font-weight:bold;
}

#content dl dd {
    display:block;
    margin-bottom:24px;
}

div.posts {
    margin-bottom:24px;
}

div.post {
}

div.post.draft {
    background:#fdd;
    color:#888;
    border:6px dotted red;
}

div.post .comments, div.post.teaser .actions {
    margin-top:23px;
}

div.post.teaser ul.actions {
    border-top:1px solid black;
    margin-left:0 !important;
    padding-left:0 !important;
}

div.post.teaser ul.actions li {
    list-style-type:none !important;
    margin-left:0;
    padding-left:0;
    margin-right:14px;
    display:inline;
}

div.post.teaser ul.actions a.comment {
    padding-left:20px;
    /* Icon from http://www.famfamfam.com/lab/icons/silk/ */
    background:url("../images/comment.png") left center no-repeat;
}

div.post.teaser ul.actions a.comments {
    padding-left:20px;
    /* Icon from http://www.famfamfam.com/lab/icons/silk/ */
    background:url("../images/comments.png") left center no-repeat;
}

div.post.teaser ul.actions a.edit {
    padding-left:20px;
    /* Icon from http://www.famfamfam.com/lab/icons/silk/ */
    background:url("../images/pencil.png") left center no-repeat;
}

div.post.teaser ul.actions a.delete {
    padding-left:20px;
    /* Icon from http://www.famfamfam.com/lab/icons/silk/ */
    background:url("../images/delete.png") left center no-repeat;
}

.comments table img.avatar {
    margin-bottom:0px;
}

.comments table th.author, .comments table td.author {
    width:100px;
}
.comments table th.actions, .comments table td.actions {
    width:120px;
}

div.post .title {
    background:url("../images/content-heading-bg.png") center left no-repeat;
    padding-left:48px;
}

div.post .title a:link {
    color:#730C02;
}

div.post div.meta {
    font-size:14px;
    margin-top:24px;
    border-top:1px solid black;
}

div.post div.comment div.meta {
    margin-top:0;
    border-top:0px;
}

div.comment {
    clear:both;
}

div.comment.spam {
    background-color:red;
}

div.comment .avatar {
    float:left;
    margin-right:24px;
    margin-left:0px;
}

div.comments table .avatar {
    float:none;
    margin-left:0px;
    margin-right:0px;
}

div.post.teaser div.meta {
    padding-left:48px;
    margin-top:0px;
    border-top:0px;
}

div.post div.meta div.byline {
    display:inline;
}

div.post div.meta div.tags {
    display:inline;
}

div.post div.meta div.tags ul {
    display:inline;
    margin-left:0px !important;
    padding-left:0px !important;
}

div.post div.meta div.tags ul li {
    display:inline;
    margin-right:6px;
}

div.post.teaser div.actions {
    font-size:14px;
}

p {
    margin-top:12px;
    margin-bottom:12px;
}

a:link {
    color:#8C6330;
    text-decoration:none;
}

a:visited {
    color:#730C02;
    text-decoration:none;
}

a:hover {
    color:#730C02;
    text-decoration:underline;
}

a:active {
    color:black;
    text-decoration:underline;
}

div.block a:link {
    color:#BF9850;
}

div.block a:visited {
    color:#8C6330;
}

div.block a:hover {
    color:#8C6330;
}

div.block a:active {
    color:white;
}

div.block h2 {
    margin-top:0px;
    margin-bottom:23px;
    border-bottom:1px solid #ccc;
}

#footer {
    clear: both;
    color: black;
    text-shadow:0px 0px 20px #FFF;
    font-weight:bold;
    padding-top:24px;
    padding-bottom:24px;
    text-align:center;
}

.zend_form dd {
    margin-left:0;
    margin-bottom:1em;
}

.zend_form label {
    font-weight:bold;
}

.zend_form label.required {
    color:#730C02;
    font-style:italic;
}

.zend_form input.h1 {
    font-size:36px;
    width:100%;
}

.zend_form input[type="text"] {
    width:100%;
}

.zend_form input[type="radio"] {
    margin-right:12px;
}

.zend_form fieldset {
    background-image:none;
    background-color:white;
}

.zend_form p.description {
    font-size:14px;
    line-height:24px;
    font-style:italic;
    margin-top:0;
}

textarea {
    width:100%;
    height:240px;
}

#post_form {
    position:relative;
}

#tags ul.Zend_Tag_Cloud li {
    display:inline;
}

#tags ul.Zend_Tag_Cloud li a.very-popular {
    font-size:2em;
}

#tags ul.Zend_Tag_Cloud li a.more-popular {
    font-size:1.7em;
}

#tags ul.Zend_Tag_Cloud li a.popular {
    font-size:1.4em;
}

#tags ul.Zend_Tag_Cloud li a.less-popular {
    font-size:1.1em;
}

#tags ul.Zend_Tag_Cloud li a.not-popular {
    font-size:0.8em;
}

.paginationControl {
    text-align:center;
}

ul.messages {
    background-color:#ffe;
    border:1px solid #ffa;
    padding:24px !important;
    margin-bottom:24px;
}

img.avatar {
    float:right;
    margin-left:24px;
    margin-bottom:24px;
}

#authors img.avatar {
    float:none;
    margin-left:0px;
    margin-right:1px;
    margin-bottom:1px;
}

#about-the-author img.avatar {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    margin-left:0px;
    margin-top:0px;
}

#photos li {
    display:inline;
    margin-right:1px;
    margin-bottom:1px;
}

th {
    font-weight:bold;
}

.xdebug-var-dump {
    background:white;
}

div.syntaxhighlighter {
    font-size:12px !important;
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !important;
}

ul.tweets:after {
    content:".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}

ul.tweets li {
    clear:both;
}

ul.tweets img {
    width:40px;
    height:40px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

ul.tweets .content {
    float:right;
    width:190px;
}

ul.tweets .meta {
    font-size:12px;
    display:block;
}

th, td {
    padding:6px;
    vertical-align:top;
    text-align:left;
}

tr.odd th, tr.odd td {
    background:url("../images/text-bg.png");
}
tr.even th, tr.even td {
}

#content .navigation {
  margin-left:0 !important;
  padding:0 !important;
}

#content .navigation .label {
  font-weight: bold;
}

#content .navigation li.prev {
  width:48%;
  float:left;
  margin:0 !important;
  padding:0 !important;
  list-style-type:none !important;
}

#content .navigation li.next {
  width:48%;
  float:right;
  margin:0 !important;
  padding:0 !important;
  list-style-type:none !important;
  text-align:right;
}

#content .navigation li.up {
  float:none;
  clear:both;
  list-style-type:none;
  text-align:center;
}

#content .navigation li.prev:before {
  content: "←  ";
}

#content .navigation li.next:after {
  content: "  →";
}

#content .navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.playable {
    clear:both;
}
a.playable:link {
    color:white !important;
}
a.playable:visited {
    color:white !important;
}
a.playable:hover {
    color:white !important;
}
a.playable:active {
    color:white !important;
}

.versions .current {
    font-weight:bold;
}

dl.albums:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

dl.albums dt {
    clear:both;
}

dl.albums dt img.cover {
    float:left; 
    width:100px; 
    height:100px; 
    margin-right:1.3em; 
    margin-bottom:1.3em;
    box-shadow:3px 3px 3px #444;
    -moz-box-shadow:3px 3px 3px #444;
    -webkit-box-shadow:3px 3px 3px #444;
}

dl.albums dd {
    float:right;
    width:408px;
}

dl.albums dd ul {
    margin-left:0 !important;
    padding-left:0 !important;
}

dl.albums dd ul li {
    margin-left:0 !important;
    padding-left:0 !important;
    list-style-type:none !important;
}

ul.albums.grid {
    margin-left:0 !important;
    padding-left:0 !important;
}

ul.albums.grid li {
    margin-left:0 !important;
    padding-left:0 !important;
    display:inline;
    padding-right:3px;
}

ul.albums.grid li img.cover {
    width:110px;
    height:110px;
}