/*  
Theme Name: Audacity of Tanish
Theme URI: http://ahren.org/code/tanish-wp
Description: Dark configurable theme with JavaScript effects ;-), bottom bars, costumisable background image, dynamic content show/hide capabilities. Needs WP >= 2.7 for full functionality. SCREENSHOT DOESN'T DO JUSTICE ;-), CHECK THE DEMO/PREVIEW and the Dashboard/Admin options! New in this release: option to display latest post expanded in front page, background tile, other styling, extensive fixes, more complete IE (7,8) support, and a lot more. See <a href='http://ahren.org/code/bit/tanish-wp-1dot0'>http://ahren.org/code/bit/tanish-wp-1dot0</a> for full list of changes and <a href='http://ahren.org/code/tanish-wp'>http://ahren.org/code/tanish-wp</a> for features and screenshots.
Version: 1.0.1
Author: Ravi Sarma
Author URI: http://ahren.org/code/
Tags: two-columns, flexible-width, theme-options, threaded-comments, black, dark

	 Audacity of Tanish 1.0.1
	 http://ahren.org/code/tanish-wp

	The CSS, XHTML and design are released under the
    latest GPL (at time of use):
	http://www.opensource.org/licenses/gpl-license.php
*/

HTML,
BODY
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    border-style: none;
    background-color: #000000;
    color: #ffffff;
    font-size: 9pt;
    font-family: "Lucida Grande", sans-serif;
}

A
{
    color: #88ff55;
    text-decoration: none;
}

A:hover
{
    text-decoration: none;
}

STRONG,
B
{
    color: #fff;
    font-weight: normal;
}

EM,
I
{
    font-family: Georgia, serif;
    color: #a98;
}

IMG
{
    border: none 0px;
}

.entry IMG
{
    border: 1px solid #666;
    padding: 15px;
}

BLOCKQUOTE
{
    border-left: 5px solid #bb2200;
    padding: 10px 25px;
    margin: 25px 20px;
    margin-left: 40px;
    color: #dd9955;
}

.comment BLOCKQUOTE
{
    overflow: auto;
}

TABLE
{
    border-style: none;
    font-family: inherit;
}

TH
{
    border: 1px solid #bb2200;
    padding: 2px 4px;
    border-style: solid solid solid none;
}

TD
{
    border: 1px solid #444444;
    padding: 2px 4px;
    border-style: none dotted solid none;
}

PRE,
CODE
{
    padding: 2px 8px;
    color: #ffeeaa;
	font-family: monospace;
}

.heading,
H1,
H2,
H3,
H4,
H5,
H6
{
    color: #5588ee;
    font-family: Georgia, serif;
}

.divclear
{
    height: 1px;
    clear: both;
}

#indexpage .post-title-bar .heading
{
    font-size: 13pt;
    padding-left: 30px;
}

.heading,
#indexpage .post-title-bar .heading:first-line
{
    font-size: 18pt;
    padding-left: 0px;
}

.post-selected .post-title-bar .heading,
.post-selected .post-title-bar .heading:first-line,
#single .post-title-bar .heading,
#comments > .heading,
#respond > .heading
{
    font-size: 24pt !important;
    padding-left: 0px !important;
}

#bgtilediv
{
    padding-top: 20px;
}

#container
{
    padding-bottom: 60px;
}

#header
{
    padding-top: 20px;
    margin-bottom: 60px;
}

#title
{
    float: left;
    font-size:  26pt;
    margin-left: 30px;
    margin-right: 15px;
    padding: 6px 16px;
    background-color: #bb2200;
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
}

#title a
{
    color: #ffffff;
    text-decoration: none;
}

#description
{
    float: left;
    font-size: 11pt;
    padding: 3px 6px;
    margin-top: 8px;
}

