/*
Stylesheet for the 'HTML Mobile version' of the
FARM Club website. (01/12/2014)
webmaster: Dick Sutton (rsutton43@comcast.net)
*/

/* ************ */
/* mini 'reset' */
/* ************ */
html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a, ol, ul, li, pre, code, address, form, fieldset, blockquote, input {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
a {color: black; }
table { border-spacing: 2px; border-collapse: separate; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: disc; }
q:before, q:after { content:''; }
/* **************** */
/* end mini 'reset' */
/* **************** */

/* ******************* */
/* General Page Styles */
/* ******************* */
body {
     width: 600px;
     color: #061C37;
     font: 0.9em Arial, Helvetica, sans-serif;
     text-align: left;
     }

h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; }

a { border: none; }
p { padding: 0.5em; }
textarea { overflow: auto; font-size: 1em; }

/* ********************** */
/* General Utility Styles */
/* ********************** */
.address {
         margin: 0 4.5em;
         font-size: 1em;
         }
.bold { font-weight: bold; }
.center { text-align: center; }
.clear { clear: both; }
.red { color: red;}
.grn { color: green; }
.blue { color: blue; }
.ltblue { color: dodgerblue; }
.briteblue { color: blue; font-size: 1.1em; font-weight: 900; }
.black { color: black; }
.sold,
.cancel {
        color: red;
        text-decoration: line-through;
        }
.cancelb {
         color: black;
         text-decoration: line-through;
         }
.canceled {
          color: red;
          font-weight: bold;
          }
.big { font-size: 2.5em; font-weight: bold; }
.med { font-size: 1.2em; font-weight: bold; }
.anote { margin-top: -1em; padding-top: 0; font-size: 0.9em; }

#spclnote {
          margin: 0 7em;
          font-size: 12px;
          background-color: white;
          color: black;
          }

/* ******************* */
/* General Page Styles */
/* ******************* */
#container {
           height: auto;
           width: 600px;
           }
#container ol { padding: 2em; }
#container li {
              padding: .35em;
              list-style-type: inherit;
              }

/* *********************** */
/* Styles for the 'header' */
/* *********************** */
header {
       background-color: white;
       margin: 0;
       padding: 0;
       font-size: 100%;
       font-weight: normal;
       height: 141px;
       width: 600px;
       padding-bottom: 16px;
       }
header h1 {
          position: absolute;
          top: 20px;
		  width: 600px;
          margin: 0;
          color: #799AC0;
          font-size: 1.65em;
          text-align: center;
          }
header h1 span { color: #DE2D3A; font-weight: bold; }
header div {
           position: relative;
           top: 70px;
           color: white;
           background-color: #799AC0;  /* a shade of blue */
           border-top: black 5px solid;
           border-bottom: black 5px solid;
           width: 100%;
           height: 70px;
           padding-top: 8px;
           text-align: center;
           line-height: 7px;
           }
header div p:nth-child(1) a { color: white; }
header div p:nth-child(1) {
                          position: relative;
                          padding-top: 4px;
                          font-size: 16px;
                          text-align: center;
                          }
header div p:nth-child(2) {
                          padding-top: 8px;
                          font-size: 12px;
                          text-align: center;
                          }
header div p:nth-child(3) {
                          padding-top: 5px;
                          padding-bottom: 2px;
                          /* font-size: 14px; */
                          font-size: 12px;
                          text-align: center;
                          }
header div img {
               position: absolute;
               top: -2px;
               left: 0px;
               margin: 0;
               padding: 0;
               }
header img {
           position: relative;
           top: 0.5em;
           left: 33.5em;
           }

#reddot li {
           list-style-image: url("/images/reddot.gif");
           padding-bottom: 1em;
           }
#reddot img { margin-top: 0.3em; border: 2px solid black; }

/* ************************************* */
/* Styles for the general 'content' page */
/* ************************************* */
#content {
         color: black;
         background-color: white;
         margin: 0;
         padding: 0;
         height: auto;
         font-size: 1em;
         }
#content a { color: black; }
#content p { padding: 0.25em; color: black; }

#article {
         /* outline: black solid thin;  */
         padding-left: 0.5em;
         position: relative;
         margin: 0 auto;
         }
#article h2 {
            padding-top: 0.75em;
            color: black;
            font-size: 2em;
            font-weight: bold;
            text-align: center;
            }
#article h3 {
            font-size: 24px;
            text-align: center;
            }
#article table { margin: 0; padding: 0; }

/* ********************************/
/* Styles for the 'nextmeeting'   */
/* ****************************** */
#nextmeeting { margin-top: 0.75em; }
#nextmeeting p {
               margin: 0;
               padding: 0;
               }
