@charset "UTF-8";


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


/* YUI RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* YUI FONTS */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* OOCSS TEMPLATE */
body{_text-align:center;}.main{display:table-cell;*display:block;width:auto;}.body,.main{*zoom:1;}.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}.page{margin:0 auto;width:950px;_text-align:left;}.oldSchool{width:750px;}.gs960{width:960px;}.liquid{width:auto;margin:0;}.leftCol{float:left;width:250px;_margin-right:-3px;}.rightCol{float:right;width:300px;_margin-left:-3px;}.gMail{width:160px;}.gCal{width:180px;}.yahoo{width:240px;}.myYahoo{width:300px;}

/* OOCSS GRIDS */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}.line{*zoom:1;}.unit{float:left;}.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:25%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/* BASE */
.mod,.mod .hd,.mod .bd,.mod .ft{position:relative;}
.navList{position:relative;overflow:hidden;}
.navList li{float:left;list-style:none;}

/* Util */
.accessibilityHidden{left:-5000px;position:absolute;top:-5000px;}
.hidden{display:none;}


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


/* ### SKIN - General Styles ###################################################

   This section sets up basic typography and colors for the site; it should
   only define the defaults for elements.
*/

/* --- Custom fonts ---------------- */

@font-face {
    font-family: 'Yataghan';
    src: url('yataghan.eot');
    src:
        local('Yataghan Regular'),
        local('Yataghan'),
        url('yataghan.woff') format('woff'),
        url('yataghan.ttf') format('truetype'),
        url('yataghan.svg#Yataghan') format('svg');
}

@font-face {
    font-family: 'Gentium';
    src: url('GenBasR.eot');
    src:
        local('Gentium Basic Regular'),
        local('GentiumBasic'),
        url('GenBasR.ttf') format('truetype');
}

@font-face {
    font-family: 'Gentium';
    font-style: italic;
    src: url('GenBasI.eot');
    src:
        local('Gentium Basic Italic'),
        local('GentiumBasic-Italic'),
        url('GenBasI.ttf') format('truetype');
}

@font-face {
    font-family: 'Gentium';
    font-weight: bold;
    src: url('GenBasB.eot');
    src:
        local('Gentium Basic Bold'),
        local('GentiumBasic-Bold'),
        url('GenBasB.ttf') format('truetype');
}

@font-face {
    font-family: 'Gentium';
    font-style: italic;
    font-weight: bold;
    src: url('GenBasBI.eot');
    src:
        local('Gentium Basic Bold Italic'),
        local('GentiumBasic-BoldItalic'),
        url('GenBasBI.ttf') format('truetype');
}

/* --- Body ------------------------ */

html {
    background-color: #231D24;
}

body {
    background-image: url("bg1.png");
    background-repeat: no-repeat;
    font-family: Gentium, "Times New Roman", serif;
}

/* --- Headings -------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Yataghan, "Trebuchet MS", sans-serif;
}

h1 {

}

h2 {
    font-size: 216%;  /* 28px */
    margin-bottom: 28px;
}

h3 {
    font-size: 161.6%;  /* 21px */
}


/* --- Inline styles --------------- */

em, i, cite {
    font-style: italic;
}

b, strong {
    font-weight: bold;
}

/* --- Quotes ---------------------- */

q:before {
    content: "“";
}

q:after {
    content: "”";
}

q q:before {
    content: "‘";
}

q q:after {
    content: "’";
}

/* --- Body content blocks --------- */

.bodyText p,
.bodyText ul,
.bodyText ol,
.bodyText dl,
.bodyText pre,
.bodyText address,
.bodyText table,
.bodyText form {
    margin-bottom: 1.5em;
}

.bodyText p {
    font-size: 108%;  /* 14px */
    line-height: 2;
}

.mainColumn .bodyText p {
    font-size: 131%;  /* 17px */
}