#rsslink
{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

#bottombarbox
{
    clear: both;
    color: #aaaaaa;
    padding: 50px 0px;
    background-color: #222222;
    background: #222222 url(images/darkhzgrad.png?v=2) repeat-x top left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    width: 900px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -khtml-border-bottom-left-radius: 15px;
    -khtml-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
}

.bottombar
{
    float: left;
    width: 260px;
    margin: 10px 20px;
}

.sbtitle
{
    cursor: pointer;
    margin: 5px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #444444;
    font-size: 10pt;
}

.sbcontent
{
    display: none;
    font-size: 9pt;
}

.sbcontent UL
{
    margin-top: 3px;
    margin-left: 0px;
    padding-left: 0px;
}

.sbcontent LI
{
    margin-left: 15px;
    padding: 3px 0px;
    border-top: 1px solid #333333;
}

.sbcontent > UL > LI:first-child
{
    border-top: none;
}

#wp-calendar
{
    margin: 15px 5px;
    border-style: solid none solid none;
    border: 1px solid #666666;
}

#wp-calendar CAPTION
{
    margin-bottom: 5px;
}

#wp-calendar TH
{
    border-style: none none solid none;
}

#wp-calendar TD
{
    border-style: none;
    text-align: right;
}

#searchform LABEL
{
    display: none !important;
}

#single,
#indexpage,
#comments
{
    clear: both;
    margin: 0 10%;
    border: 3px solid #666666;
    border-left: 25px solid;
    background-color: #222222;
    padding: 30px;
    opacity: 0.96;
    filter: alpha(opacity = 96);
}

#indexpage
{
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
}

#single,
#indexpage
{
    border-color: #bb2200;
}

.post
{
    padding: 0px 10px;
    clear: both;
}

#indexpage .post-selected
{
    margin: 20px -75px 20px -90px !important;
    padding: 40px 60px;
    border: 3px solid #bb2200;
    border: 10px solid #aaa;
    background-color: #111111;
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
}

#single .post
{
    padding: 20px 30px;
}

.post-title-bar
{
    padding: 3px 0px;
    border-bottom: 1px solid #666666;
}

#indexpage .post-title-bar
{
	cursor: pointer;
}

#indexpage .post-title-bar .heading
{
    letter-spacing: 0.07em;
}

.post-title-prefix
{
    display: none;
    float: left;
    width: 10px;
    padding: 0px;
    margin-top: -2px;
    color: #f90;
    font-family: sans-serif;
    font-size: 20pt;
    text-align: center;
}

#indexpage .post-title-prefix
{
    display: block;
}

.post-selected .post-title-prefix
{
    display: none !important;
}

.dateauthor
{
    float: right;
    text-align: right;
    font-size: 9pt;
    margin-top: 4px;
    margin-left: 15px;
}

.post .avatar
{
    display: none;
}

#single .post .avatar
{
    display: block;
    margin: 10px 20px 5px -105px;
    background-color: #000000;
    border: 2px solid #bb2200;
    padding: 8px;
    float: left;
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    /*
    opacity: 0.8;
    filter: alpha(opacity = 80);
    */
}

.entry
{
    line-height: 180%;
    font-size: 10pt;
    padding: 5px 0px;
    margin-top: 25px;
}

.entry,
#comments
{
    color: #bbbbbb;
}

#indexpage .entry
{
    display: none;
}

.entry .morelink
{
    display: none;
}

#indexpage .entry .morelink
{
    display: block;
}

.entry OL,
.entry UL
{
    overflow: auto;
    margin: 15px 35px 15px 15px;
    padding: 0px 0px 0px 25px;
}

.entry UL
{
    list-style-type: square;
}

.entry UL LI,
.entry OL LI
{
    margin: 0px;
    padding: 5px 10px;
    border-bottom: 1px solid #444444;
    border-left: 1px solid #444444;
}

.entry UL LI:last-child,
.entry OL LI:last-child
{
    border-bottom: 0px none !important;
}

.postmetabox
{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 9pt;
}

#indexpage .postmetabox
{
    display: none;
}

.postmetabutton
{
    float: right;
    margin: 8px 0px; 
    cursor: pointer;
}

#single .postmetabutton
{
    display: none;
}

.postmetadata
{
    display: none;
    clear: both;
    line-height: 160%;
    padding: 7px 15px;
    border: 1px solid #666666;
    background-color: #222222;
    text-shadow: #000000 -2px -2px 4px;
}

.postmetadata H4
{
    padding: 0 !important;
    margin: 0 !important;
}

#single .postmetadata
{
    display: block;
    margin-top: 30px;
}

.postmetadata a
{
    color: #dddddd;
}

.postmetadata DIV
{
    border-bottom: 1px solid #666666;
    padding-bottom: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
}

.postmetadata DIV:last-child
{
    border-bottom: none;
}

.postmetadata DIV UL
{
    margin: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.postmetadata DIV LI
{
    margin: 0px;
    margin-left: 15px;
    padding: 3px 0px;
}

.postcats,
.posttags
{
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    padding-right: 40px;
    margin-top: 8px !important;
}

.postcats
{
    background: url(images/briefcase.png) no-repeat top right;
}

.posttags
{
    background: url(images/tag-orange.png) no-repeat top right;
}

#subpagelinks
{
    clear: both;
    margin-top: 10px;
    padding-top: 15px;
    border-top: solid 1px #666666;
}

#subpagelinks SPAN
{
    font-size: 11pt;
    font-weight: normal;
}

#subpagelinks A
{
    padding: 1px 6px 3px 6px;
    border: 1px solid #666666;
    margin-left: 3px;
    margin-right: 3px;
}

.navigation
{
    font-family: Georgia, serif;
    font-size: 14pt;
    margin: 0px 10%;
    margin-top: 40px;
}

.navigation SPAN
{
    padding: 5px 12px;
    background-color: #111111;
    border: 1px solid #aaa;
    opacity: 0.7;
}

#creditsbox
{
    position: static;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0px;
    margin-top: 40px;
    padding: 0px;
    border: 0px none;
    /*
    opacity: 0.6;
    filter: alpha(opacity = 90);
    */
}

#credits
{
    float: right;
    margin: 0px 60px 0px 0px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 8pt;
    font-weight: normal;
    background-color: #111111; /* also set using JS in tanish.js */
    letter-spacing: 0.15em;
    color: #ffffff;
    padding: 3px 20px;
}

#comments
{
    /*
     * without the !important, which AFAIK is really not needed, IE does strange things
     * for top margin (possibly because we set margins for #comments above as well.
     */
    margin: 0px 14% 40px 14% !important;
    padding: 30px;
    border-left-color: #666666;
    border-top: 0px none;
    /*
    border: none;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    */
}

/*
#commentsbotbar
{
    height: 25px;
    margin: 0px -30px -20px -30px;
    background-color: #bb2200;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
}
*/

.nocomments
{
    padding: 3px 8px;
    background-color: #bb2200;
    color: #ffffff;
    font-size: 12pt;
}

.comment,
.pingback,
.trackback
{
    list-style-type: none;
}

.comment-body
{
    clear: both;
    overflow: auto;
    margin-bottom: 30px;
    padding: 30px;
    padding-left: 140px;
    background-color: #111;
}

.bypostauthor > .comment-body
{
    background-color: #001015;
    border: 3px solid #b20;
}

.comment-author
{
    float: left;
    clear: left;
    width: 80px;
    min-height: 60px;
    margin: 0px;
    margin-left: -120px;
    padding: 0;
    border: 15px solid #111;
    border-left-width: 0px;
    border-right-color: #333;
}

.comment-author A,
.comment-meta A
{
    color: #48a;
}

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

.comment-author IMG
{
    float: left;
    clear: left;
    margin-bottom: 6px;
    border: 1px solid #666666;
    padding: 4px;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.comment-author CITE
{
    float: left;
    clear: left;
}

.says
{
    display: none;
}

.comment P,
.pingback P,
.trackback P
{
    overflow: auto;
    line-height: 180%;
    color: #aaa;
    /* TODO: check why we had the below in the first place! IE? Firefox? */
    /* margin-left: 120px; */
}

/*
 * don't let the above apply to reply boxes that have been dynanmically
 * moved below the comment
 */
#respond P
{
    margin-left: 0px;
}

.reply
{
    clear: both;
    margin-top: 20px;
    padding: 0px;
    padding-top: 20px;
    border-top: 1px solid #333;
    text-align: right;
}

.comment-reply-link
{
    color: #ffffff;
    padding: 4px 8px;
    background-color: #bb2200;
    font-size: 10pt;
}

#respond
{
    margin-top: 20px;
    padding: 30px 10px;
    border-top: 2px solid #bb2200;
    background: url(images/bgimage/pen1.png?v=001) no-repeat center right;
    /* add below, attributes to prevent .bypostauthor class from applying, if any */
}

#respond .heading
{
    margin-bottom: 10px;
}

.responduser
{
}

.cancel-comment-reply
{
    margin-bottom: 4px;
    margin-left: 10px;
    font-size: 10pt;
}

.bottombar #s,
.respondfield INPUT,
#comment
{
    border: 1px solid #666666;
    background-color: #000000;
    color: #ffffff;
    font-size: 10pt;
}

#comment
{
    width: 85%;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

#upgrademsie
{
    z-index: 5;
    position: absolute;
    display: none;
    bottom: 0px;
    left: 30%;
    width: 40%;
    border-left: 15px solid #bb2200;
    background-color: #ffffff;
    margin: 0px;
    padding: 10px;
    color: #bb2200;
    font-size: 14pt;
}

#upgrademsie IMG
{
    float: left;
    margin-right: 10px;
}

/* CSS for the hints bubble from
 * http://paulbakaus.com/2009/10/05/a-ux-pattern-reusable-hints-with-jquery
 */
#bubbletemplate
{
    display: none;
}

.bubble
{
    background: rgba(255,255,255,0.9); /* use rgba to let the bubble shine through a bit */
    font-size: 1.2em;
    padding: 10px 20px;
    width: 100px; /* the bubble needs a certain width since it's absolutely positioned */
    -moz-border-radius: 1em; /* give the bubble nice rounded corners */
    -webkit-border-radius: 1em; /* ...in both gecko and webkit */
    position: absolute;
    z-index: 100; /* give it a high value here to lie on top of all other stuff */
    opacity: 0; /* opacity must be set to zero at beginning (use filter: alpha(opacity=0) for IE) */
    background-color: #bb2200;
    color: #eeeeee;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9pt;
    letter-spacing: 0.15em;
}
 
.bubble .pointer
{
    position: absolute;
    bottom: -1em;
    left: 2em;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(187,34,0,0.9) transparent transparent transparent; /* make sure only one border side is shown */
    border-width: 1em 2em 0em 1em; /* this is called a border slant and creates the shape of the triangle */
}

.entry IMG.alignright
{
    margin: 15px 0px 15px 30px;
}

/* required as per wordpress.org */

.aligncenter, div.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.wp-caption
{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   border-radius: 3px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}