/* ai_style.css (see bottom for original license info) */

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    border-style: none;
    background-color: #6f900d;
    font-size: 9pt;
    font-family: "lucida grande", helvetica, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

#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%;
    height: 100%;
    padding: 0px;
    margin-bottom: 35px;
    border-style: none;
}

#header {
  background-color: #b70100;
	color: #ffffff;
  padding: 20px;
  margin-left: 78px;
  margin-right: 70px;
  margin-top: 15px;
  height: 72px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}

#header a {
  color: #fff;
  text-decoration: none;
}

#alien {
  float: left;
  margin-top: 12px;
}

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

.bold {
  font-weight: bold;
}

/*
 * 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: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  background-color: #cc9900;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.capsule {
  color: #ffffff;
}

.column1 {
  padding: 15px;
	background-color: #ff9f06;
  border-bottom-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
}

.column2 {
  padding: 30px;
	background-color: #aaaaaa;
  border-bottom-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-bottomright: 30px;
}

.row {
  margin-left: 78px;
  margin-right: 70px;
  height:100%;
  display: grid;
  grid-template-columns: 25% 75%;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

#title {
    font-size: 24pt;
    padding-right: 15px;
    padding-left: 10px;
    border-right: 2px solid #ffdd00;
    font-family: "trebuchet ms", "droid sans", sans-serif;
    float: left;
    margin-top: 18px;
    margin-right: 17px;
}

#description {
    font-size: large;
    margin-top: 28px;
}

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

#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: 10pt;
    height: 20px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

#title, LEGEND, LEGEND A, #recentheader {
  font-family: "Trebuchet MS", "Droid Sans", sans-serif;
  color: #ffffff;
}

.sidebarlist {
    font-size: medium;
    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-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    background-color: #846d21;
    padding: 5px 10px;
    margin: 0;
    margin-left: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

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

.sidebarlist a {
    color: #553333;
    text-decoration: none;
}

#content {
  margin: 0px;
  padding: 20px 30px;
  padding-top: 20px;
  padding-top: 10px;
  width: 100%;
  background-color: #aaaaaa;
}

.post {
  margin-top: 10px;
  margin-bottom: 20px;
}

#single .post {
  margin-top: 30px;
  margin-bottom: 80px;
}

.post > fieldset {
  background-color: #ffffff;
  padding: 0px;
  padding-top: 10px;
  /* 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;
  border: 0px solid #666666;
  font-size: 14pt;
  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;
}

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

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

.entry, .wide-entry {
    padding: 1px 40px;
    padding-bottom: 40px;
    line-height: 200%;
}

.entry, .commenttext, .wide-entry {
    font-size: 11pt;
    color: #444444;
}

.entry a, .wide-entry a {
	text-decoration:underline;
}

.entry a:hover, .wide-entry a:hover {
    text-decoration: none;
}

.postmetadata {
  text-align: left;
  padding: 8px 10px 0px 10px;
  background-color: #eeeeee;
  margin: 0px;
  margin-left: -15px; /* see hack for Firefox in .post fieldset above */
  clear: both;
  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;
}

.postmetadata .commentlink {
  float: right;
  padding: 5px 8px;
  font-size: 9pt;
}

.actbubble {
  background-color: #dd6f06;
}

.postmetadata .cattrigger {
  cursor: pointer;
  float: left;
  font-size: 9pt;
  padding: 5px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 8px;
  border-width: 0px;
}

.nextlink {
  font-size: 12pt;
}

.subbox {
  text-align: center;
  font-size: 14px;
}

.hamb_div {
  display: none;
}

.hamb_menu {
  text-decoration: none;
}

.hamb_menu:hover {
	text-decoration:none;
}

#f_hl a {
  text-decoration: underline;
}

#f_cat, #f_hl {
  display: block;
}

blockquote {
  color: grey;
  font-style: italic;
  border-left: 5px solid #eee;
  font-size: larger;
  margin: 0 0 20px;
  padding: 10px 20px;
}

.error_msg {
  color:red;
  font-size:larger;
  margin: 10px;
}

.error_msg_black {
  color:black;
  font-size:larger;
  margin: 10px;
}

.orig_src {
  font-size: smaller;
  color: gray;
}

figcaption {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}

form {
  padding: 10px;
}

