/*  
Theme Name: Ahimsa
Theme URI: http://ahren.org/code/ahimsa
Description: Ahimsa -- customisable colours, different skins, low graphics, minimal distractions, collapsible sidebar, with rounded corners in Firefox, Safari, Chrome (some support in IE). New for version 3.0: IE6 support dropped, many, many fixes and features, editable colour schemes (skins), custom CSS and footer support, W3C/XHTML 1.0 Standard validation. Please visit http://ahren.org/code/bit/ahimsa-wp-3dot0 for feature and fixes list and to suggest changes.
Version: 3.0
Author: Ravi Sarma
Author URI: http://ahren.org/code/
Tags: two-columns, flexible-width, left-sidebar, theme-options, threaded-comments

	 Ahimsa 3.0
	 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 are released under the
    latest GPL (at time of use):
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Modifications
	
	Marty 9/22/09: 
		change header table background to white and text to black
		style header table cell which holds the pmug logo
	Marty 9/23/09:
		change various colors for better conformance with the pmug logo
		add the image class from kubrick to provide better image alignment

*/

BODY
{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    border-style: none;
    /* background-color: #6f900d; */
	background-color: #88a7bd;
    font-size: medium;
    /* font-family: Futura, Helvetica, sans-serif; */
    font-family: Garamond, Times, serif;
}

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

A:hover
{
    text-decoration: none;
}

IMG
{
    border: none 0px;
}

/* marty 1/7/10 remove the funny quote image from top left by request */
BLOCKQUOTE
{
    //background-image: URL('images/quote.gif');
    //background-position: 0px 1px;
    //background-repeat: no-repeat;
    background-color: #f0f0aa;
    color: #333355;
    margin: 15px 25px 15px 25px;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

/* hack to get fieldset background and legend position working right in IE */
FIELDSET
{
    position: relative;
    margin: 0 0 1em 0;
}

FIELDSET LEGEND
{
    /*position: absolute;*/ /* 2010-01-12 sriggins commented out to make webkit and firefox display similar */
    top: -15px;
    left: 3%;
}

/*
 * 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;
	font-family: Optima, Verdana, Helvetica;
	font-size: small;
	border-radius: 10px;
	/* background-color: #cc9900; */
	background-color: #553333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.capsule
{
    color: #ffffff;
}

.actbubble
{
    /* background-color: #dd6f06; */
	background-color: #dec000;
	display: none;
}

.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 40px 60px 20px; */
	margin: 20px;
    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
}

.sidetabs
{
}

#header
{
    /* background-color: #b70100; */
	background-color: #ffffff;
    /* color: #ffffff; */
	color: #000000;
    margin: 0;
    padding: 20px;
    text-align: left;
    border-radius-topleft: 30px; 
    border-radius-topright: 30px; 
    -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: #000;
	width: 100%;
}

#header #logo
{
	padding-right: 15px;
	padding-left: 10px;
	border-right: 2px solid #ffdd00;
}

#header #center
{
	border-right: 2px solid #ffdd00;
}

#title
{

	font: bold 18pt "Gill Sans", "Trebuchet MS", sans-serif;
	padding-left: 10px;

}

#description
{
	font: italic 12pt "Gill Sans", "Trebuchet MS", sans-serif;
	padding-left: 10px;
}

#header A
{
	color: #000;
}

