/*  
Theme Name: Ahimsa
Theme URI: http://ahren.org/code/ahimsa
Description: Ahimsa -- basic colours, low graphics, minimal distractions, with rounded corners in Firefox, Opera, Safari. Please visit http://ahren.org/code/ahimsa to suggest fixes and enhancements.
Version: 1.2
Author: Ravi Sarma
Author URI: http://ahren.org/code/
Tags: fluid width, widget ready, 2 columns, left sidebar, gravatars

	 Ahimsa 1.2
	 http://ahren.org/code/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 is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

    Version 1.2 includes these fixes and features:

    * Fixed: A grey rectangle was overlaid on posts without comments,
      on blogs that require registration to comment.
    * Fixed: The actions box on the top right of posts had a bad
      link for posts with comments disabled.

*/

BODY
{
    margin: 0;
    padding: 0;
    background-color: #9fc03d;
    font-size: medium;
    font-family: "Gill Sans", "Trebuchet MS", Helvetica;
}

A
{
    color: #772200;
    text-decoration: none;
}

A:hover
{
    text-decoration: none;
}

IMG
{
    border: none 0px;
}

BLOCKQUOTE
{
    background-image: URL('images/quote.gif');
    background-position: 0px 1px;
    background-repeat: no-repeat;
    background-color: #f0f0aa;
    color: #222277;
    margin: 15px 25px 15px 25px;
    padding: 20px 20px 10px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

#bgtop
{
    z-index: 1;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 30%;
    margin: 0;
    padding: 0;
    background-color: #333333;
    border-bottom: 6px solid #cccccc;
}

#main
{
    z-index: 2;
    position: relative;
    left: 5%;
    top: 10px;
    width: 90%;
    margin-bottom: 80px;
    background-color: #aaaaaa;
    border: 3px solid #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
}

#header
{
background-image: URL('images/headermisterobuffo.jpg');
background-repeat: no-repeat;
background-position: 50% 8%;

    height: 192px;
    background-color: #b70100;
    color: #ffffff;
  
    padding: 15px;
    text-align: center;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px; 
    -moz-border-radius-topright: 30px; 
}

#header table
{
    color: #ffffff;
    width: 100%;
}

#header #title
{

   height: 110px;
    width: 205px;
padding-top: 0px;
    font-size:  12pt;
    font-family: "Trebuchet MS", "Gill Sans", Skia, "Century Gothic";
font-weight: bold;
font-color:#846d21;
    padding-right: 0px;
    padding-left: 0px;
    
}

#header #description
{ 

font-size:  12pt;

font-family: "Trebuchet MS", "Gill Sans", Skia, "Century Gothic";
font-color:#846d21;
padding-top: 20px;

}

#header a
{
    color: #846d21;;
}

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

#searchform INPUT
{
    background-image: URL('images/search.gif');
    background-position: 3% 40%;
    background-repeat: no-repeat;
    border: 0px solid #aaaaaa;
    margin: 0px;
    margin-top: 2px;
margin.left: 2px;
    background-color: #000000;
    padding-top: 4px;
    padding-left: 45px;
    color: #ffffff;
    font-size: 10pt;
    height: 20px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}


/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:center;                                     /* play nicely with others */
	margin:45px 0px 0px 5px;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font: bold 13px Trebuchet MS;
  /* this (and also below) sets the menu's font size */
}
.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {

	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:auto;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;  
height: 30px;

;                             /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
display: block;
margin-top: -10px;
margin-bottom: 10px;
width: 105px; /*Width of top level menu link items*/
height: 30px;
padding: 2px 8px;
border: 1px solid #0072bf;
border-left-width: 1px;
text-decoration: none;
background-color: #ff9f06;
font: bold 13px Trebuchet MS;
color: #0072bf;
text-align: center;
}

.menu ul li a:hover  {                    /* unselected top-level menu items */
display: block;
margin-top: -10px;
margin-bottom: 10px;
width: 115px; /*Width of top level menu link items*/
height: 30px;
padding: 2px 8px;
border: 1px solid #ff9f06;
border-left-width: 1px;
text-decoration: none;
background-color: #0072bf;
color: #ff9f06;
font: bold 13px Trebuchet MS;
text-align: center;
}