.admin_table {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
}

.admin_table th, .admin_table td {
  border: 1px solid black;
  border-collapse: collapse;
}

.admin_table tr:nth-child(even) {
  background-color: #D6EEEE;
}

.type_msg {
  font-weight: bold;
  text-decoration: underline;
}

.links, .links_index {
  text-align: center;
  font-size: larger;
  margin-top: 20px;
}

.links_index {
  font-size: large;
}

.links_index a {
  text-decoration: underline;
}

.links_index a:hover {
  text-decoration: none;
}

.page_num, .page_num_index {
  text-align: center;
  padding-bottom: 9px;
}

.page_num_index {
  margin-top:15px;
}

.wide-entry {
    padding: 1px 0px;
}

.post-edit-label {
	background-color: antiquewhite;
	padding-left: 5px;
	font-weight: bold;
}

.post-edit-input-background, .post-edit-checkbox {
	background-color:lightblue;
}

.post-edit-input-background input {
	width: 50%
}

.post-edit-checkbox {
	display: grid; 
	grid-template-columns: 25% 25% 25% 25%;
}

.result_msg {
	margin: 10px;
	padding: 10px;
	font-size: larger;
	background-color: #FF9F06;
	color: white;
	font-weight: bold;
}

.contact-div {
	display:grid; 
	grid-template-columns: 20% 80%;
}

.contact-label {
	background-color: antiquewhite;
	padding-left: 5px;
	font-weight: bold;
}

.contact-input-background {
	background-color: lightblue;
	width: 100%
}

.contact-input-background > input, .contact-input-background > textarea  {
	width: 60%
}

.contact-input-background > textarea {
	height: 100px; 
}

.post-img {
  max-width: 100%;
  height: auto;
  float: right;
  padding: 5px;
}

/* For tablets and smaller : ------------------------------------------- */
@media only screen and (max-width: 840px) {

  .hamb_div {
    font-size: xx-large;
    display: block;
  }

  #f_hl {
    display: none;
  }

  h2 {
    font-size: 11pt;
  }

  .sidebarlist {
      font-size: small;
  }

  .entry {
    padding: 1px 5px;
  }

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

  .row {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
  }

  .column1 {
    display: none;
    float: none;
    width: inherit;
    padding: 1px;
    border-bottom-left-radius: 0px;
  }

  .column1 > fieldset > ul > li {
    padding: 15px;
    font-size: larger;
  }

  .column2 {
    padding: 5px;
    border-bottom-left-radius: 30px;
  }

  #header {
    padding-bottom: 5px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
    height: unset;
  }

  #alien {
    float: right;
    margin-top: 0px;
  }

  #title {
    float: none;
    font-size: 30px;
    width: 100%;
    padding: 0;
    border-right: unset;
    margin-top: 0px;
  }

  #description {
    font-size: inherit;
    margin-top: 0px;
  }

  #search {
    display: none;
  }

  .dateauthor {
    font-size: 9pt;
  }

  .post > fieldset {
    /* Firefox uses padding-left to determine Fieldset Legend margin!!! */
    padding-left: 5px;
  }

  .postmetadata {
    margin-left: -5px; /* see hack for Firefox in .post fieldset above */
  }

  .post .title {
    font-size: 12pt;
  }

  .nextlink {
    font-size: 11pt;
  }

  .contact-div {
	grid-template-columns: 30% 70%;
  }

  .contact-input-background > input, .contact-input-background > textarea  {
	width: 90%
  }

  .contact-input-background > textarea {
	height: 200px; 
  }

}

/* For mobile phones and smaller: -------------------------------------- */
@media only screen and (max-width: 600px) {

  .post-img {
    max-width: 50%;
  }

}


/* ============================================================================
This theme adapted by Rusty in Nov 2024.  Here is the original license info:
----------
Theme Name: Ahimsa
Theme URI: http://ahren.org/code/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.
Version: 3.3
Author: Ravi Sarma
Author URI: http://ahren.org/code/
Tags: one-column, two-columns, three-columns, flexible-width, left-sidebar, right-sidebar, theme-options, threaded-comments, orange, red, white, yellow, custom-colors, translation-ready

	 Ahimsa 3.3
	 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 GNU GPL:
    http://www.gnu.org/licenses/gpl.html

============================================================================ */