/****************************************/
/* LoveMyGarden.net CSS */
/* Created by Melissa Ness */
/* Modified by sness */
/* Copyright 2006 - All Rights Reserved */
/****************************************/


/********************************************************************************/
/* BASIC STYLES */
/********************************************************************************/

/* CONTAINERS */

body {
  margin: 0px; 
  padding: 0px;
  background: #e1f3f3;
  color: #262626;
  font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: .7em;
  text-align:center;  /* This is a hack to get IE to centre the whole page */
}

div, p, form {
  margin: 0px;
  padding: 0px; 
}

/* headings */

h1 {
  margin: 0px 0px 10px 0px;
  padding: 0px; 
  font-size: 1.3em; line-height: 1.1em;
  text-transform: uppercase;
}

h2 {
  margin: 10px 0px 4px 0px;
  padding: 0px; 
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3em; line-height: 1.1em;
}

h2 a:link {
  background: inherit;
  color: #262626;        
  text-decoration: none;
}

h2 a:visited {
  background: inherit;
  color: #262626;
  text-decoration: none;
}

h2 a:hover {
  background: inherit;
  color: #477315;
  text-decoration: none;
}

h3 {
  margin: 10px 0px 4px 0px;
  padding: 0px; 
  font-weight: bold; font-size: 1.1em; 
  background: inherit;
  color: #404040;
}

h4 {
}

/* links */

a:link { 
  background: inherit;
  color: #568026;
  text-decoration: underline;  
}

a:visited  { 
  background: inherit;
  color: #568026;
  text-decoration: underline; 
}

a:hover  { 
  background: inherit;
  color: #568026;
  text-decoration: none; 
}

/* images */

img  { 
  border: none; 
}

/* clearing float experience */
br.clear  {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px; /*for IE*/
} 


/*************************************************************************/    
/* HEADER */
/*************************************************************************/ 

#header {
  background: url('../images/bg_top_01.jpg') no-repeat top center;
}

#header #logo {
  text-align: center;
  padding-top: 10px; margin-bottom: -8px;
  position: relative; z-index: 100;
}  


/*************************************************************************/    
/* CONTENT BETWEEN HEADER AND FOOTER */
/*************************************************************************/    

#wrapper {
  background: url('../images/bg_main_01.gif') repeat-y top center;
  margin-top: 0px; margin-bottom: 0px;
}

#wrapper #content {
  margin: 0px auto; 
  padding: 0px; 
  text-align:left;
  width: 800px;
  color: inherit;
  background: #dae9c3; 
  position: relative; z-index: 1;
}


/*************************************************************************/    
/* TOP NAVIGATION */
/*************************************************************************/ 

#wrapper #content #topnav   {
  margin: 0px; 
  padding: 0px; 
  width: 800px;
  color: inherit;
  background: #dae9c3;
  border-top: 1px solid #64a31d; border-bottom: 1px solid #64a31d; 
}

#wrapper #content #topnav ul  {
  margin: 0px; 
  padding: 4px 0px 4px 0px;
}   

#wrapper #content #topnav ul li {
  margin: 0px; 
  padding: 4px 6px 4px 6px;
  display: inline; 
  list-style: none; 
  border-right: 1px solid #64a31d; 
}   

#wrapper #content #topnav ul li.lastlink {
  border-right: none;
}

/* selected navigation */
#wrapper #content #topnav ul li.sel {
  color: inherit;
  background: #a0bc6f;
} 

/* navigation link styling */
#wrapper #content #topnav ul li a:link {
  text-decoration: none; 
  background: inherit;
  color: #64a31d;
}

#wrapper #content #topnav ul li a:visited {
  text-decoration: none; 
  background: inherit;
  color: #64a31d;
}

#wrapper #content #topnav ul li a:hover {
  text-decoration: none; 
  background: inherit;
  color: #000000;
}

/* selected navigation link styling */
#wrapper #content #topnav ul li.sel a:link {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
}

#wrapper #content #topnav ul li.sel a:visited {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
}

#wrapper #content #topnav ul li.sel a:hover {
  text-decoration: none; 
  background: inherit;
  color: #000000;
}                     