.menu ul li ul li a{
width: 140px; /*width of sub menu levels*/
height: 30px;
font: bold 13px Trebuchet MS;
color: #0072bf;
text-align: center;
padding: 2px 5px;
background-color: #ff9f06;
border-width: 1px 1px 1px 1px;
text-transform: none;
}




.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */


}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
height: 30px;
	margin:0;
	top:19px;              /* place us just up underneath the top-level */
	left:0px;       /* left-align our drop-down to the previous button border */
     /* the drop-down height will be determiend by line count */
	
text-transform: none;
background-color: #ff9f06;
	   width:13.5em;     /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	 width:8.08333em;  /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */


height: 30px;
border: 1px solid #0072bf;
border-left-width: 1px;

text-transform: none;
	margin:0;
	padding:0;

	color:#ff9f06;               /* this sets the unselected drop-down text color */
		      /* this sets the drop-down menu background color */
	width:13.5em; 
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	text-transform: none;
height: 30px;
color: #ff9f06;
	background-color: #0072bf;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	
height: 30px;
text-transform: none;
width:8.08333em;
}



#recent
{
    color: #ffffff;
    background-color: #846d21;
}

#recentheader
{
    padding: 5px 10px;
    font-size: large;
    font-family: "Trebuchet MS", "Gill Sans", Skia, "Century Gothic";
}

#recentmore
{
    float: right;
    font-size: small;
    background-color: #b70100;
}

