/*
Theme Name: Greenie
Description: Liar's Lake theme in green.
Author: Smokie Darling
Author URI: http://www.antiquotidian.com
Version: 2.5
.
Some rights reserved. 2006-2008
.
*/

.cat-link-list {
  display: block;
  list-style-type: none;
  margin: 1em 0;
  }
  
#info-page ul {list-style-type: none;}
  
/* ### Invisible for the moment */

.manage {
  display: none;
  }

/* ### General */

* {
  /**/
  margin: 0;padding: 0;border: 0;
  }
  
p {
  margin-bottom: 1.2em;
  line-height: 1.75em;
  }
  
ul.no-list, .links ul, ul {
  list-style-type: none !important;
  }
  
ul.list {list-style-type: disc;}
  
ol {
  margin: .5em 2em;
  }
  
ol li, ul li {
  }
    
hr {
  display: none;
  }
  
/* ### Typography */
  
html {
  font-size: 62.5%;
  }

body {
  color: #131313;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 1.2em;
  line-height: 1.6em;
  letter-spacing: 0px;
  word-spacing: 0.1em;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", serif;
  text-align: left;
  line-height: 1.6em;
  }

h1 {
  font-size: 2.2em;
  }

h2 {
  font-size: 2em;
  }

h3 {
  font-size: 1.8em;
  }

h4 {
  font-size: 1.6em;
  }

h5 {
  font-size: 1.4em;
  }

h6 {
  font-size: 1.2em;
  }
  
ul {
  font-size: 1em;
  }

#sidebar {
  font-family: "Trebuchet MS", serif;
  }
  
#sidebar h2 {
  font-size: 1.3em;
  }
  
#sidebar .main, /*#sidebar .menu-menu-container*/ {
  font-size: 1.2em;
  line-height: 1.5em;
  }

#sidebar .widget_tag_cloud h2 {
  /*text-indent: -10000px;*/
  padding-bottom: 0;
  margin-bottom: -.5em;
}
  
#footer {
  font-size: .88em;
  line-height: 1.6em;
  }
  
#sidebar .calendar table, #sidebar .widget_calendar table {
  font-family: "Verdana", sans-serif;
  }
  
#sidebar .calendar table caption, #sidebar .widget_calendar table caption {
  font-weight: bold;
  letter-spacing: .04em;
  }
  
#searchsubmit {
  font-size: 1em;
  }
  
#comments #submit {
  /*color: #616161;*/
  font-size: 1em;
  }
  
.post-nav {
  text-align: center;
  }
  
.header .byline {
  font-size: .9em;
  }
  
#section .footer {
  text-align: center
  }
  
#comments .title {
  font-size: 2em;
  }
  
/* ### Link States */

a:link {
  font-weight: bold;
  color: #131313;
  text-decoration: none;
  }

a:visited {
  font-weight: bold;
  color: #1d1d1d;
  text-decoration: none;
  }

a:hover {
  color: #4d4d4d;
  text-decoration: none;
  }

a:active {
  color: #ff0000;
  text-decoration: none;
  }
  
#header a:hover, #footer a:hover {
  color: #9c6727;
  }
  
#sidebar a:visited {
  color: #1d1d1d !important;
  }
  
#sidebar a:hover {
  color: #c6eb82 !important;
  }
  
#sidebar .calendar table td a:hover, #sidebar .widget_calendar table td a:hover {
  /*color: #c6eb82;*/
  }
  
.page-nav a:hover, .post-nav a:hover, .section a:hover, .section2 a:hover {
  color: #344517;
  }

#post a:hover, .post a:hover {
  color: #516a23;
  }
  
.title a:hover {
  color: #0a1c03;
  }
  
.title a:hover:after  {
  content: "  >>";
  }

#for-sale a:hover, .for-sale a:hover {
  color: #9c6727;
  }
  
#herdsire a:hover, .herdsire a:hover, #reference a:hover, .reference a:hover {
  color: #37686f;
  }
  
/* ### Main Layout */

body {
  background: #d7edaf;
  }

#container {
  margin: 2.5%;
  width: 95%;
  text-align: center;
  }
  
#header, #sidebar, #content, #footer, #section, .section, .post {
 border-radius:4px !important;
}

#header {
  background: #c29d70;
  text-align: center;
  width:300px;
  float:right;
  }

#sidebar {
  width: 300px;
  float: right;
  clear:right;
  background: transparent;
  text-align: left;
  }
  
#content {
  margin-right: 340px /* whitespace b/t #content & #sidebar */;
  background: transparent;
  text-align: left;
  }

