/*
 __________________________
|                          |
| Martyn Bampton           |
| martyn(at)erinshore.com  |
| Handwritten with Notepad |
| April 2007               |
|__________________________|
*/





body { background-color: #7C7C7C;
       font-family: arial, freesans, sans-serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 12px;
       padding: 0px;
       margin: 0px;
       padding-bottom: 20px;
     }





a { color: #37f; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }





table { font-size: 12px;
        border-collapse: collapse;
      }

td { 
     padding: 4px;
     padding-right: 3px;
   }

th { 
     padding: 4px;
     padding-right: 3px;
     font-size: 14px;
   }





.inputtable, .inputtable td { border: 0px;
                              padding: 10px;
                              vertical-align: middle;
                              font-size: 12px;
                            }

.threadtable, .threadtable td { border: 0px;
                                padding: 10px;


                                font-size: 12px;
                            }



.listtable td, th { padding: 5px;
                    font-family: "Trebuchet MS", Arial, Sans-Serif;
                    font-size: 12px;
                  }

.listtabletd { background-color: #dde;
             }

.colourtable td { margin: 0px;
                  padding: 0px;
                }





h1 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 22px;
     color: #000;
     margin: 0px;
   }





h2 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 18px;
     margin: 0px;
     color: #000;
   }





h3 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     text-decoration: none;
     font-size: 14px;
     color: #000;
     margin: 0px;
   }





img { border: 0px;
      padding: 0px;
      margin: 0px;
    }

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

optgroup { margin: 0px;
           padding: 0px;
         }

ul{ border: 0px;
    padding: 0px;
    margin: 0 20px;
  }





#index_content { width: 480px;
                 height: 280px;
                 margin: auto;
                 margin-top: 20px;
                 padding: 10px;
                 background-image: url("images/bg_index.gif");
                 background-repeat: no-repeat;
                 background-color: #fff;

                 font-family: arial, freesans, sans-serif;
                 font-size: 12px;
               }

#index_welcome { width: 400px;
                 margin: auto;
                 margin-top: 10px;
                 margin-bottom: 10px;
               }

#index_login { width: 300px; 
               margin: auto; 
               margin-bottom: 10px;
             }

#index_messages { width: 400px; 
                  margin: auto; 
                }






#newbox { width: 304px;
            margin: auto;
            margin-bottom: 10px;
            padding: 10px;
            background-color: #fff;
            border: 3px solid #ddd;
            display: none;
          }


#statusbox { width: 304px;
             margin: auto;
             padding: 10px;
             background-color: #fff;
             border: 3px solid #ddd;
           }






#header { width: 780px;
          height: 100px;
          background-image: url("images/bg_header.gif");
          background-repeat: no-repeat;
          background-position: top right;
          background-color: #fff;

          text-align: left;
          margin: auto;
          margin-top: 20px;
          padding: 0px;
          border-bottom: 0px;

          font-size: 16px;
          
        }


#menu { width: 755px;
        height: 19px;
        background-image: url("images/menubg.gif");
        background-repeat: repeat-x;
        background-position: top left;
        margin: auto;
        margin-bottom: 0px;
        color: #fff;
        background-color: #000;
        padding: 5px;
        padding-left: 10px;
        font-weight: bold;
        font-size: 14px;
        border-left: 5px solid #22BB22;
        border-right: 5px solid #22BB22;
      }

#menu a { color: #fff;
        }







#leftmenu { float: left;
        width: 100px;
        padding: 0px;
      }

.menuitem { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenubg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
          }

.menuitemgreen { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenugreenbg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
               }

.menuitemred { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenuredbg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
             }


.menuitem a, .menuitemgreen a, .menuitemred a { color: #fff;
            }


#main { width: 750px;
        margin: auto;;
        padding: 10px;
        background-color: #fff;
        border-left: 5px solid #22BB22;
        border-right: 5px solid #22BB22;
      }