#recentclose
{
    background-color: #b70100;
    color: #ffffff;
    float: left;
    clear: left;
    padding: 1px 3px 3px 3px;

    font-family: Verdana;








    font-size: xx-small;
    font-weight: bold;
    /* border: 1px solid #ffffff; */
    margin-right: 8px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#recentlist
{



    font-family: Futura, "Century Gothic", Helvetica, Arial;
    padding: 15px 15px 15px 0px;
    background-color: #555555;
    margin: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#recentlist ul
{
    margin: 0px 0px 0px -20px;
}

#recentlist ul li
{
    list-style-type: none;
    color: #ffffff;
    border-bottom: 1px solid #aaaaaa;
    padding: 2px 5px;
    font-size: small;
}

#recentlist ul li:last-child
{
    border-style: none;
}

#recentlist a, #recentlist a:hover
{
    text-decoration: none;
    color: #ffffff;
}

#sidebar
{
    width: 230px;
    background-color: #ff9f06;
    color: #111111;
    padding: 10px;
    /*opacity: 0.7;*/
    font-family: "Trebuchet MS", Verdana, Helvetica;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px; 
}

#sidebar fieldset.sidebarlist
{
    font-size: 9pt;
    border: none;
    padding: 0px;
    margin: 12px 12px 25px 12px;
    padding: 5px 20px 5px 6px;
    background-color: #ffdd99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

#sidebar legend
{
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    background-color: #846d21;
    padding: 5px 10px;
    margin: 0;
    margin-left: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

#sidebar .sidebarlist ul, #postaction ul
{
    margin: 0px;
    padding: 0px;
}

#sidebar .sidebarlist li, #postaction 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;
}

#sidebar .sidebarlist li:first-child, #postaction li:first-child
{
    border: none;
}

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

#sidebar #calendar_wrap
{
    margin-bottom: 10px;
}

#sidebar #wp-calendar
{
    border-spacing: 0px;
}

#sidebar #wp-calendar caption
{
    font-size: larger;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    color: #222222;
}

#sidebar #wp-calendar thead,tfoot
{
    background-color: #ff9f06;
}

#sidebar #wp-calendar thead th
{
    padding: 3px 5px;
    color: #ffffff;
}

#sidebar #wp-calendar tbody td
{
    color: #224499;
    padding: 2px 3px;
    border: 1px dotted #ffffff;
    border-style: none dotted dotted none;
}

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

.sidebarlist a
{
    color: #553333;
}

#content
{
    margin: 0px;
    padding: 20px 20px;
    padding-top: 30px;
}

.post
{
    margin-bottom: 50px;
}

.post fieldset
{
    background-color: #ffffff;
    border-style: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

.post fieldset legend.title, fieldset.comment legend
{
    background-color: #6f900d;
    border: 0px solid #666666;
    font-size: 13pt;
    padding: 4px 20px;
    margin-left: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    font-family: "Trebuchet MS", "Gill Sans", Helvetica, Arial;
}

legend.title a, fieldset.comment legend, fieldset.comment legend a
{
    color: #ffffff;
}

.post fieldset .dateauthor, .commentmeta
{
    text-align: right;
    margin: 0px 20px;
}

.post fieldset .dateauthor
{
    margin-top: 5px;
}

.post fieldset .dateauthor .capsule
{
    background-color: #cc9900;
}

.entry
{
    padding: 10px 25px;
    font-family: Futura, "Century Gothic", Helvetica, Arial;
    font-size: 14px;
    color: #111111;
}

.entry A:hover
{
    text-decoration: none;
    border-bottom: 1px dotted #aaaaaa;
}


#postaction
{
    float: right;
    padding: 10px 15px 10px 10px;
    margin: 20px;
    background-color: #dd6f06;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

#postaction a
{
    color: #ffffff;
}

.postmetadata
{







    text-align: left;
    padding: 12px 12px 30px 12px;
    border-top: 2px solid #6f900d;
    margin: 0px 10px;
    clear: both;
}

.postmetadata #commentlink
{
    background-color: #dd6f06;
    float: right;
    padding: 3px 8px;

}

.postmetadata .cattrigger
{
    cursor: pointer;






    float: left;
    background-image: URL('images/down_arrow.png');
    background-position: 85% 50%;
    padding-right: 35px;
    background-repeat: no-repeat;
    margin-right: 10px;
    border-width: 0px;
}

.postcats
{
    display: none;
    padding: 5px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    background-color: #ffdd99;
    margin-top: 10px;
    float: left;
    clear: both;
    text-align: left;
    line-height: 30px;
    color: #442222;
}

.postcats .capsule
{
    font-size: smaller;
    margin-right: 5px;
}

DIV#comments
{
    background-color: #c9ba90;
    padding: 10px 30px 30px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

DIV#replybox
{
    background-color: #ffffff;
	color: #333333;
    margin-top: 50px;
    padding: 10px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

fieldset.comment
{
    border: none;
    background-color: #ffffff;
    margin: 20px 0px;
    padding: 0px 10px 10px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

fieldset.comment legend
{
    font-size: 11pt;
}

fieldset.comment .commenttext
{
    padding-left: 20px;
	color: #333333;
}

#comments textarea
{
    width: 80% !important;
}

.entry UL, .page UL
{
	margin-left: 0px;
	padding: 15px;
	padding-left: 30px;
	background-color: #d0f0ff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px; 
}

.post LI, .page LI
{
    padding: 4px 0px;
	margin-left: 0px;
    /*border-bottom: 1px dotted #aaaaaa;*/
}

.post LI:first-child, .page LI:first-child
{
    /*border-top: 1px dotted #aaaaaa;*/
}

.entry > P:first-child:first-letter
{
    color: #662222;
    font-size: larger;
}

#credits
{
    position: fixed;
    z-index: 15;
    bottom: 0;
    width: 97%;
    margin: 0px;
    padding: 4px 20px;
    background-color: #333333;
    color: #ffffff;
    font-family: "Trebuchet MS", Verdana, Helvetica;
    font-size: 9pt;
    font-weight; normal;
    text-align: right;
    opacity: 0.8;
    border: none 0px;
}

#credits A
{
    color: #ddddff;
}

#rsslinks
{
    margin-right: 10px;
    float: left;
    color: #ffffff;
    font: 8pt;
}

#rsslinks a
{
    color: #ffffff;
}

#replybox H3#respond
{
	padding-bottom: 3px;
	border-bottom: 2px solid #777777;
}

#replybox INPUT#submit
{
	font-weight: bold;
    background-color: #6f900d;
	color: #ffffff;
	border: none;
	padding: 3px 10px;
}

#replybox TEXTAREA, #replybox INPUT
{
    border: 1px solid #aaaadd;
    background-color: #f7ffe0;
}

.capsule
{
    text-align: center;
    padding: 4px 10px;
    font-family: Optima, Verdana, Helvetica;
    color: #ffffff;
    background-color: #dd6f06;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px; 
}

.capsule a
{
    color: #ffffff;
}

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

/* 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 */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   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;
}