/*
 * Styling for lucentbeing.com
 * P.C. Shyamshankar <sykora@lucentbeing.com>
 */

/* @font-faces */

@font-face {
    font-family: yanone_kaffeesatz;
    font-weight: bold;
    src: local("Yanone Kaffeesatz"),
         url("http://lucentbeing.com/_static/fonts/yanone/yanone_kaffeesatz_bold.otf");
}

@font-face {
    font-family: yanone_kaffeesatz;
    src: local("Yanone Kaffeesatz"),
         url("http://lucentbeing.com/_static/fonts/yanone/yanone_kaffeesatz_regular.otf");
}

@font-face {
    font-family: graublau;
    font-weight: bold;
    src: local("Graublau Web Bold"),
         url("http://lucentbeing.com/_static/fonts/graublau/graublau_web_bold.otf");
}

@font-face {
    font-family: graublau;
    src: local("Graublau Web"),
         url("http://lucentbeing.com/_static/fonts/graublau/graublau_web.otf");
}

@font-face {
    font-family: inconsolata;
    src: local("Inconsolata"),
         url("http://lucentbeing.com/_static/fonts/inconsolata/inconsolata.otf");
}

/* Global Styles */

html {
    font-size: 100.01%
}

body {
    background: #FAFAFA;
    color: #333333;
    font-family: graublau, Trebuchet, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.4;
    padding: 10px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: yanone_kaffeesatz, Georgia, serif;
}

h1 {
    font-size: 320%;
}

h2 {
    font-size: 250%;
}

h3 {
    font-size: 175%;
    padding: 5px;
}

h4 {
    font-size: 140%;
}

h5 {
    font-size: 120%;
}

h6 {
    font-size: 110%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

ul {
    list-style: disc outside;
}

ol {
    list-style: decimal outside;
}

ol.loweralpha {
    list-style: lower-latin;
}

ol.upperalpha {
    list-style: upper-latin;
}

ol.lowerroman {
    list-style: lower-roman;
}

ol.upperroman {
    list-style: upper-roman;
}

li {
    margin: 5px 0;
}

ol ul, ul ol, ol ol, ul ul {
    padding-left: 1em;
}

dt {
    font-weight: bold;
}

dd {
    padding-left: 1em;
}

p {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

h2 a, h2 a:visited {
    color: #455A66;
}

a, a:visited {
    color: #4D8BAC;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

pre, tt {
    font-family: inconsolata, monospace;
    background: #E8E8E8;
    font-size: 80%;
}

blockquote {
    background: #EFEFEF;
    font-family: Georgia, serif;
    font-style: oblique;
    margin: 10px;
    padding: 10px;
}

blockquote blockquote {
    background: #DEDEDE;
}

/* Code */

.highlight pre, pre.literal-block {
    background: #F0F0F0;
    margin: 10px;
    padding: 10px;
}

/* Layout */

#canvas {
    margin: auto;
    width: 720px;
}

#header {
    margin-bottom: 3em;
}

#site-title {
    text-align: right;
}

#site-subtitle {
    color: #AAAAAA;
    font-size: 140%;
    margin-top: -0.5em;
    text-align: right;
}

/* Navigation */

#navigation {
    border-bottom: 1px solid #DFDFDF;
    font-family: yanone_kaffeesatz, Georgia, serif;
    height: 30px;
    text-align: center;
    width: 100%;
}

#navigation ul {
    display: inline;
    line-height: 30px;
    list-style: none;
    white-space: nowrap;
}

#navigation ul li {
    display: inline;
    padding: 7px 10px;
    width: 100%;
}

#navigation .external {
    display: inline;
    float: right;
    text-align: right;
}

#navigation .feed-subscribe {
    color: #F79937;
}

#navigation .twitter-follow-me {
    color: #33CCFF;
}

/* Footer */

#footer {
    border-top: 1px solid #DDDDDD;
    color: #AAAAAA;
    font-size: 90%;
    height: 25px;
    padding-top: 10px;
    vertical-align: top;
}

#copyright {
    vertical-align: middle;
    float: left;
}

#footer-images {
    float: right;
    text-align: right;
    vertical-align: middle;
}

/* Entries */

.entry-subtitle {
    color: #AAAAAA;
    margin-top: -0.5em;
    text-align: right;
}

.entry-meta, .entry-tags {
    color: #AAAAAA;
    display: inline;
    font-size: 85%;
    margin-top: 10.5em;
}

.entry {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

.entry-body, .entry-teaser {
    font-size: 110%;
    word-spacing: 0.1em;
    margin-bottom: 1em;
}

.entry-more {
    display: inline;
    float: right;
    font-size: 85%;
    text-align: right;
}

.entry img {
    padding: 1em;
}


.index-more {
    padding-bottom: 15px;
    text-align: center;
}

/* Comments */

.comment {
    margin: 5px;
    padding: 5px;
}

.comment-even {
    background: #EEEEEE;
}

.comment-meta {
    text-align: right;
}

.comment-meta div {
    display: inline;
}

.comment div.special {
    color: #FF5D00;
}

/* The Comment Form */

.comment-form {
    margin: 10px;
    padding: 10px;
}

.comment-form table {
    width: 100%;
}

.comment-form-label {
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    width: 10%;
}

.comment-form-field {
    padding-left: 5px;
    padding-right: 5px;
    width: 65%;
}

.comment-form-annotation {
    padding-left: 10px;
    vertical-align: middle;
    font-size: 85%;
    width: 25%;
}

.comment-form-field input, .comment-form-field textarea {
    width: 100%;
}

.comments-closed {
    text-align: center;
    color: #AAAAAA;
}

/* Tags, and the tag cloud. */

a.tag {
    color: #BF57B8;
}

.tag-cloud {
    text-align: center;
}

.tag-cloud-level-1 {
    font-size: 60%;
}

.tag-cloud-level-2 {
    font-size: 120%;
}

.tag-cloud-level-3 {
    font-size: 180%;
}

.tag-cloud-level-4 {
    font-size: 240%;
}

.tag-cloud-level-5 {
    font-size: 300%;
}

.tag-cloud-level-6 {
    font-size: 360%;
}

/* Listing */

.entry-listing table {
    width: 100%;
}

.entry-listing table tr td {
    border-bottom: 1px solid #DDDDDD;
    padding: 3px;
}

.listing-date {
    color: #AAAAAA;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    width: 5em;
}

.listing-title {
    padding-left: 5px;
    padding-right: 5px;
}

.listing-tags {
    float: right;
    padding-left: 5px;
    text-align: right;
}