/* secondary navigation */                        
#wrapper #content #topnav ul.secondary  {
  color: inherit;
  background: #a0bc6f;
}   

#wrapper #content #topnav ul.secondary li {
  border: none;
}

/* secondary navigation link styling*/
#wrapper #content #topnav ul.secondary li a:link {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
}

#wrapper #content #topnav ul.secondary li a:visited {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
}

#wrapper #content #topnav ul.secondary li a:hover {
  text-decoration: none; 
  background: inherit;
  color: #000000;
}                         

/* selected secondary navigation link styling*/
#wrapper #content #topnav ul.secondary li.sel a:link {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
  font-weight: bold;
}

#wrapper #content #topnav ul.secondary li.sel a:visited {
  text-decoration: none; 
  background: inherit;
  color: #FFFFFF;
  font-weight: bold;
}

#wrapper #content #topnav ul.secondary li.sel a:hover {
  text-decoration: none; 
  background: inherit;
  color: #000000;
  font-weight: bold;
}                 

/*************************************************************************/    
/* CONTENT WELL */
/*************************************************************************/    

#wrapper #content #well {
  margin: 0px; 
  padding: 0px; 
}


/*************************************************************************/    
/* LEFT COLUMN */
/*************************************************************************/    

#wrapper #content #well #left {
  margin: 12px; 
  padding: 0px;
  width: 493px;
  display: inline; 
  float: left; 
}


/*************************************************************************/        
/* article styles */
/*************************************************************************/    

#wrapper #content #well div.article {
  margin: 2px; 
  padding: 0px; 
  border: 1px solid #404040;
  color: inherit;
  background: #FFFFFF;
  line-height: 130%;
}  

#wrapper #content #well div.article span.photo {

  margin: -1px -1px 0px 10px; 
  padding: 1px; 
  border: 1px solid #404040;  
  color: inherit;
  background: #FFFFFF;
  width: 224px; height: 298px;
  float: right; display: inline;
}  

#wrapper #content #well div.article div.date {
  margin: 4px 8px 0px 8px;
  padding: 0px;
} 

#wrapper #content #well div.article div.author {
  margin: 0px 8px 0px 8px;
  padding: 0px;
}         

#wrapper #content #well div.article div.text {
  margin: 8px; 
  padding: 0px;
} 

#wrapper #content #well div.article div.more {
  margin: 8px; 
  padding: 0px;
} 


/*************************************************************************/        
/* inventory detail styles */
/*************************************************************************/    

#wrapper #content #well div.inventoryDetail {
  margin: 2px; 
  padding: 0px; 
  border: 1px solid #404040;
  color: inherit;
  background: #FFFFFF;
  line-height: 130%;
}  

#wrapper #content #well div.inventoryDetail div.edit {
  margin: 10px;
  float: right;
}

#wrapper #content #well div.inventoryDetail span.painting {
  margin: -1px 10px 0px -1px; 
  padding:10px; 
  border: 1px solid #404040;  
  color: inherit;
  background: #FFFFFF;
  width: 100px; height: 100px;
  float: left; display: inline;
}  

#wrapper #content #well div.inventoryDetail div.details {
  margin: 4px 8px 0px 8px;
  padding: 0px;
}    

#wrapper #content #well div.inventoryDetail div.text {
  margin: 20px 8px 8px 8px; padding: 0px;
} 

#wrapper #content #well div.inventoryDetail div.text span.plantingGuide {
  margin: 0px -9px 0px 0px; 
  padding: 0px 4px 0px 0px;
  width: 240px; 
  display: inline;
  border: 1px solid #404040;             
  background: #FFFFFF;
  color: inherit;
  float: right; 
}  

#wrapper #content #well div.inventoryDetail div.notes {
  margin: 8px; 
  padding: 0px;
} 


/*************************************************************************/    
/* form styles */
/*************************************************************************/    

div.error {
  margin: 8px 8px 8px 0px;
  padding: 4px 8px 4px 8px;
  border: 1px dashed #abbd8e;
  background: #edf2e6;
  color: #d31b2a;
}

div.error p {
  margin: 4px 0px 4px 0px;
}

