/*
  DARKSHAN PROJECT Styles
  Autor: Foralien
  Author URI: http://twitter.com/foralien
  Descriptions: Styles specially designed for Darkshan Project Site.
  
  (c) 2010 foralien. All Rights Reserved
============================================================================== */


/* RESET
============================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  background: transparent;
}

/* Baseline grid start point */
body { line-height: 18px; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remove lists markers. */
ol, ul {list-style-type:none;}


/* TYPOGRAPHY
============================================================================== */

body { 
  font-size: 13px;
  color: #333; 
  font-family: Georgia, Times New Roman, Times, serif;
  line-height: 20px;
}

.sserif, .date-header, .post-meta, .blog-pager, .status-msg-content, #footer {
    font-family: Century Gothic, Trebuchet MS, Verdana, sans-serif;
    color: #a49f96;
}

/* Headings 
-------------------------------------------------------------- */
 h1{font-size: 36px;}
 h2 {
    font-size: 29px;
    line-height: 38px;
    margin-bottom: 19px;
    color: #694e00;	 
}
 #sidebar h2{
    font-family: Century Gothic, Trebuchet MS, Verdana, sans-serif;
    color: #6d6348;
    font-size: 18px;
    line-height: 19px;    
}


/* Links
-------------------------------------------------------------- */
 a,  a:visited {
    color: #694e00;
    text-decoration: none;
}
 a:hover{
    text-decoration: underline;
}

/* Elements of text
-------------------------------------------------------------- */
strong, b {font-weight: bold;}
em, i {font-style: italic;}

 pre {white-space:pre-wrap;}
blockquote {}

ol.normal-list{list-style-type: decimal;}
ul.normal-list{list-style-type: disc;}


/* DEFAULTS and common ELEMENTS
============================================================================== */

.center { display:block; margin:0 auto; }
.left   { float:left; margin: 0 18px 18px 0;}
.right  { float:right; margin: 0 0 18px 18px ;}

.clear { clear:both;}
.hide  { display: none;}
.vwrap, .section {overflow:hidden; display:block!important; display:inline-block;} /* Containers vertically include all content */
.print-only { display:none;}
.widget-item-control {display: none;} /*don't display widget control */

/* search form */
 form#searchthis{
    display: block;
    background: transparent;
    border: 1px solid #a7a296;
    width: 213px;
    margin-bottom: 19px;
}
 form#searchthis.focus{
    border: 1px solid #5c5a54;
    background: transparent url(../img/form-focus.png) no-repeat 0 0;
}
     form#searchthis input{
        border: none;
        background: transparent;
        color: #afaaa2;
        padding: 3px 1px 3px 4px;
        width: 207px;
    }
     form#searchthis.focus input,  form#searchthis input:focus{
        color: #4b4741;
		  border: none;
    }

/* LAYOUT
============================================================================== */
body{
    text-align: center;
    background: #fdfcfb;
}
    body div{ text-align: left; }
 {
	width: 100%;
}
 #header-holder,  #column-wide,  #footer-holder { width: 100%; }

 #header,  #container,  #footer{
    width: 972px;
    margin: 0 auto;
}

 #container {background: transparent url(../img/content-bg.png) no-repeat right bottom;}
 #col-holder {background: transparent url(../img/bg-divider.png) repeat-y 259px 0;}

 #content-column{
    float: right;
    width: 650px;
}
 #sidebar-column {
    float: left;
    width: 235px;
}

 #footer-holder{
    min-height: 120px;
    background: #534f48 url(../img/footer-bg.png) repeat-x 0 0;
}
     #footer{
        padding: 28px 0;
        font-size: 11px;
        letter-spacing: 0.5px;
    }
     #footer-holder #state{
        color: #fdfcfb;
    }
     #footer-holder #ack{
        text-align: right;        
    }
     #footer-holder a{ color: #a09a93; }
    
    
/* Header
---------------------------------------------------------------------------- */
 #header-holder{
    margin-top: 2px;
    border-top: 4px solid #ebe7dd;
}
 #header .widget {padding-left: 27px;}
     #header-holder h1{
        display: block;
        overflow: hidden;
        width: 228px;
        height: 69px;
        background: transparent url(../img/title.png) no-repeat 0 0;
        text-indent: -10000px;
        margin-top: 30px;
    }
         #header-holder h1 a{display: block; height: 69px;}
     #header-holder .description{
        display: block;
        overflow: hidden;
        width: 874px;
        height: 34px;
        margin: 28px 0 0 0;
        background: transparent url(../img/title-desc.png) no-repeat 0 0;
        text-indent: -10000px;
    }
 .scroll-link {
    display: block;         
    height: 15px;
    padding: 3px; 
}
     .scroll-link a{
            display: block;
            width: 28px;
            float: right;
        }
        