#footer { 
  margin-right: 340px;
  /* to put the footer at the bottom */
  /*clear:both;*/
  background: #c29d70; 
  text-align: center;
  }
  
/* ### Layout Options */

.alignleft {
  float: left;
  }
  
.alignright {
  float: right;
  }
  
/* ### Clears */

.footer {
  clear: left;
  }
  
.page .footer {
  clear: both;
  }
  
.section.page .footer {
  clear: both;
  }
  
.pedigree {
  clear: left;
  }
  
/* ### Heights & Widths */
  
#header .header > *, #header .footer > *, #footer .header > *, #footer .footer > * {
  height: 1px;
  min-height: 1px;
  }
  
#sidebar #searchbox {
  width: 90%; 
  }

#searchbox {
  float: left;
  width: 80%;
  }

#comment-text {
  width: 98%;
  }
  
/* ### Corners (Add) */

.round {border-radius:4px;}
/* 
.header {
  background: transparent url(images/background/top-lft-round.gif) no-repeat left top;
  }
  
.header > * {
  background: transparent url(images/background/top-rt-round.gif) no-repeat right top;
  }

.footer {
  background: transparent url(images/background/bottom-lft-round.gif) no-repeat left bottom;
  }
  
.footer > * {
  background: transparent url(images/background/bottom-rt-round.gif) no-repeat right bottom;
  }
  */ 
/* ### Corners (Remove) */
  
.header > * + * /* , .footer > * + *, .footer p:first-child */ {
  background: transparent;
  }
  
/* ### Padding & Margins (Add) */

p.mini-menu {
  padding: .2em .6em;
  }
  
.header > * {
  padding: .2em .6em;
  }
  
.header > p {
  padding: .2em 1.4em;
  }
  
.content {
  margin: .2em 1.8em;
  }
  
.footer > * {
  padding: .6em 1em;
  }
  
#header {
  margin-bottom: 2em;
  }
  
.post {
  margin-bottom: 20px !important;
  }
  
.post .footer {margin-bottom:20px;}
  
.post-nav {
  margin-bottom: 1.5em;
  }
  
#section, .section, .animals, .for-sale, .herdsire, .reference, .page {
  margin-bottom: 3em;
  }
  
#sidebar div {
  padding-bottom: .25em;
  margin-bottom: 2em;
  }
  
#sidebar h2 {
  padding: .2em .5em;
  }
  
#sidebar ul li {
  padding-left: 1em;
  }
  
#sidebar .main {
  padding: .4em .4em;
  }
  
#sidebar .search form, #sidebar #search-2 form {
  padding: 0em 1.4em;
  }
  
#sidebar .search .tag-cloud, .widget_tag_cloud div {
  padding: 0em 1.4em;
  }
  
#sidebar #calendar, #sidebar .widget_calendar {
  margin-top: 0;
  padding-bottom: .25em;
  margin-bottom: 2em;
}
  
#sidebar .calendar table, #sidebar .widget_calendar table {
  margin: 0em 10%;
  }

#searchbox {
  margin-bottom: 1em; 
  margin-right: .6em;
  }

.links ul {
  margin-left: 1em;
  }
  
.links h4 {
  margin-top: 1em;
  }

#comment-text {
  margin: .5em 0;
  }

#comments .content p {
  margin: 0 1.6em;
  }
  
/* ### Padding & Margins (Remove) */
  
#header .header > *, #header .footer > *, #footer .header > *, #footer .footer > * {
  padding: 0;
  height: 8px;
  }
  
/* ### Background Colors */

#section {
  background: #85ad3a;
  }

.section {
  background: #c6eb82;
  }
  
.post-nav {
  /*background: #85ad3a;*/
  }

.post, .animals, .page {
  background: #b7d481;
  }

.for-sale {
  background: #c8c291;
  }

.herdsire {
  background: #b3cfb0;
  }

.herdsire.reference {
  background: #97bd93;
  }
  
#sidebar #calendar table, #sidebar #calendar-3 table {
  background: #779c33;
  }
  
#sidebar .calendar table td, #sidebar .widget_calendar table td {
  background: #8cb83d;
  }
  
#sidebar .sidebar-background {
  background: none;
  }

#searchbox {
  background: #ebf6d6; 
  border: inset 1px #ebf6d6;
  }
  
#searchsubmit {
  background: #98ae70; 
  border: outset 1px #b6c69a; 
  }
    
#comments {
  background: #e7fdbf;
  }

#comment-text, #author, #email, #url {
  background: #f8f8f8;
  border: inset 1px #ccc;
  }
  
