/*  
Theme Name: Ahimsa
Theme URI: http://code.ahren.org/ahimsa
Description: Ahimsa -- customisable collapsible sidebars, skinnable colour schemes, custom CSS and footer, low graphics, minimal distractions, with rounded corners in Firefox, Safari, Chrome (some support in IE). Built-in shortcodes for Fancybox image galleries and simple FAQ posts/pages. Support for WP menus, post thumbnails.
Version: 4.0
Author: Ravi Sarma
Author URI: http://code.ahren.org/
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, orange, red, white, yellow, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-colors, custom-menu, featured-images, theme-options, translation-ready, threaded-comments

	 Ahimsa 4.0
	 http://code.ahren.org/ahimsa

	Theme built for the Ahren Code site but free for all
    to use. The aim of this theme is to minimise the
    distractions to the reader through the use of clean
    (mostly) primary colours, low graphics, etc. This
    theme uses rounded borders viewable in all browsers
    that support them.

	The CSS, XHTML and design are released under the GNU GPL:
    http://www.gnu.org/licenses/gpl.html

*/

BODY
{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    border-style: none;
    background-color: #6f900d;
    font-size: 90%;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

A
{
    color: #27a;
    text-decoration: none;
}

A:hover
{
    text-decoration: none;
}

IMG
{
    border: none 0px;
}

BLOCKQUOTE
{
    background: url(images/quote.png) 0px 0px no-repeat #fffccc;
    color: #222222;
}

BLOCKQUOTE P:first-child
{
    margin-top: 0px;
}

BLOCKQUOTE P:last-child
{
    margin-bottom: 0px;
}

BLOCKQUOTE,
.entry UL,
.entry OL
{
    margin: 20px 0px;
    padding: 30px 40px;
    overflow: auto;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.entry UL,
.entry OL
{
	background-color: #ddf5ff;
    padding-left: 50px;
}

BLOCKQUOTE UL,
BLOCKQUOTE OL
{
    background-color: inherit !important;
    border-style: none !important;
    margin: 0px !important;
    padding: 0px 30px !important;
}

.entry LI
{
    padding: 4px 0px;
	margin-left: 0px;
}

/*
 * this should come here towards the beginning since there are some elements
 * that have both class capsule and some other second class, and that second
 * class setting should trump this one.
 *
 */
.capsule
{
    text-align: center;
    padding: 4px 10px;
    background-color: #c90;
    color: #fff;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

.actbubble
{
    background-color: #dd6f06;
    font-size: 1.1em;
}

.capsule A,
.actbubble A
{
    color: #ffffff;
}

#bgtop
{
    z-index: -1;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 0;
    background-color: #333333;
    border-bottom: 6px solid #cccccc;
    /* for IE */
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    
}

#container
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-style: none;
}

#main
{
    margin: 60px auto 60px auto;
    width: 90%;
    border-collapse: collapse;
    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
}

#header
{
    background-color: #b70100;
    color: #ffffff;
    text-align: left;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px; 
    -moz-border-radius-topright: 30px; 
}

#headerfields
{
    padding: 40px 30px;
    color: #ffffff;
}

#headerfields TABLE
{
    width: 100%;
}

#headerfields TABLE TD
{
    vertical-align: middle;
}

#title,
.title,
.title A
{
    font-family: "Trebuchet MS", sans-serif;
    color: #ffffff;
}

#title
{
    height: 20px;
    font-size: 3.5em;
    padding-right: 15px;
    padding-left: 10px;
    border-right: 2px solid #ffdd00;
}

#logo
{
    margin-right: 10px;
    vertical-align: middle;
}

#description
{
    padding-left: 20px;
    padding-right: 15px;
    width: 100%;
}

#header A
{
    color: #ffffff;
}

#search
{
    text-align: right;
    padding-right: 20px;
}

#searchform INPUT
{
    background-image: URL('images/search.gif');
    background-position: 3% 50%;
    background-repeat: no-repeat;
    border: 0px solid #aaaaaa;
    margin: 0px;
    margin-top: 5px;
    background-color: #000000;
    padding-left: 18px;
    color: #ffffff;
    height: 20px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

/*--- HEADER MENU ---------------------------------------------------------*/

#headermenu
{
	clear: both;
    background-color: #ddd;
    padding: 0px 30px;
	font-size: 1.2em;
}

#headermenu UL
{
	list-style: none;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
    border: 0px none;
}

#headermenu UL LI
{
	float: left;
    clear: right;
	position: relative;
    line-height: 2.1em;
	margin: 0 !important;
    padding: 0px !important;
    border: 0px none;
}

#headermenu LI:hover
{
    background-color: #fff;
}

#headermenu A
{
    display: block;
    color: #555;
	padding: 0px 10px;
}

#headermenu UL UL
{
	display: none;
	float: left;
	position: absolute;
	top: 2.1em; /* match #headermenu LI above */
	left: 0;
	width: 200px;
    background-color: #ddd;
    padding: 0;
	z-index: 99999;
    box-shadow: 2px 2px 2px #888;
    -o-box-shadow: 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
}

#headermenu UL UL UL {
	top: 0;
	left: 200px;
}

#headermenu UL UL A {
	height: auto;
	width: 180px;   /* expand to occupy width of enclosing LI/UL so hover works */
                    /* 180px + 10px + 10px (padding) = 200px */
}

/* finally display submenus on hover */
#headermenu UL LI:hover > UL
{
      display: block;
}

/*--- END HEADER MENU -----------------------------------------------------*/

/*--- SIDEBAR RELATED -----------------------------------------------------*/

.sidebartab
{
    display: none;
    text-align: center;
    padding: 7px 0px;
    background-color: #111111;
    color: #cccccc;
    font-size: 0.90em;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    letter-spacing: 0.2em;

}

.sidebartabnorotate
{
    width: 20px;
    margin-top: 50px;
    margin-bottom: 100px;
}

/* we are adding the rotation right here (rather than to #sidebartableftrotated)
 * since we want to check this property in ahimsa.js to find out if rotation
 * is supported by the current browser. Hacky? You decide!
 */
#sidebartableft
{
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: bottom right;
    -o-transform: rotate(-90deg);
    -o-transform-origin: bottom right;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.sidebartableftrotated
{
    margin-left: -80px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
}

.sidebartableftnorotate
{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
}

/* see comment on #sidebartableft above */
#sidebartabright
{
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: bottom left;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: bottom left;
    -o-transform: rotate(90deg);
    -o-transform-origin: bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.sidebartabrightrotated
{
    margin-right: -80px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
}

.sidebartabrightnorotate
{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
}

.tdsidebar,
.sidebar
{
    background-color: #ff9f06;
}

.sidebar
{
    color: #111111;
    padding: 10px;
    padding-top: 15px;
    height: 100%;
}

#tdsidebarleft,
#sidebarleft
{
    border-bottom-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px; 
}

#tdsidebarright,
#sidebarright
{
    border-bottom-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px; 
}

.sidebarlist
{
    border: none;
    padding: 0px;
    margin: 20px 12px 40px 12px;
    padding: 10px 20px 5px 6px;
    background-color: #ffdd99;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

.sidebarlist .title
{
    background-color: #846d21;
    padding: 5px 10px;
    margin: 0;
    margin-left: 5px;
    font-size: 1.1em;
}

.sidebarlist A
{
    color: #553333;
}

.sidebarlist UL
{
    margin: 0px;
    padding: 0px;
}

.sidebarlist LI
{
    border: none;
    border-top: 1px solid #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    margin-left: 15px;
    margin-right: 10px;
    list-style-type: none;
}

.sidebarlist LI:first-child
{
    border: none;
}

#calendar_wrap
{
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
}

#wp-calendar
{
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
}

#wp-calendar CAPTION
{
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    color: #222222;
}

#wp-calendar THEAD TH
{
    padding: 3px 5px;
    color: #ffffff;
    background-color: #ff9f06;
}

#wp-calendar TBODY TD
{
    color: #a08050;
    padding: 2px 3px;
    border-width: 0px;
    border-style: none;
}

#wp-calendar TFOOT TD.pad
{
    background-color: #ff9f06;
}

#wp-calendar #next,
#wp-calendar #prev
{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dd6f06;
}

#wp-calendar THEAD TH:first-child,
#wp-calendar #prev
{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
}

#wp-calendar THEAD TH:last-child,
#wp-calendar #next
{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
}

#wp-calendar TFOOT A
{
    color: #ffffff;
}

.textwidget
{
    padding: 5px 8px;
    color: #334400;
}

/*--- END SIDEBAR RELATED -------------------------------------------------*/

#contentbox
{
    background-color: #aaaaaa;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
}

#content
{
    margin: 0px;
    padding: 50px 40px;
    width: 100%;
}

.entrybox
{
    background-color: #ffffff;
    margin-bottom: 60px;
    padding: 0px 50px;
    padding-top: 20px;
    border-style: none;
    border-radius: 20px; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

.title
{
    background-color: #6f900d;
    border: 0px solid #666666;
    font-size: 1.6em;
    font-weight: normal;
    padding: 4px 20px;
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
    /* TODO: Firefox uses padding-left to determine Fieldset Legend margin!!! */
}

.dateauthor
{
    float: right;
    margin: 0px;
}

.entry
{
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 180%;
    font-size: 1.2em;
}

.entry,
.commenttext
{
    color: #444444;
}

.entry A:hover
{
    color: #b20;
}

.entry IMG
{
    padding: 10px;
    border: 1px solid #aaa;
}

.wp-post-image
{
    float: right;
    margin: 20px 0px 20px 30px;
}

#subpagelinks SPAN
{
    margin-right: 10px;
}

#subpagelinks
{
    float: right;
    margin: 40px 0px;
    padding: 8px 15px;
    font-size: 1.2em;
}

#subpagelinks A
{
    background-color: #fff;
    color: #555;
    padding: 1px 5px;
    margin: 0px 2px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.postmetadata
{
    clear: both;
    padding: 15px 30px;
    background-color: #eeeeee;
    margin: 0px -50px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
}

.comment .postmetadata,
.trackback .postmetadata,
.pingback .postmetadata
{
    padding: 8px 20px;
    margin: 0px -30px !important;
    visibility: hidden;
}

.fadedbottombar
{
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.postmetadata .commentlink
{
    float: right;
    padding: 5px 8px;
}

.postmetadata .cattrigger
{
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.cattagsbox
{
    display: none;
    clear: both;
    margin: 20px 0px;
    border-bottom: 1px dashed #ccc;
}

.postcats,
.posttags
{
    display: none;
    clear: both;
    background-position: 1% 60%;
    padding: 5px 0px 5px 30px;
    background-repeat: no-repeat;
    border-top: 1px dashed #ccc;
}

.postcats
{
    background-image: URL('images/cat2.png');
}

.posttags
{
    background-image: URL('images/tag2.png');
}

/*--- COMMENTS RELATED -------------------------------------------------------------- */

.nocomments
{
    float: left;
    font-size: 1.5em !important;
    padding-left: 25px;
    padding-right: 25px;
}

/*--- container ---*/
#comments
{
    margin-bottom: 20px;
    padding: 20px 50px;
    padding-bottom: 0px;
    border-style: none;
    background-color: #c9ba90;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

#comments > UL,
#comments > UL > LI,
#comments .children,
#comments .children > LI
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#comments .children
{
    margin-left: 40px;
}

.comment,
.trackback,
.pingback
{
    border: none;
    background-color: #ffffff;
    margin: 30px 0px;
    padding: 10px 30px;
    padding-bottom: 0px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

.comment .title,
.trackback .title,
.pingback .title
{
    font-size: 1.1em !important;
}

.comment IMG.avatar,
.trackback IMG.avatar,
.pingback IMG.avatar,
.commenttext
{
    padding-top: 5px;
}

.commenttext
{
    padding-right: 30px;
    padding-left: 30px;
    line-height: 150%;
}

.commentactions
{
    float: right;
    margin-left: 10px;
}

/*--- Comment Form Related ---------------------*/

/*--- Comment Form Container ---*/
#responsebox
{
    background-color: #ddd;
	color: #333;
    margin: 50px 0px 30px 0px !important;
    padding: 10px 40px 40px 40px;
    border-style: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

/* hide the WP inserted form title, etc */
#reply-title
{
    display: none !important;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment
{
    background-color: #eee;
    padding: 2px 0px 2px 5px;
    border: 1px inset #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#commentform LABEL
{
    width: 20%;
    text-transform: uppercase;
    font-family: Helvetica, "Century Gothic", sans-serif;
    font-size: 1.1em;
}

#commentform LABEL,
#commentform .required
{
    margin: 0;
    color: #666;
    padding: 1px 3px;
}

#commentform #author,
#commentform #email,
#commentform #url,
#comment
{
    border: 0px;
    background-color: #eee;
    width: 80%;
}

#commentform #author:focus,
#commentform #email:focus,
#commentform #url:focus,
#comment:focus
{
    outline: none !important;
}

#comment
{
    display: block;
    clear: left;
    width: 98%;
    height: 300px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#oldrespond
{
    float: left;
    width: 70%;
}

#respond INPUT#submit
{
    font-size: 1.2em;
    cursor: pointer;
	border: none !important;
	padding: 4px 15px;
}

#cancel-comment-reply-link
{
    display: inline;
    padding-left: 15px;
}

.form-allowed-tags
{
    display: none;
    color: #666;
    margin-top: 5px;
    margin-bottom: 10px;
}

.form-allowed-tags CODE
{
    color: #380;
}

#commentguide
{
    float: right;
    width: 16%;
    margin-top: 20px;
    padding: 30px;
    text-align: left;
    background-color: #eee;
    color: #555;
    line-height: 150%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.comment-field-focused
{
    border: 2px solid #9cf !important;
}

/*--- END: Comment Form Related ----------------*/
/*--- END: Comment Related ------------------------------------------------*/

.navigation .capsule
{
    font-size: 1.5em;
}

#rsslinks
{
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    left: 0;
    padding: 4px 10px;
    margin: 0px;
    background-color: #333333;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    text-align: right;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    border-style: none;
}

#rsslinks .capsule
{
    /* firefox likes padding here */
    float: right;
    margin-right: 5px;
    padding: 2px 10px !important;
    background-color: #000000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#rsslinks A
{
    color: #ffffff;
}

#credits
{
    margin: 0px;
    padding: 5px;
    padding-right: 10px;
    background-color: #333333;
    color: #ddcc33;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#credits A
{
    color: #ffffff;
}

img.avatar
{
    float: left;
    margin: 5px 20px 20px 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

/*--- custom classes for styled elements ------------------------------------*/

.nostyle
{
    margin: 0px !important;
    padding: 0px !important;
    background-color: inherit !important;
    color: inherit !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

UL.nostyle,
OL.nostyle
{
    padding-left: 40px !important;
}

.downloadbox
{
    float: left;
    margin: 5px 30px 5px 0px;
    background: url(images/download.png) 15px center no-repeat;
    color: #222;
    font-family: Montserrat, 'Helvetica Neue', sans-serif;
    font-size: 1.2em;
    padding: 10px 18px;
    padding-left: 50px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 5px #555555;
    -moz-box-shadow: 0px 0px 5px #555555;
    -webkit-box-shadow: 0px 0px 5px #555555;
}

.downlink,
.downlink:hover
{
    color: inherit !important; 
    text-decoration: none !important;
    border-style: none !important;
}

.sourcelinkbox
{
    overflow: hidden;
    background-color: #e6e6e6;
    color: #005588;
    padding-left: 0px;
    margin-top: 30px;
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sourcelinkbox .sourcemarker
{
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    background-color: #88aac0;
    padding: 3px 8px;
    margin-right: 10px;
}

.sourcelinkbox .sourceboxtext
{
    padding: 5px 10px;
    line-height: 150%;
}

.sourcelinkbox .sourcemarker,
.sourcelinkbox .sourceboxtext
{
    float: left;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

.rounded
{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.rounded-small
{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.rounded-big
{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

/* required as per wordpress.org */

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

.alignleft
{
   float: left;
   margin: 10px 20px 10px 0px;
}

.alignright
{
   float: right;
   margin: 10px 0px 10px 20px;
}

.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;
   -webkit-border-radius: 3px;
}

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

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

.gallery-caption
{
    /* no special styling */
}

.bypostauthor
{
    /* no special styling */
}

.sticky
{
    /* no special styling */
}