/*
Theme Name: WWA - Green
Description: WWA theme in greens.
Author: Smokie Darling
Author URI: http://www.antiquotidian.com
Version: 1.0
.
Some rights reserved. 2006-2008
.
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  }
  
html {
  font-size: 62.5%;
  }

body {
  background: #f1f7d4 url(images/background/bg-grass.gif) repeat-x bottom right;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 1em;
  line-height: 1.6em;
  color: #181815;
  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;
  }
  
p {
  font-size: 1.2em;
  margin-bottom: 1em;
  }
  
img {
  border: none;
  }
  
ol {
  margin: .5em 2em;
  }

ul {
  /*margin: .5em 2em;*/
  }
  
ul.no-list {
  list-style-type: none;
  }
  
dl {
  }
  
dt {
  font-weight: bold;
  }
  
dd {
  /*margin-left: 1em;*/
  /*margin-bottom: .6em;*/
  }

a:link {
  font-weight: bold;
  color: #000;
  text-decoration: none !important;
  }

a:visited {
  font-weight: bold;
  color: #484a3f;
  text-decoration: none !important;
  }

a:hover {
  color: #4b8895;
  text-decoration: none !important;
  }

a:active {
  color: #a2c865;
  text-decoration: none !important;
  }
    
hr {
  display: none;
  }
  
/* Layout
--------------------------------------------------*/

#access {
  display: none;
  }

#container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #f1f7d4 url(images/background/bg-grass.gif) repeat-x bottom right;
  }
  
#header, #content, #sidebar, #footer {
  position: relative;
  }

#header {
  top: 0;
  left: 0;
  background: transparent url(images/header-cursive-alt.gif) no-repeat;
  margin-bottom: 2em; /* puts some space between header and content */
  overflow: hidden !important;
  width: auto;
  height: 220px;
  color: #181815;
  }

#sidebar {
  width: 200px;
  margin-right: 1em;
  float: right;
  background: transparent;
  color: #181815;
  }

#content {
  padding: .4em 1.2em;
  margin-right: 240px;
  margin-left: 1em;
  margin-bottom: 4em;
  background: #fff; 
  border: solid 5px #bfc4a8;
  }

#footer {
  clear: right; /* To clear the sidebar */
  padding: .4em;
  text-align: center;
  font-size: .8em;
  }
  
/* Header
--------------------------------------------------*/

#header h1 {
  text-indent: -10000px; /* removes the h1 content from the header div */
  line-height: 0em; /* removes ghostly space from header */
  }
  
#header p {
  position: relative;
  top: 180px;
  padding: 0 1.2em;
  font-weight: bold;
  }
  
/* Sidebar
--------------------------------------------------*/

#sidebar h2 {
  margin-bottom: .7em;
  font-size: 1.6em;
  line-height: 1.4em;
  }

#sidebar .sites, #sidebar .swiki, #sidebar .search, #sidebar .manage, #sidebar .calendar, #sidebar .menu, #sidebar .ads {
  background: #4b8895 url(images/background/grad-vert-blue-menu.gif) repeat-x bottom;
  border: solid 5px #4b8895;
  margin-bottom: 3em;
  padding: .2em .5em;
  }
  
html div#sidebar div.swicki {
  display: none;
  }
  
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  }
  
div#sidebar .menu {
  background: #4b8895 url(images/background/menu-bg-2.gif) no-repeat bottom right;
  padding: 0 0 160px 0;
  }
  
#sidebar .menu li {
  border-bottom: solid 2px #4b8895;
  line-height: 1.2em;
  padding: .25em .5em;
  }

#sidebar .menu li a:link {
  display: block;
  background: transparent;
  text-decoration: none;
  color: #f1f7d4;
  }

#sidebar .menu li a:hover {
  display: block;
  background: transparent;
  text-decoration: none;
  color: #181815;
  }
  
#sidebar div.links {
  }
  
#sidebar div li {
  line-height: 1.2em;
  padding: .35em 0em;
  font-size: 1.1em;
  }
  