#comments #submit {
  background: #98ae70; 
  border: outset 1px #b6c69a; 
  }
  
/* ### Images */

img.alignleft, img.alignright {
  background: white;
  padding: 5px;
  border-right: solid 1px #444444;
  border-left: solid 1px #bbbbbb;
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #666666;
  }

img.alignleft {
  margin: 0em 1em .2em 0em;
  }
  
img.alignright {
  margin: 0em 0em .2em 1em;
  }

.photograph, .for-sale-img, .animals .content img, .post .content img {
  float: left;
/*   margin: 0em 1em .6em .2em;
  background: white;
  padding: 5px;
  border-right: solid 1px #444444;
  border-left: solid 1px #bbbbbb;
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #666666; */
  }
  
/* ### Header */

/* This is to remove the boring text and replace it with a graphic. Unfortunately to make sure the rounded corners are always visible, I have to deal with the h1 & the image being there if you're not looking at a style sheet. TODO: make it so that when you're not looking at style sheets it doesn't load?  Screen style sheet perhaps? */

#header .title {
  text-indent: -10000px;
  }
  
#header .content {
  background: transparent url('images/background/logo.jpg') no-repeat center;
  height: 300px;
  }
  
/* ### Sidebar: General */
  
#sidebar>div {
  /* background: #84ad39 url('images/background/sidebar-div.gif') no-repeat bottom left; */
  background: #84ad39;
  border-radius:4px;
  }
  
#sidebar .side-foot {
  /*background: #84ad39 url('images/background/sidebar-div.gif') no-repeat bottom left;*/
  display:none;
  }
  
#sidebar h2 {
  /* background: transparent url('images/background/sidebar-h2.gif') no-repeat top left; */
  }
  
#sidebar ul {
  list-style-type: none;
  }
  
#sidebar li {
  font-size: 1.2em;
}
  
/* ### Sidebar: Calendar */
  
#sidebar #calendar, #sidebar .calendar, #sidebar .widget_calendar {
  text-align: center;
  }
  
#sidebar #calendar table, #sidebar .calendar table, #sidebar .widget_calendar table {
  width: 80%;
  }
  
/* NEED TO WORK ON BELOW */
	
/* ### Pedigree */
  
div.pedigree ul {
  list-style-type: none;
  }

div.pedigree > ul {
  /*margin: 1em; padding: 1em;*/
  /*text-align: center;*/
  margin-top: 2em;
  }
  
.pedigree dt {
  font-weight: bold;
  }
  
.first {
  text-align: left;
  margin-bottom: .5em;
  }
  
.first > .sire {
  border: 1px solid #80af7c;
  padding: .5em;
  float: left;
  margin-right: 1em;
  }
  
.second {
  border-top: 1px solid #80af7c;
  margin-top: .5em;
  }
  
.second > .sire {
  float: left;
  margin-right: 1em;
  }
  
.second > .dam {
  float: left;
  margin-left: 1em;
  }
  
.first > .dam {
  border: 1px solid #80af7c;
  padding: .5em;
  float: left;
  margin-left: 1em;
  }

#sidebar ul li {
  font-size: .8em;
}

#sidebar .widget li {
  font-size:1.2em;
}

#sidebar ul li ul li {
  font-size: 1em;
}

/*
.pedigree {
  }

.pedigree ul {
margin: 0;
padding: 0;
}

ul.first {
background: yellow;
width: 100%;
}

ul.first .sire {
}

ul.second {
background: orange;
width: 50%;
margin-left: 50%;
}

li.sire {
color: blue;
}

li.dam {
color: purple;
}
*/
  
/* ### Pages */
/*
.page p {
  margin-left: .4em;
  }
  
.page dl {
  margin-left: .4em;
  }
  
.page dt {
  font-weight: bold;
  padding-bottom: .4em;
  }
  
.page dd {
  margin-left: 1em;
  padding-bottom: 1em;
  }
  
.page ul {
  margin-top: 1em;
  }
  
.page .info-nav {
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
  }
  
.page h4 {
  font-size: 1.2em;
  letter-spacing: .1em;
  margin-bottom: .6em;
  }
  
.page h5 {
  font-size: 1em;
  margin-bottom: .5em;
  }
  
.page .info-list li {
  margin-bottom: .6em;
  }

.about .footer, .about .info, #section .page .footer {
  clear: both;
  }
  
*/
  
/* ### Comments */
  
/* ### Calendar Widget */

/*#calendar-3 {font-size:1em;text-align:center;}
.widget_calendar table {width:80%;}*/






.section {padding-bottom:5px;}