#search
{
    vertical-align: middle;
	font: 12pt "Gill Sans", "Trebuchet MS", sans-serif;
    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;
    font-size: 8pt;
    height: 20px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

#recent
{
    margin: 0px 0px 30px 0px;
    padding: 10px 5px;
    color: #ffffff;
    background-color: #777777;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#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;
    cursor: pointer;
}

#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;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#recentlist
{
    margin: 10px;
}

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

#recentlist UL LI
{
    list-style-type: none;
    color: #ffffff;
    border-top: 1px solid #cccccc;
    padding: 2px 5px;
    font-size: small;
}

#recentlist UL LI:last-child
{
    border-bottom: solid 1px #cccccc;
}

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

#sidebartab
{
    width: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
    padding: 7px 0px;
    font-size: smaller;
    background-color: #111111;
    color: #cccccc;
    cursor: pointer;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-topleft: 8px;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#tdsidebar,
#sidebar
{
    /* background-color: #ff9f06; */
	background-color: #306030;
    border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px; 
}

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

/* 11/30/09 marty: ad class to style spirit one ad */

.sidebar_ad
{
	background: #88a7bd; 
	margin: 8px 0 8px 0; 
	padding: 0; 
	text-align: center; 
	font: normal 0.75em arial;
}

.sidebarlist
{
    font-size: small;
    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 > LEGEND
{
	font-family: "Trebuchet MS", Verdana, Helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	background-color: #553333;
	padding: 5px 10px;
	margin: 0;
	margin-left: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.sidebarlist A
{
    color: #553333;
}

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

.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;
}

.sidebarlist LI:first-child,
#postaction 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; */
	background-color: #dec000;
}

#wp-calendar THEAD TH:first-child,
#wp-calendar #prev
{
    -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
{
    -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;
}

#content
{
    margin: 0px;
    padding: 20px 30px;
    padding-top: 30px;
    width: 100%;
    background-color: #aaaaaa;
    border-radius-bottomright: 30px; 
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px; 
}

.post
{
    margin-bottom: 50px;
}

.post > fieldset
{
    background-color: #ffffff;
    padding: 0px;
    padding-top: 20px;
    /* Firefox uses padding-left to determine Fieldset Legend margin!!! */
    padding-left: 15px;
    border-style: none;
    border-radius: 20px; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

.post .title,
#comments > legend,
.comment > legend,
#responsebox > legend
{
    /* background-color: #6f900d; */
	background-color: #306030;
    border: 0px solid #666666;
    font-size: large;
    padding: 4px 20px;
    margin-left: 15px; /* doesn't work for Firefox -- see comment above in .post fieldset */
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
    font-family: "Trebuchet MS", "Gill Sans", Helvetica, Arial;
}

legend,
legend A
{
    color: #ffffff;
}

.dateauthor
{
    float: right;
    margin: 0px 25px;
    font-size: small;
}

.entry
{
    padding: 10px 25px;
    color: #111111;
    line-height: 150%;
}

.entry,
.commenttext
{
    font-size: 11pt;
}

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

#postaction
{
    float: right;
    clear: right;
    padding: 10px 15px 10px 10px;
    margin: 20px;
    font-size: small;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

.postmetadata
{
    text-align: left;
    padding: 8px 10px 32px 10px;
    background-color: #eeeeee;
    margin: 0px;
    margin-left: -15px; /* see hack for Firefox in .post frameset above */
    clear: both;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
}

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

.postmetadata .cattrigger
{
    cursor: pointer;
    float: left;
    /*
    background-image: URL('images/down_arrow.png');
    background-position: 85% 50%;
    padding: 3px 35px 3px 10px;
    background-repeat: no-repeat;
    */
    padding: 3px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px; /* webkit can't render larger radius for smaller height */
    border-width: 0px;
}

.postcattags
{
    padding: 4px 10px 8px 10px;
    margin: 4px 10px 0px 10px;
    background-color: #ffffff;
    color: #442222;
    border-radius: 12px; 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px; 
    clear: both;
    text-align: left;
}

.postcattags .capsule
{
    font-size: small;
    padding: 1px 4px;
    margin-right: 5px;
    line-height: 20px;
    -webkit-border-radius: 8px; /* see comment above for .cattriger */
}

#single .postmetadata .cattrigger
{
    font-weight: bold;
}

.postcats
{
    background-image: URL('images/cat2.png');
    background-position: 3% 50%;
    padding: 5px 35px 5px 45px;
    background-repeat: no-repeat;
}

.posttags
{
    margin-top: 15px;
    background-image: URL('images/tag2.png');
    background-position: 3% 50%;
    padding: 5px 35px 5px 45px;
    background-repeat: no-repeat;
}

#single .postcattags
{
    border-style: none;
}

#single .postcattags .capsule
{
    background-color: #ffddaa;
    margin-top: 2px;
    margin-bottom: 2px;
    float: left;
}

#single .postcattags .capsule a
{
    color: #772200;
}

#subpagelinks
{
    float: right;
    margin-right: 15px;
    font-size: medium;
}

#subpagelinks A
{
    font-size: small;
}

.nocomments
{
    font-size: large !important;
}

#comments
{
    background-color: #c9ba90;
    padding: 0px;
    padding-left: 15px;
    margin-bottom: 20px;
    border-style: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

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

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

#responsebox
{
    background-color: #ffffff;
	color: #333333;
    margin-top: 50px;
    margin: 30px 30px 0px 30px;
    padding: 10px 30px;
    border-style: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; 
}

FIELDSET.comment
{
    border: none;
    background-color: #ffffff;
    margin: 30px 40px 30px 25px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
}

FIELDSET.comment > LEGEND
{
    font-size: medium !important;
}

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

FIELDSET.comment .commenttext
{
    padding-right: 30px;
    padding-left: 30px;
	color: #333333;
}

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

BLOCKQUOTE UL,
BLOCKQUOTE OL
{
    background-color: inherit !important;
    border-style: none !important;
}

.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;*/
}

/* 11/16/09 Marty: disable unwanted paragraph lead letter
.entry > P:first-child:first-letter
{
    color: #662222;
    font-size: larger;
}
*/

.navigation .capsule
{
    font-size: large;
}

#rsslinks
{
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    left: 0;
    padding: 4px 10px;
    margin: 0px;
    font-family: Helvetica;
    font-size: 8pt;
    background-color: #333333;
    color: #ffffff;
    font-size: 9pt;
    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;
    font-family: "Trebuchet MS", Verdana, Helvetica;
    padding: 5px;
    padding-right: 10px;
    background-color: #333333;
    color: #ddcc33;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#credits A
{
    color: #ffffff;
}

#respond INPUT#submit
{
	font-weight: bold;
    font-size: medium;
    cursor: pointer;
	border: none;
	padding: 3px 10px;
}

#respond TEXTAREA
{
    width: 80% !important;
}

#respond INPUT.inptext
{
    border: 1px solid #999999;
    background-color: #eeeeee;
}

#comments .postmetadata,
.replybuttonbox
{
    padding: 10px 25px;
    text-align: right;
}

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

img.avatar
{
    float: left;
    margin: 5px 20px 20px 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-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 */
   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;
}

/* marty 9/23/09 */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

form#application fieldset
{
        border: thin dashed darkred;
        
 }
 
form#application fieldset legend {
	font-weight: bold;
	color: black;
}

form#application fieldset ul {
	background-color: #DCDCDC;
	margin: 0;
	padding: 0;
	list-style: none;
}

form#application fieldset ul li {
	width: 100%;
	margin: 0.5em;
	padding: 0;
}

form#application fieldset ul li br {
	display: none;
}

form#application fieldset ul li div.multiple p {
	margin: 0;
}

form#application fieldset label {
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
    	font-weight: normal;
    	text-align: right;
    }
    
form#application fieldset label.required {
	font-weight: bold;
	color: darkred;
}
    
form#application fieldset input radio textarea {
	
}

form#application fieldset table {
	margin-left: 230px;
	border: thin, solid, black;
}

form#application fieldset div.multiple {
	margin-left: 230px;
}


/* End Images */