form {
  margin: 0px; 
  padding: 0px;
  border: none;
}

fieldset {
  margin: 0; 
  padding: 0;
  border: none;
}

input, select, textarea {
  margin: 2px 0px 0px 0px;
}

input.standardtext {
  width: 220px;
}

select.standardtext {
  width: 224px;
}   

* html select.standardtext {  
  /* Tan hack for IE */
  width: 220px;
}

textarea.standardtext {
  width: 470px;
}         

input.standardtextSmall {
  width: 50px; 
  margin-right:8px;
}   

select.standardtextSmall {
  width: 60px; 
  margin-right:2px;
}       

input.button {
  font-size: 1em;
  background: #e3e8dc;
  color: #333333; 
  cursor: pointer;
  padding: 3px 6px 4px 6px; 
  margin-top: 8px; margin-right: 6px;
}

.formRow {
  margin: 0px; 
  padding: 8px 0px 0px 0px;
}

.formRow .formColumn {
  margin: 0px; 
  padding:0px; 
  width: 244px;
  float: left; display: inline;
}

.formRow .formColumn div.plantingGuide {
  margin: 0px; 
  padding: 4px;
  border: 1px solid #404040;             
  color: inherit;
  background: #FFFFFF;
} 


/*************************************************************************/    
/* inventory styles */
/*************************************************************************/    

/* tabbed navigation */

#tabnav  {
  margin: 0px 0px -1px 0px;
  padding: 0px 0px 0px 10px;
  height: 23px;
  position: relative; 
  z-index: 1;
}

* html #tabnav  {  
  /* Tan hack for IE */
  height: 21px; 
}

#tabnav li  {
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
}

#tabnav a:link, #tabnav a:visited  {
  float: left;
  line-height: 16px;
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-right: 4px;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  background: #dae9c3;
  color: #404040;
}

#tabnav a:link.active, #tabnav a:visited.active  {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #CCCCCC;
  background: #fff;
  color: #000;
}

#tabnav a:hover  {
  background: #fff;
  color: inherit;
}

#inventoryBox  {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#inventorySubTable  {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#inventorySubTable th  {
  border: 1px solid #CCCCCC;
  padding: 4px;
  text-align: left;
}

#inventorySubTable td  {
  border: 1px solid #CCCCCC;
  padding: 4px;
}


/*************************************************************************/    
/* journal styles */
/*************************************************************************/    

/* journal entry */

#wrapper #content #well div.journal {
  margin: 2px; 
  padding: 0px; 
  border: 1px solid #404040;
  color: inherit;
  background: #FFFFFF;
  line-height: 130%;
}  

#wrapper #content #well div.journal div.text {
  margin: 8px; 
  padding: 0px; 
} 

#wrapper #content #well div.journal div.edit {
  margin: 8px; 
  padding: 0px; 
  float: right;
} 

#wrapper #content #well div.journal div.entry-photo {
  margin: -1px -1px 0px 10px;
  padding:1px; 
  border: 1px solid #404040;  
  color: inherit;
  background: #FFFFFF;
  float: right; display: inline;
} 

#wrapper #content #well div.journal div.weather {
  margin: -8px 4px -8px 20px;
  padding: 0px; 
  float: right; display: inline; 
  width: 60px; 
  line-height: 10px;
} 

#wrapper #content #well div.reminder {
  margin: 2px; 
  padding: 5px; 
  border: 1px dotted red;
  color: inherit;
  background: #FFFFFF;
  line-height: 130%;
}  

#wrapper #content #well div.reminder div.reminderHeader {
  font-size: 1.2em;
  font-weight: bold;
  background: inherit;
  color: red;
}  


/*************************************************************************/        
/* RIGHT COLUMN */
/*************************************************************************/    

#wrapper #content #well #right {
  margin: 0px; 
  padding: 20px 0px 128px 0px;
  width: 283px; 
  float: left; display: inline;
  background: url('../images/big_bug.gif') no-repeat bottom right;
}

#wrapper #content #well #right .tips {
  margin: 0px 0px 50px 16px;
  padding: 0px;
}