#nextmeeting  p:nth-child(1)#holidays { font-size: 3.5em; line-height: 75%; text-align: center; font-weight: 900; padding-bottom: 0.5em; }
#nextmeeting  p:nth-child(2)#holidays1 { font-size: 3.5em; line-height: 25%; text-align: center; font-weight: 900; padding: 0.25em 0; }
#nextmeeting  p:nth-child(1)#holidays span { text-align: center; font-weight: 900; }
#nextmeeting  p:nth-child(1)#meeting { font-size: 2.5em; text-align: center; font-weight: bold; color: red; }
#nextmeeting  p:nth-child(1)#christmas { font-size: 2.25em; text-align: center; font-weight: bold; color: black; }
#nextmeeting  p:nth-child(1)#nextmeet { font-size: 1.4em; text-align: center; font-weight: bold; color: black; }
#nextmeeting  p:nth-child(1)#funfly { font-size: 1.4em; text-align: center; font-weight: bold; color: black; }
#nextmeeting  p:nth-child(2)#meetingplace { font-size: 1.3em; text-align: center; font-weight: bold; color: black; }
#nextmeeting  p:nth-child(2)#newsletter { font-size: 1.3em; text-align: center;  color: black; padding-top: 0.75em; }
#nextmeeting  p:nth-child(3)#newsletter { font-size: 1.3em; text-align: center;  color: black; padding-top: 0.75em; }

/* ************************** */
/* Styles for 'general' pages */
/* ************************** */
#info   { padding: 0.5em 2.5em; }
#info p { text-align: justify; }
#info h2.left {
         color: #888;
         margin-bottom: 0;
         padding: 1em 0 0.25em 0;
         text-align: left;
         }
#info h2.center {
         /* color: #888; */
         color: black;
         margin-bottom: 0;
         padding: 0.25em 0;
         font-size: 2.5em;
         text-align: center;
         }
#info .address {
         margin: 0 6em;
         padding-bottom: 1em;
         font-size: 1em;
         }

/* ************************** */
/* Styles for the 'home' page */
/* ************************** */
#home { margin: 0; padding: 0; width: 100%; }
#home .col1 {width: 20%; }
#home .col2 {width: 20%; }
#home .col3 {width: 20%; }
#home .col4 {width: 20%; }
#home .col5 {width: 20%; }

#home td {
         color: black;
         padding: 1em 0;
         text-align: center;
         }
#home td a { color: black; }

/* ********************************************** */
/* Styles for the 'articles' & 'Photo Album' page */
/* ********************************************** */
#twoColumns { color: black; }
#twoColumns  p {
               margin: 0 auto;
               /* padding-left: 2em; */
               font-size: 2em;
               font-weight: bold;
               text-align: center;
               }
#articles h3,
#reviews h3  {
             font-size: 1.5em;
             font-weight: bold;
             padding-top: 1em;
             text-align: left;
             }
#articles a,
#reviews a  { font-weight: bold; }

#articles {
          float: left;
          padding: 0 0 0 1em;
          width: 22em;
          font-size: 0.9em;
          overflow: visible;
          }
#reviews {
         float: left;
         width: 17em;
         font-size: 0.9em;
         overflow: visible;
         }
#articles ul,
#reviews ul { 
            margin: 0; 
            padding: 1em 1.5em;
            list-style-image: url("/images/reddot.gif");
            }

/* ********************************* */
/* Styles for the 'CKoustenis' page  */
/* ********************************* */
#photos { padding: 0.5em; }
#photos p:nth-child(1) { font-size: 34px; font-weight: bold; color: dimgray; text-align: center; }
#photos p:nth-child(2) { font-size: 14px; font-weight: bold; color: dimgray; text-align: center; }
#photos h2 { font-size: 1.75em; padding-bottom: 20px; color: black; }

#photos img { border: 2px ridge black; }
#photos td { width: 28.5em; }
#photos td a { font-size: 12px; }

/* ******************************* */
/* Styles for the 'contacts' table */
/* ******************************* */
#officers {
          margin: 0;
          padding: 0;
          }
#officers h2.center {
                 /* padding: 0.5em 0; */
                 padding: 0.75em 0;
                 font-size: 2em;
                 text-align: center;
                 }
.contacts { margin: 0 auto; }
.contacts caption {
                  margin: 0 auto;
                  padding: 0.75em 0;
                  color: dimgray;
                  font-size: 1.5em;
                  font-weight: bold;
                  text-align: center;
                  }
.contacts .col1 {width: 20em; }
.contacts .col2 {width: 15em; }
.contacts .col3 {width: 15em; }
.contacts td {
             padding: .25em 2em .25em 1em;
             text-align: left;
             }
.contacts tr:nth-child(odd) { background-color: lavender; }

/* ****************************** */
/* Styles for the 'calendar' page */
/* ****************************** */
#calendar {
          padding: 0;
          width: 46em;
          height: 115em;
          }

/* ******************************** */
/* Styles for the 'directions' page */
/* ******************************** */
#dir  { padding: 2em 1.5em; }

/* *************************** */
/* Styles for the 'droid' page */
/* *************************** */
#droid {
        margin: 0;
        padding: 0;
        }
#droid h2.center {
                  padding: 0.5em 0;
                  font-size: 2em;
                  font-weight: bold;
                  }

/* **************************** */
/* Styles for the 'funfly' page */
/* **************************** */
#funfly {
        margin: 0;
        padding: 0;
        }