.bodyText blockquote {
    background-image: url("quotes.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-bottom: 1.5em;
    min-height: 68px;
    padding: 0 3em;
}

/* --- Lists ----------------------- */

.bodyText ol,
.bodyText ul {
    line-height: 1.5;
    padding-left: 1.5em;
}

.bodyText ol li {
    list-style: decimal;
}

.bodyText ul li {
    list-style: square;
}

.bodyText ol li,
.bodyText ul li {
    font-size: 108%;  /* 14px */
}

.bodyText ol li li,
.bodyText ul li li {
    font-size: 100%;  /* reset to 14px */
}

.bodyText dl {
    font-size: 108%;  /* 16px */
}

.bodyText dl dt {
    font-weight: bold;
    margin-top: 1em;
}

.bodyText dl dd {
    padding-left: 1.5em;
}

/* --- Tables ---------------------- */

.bodyText th {
    font-weight: bold;
}

/* --- Links ----------------------- */

a,
button.linkButton {
    border-bottom: 1px dotted #7B5C7E;
    color: #5D455D;
    text-decoration: none;
}

a:hover,
button.linkButton:hover {
    border-bottom: 1px solid #5D455D;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

h1 a, .h1 a, h1 a:hover, .h1 a:hover,
h2 a, .h2 a, h2 a:hover, .h2 a:hover,
h3 a, .h3 a, h3 a:hover, .h3 a:hover,
h4 a, .h4 a, h4 a:hover, .h4 a:hover,
h5 a, .h5 a, h5 a:hover, .h5 a:hover,
h6 a, .h6 a, h6 a:hover, .h6 a:hover {
    border-bottom: none;
}

/* --- Forms ----------------------- */

label {
    display: block;
    font-size: 108%;  /* 14px */
    padding-bottom: 1em;
    position: relative;
    width: 100%;
}

label span {
    display: block;
}

/* --- Form elements --------------- */

input[type="text"],
input.text,
textarea {

    background-color: #FFF;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    min-height: 1.1em;
    padding: 0.45em;
    width: 100%;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
}

input[type="text"]:focus,
input.text:focus,
textarea:focus {

    background-color: rgb(267, 255, 217);
    border-color: #7D98B8;

    box-shadow: 0 0.1em 1em rgba(125, 153, 184, 0.5) inset;
    -moz-box-shadow: 0 0.1em 1em rgba(125, 153, 184, 0.5) inset;
    -webkit-box-shadow: 0 0.1em 1em rgba(125, 153, 184, 0.5) inset;
}

fieldset.radioGroup label {
    float: left;
}

fieldset.radioGroup label span {
    float: left;
}

/* ### SKIN - Generic components ###############################################

   Simple, basic components that are reused throughout the site, e.g. forms,
   buttons, notification messages. This should also include skinning of layout
   elements (if required).
*/

/* --- Forms ----------------------- */

/* --- Form elements --------------- */


/* ### Page structure ##########################################################

   Layout of page elements; this should only define the template and grid,
   not the positioning of specific components.
*/

/* --- Page ------------------------ */

.yoPage /* extends OOCSS/template/page */ {
    max-width: 1484px;
    margin: 0 auto 14px auto;
    overflow: hidden;
    width: auto;
}

.yoPageWrapper {
    border: 14px solid rgb(145, 142, 146);
    border: 14px solid rgba(255, 255, 255, 0.5);
    margin: 14px 28px 28px 28px;

    box-shadow: 0 0 28px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.5);

    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
}

.yoBody /* extends OOCSS/template/body */ {
    background-color: #FEFDFE;
    color: #231D24;
}

/* --- Header ---------------------- */

.yoHead /* extends OOCSS/template/head */ {
    background-color: #FFF;
    background-image: url("banner.png");
    background-repeat: no-repeat;
    height: 256px;
    padding: 0 30px;
    position: relative;

    -moz-border-radius: 3px 3px 0 0;
}

.head .siteTitle {
    bottom: 1.75em;
    left: 30px;
    position: absolute;
    z-index: 20;
}

.head .mainMenu {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

/* --- Footer ---------------------- */

.foot {
    background-color: #FEFDFE;
    padding: 14px 28px;
}

/* --- Columns --------------------- */

.mainColumn {
    background-color: #FEFDFE;
    padding: 28px 4% 7px 4%;  /* 4% = 28px at full width */
    min-width: 400px;
}

.sideColumn {
    padding: 28px 8% 28px 8%;  /* 8% = 28px at full width */
    min-width: 200px;
}

.sideColumn .postMeta {
    margin-top: 56px;
}

/* --- Page context ---------------- */

.pageContext ul,
.pageContext ol {
    margin-top: 14px;
}

.pageContext li {
    margin-bottom: 14px;
}

/* --- Homepage -------------------- */

.hpMainSection {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADIAAAAAKAQMAAABMwVbxAAAAAXNSR0IArs4c6QAAAAZQTFRF29Kz/v3+ZSGGXwAAACpJREFUSMft0QEBAAAIAiD/n64fChfIlUgLIUKECBEiRIgQIUKECBGyHfLiWsiaHRnM5gAAAABJRU5ErkJggg==");
    background-position: 50% 0;
    background-repeat: repeat-y;

    box-shadow: 0 -14px 28px #000;
    -moz-box-shadow: 0 -14px 28px #000;
    -webkit-box-shadow: 0 -14px 28px #000;
}

.hpMainSection h2 {
    margin-bottom: 0;
}

/* --- Post page ------------------- */

/* .postContext extends .pageContext */

.postContext > .unit:nth-child(1) {
    border-radius: 0 14px 0 0;
    -moz-border-radius: 0 14px 0 0;
    -webkit-border-radius: 0 14px 0 0;

    box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
}

.postContext > .unit:nth-child(2) {
    border-radius: 0 0 14px 14px;
    -moz-border-radius: 0 0 14px 14px;
    -webkit-border-radius: 0 0 14px 14px;

    box-shadow: 0 14px 14px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, 0.1);
}

.postContext > .unit:nth-child(3) {
    border-radius: 14px 0 0 0;
    -moz-border-radius: 14px 0 0 0;
    -webkit-border-radius: 14px 0 0 0;

    box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 14px 14px -12px rgba(0, 0, 0, 0.1) inset;
}


/* ### Page components #########################################################

   Most declarations should go in here; each component is self-contained and
   should organise its internal layout. Look-and-feel should be mostly
   inherited from general styles and generic components
*/

/* --- Blog title ------------------ */

.blogTitle {
    bottom: 2.4em;
    left: 5em;
    position: absolute;
}

.blogTitle a {
    display: block;
    height: 10em;
    outline: none;
    text-indent: -9999px;
    width: 40em;
}

.blogTitle a:focus {
    -moz-outline-style: none;
}

/* --- Main menu ------------------- */

/* .mainMenu extends mod */

.mainMenu-content {
    background-color: rgb(197, 182, 162);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0 30px;
    margin: 0 auto;
}

.mainMenu .bd {
    border-left: 1px dotted #5D455D;
}

.mainMenu .bd li {
    border-right: 1px dotted #5D455D;
    font-size: 108%;  /* 14px */
    font-weight: bold;
    padding: 0.5em;
}

.mainMenu .bd li.icon {
    float: right;
    border: none;
    margin-right: -4px;
    padding-bottom: 0;
}

.mainMenu .bd li.icon a {
    border: none;
}

/* --- Latest in Category ---------- */

.latestInCat .hd {
    margin-bottom: 28px;
}

.latestInCat h2 {
    color: #FFF;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
}

/* --- More block ------------------ */

.moreBlock h3 {
    margin-top: 28px;
}

.moreBlock p {
    display: inline;
}

.moreBlock ol {
    margin-top: 14px;
}

.moreBlock li {
    margin-bottom: 14px;
}

/* --- Post meta ------------------- */

/* .postMeta extends mod */

.postMeta .hd {
    background-color: rgb(219, 210, 179);
    padding: 7px 14px;

    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.postMeta .bd {
    background-color: rgb(247, 235, 197);
    padding: 7px 14px;
}

.postMeta .ft {
    background-color: rgb(219, 210, 179);
    padding: 7px 14px;
    overflow: hidden;

    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.postMeta .tags span {
    background-color: rgb(243, 216, 138);
    display: inline;
    list-style-type: none;
    margin: 2px;
    padding: 2px 4px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* --- Nav links ------------------- */

.navLinks .prev {
    float: left;
}

.navLinks .next {
    float: right;
}

/* --- Related posts --------------- */

.relatedPosts h3 {
    margin-bottom: 14px;
}

.relatedPosts li {
    font-size: 108%;  /* 14px */
    list-style-type: none;
}

.relatedPosts li a {
    font-weight: bold;
    margin-right: 0.33em;
}

.relatedPosts li br {
    display: none;
}

.relatedPosts small {
    font-size: 100%;  /* 14px */
}

.relatedPosts small:before {
    content: "— ";
}

/* --- Comments -------------------- */

.commentsBox h3 {
    margin-bottom: 14px;
}

.commentsBox textarea {
    width: 100%;
}

/* --- Twitter --------------------- */

.latestTwitter {
    position: absolute;
    bottom: 50px;
    right: 14px;
    background-color: rgb(250, 241, 215);
    background-color: rgba(255, 255, 255, 0.66);
    max-width: 280px;
    padding: 14px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.latestTwitter .callout {
    position: absolute;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid rgb(250, 241, 215);
    border-top: 14px solid rgba(255, 255, 255, 0.66);
    width: 0;
    height: 14px;
    bottom: -28px;
    right: 14px;
}

/* --- Copyright ------------------- */

.copyright {
    font-family: Arial, sans-serif;
    text-align: center;
}

/* --- Quotes widget --------------- */

.widget_stray_quotes {
    background-image: url("quotes.png");
    background-position: 0 21px;
    background-repeat: no-repeat;
}

/* --- Tag cloud ------------------- */

.widget_nktagcloud .wp-tag-cloud {
    margin-top: 0;
}

.widget_nktagcloud .wp-tag-cloud li {
    margin-bottom: 0;
}

/* --- Sociable links --------------- */

.sociable a {
    border-bottom: none;
}

/* --- Pullquotes ------------------- */

blockquote.pullquote /* inherits from .bodyText blockquote */ {
    background-position: 14px 14px;
    border-left: 14px solid #EAEAEA;
    font-style: italic;
    float: right;
    font-size: 167%;  /* 22px */
    margin: 0 0 14px 28px;
    padding: 3em 14px 14px 2em;
    width: 25%;
}

blockquote.pullquote p {
    line-height: 1.2;
    margin: 0;
}