#sidebar div li a:link {
  display: block;
  background: transparent;
  text-decoration: none;
  color: #f1f7d4;
  }
  
#sidebar div li a:hover {
  display: block;
  background: transparent;
  text-decoration: none;
  color: #181815;
  }

#sidebar .calendar {
  text-align: center;
  }

#wp-calendar {
  font-size: 1.2em;
  }
  
/* Page Items (quasi-breadcrumbs)
--------------------------------------------------*/
  
li.current_page_item {
  background: #64b4c6;
  color: #a2c865;
  }
  
/* Search
--------------------------------------------------*/

#searchform {
  border: none;
  }
  
#searchform input#s {
  color: #181815;
  background: #fff;
  border: 1px inset #bfc4a8;
  }
  
#searchform input#searchsubmit {
  background: #a2c865;
  border: 1px outset #79954b;
  color: #181815;
  margin-top: .5em;
  }
  
/* Content
--------------------------------------------------*/
  
.section .title {
  font-size: 3.2em;
  padding: .25em 0em .25em 0;
  line-height: 1em;
  }
  
.section p {
  margin-left: 1em;
  }
  
#author {
  margin-bottom: 4em;
  }
  
.page-nav {
  border-top: solid #bfc4a8 1px;
  font-size: 1.2em;
  text-align: center;
  padding: 1.2em;
  }
  
.post .links {
  list-style-type: none;
  font-size: 1.2em;
  text-align: left;
  margin-left: .6em;
  }
  
.content ul {
  font-size: 1.2em;
  }
  
/* Posts, Breedsires, Classifieds, & Articles
--------------------------------------------------*/


  
.post-nav {
  border-bottom: solid #bfc4a8 1px;
  text-align: center;
  }
  
.post-nav p {
  margin: 0;
  font-size: 1em;
  }  

.article {
  /*position: relative;*/
  }
  
.breedsire, .classified {
  border-top: 1px solid #bfc4a8;
  }
  
.post, #breedsire, #classified {
  /*position: relative;*/
  margin-bottom: 3em;
  }
  
.content img, .ad-photo {
  border-top: #eeeeee 1px solid;
  border-right: #dddddd 1px solid;
  border-left: #eeeeee 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 8px;
  background: #f9f8ee;
  margin-bottom: 20px;
  margin-right: 10px;
  clear: left;
  float: left;
  }
  
.breedsire .title, .classified .title {
  margin-top: .5em;
  } 
  
.article .title, .post .title, #breedsire .title, #classified .title {
  font-size: 3.2em;
  padding: .25em 0em .25em 0;
  line-height: 1em;
  }
  
.article .title a:link, .post .title a:link, #breedsire .title a:link, #classified .title a:link {
  color: #222;
  }
  
.classified .date {
  font-size: 1.2em;
  }
  
.post .date, #classified .date {
  font-size: 1.8em;
  }

.breedsire .content, .classified .content {
  margin-left: 1em;
  margin-bottom: 1em;
  }

.article .content, .post .content, #breedsire .content, #classified .content  {
  padding: .75em;
  }
  
.post .content p, .article .content p {
  margin-bottom: .75em;
  }
  
.post .content img {
  }
  
/*#breedsire .content img {
  float: left;
  margin-right: 1em;
  }*/

.post .info, #classified .info {
  border-top: solid #bfc4a8 1px;
  padding: .75em 0em;
  margin-bottom: 4em;
  text-align: right;
  clear: left;
  }

.article .info {
  border-top: solid #bfc4a8 1px;
  padding: .75em 0em;
  text-align: right;
  clear: left;
  }

.article .info p, .post .info p, #classified .info p {
  margin-bottom: .2em;
  }
  
/* Articles
--------------------------------------------------*/
  
.article .permission {
  font-size: 1em;
  font-style: italic;
  }
  
.article .byline {
  margin-bottom: .5em;
  padding: 0em .75em;
  }
  
/* Breedsire & Classified Single Posts
--------------------------------------------------*/
  
#breedsire .content img {
  float: left;
  margin: 1em;
  }  
  