/* Featured area
---------------------------------------------------------------------------- */
 #column-wide #intro{ background: transparent url(../img/intro-bg-wide.png) repeat-x left bottom; }

 #column-wide #intro-text{
    clear: both;
    margin: 0 22px 22px 327px;
    color: #443c23;
    line-height: 148%;
    font-size: 14px;
}

 #column-wide #fake-intro{
    display: block;
    width: 100%;
    height: 85px;
    background: transparent url(../img/intro-bg-nar.png) repeat-x left bottom;
}
    
    
/* SLideshow
---------------------------------------------------------------------------- */

 #slideshow{margin: 28px 0 28px 175px;}
 #slideshow ul.tabs {
    display: block;
    float: left;
    width: 80px;
    margin: 0 30px 0 0;
}
     #slideshow ul.tabs li{
        display: block;
        margin: 28.5px 0 0 0;        
    }
         #slideshow ul.tabs li:first-child{margin: 0;}
         #slideshow ul.tabs li img{
            width: 80px;
            height: 80px;            
        }
         #slideshow ul.tabs li a {
            display: block;
            border: 1px solid #fdfcfb;
            padding: 0; margin: 0;
            width: 80px;
            height: 80px;
        }
         #slideshow ul.tabs li a:hover{
            border: 1px solid #7e7b72;
        }
          
 #slideshow  div.panes-holder{
    display: block;
    float: right;
    overflow: hidden;
    width: 683px;
    height: 422px;
    background: transparent url(../img/slide_bg.png) no-repeat 0 0;    
}
     #slideshow  div.panes {
        display: block;
        position: relative;
        width: 666px;
        height: 407px;
        margin: 10px 0 0 11px;
        background: transparent url(../img/slide1.jpg) no-repeat 0 0;
    }
     #slideshow  div.panes div{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 666px;
        height: 407px;            
    }
     #slide-4 {z-index: 5; }
     #slide-3 {z-index: 10;}
     #slide-2 {z-index: 15;}
     #slide-1 {z-index: 100}        


/* POSTS Listing
------------------------------------------------------------------------------- */
 #content-column #main {margin-top: 60px;}
   
 #content-column .post {margin-bottom: 76px;}
 .post-body,  .poem,  .text {display: block; overflow: hidden;}

 .entry,  .avatar {display:block;}
 .avatar img{
    border: 1px solid #e0daca;
    padding: 4px;
    }
 .rem {
    font-size: 11px;
    color: #a49f96;
    margin: 0 19px;
    font-style: italic;
}
 .entry .rem { margin: 19px 0 0 0}


/* poem layouts */
 .no-pic .entry{ margin-left: 57px;}

 .v-pic .avatar {
    float: left;
    margin: 0 27px 19px 0;
    width: 261px;
}
 .v-pic .entry { margin: 114px 0 0 288px;}

 .h-pic .avatar {width: 311px;}
 .h-pic .entry { margin: 38px 0 0 114px; }

/* text layout*/
 .text .entry { margin-left: 57px;}
     .text .entry p{ margin-bottom: 19px; }
     .text .entry p:last-child {margin: 0;}
 .text .avatar,  .single-page .avatar{
    float: left;
    margin: 0 27px 19px 0;
}
 .text .avatar + .entry{padding-top: 80px;}

/* metadata*/
 .post-meta{
    display: block;
    margin: 38px 0 0;
    font-size: 11.5px;    
}

 .post-meta-line-1 {
    border-bottom: 1px solid #e0daca;
    padding: 0 6px 4px 0;
    text-align: right;
}
     .post-meta-line-1 .email-this,  .post-meta-line-1 .print-button {text-transform: uppercase; }
    
 .post-meta-line-2{
    padding: 7px 0 3px 10px;
    background: transparent url(../img/labels-bg.png) no-repeat 0 4px;
    height: 19px;
}
     .post-meta-line-2 .label {
        color: #473b1c;
        padding-right: 9px;
    }

/*pages*/
 .single-page div.entry p {
    margin-bottom: 19px;
}
 .single-page .entry p:last-child {margin: 0;}

/* correction for search bold*/
.section b{font-weight: normal;}