#funfly h2.center {
                  padding-top: 0.5em;
                  font-size: 2em;
                  font-weight: bold;
                  }

/* ***************************** */
/* Styles for the 'history' page */
/* ***************************** */
#history { padding: 0 2em; }
#history p { text-align: justify; }
#history div {
             display: block;
             margin: 0 5em;
             }
#history img {
             display: block;
             margin: 0 auto;
             }

/* ********************************* */
/* Styles for the 'newsletters' page */
/* ********************************* */
/* #curyear, #archive { outline: black solid thin; } */
#newsletters { margin: 0; padding: 0; }
#curyear {
         float: left;
         height: 43em;
         width: 20em;
         margin: 0;
         padding:0;
         }
#curyear li { margin: 0; padding: 0 0 0 7px; }
#curyear h2.center { padding: 2em 0 0.5em 0; font-size: 1.25em; }

#archive {
         float: right;
         margin: 0;
         padding: 0;
         /* padding-right: 2em; */
         padding-right: 1em;
         }
#grp1 { border: 8px ridge lightgray; }
#archive fieldset {
                  padding: 0.5em;
                  color: #799AC0;
                  }
#archive fieldset p { margin: 0; padding: 0.5em; color: black; }
#archive legend {
                padding-top: 0.75em;
                font-size: .85em;
                font-weight: bold;
                /* color: dimgray; */
                color: black;
                }
#indent {
        position: relative;
        top: -0.75em;
        left: 0;
        }
#archive input { margin: 0.5em; padding: 0.5em; color: dimgray; }

/* ****************************** */
/* Styles for the 'For Sale' page */
/* ****************************** */
#sale h2.center {
                 padding: 0.5em 0;
                 font-size: 2em;
                 text-align: center;
                 }
.sold {
      color: red;
      text-decoration: line-through;
      }

/* ******************************** */
/* Styles for the 'signupApp' pages */
/* ******************************** */
#signup {
        margin: 0 auto;
        padding-top: 2em;
        width: 28em;
        }
#signup textarea { font-size: 1.1em; }
#signup fieldset input {
                       margin: 1em 0.5em 0.5em 0.5em;
                       padding: 0.5em;
                       background-color: white;
                       }
#signup fieldset h2 {
                    color: black;
                    font-size: 1.2em;
                    font-weight: normal;
                    padding-bottom: 1em;
                    }
#signup fieldset + p { padding-top: 0.75em; }
#signup .fset {
              border: 1px ridge black;
              padding: 1em 1em 0 1.5em;
              color: black;
              background-color: #E6E7E9;
              }
#signup input {
              border: 1px ridge black;
              margin: 0.5em;
              padding: 0.5em;
              background-color: #E6E7E9;
              }
#signsheet1 {
            width: 30em;
            margin: 1em 0em 1em 4.5em;
            padding: 1em;
            border: 1px ridge black;
            background-color: #E6E7E9;
            color: #799AC0;
            }
#signsheet1 p { color: black; }
#dblist { margin: 0; border-collapse: collapse; }
#dblist .col1 {width: 10em; }
#dblist .col2 {width: 15em; }
#dblist .col3 {width: 30em; }
#dblist td {
           padding-left: 1em;
           text-align: left;
           border-bottom: 1px solid #d0d0d0;
           }
#oneclick {
          position: absolute;
          top: 0;
          left: 9em;
          height: 3em;
          width: 13em;
          }
#twoclick {
          position: absolute;
          top: 0;
          left: 21em;
          height: 3em;
          width: 13em;
          }
#oneclick fieldset,
#twoclick fieldset { display: none; }
#oneclick input,
#twoclick input {
                border: 1px ridge black;
                margin: 0.5em;
                padding: 0.5em;
                background-color: #E6E7E9;
                }
/* #anchor, #box1, #box2 { outline: black solid thin; } */
#anchor {
        position: relative;
        top: 0;
        left: 0;
        }
#box1 {
      position: absolute;
      top: 0;
      left: 5.5em;
      width: 15em;
      height: 15em;
      }
#box2 {
      position: absolute;
      top: 0;
      left: 22em;
      width: 15em;
      height: 15em;
      }
#box1 p,
#box2 p { padding-left: 0; }
#box1 fieldset input,
#box2 fieldset input {
                     border: 1px ridge black;
                     margin: 0.5em;
                     padding: 0.5em;
                     width: 3.5em;
                     background-color: white;
                     }
#box1 fieldset + input { margin-top: 1em; }
#box2 fieldset + input { margin-top: 1em; }
#box1 .fset,
#box2 .fset {
            width: 10em;
            border: 1px ridge black;
            padding: 0.75em 1em;
            color: black;
            background-color: #E6E7E9;
            }
#box1 input,
#box2 input {
            border: 1px ridge black;
            margin: 0.5em 0em 0.5em 5em;
            padding: 0.5em;
            background-color: #E6E7E9;
            }
.nodisplay { display: none; }

/*  the following is for debugging  */
/* #curyear, #archive, #indent, #gpr1 { outline: black solid thin; } */