.paragraph { text-align: justify;
             margin-bottom: 30px;
           }

#help { display: none;
        font-family: monospace;
        background-color: #ffc;
        padding: 10px;
      }


.posting { /*background-image: url("images/postingbgimage.jpg");
           background-repeat: no-repeat;
           background-position: top right;*/
           background-color: #ddd;
           padding: 10px;
         }

.postingbg { background-color: #ddd;
             background-image: url("images/postingbg.jpg");
             background-repeat: repeat-x;
             background-position: top left;
           }

.postingborder { background-image: url("images/line.gif");
                 margin-bottom: 10px;
                 padding: 5px; 
               }






#footer { width: 760px;
          height: 30px;
          color: #000;
          background-image: url("images/bg_footer.gif");
          background-repeat: no-repeat;
          background-position: top left;
          background-color: #fff;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 10px;
          padding: 10px;
        }














.right { float: right;
         margin-right: 10px;
       }


.photo { 
         background-color: #D7D4B5;
         padding: 5px;
       }


.imageleft { border: 1px solid #798777;
             background-color: #fff;
             padding: 1px;
             margin: 0 10px 0px 0px;
             float: left;
           }

.imageright { 
              background-color: #798777;
              padding: 5px;
              margin-left: 10px;
              float: right;
            }






.galleryitem { margin-bottom: 20px;
             }

.centre { text-align: center;
        }





.clearboth { clear: both;
           }







.textbox { font-size: 12px;
           font-family: arial, freesans, Sans-Serif;
           border: 2px solid #aaa;
           background-image: url("images/textboxbg.gif");
         }



.greenbutton { border-left: 1px solid #9d9;
               border-top: 1px solid #9d9;
               border-right: 1px solid #494;
               border-bottom: 1px solid #494;
               background-color: #4a4;
               color: #fff;
               font-size: 12px;
             }

.redbutton { border-left: 1px solid #d99;
             border-top: 1px solid #d99;
             border-right: 1px solid #944;
             border-bottom: 1px solid #944;
             background-color: #d44;
             color: #fff;
             font-size: 12px;
           }







.verticalalign { vertical-align: middle;
               }

.redlink { color: #f00;
           font-size: 12px;
         }

.greentext { color: #4a4;
           }


.redtext { color: #f00;
         }


.messages { margin: 20px;
            padding: 10px;
            border-top: 5px solid #789Cd2;
            border-left: 5px solid #789Cd2;
            border-right: 5px solid #385C92;
            border-bottom: 5px solid #385C92;
            background-color: #fff;
          }


.coloursquare { width: 20px;
                height: 10px;
              }


.iconimage { float: left;
             margin-right: 5px;
           }




.forumbox { clear: left;
            padding: 10px;
            border: 3px solid #ddd;
            height: 96px;
            margin-bottom: 20px;
          }

#iconselect { width: 160px;
              height: 200px;
              overflow: auto;
              border: 2px solid #aaa;
              background-color: #fff;
              padding: 5px;
            }


#messagebox { 
            
              padding: 10px;
              margin-bottom: 10px;
          
              border: 3px solid #ddd;
              font-weight: bold;
            }



#profilebox { 
             
              padding: 10px;
           
              border: 3px solid #ddd;
            }


#joinbox { 
             
              padding: 10px;
              text-align: left;
              border: 3px solid #ddd;
            }



.optionbox { width: 222px;
             height: 100px;
             float: left;
             margin-right: 10px;
             margin-bottom: 20px;
             text-align: left;
           }


#userbox { padding: 20px;
           width: 710px;
           height: 30px;
           background-color: #ccc;
           background-image: url('images/bg_userbox.jpg');
           margin-bottom: 20px;
           font-size: 20px;
         }


#introbox { height: 100px;
            margin-bottom: 10px;
          }


.greentext { color: #4a4;
             font-weight: bold;
           }

.redtext { color: #d44;
           font-weight: bold;
         }