#wrapper #content #well #right .tips h3 {
  margin: 0px; 
  padding:0px; 
  font-weight: normal; font-size: 1em;
  text-transform: uppercase; letter-spacing: .25em;
}

#wrapper #content #well #right .tips div {
  margin: 2px 0px 0px 0px;
  padding: 4px 16px 4px 8px;
  border-top: 1px solid #666666;
  border-right: 0px; 
  border-bottom: 0px; 
  border-left: 1px solid #666666; 
  line-height: 130%;
}

#wrapper #content #well #right .tips div div {
  border: 0;
}

/* calendar paging mechanism */
#wrapper #content #well #right .calendar {
  margin: 0px 0px 16px 50px;
  padding: 0px; 
}

#wrapper #content #well #right .calendar h3 {
  margin: 0px; 
  padding:0px; 
  font-weight: normal; 
  font-size: 1em;
  text-transform: uppercase; 
  letter-spacing: .25em;
}

#wrapper #content #well #right .calendar .calendarcontainer {
  margin: 2px 0px 0px 0px;
  padding: 4px 16px 4px 8px;
  border-top: 1px solid #666666;
  border-right: 0px; 
  border-bottom: 0px; 
  border-left: 1px solid #666666; 
  line-height: 130%;
}

#wrapper #content #well #right .calendar .calendarcontainer h3 {
  padding: 10px 0px 0px 0px;
  border-bottom: 1px solid #666666;
}            

#wrapper #content #well #right .calendar .calendarcontainer #calendarNavigation {
  border-top: 1px solid #666666;
  padding-top:10px;
}            

#wrapper #content #well #right .calendar .calendarcontainer h3 a:link, a:visited {
  text-decoration: none; 
}  

#wrapper #content #well #right .calendar table {
  border: none; padding: 0px;
}

#wrapper #content #well #right .calendar th  {
  border: none; padding: 2px;
  text-align: left;
}

#wrapper #content #well #right .calendar td  {
  padding: 2px;
}

.specialDay {
  color: inherit;
  background: #FFF7A0;
  border: 1px solid black;
  font-weight: bold;  
}

.currentDay {
  color: inherit;
  background: #76B900;
  border: 1px solid black;
  font-weight: bold;  
}


/*************************************************************************/
/* FOOTER */
/*************************************************************************/    

#footer {
  margin-top: 0px; margin-bottom: 0px; 
  color: inherit;
  background: #e1f3f3 url('../images/footer.gif') no-repeat top center;
}

#footer #bits {
  margin:0px auto; 
  text-align:center;
  width: 800px;
}

#footer #bits ul  {
  margin: 0px; 
  padding: 44px 0px 20px 0px;
}   

#footer #bits ul li {
  display: inline; 
  margin: 0px; 
  list-style: none;  
  background: inherit;
  color: #404040;
}

#footer #bits ul li a:link {
  text-decoration: none; 
  background: inherit;
  color: #404040;
}

#footer #bits ul li a:visited {
  text-decoration: none; 
  background: inherit;
  color: #404040;
}

#footer #bits ul li a:hover {
  text-decoration: underline; 
  background: inherit;
  color: #404040;
}


/*************************************************************************/
/*  Flash notice at top of content well */
/*************************************************************************/

#notice {
  margin: 8px 8px 8px 0px;
  padding: 4px 0px 4px 0px;
  border: 1px dashed #abbd8e;
  background: #edf2e6;
  color: #d31b2a;
}


/*************************************************************************/
/* Buttons for actions on View Garden page */
/*************************************************************************/

.button {
  font-size: 1em;
  background: #e3e8dc;
  color: #333333; 
  cursor: pointer;
}


/*************************************************************************/
/* Inventories */
/*************************************************************************/

#inventoryContent {
  color: inherit;
  background: red;
}

#inventoryBox {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#inventoryTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
}

#inventorySubTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#inventorySubTable th {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#inventorySubTable td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}


/*************************************************************************/
/* Reminders */
/*************************************************************************/

#reminderContent {
  color: inherit;
  background: red;
}

#reminderBox {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#reminderTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
}

#reminderSubTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#reminderSubTable th {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#reminderSubTable td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