/* Next-prev NAv
------------------------------------------------------------------------------ */
 .navigation {
    display: block;
    overflow: hidden;
    background: transparent url(../img/nav-bg.png) no-repeat 0 0;
    height: 40px;
    margin: 0 0 38px;
}
    .navigation .blog-pager{
        float: left;
        width: 465px;
        display: block;
        overflow: hidden;
        padding: 9px 0 0 12px;
    }
     .navigation .blog-pager span {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        margin-right: 38px;
    }
     .navigation .blog-pager .newer-link{
        background: transparent url(../img/new-arrow.png) no-repeat 0 0;
        padding-left: 15px;        
    }
     .navigation .blog-pager  .older-link{
        background: transparent url(../img/old-arrow.png) no-repeat right 0;
        padding-right: 15px;
    }
     .navigation .blog-pager .newer-link:hover{background-position: 0 -21px;}
     .navigation .blog-pager .older-link:hover{background-position: right -21px;}
         .navigation .blog-pager span a{
            color: #4b4741;
            font-size: 11.5px;
        }    
 .navigation .scroll-link{
    margin: 8px 12px 0 0;
}

/* Status message
------------------------------------------------------------------------------ */
 .status-msg-holder {
    display: block;
    overflow:hidden;
    height: 32px;
    margin-bottom: 40px;    
}
    .status-msg-content{
        float: right;
        min-width: 405px;
        text-align: center;
        padding: 5px 20px 7px;
        color: #6d6247;
        background: transparent url(../img/status-bg.png) no-repeat 0 0;
    }
	.section .status-msg-content b {font-weight: bold; }
	.status-msg-content b b{display: none;}
 .date-header{clear: both;}
    
/* tags on item page*/
#content-column .cloud-label-widget-content .label-count {
	color: #afaaa2;
}


/* SIDEBAR
------------------------------------------------------------------------------ */
 #sidebar {
    margin-top: 38px;
    color: #afaaa2;
}    

 #sidebar .widget{
    display: block;
    overflow: hidden;
    margin: 0 0 57px 0;
    background: transparent url(../img/widget-bg.png) no-repeat 0 0;
}

     #sidebar .widget h2{
        padding: 4px 0 94px 45px;
    }

    #sidebar .widget .widget-content{
        padding-left: 19px;
        position: relative;
    }
     #sidebar .LinkList ul li,  #sidebar .BlogArchive ul li,  #sidebar  .HTML ul li{
        margin-top: 4px;
    }

 #sidebar .label-count{font-size: 11px;}

/* ID Specific styles for widgets - cut to inline pasting */
 #LinkList1 h2{ /* Knowing */
    background: transparent url(../img/w-rose.png) no-repeat 14px 30px;
}
 #BlogArchive1 h2{/* Archive */
    background: transparent url(../img/w-leaf.png) no-repeat 14px 30px;
}
/*author widget*/
 #HTML3 .avatar {
    position: absolute;
    left: 14px;
    top: -94px;
}
     #HTML3 .avatar img{
        width: 60px;
        height: 80px;
        padding: 2px;
        border: 1px solid #a7a296;
    }
 #HTML3 .author-intro{
    padding: 19px 0 0;
    font-size: 11px;
}
     #HTML3 .author-intro h3{
        text-transform: uppercase;
        margin-bottom: 8px;
    }
/* utility*/
 #HTML4 h2{
    background: transparent url(../img/w-windrose.png) no-repeat 6px 30px;
}
/* RSS links */
 #HTML5 ul{
    display: block;
    overflow: hidden;
    height: 50px;
    width: 100%;
    position: absolute;
    left: 14px;
    top: -70px;
}
     #sidebar #HTML5 li{
        float: left;
        display: block;
        margin: 0 9px 0 0;
    }
         #HTML5 li a{
            display: block;
            width: 50px;
            height: 50px;
            text-indent: -10000px;
        }
         li#rss-sbs a{background: transparent url(../img/rss.png) no-repeat 0 0;}
         li#email-sbs  a{background: transparent url(../img/email.png) no-repeat 0 0;}
         li#twitter-sbs a{background: transparent url(../img/twitter.png) no-repeat 0 0;}
        
 #Label1 h2{
    background: transparent url(../img/w-windrose.png) no-repeat 6px 42px;
}
#ie-notice{
	display: none;
	
}

/*PAGES
------------------------------------------------------------------------------- */
.static_page .post-meta-line-2{
  display: none;
}
.static_page .entry h3{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.static_page .entry ul{
  margin-left: 20px;
}
  .static_page .entry ul li{
	margin-bottom: 10px;
  }
  
/* table of content*/
#content-page   #letters{
  width: 100%;
  margin-right: 60px;
  text-align: center;
}
	#content-page   #letters td{
		width: 10%;	
	}
#content-page .alf .rem {
  text-transform: lowercase;
}
.content-up{
	margin: 5px 60px 5px 0;
	padding: 0 20px 0 0;
	text-align: right;
	font-size: 11px;
	background: transparent url(../img/up-arrow.png) no-repeat right 0;
}
	.content-up a{ text-decoration: none; }
	.content-up:hover { background-position: right -20px; }
		.content-up:hover a{ text-decoration: underline;}
h3.alf{
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	color: #4b4741;
	margin-bottom: 16px;
}