/***************************************************************************
 *                                 general.css 
 *                              -------------------
 *   begin                : 24/06/04
 *   copyright            : (C) 2004 Dlp Project
 *                        : Licensed under the GNU GPL.
 *                        : For full terms see the file COPYING.
 *   email                : info@communitybooks.org
 *
 *     
 *
 ****************************************************************************/

/***************************************************************************
 *
 *   This program is free software; you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation; either version 2 of the License, or
 *   (at your option) any later version.
 *
 ***************************************************************************/

/***************************************************************************
 * 
 *   Notes:
 * 
 *   - This is, unfortunately, a bit of a mess. Most of the tabular data have
 *     now been removed from the code, and most of the layout is done with this
 *     style sheet. 
 * 
 *   - More could be moved over - for example, the tables that are still in the 
 *     code, which are actually for tabular data (not for layout) could be 
 *     simplified, and their design moved to this style sheet, but I don't have
 *     time right now.
 *
 *   Credits: 
 * 
 *   Some CSS layouts here have been generated by the CSS layout generator:
 *   http://www.csscreator.com/version2/pagelayout.php
 *
 *   The forms layout code was from a tutorial by Eric Meyers:
 *   http://www.meyerweb.com/
 *
 *   Some bits also stolen from http://del.icio.us. must as joshua...
 * 
 ***************************************************************************/

/* START - layout stolen and adapted from http://del.iciou.us */

DIV.delBanner {
    padding-bottom: 0.5pc; padding-left: 0.5em;
    padding-top: 0.5ex;
    background-color: #dddddd;
    border-bottom:1px solid;
    clear: both;
}

DIV.delBannerText {
    font-weight: bolder;
    font-size: 150%;
}

SPAN.delBannerText {
    font-weight: bolder;
    font-size: 150%;
}

DIV.delBannerRight {
    float: right;
    padding-top: 0.5pc;
    padding-right: 0.5pc;
    font-size: 80%;
}

DIV.delFooter {
    background-color: #dddddd;
    clear: both;
    height: 5%;
    border-top: 1px solid;
    padding-top: 5;
    margin-top: 0;
    text-align:center;
}

DIV.navcontainer {
    background-color: #eeeeee;
    clear: both;
    margin:0px;
    padding:0px;
    font-size:80%;
}

DIV.delMain {
    padding-bottom: 0.8pc; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.8ex; 
}

#nav { margin: 0; font-size: 80%; background-color: #E8E8E8; padding: 2px 0; }
#nav li { display: inline; list-style-type: none; padding-left: 20px; } 
#nav a:link, #nav a:visited { text-decoration: none; }
#nav a:hover, #nav a:active { text-decoration: underline; }

#nav2 { margin: 0; font-size: 80%; background-color: #D2D2D2; padding: 2px 0; }
#nav2 li { display: inline; list-style-type: none; padding-left: 20px; } 
#nav2 a:link, #nav2 a:visited { text-decoration: none; }
#nav2 a:hover, #nav2 a:active { text-decoration: underline; }

#nav3 { margin: 0; font-size: 80%; background-color: #A9A9A9; padding: 2px 0; }
#nav3 li { display: inline; list-style-type: none; padding-left: 20px; } 
#nav3 a:link, #nav a:visited { text-decoration: none; }
#nav3 a:hover, #nav a:active { text-decoration: underline; }

A { text-decoration: none; }
A:hover { text-decoration: underline }
body { font-family:arial,sans-serif; }A

/* END - del.icio.us steal */



/* START - information boxes for creating accounts / adding books etc. */
 
/* from profile.inc etc. */
#account_info_box{ 
  position: relative;
  padding: 10px 10px 10px 10px;
}

/* from profile.inc etc. */
#account_info_inner_box{
  position: relative; 
  padding: 10px 20px 20px 10px;
  text-align:left;
  border: 1px solid #000; 
  width:450px;
  background-color:#fff; 
}

#book_add_box{ 
  position: relative;
  padding: 0px 10px 10px 10px;
}

#book_add_inner_box{
  position: relative; 
  padding: 5px 5px 5px 5px;
  text-align:left;
  width:450px;
}
.cssaccountbox { 
 background-color:#fff; 
 border-style:solid;
 border-color:#000000;
 width:200px;
 margin-left: 10px;
 padding: 10px;
} 

/* END - information boxes to replace tables */

/* START  - forms css positioning layout  - to make forms layout nicely*/

/* form row - use with <div class="row"> instead of a table row */
div.row {
  clear: both;
  padding-top: 5px;
  }

/* form label - use with <span class="label"> to position form feild label on the left */
div.row span.label {
  float: left;
  width: 130px;
  text-align: right;
  }

/* form field - use with <span class="formw"> to position form input feild on the right */
div.row span.formw {
  float: right;
  width: 250px;
  text-align: left;
  } 


/* END - forms css positioning layout */
 
geo_very_near { color: #ff0000 }  /* bright red; within 0.5 miles */
.geo_near      { color: #cf0000 }  /* light red;  within 2 miles */
.geo_town      { color: #9f0000 }  /* medium red; within 5 miles */
.geo_region    { color: #6f0000 }  /* dark red;   within 20 miles */


/* general typograpic stuff */
.heading {font-weight: bold}
.menuheader {font-weight: bold}
.collinks {font-weight: bold}

/* border box around the statistics on the front page  */
.statsbox {
  text-align:center; 
  border: 1px solid #000;
  background-color:#ddd;
  float:right;
  padding: 2px; 
  font-size: 70%;
  width:150px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

td {
     font-size: 90%;; text-align: left;
 }

table { border: 1px solid; margin-top:5px; padding:1px;}

img.floatLeft { float: left;
margin: 5px; }

img.floatRight { float: right;
margin: 5px; }

/* border box around the statistics on the front page  */
.frontpagebox {
  text-align:left; 
  background-color:#eee;
  float:left;
  margin:5px;
  padding: 5px; 
  font-size: 80%;
  width:350px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}