.reminderNotDone {
}

.reminderOverDue {

  background: inherit;
  color: red;
}

.reminderDone {
  text-decoration: line-through;
}

.reminder {
  padding-top: 20px;
}


/*************************************************************************/
/* List of other gardens */
/*************************************************************************/

#userlistContent {
  color: inherit;
  background: red;
}

#userlistBox {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#userlistTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
}

#userlistSubTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#userlistSubTable th {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#userlistSubTable td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}


/*************************************************************************/
/* Recipes */
/*************************************************************************/

#recipeContent {
  color: inherit;
  background: red;
}

#recipeBox {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#recipeTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
}

#recipeSubTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#recipeSubTable th {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#recipeSubTable td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

.individual_photo {
  margin: -1px -1px 0px 10px;
  padding: 1px; 
  border: 1px solid #404040;  
  color: inherit;
  background: #FFFFFF;
}  

.view-photo {
  width: 500px;
}  


/*************************************************************************/
/* An individual Recipe */
/*************************************************************************/

#recipeBox {
  border: 1px solid;
  color: inherit;
  background: #FFFFFF;
}

#recipeTitle {
  padding: 10px 10px 0px 10px;
}

#recipeDateAndAttribution {
  border-bottom: 1px solid;
  padding: 0px 10px 10px 10px;
}

#recipeRatingBox {
}

#recipeRating {
  border-bottom: 1px solid;
}

#recipeRatingAdd {
  border-left: 1px solid;
  float: right;
}

#recipeEntryBox {
}

#recipeEntryImage {
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  float: right;
}

#recipeEntryText {
  padding: 10px;
}

#recipeCommentsShortBox {
  border: 0px;
}

#recipeCommentsBox {
  border: 0px;
}

#recipeCommentsAdd {
  border-left: 1px solid;
  border-bottom: 1px solid;
  float: right;
}

#recipeCommentsShortEntry {
}

#recipeCommentsEntries {
}


/*************************************************************************/
/* Articles */
/*************************************************************************/

#articleContent {
  color: inherit;
  background: red;
}

#articleBox {
  border-top: #FFFFFF;
  color: inherit;
  background: #dae9c3;
  position: relative; 
  z-index: 0;
}

#articleTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
}

#articleSubTable {
  border: 0px;
  color: inherit;
  background: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

#articleSubTable th {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#articleSubTable td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}

#articleEntryText {
  border: 1px solid;
  color: inherit;
  background: white;
  padding: 4px;
}


/*************************************************************************/
/* Garden Plan */
/*************************************************************************/

#container {
  width: 300px;
  margin: auto;
}

#tools {
  float: left;
  text-align: center;
}

#garden {
  text-align: center;
}

#garden {
  margin: 0;
  padding: 0;
  border: 0;
}

#garden table {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  border-collapse: collapse;
}

#garden tr {
  margin: 0px;
  padding: 0px;
}

#garden td {
  margin: 0px;
  padding: 0px;
  width: 20px;
  height: 20px;
}

.highlighted_border {
  border: 1px solid;
  border-color: yellow;
}

#garden td div {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#garden td img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
}


/*************************************************************************/
/* Garden selection */
/*************************************************************************/

#planGardens {
  margin: 2px;
}

.planCurrentGarden {
  font-weight: bold;
}

.planOtherGarden {
}

.palettes tr td table {
  color: inherit;
  background: #FFFFFF;
  border: 2px solid #64a31d;
}

.palettes tr td table tr {
  border: 2px solid #64a31d;
}

.palettes tr td table td {
  border: 1px solid #64a31d;
}

.palettes tr td table th {
  border: 0px;
}

.garden_object_information {
  border: 1px solid black;
  color: inherit;
  background: #FFFFFF;
  width: 105px;
  padding: 5px;
}

/*****************/
/* Print layout  */
/*****************/

#page-container {
  margin: auto;
  width: 500px;
  text-align: left;
}

/**************/
/* Contact Us */
/**************/

#contact-picture { 
  margin: 5px;
  padding: 1px;
  width: 250px;
  float: right;
}

#contact-picture img { 
  border: 1px solid black;
}