#breedsire .pedigree {
  clear: left;
  }
  
#breedsire dl, #classified dl {
  font-size: 1.2em;
  }
  
#breedsire .content dt, #classified .content dt {
  }
  
#breedsire .content dd, #classified .content dd {
  margin-left: 1em;
  margin-bottom: .6em;
  }
  
/* Comments
--------------------------------------------------*/
  
#comments {
  /*clear: left;*/
  }
  
#comments h5 {
  font-size: 2em;
  padding: .25em 0 .5em;
  border-top: solid 1px #bfc4a8;
  }
  
#comments ol {
  padding-bottom: 3em;
  }
  
#comments ol li {
  border-bottom: dotted 1px #bfc4a8;
  padding: 1em ;
  }
  
#comments ol li.alt {
  /*background: #eff2df;*/
  }
  
#comments ol li span {
  }
  
#comments p {
  margin-top: .5em;
  }
  
#comments textarea#comment {
  border: inset 1px #e4e9cf;
  background: #eff2df;
  width: 99%;
  }
  
#comments input#submit {
  border: double 3px #acb38f;
  background: #bfc4a8;
  font-size: .8em;
  }
	
/* Pedigree
-------------------------------------------------*/

#breedsire .pedigree {
  padding-top: 2em;
  border-top: solid 1px #bfc4a8;
  }
  
#breedsire .pedigree dl {
  margin-left: 2em;
  }
  
#breedsire .pedigree dt {
  }

#breedsire .pedigree ul {
  /*font-size: 1.7em; !important*/
  }

#breedsire .pedigree li {
  /*font-size: .6em; !important*/
  }
	
#breedsire .pedigree ul  
	{
	width: 99%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#breedsire .pedigree ul:after  
	{
	content: 'LOADING...';
	clear: left;
	display: block;
	height: 0;
	visibility: hidden;
	}
	
#breedsire .pedigree ul ul  
	{
	float: right;
	width: 66%;
	border: none;
	border-left: 1px #bfc4a8 dotted;
	}
	
#breedsire .pedigree ul ul ul  
	{
	width: 50%;
	}
	
#breedsire .pedigree li  
	{
	float: left;
	width: 100%;
	border: dotted 1px #bfc4a8;
	}
	
/* could be li:first-child for browsers that understand it */
	
#breedsire .pedigree li.father  
	{
	border-bottom: none;
	}
	
#breedsire .pedigree li li  
	{
	border: none;
	}
	
#breedsire .pedigree li li.father  
	{
	border-bottom: 1px #bfc4a8 dotted;
	}
	
#breedsire .pedigree li div  
	{
	float: left;
	width: 33%;
	padding: 5.2em 0;
	}
	
#breedsire .pedigree li li div  
	{
	width: 49%;
	padding: 2em 0;
	}
	
#breedsire .pedigree li li li div  
	{
	width: 99%;
	padding: .5em 0;
	}
	
#breedsire .pedigree dl  
	{
	padding: 0;
	margin: 0 .5em;
	}

/* Humerous FAQ
--------------------------------------------------*/
  
.h-faq {
  font-size: 1.2em;
  }
  
.h-faq dt {
  font-weight: bold;
  font-style: italic;
  }
  
.h-faq dd {
  margin-left: .8em;
  margin-bottom: 1em;
  }

/* Post Guidelines
--------------------------------------------------*/
  
ol#post-guide {
  font-size: 1.2em;
  margin-left: 3em;
  }
  
ol#post-guide li {
  margin-bottom: .6em;
  }
  
ol#post-guide ul {
  margin-left: 1.6em;
  margin-top: .6em;
  list-style-type: none;
  }

/* Footer
--------------------------------------------------*/
  
/* Hacks
--------------------------------------------------*/

* html #main {
  width: 100%;
  }

* html #content {
  position: relative;
  padding: .4em .8em;
  width: 100%;
  background: #eee; 
  border: solid 5px #8c8c8c;
  }
  
/*
Works for IE

* html #content {}

Works for FF

html > #content {}

*/