Full documentation on the Zen theme can be found in Drupal's Handbook:
  http://drupal.org/node/193318

Excellent documentation on Drupal theming can be found in the Theme Guide:
  http://drupal.org/theme-guide

Specific features on plainGrail theme, see http://gausarts.com

You must download and enable Zen prior to this theme! 


------------------------------------!!!!!!INSTALLATION!!!!!!-----------------------------------

  1. Download plainGrail from http://drupal.org/project/plaingrail

  2. Unpack the downloaded file, take the entire plainGrail folder and place it in your
     Drupal installation under one of the following locations:
       sites/all/themes
         making it available to the default Drupal site and to all Drupal sites
         in a multi-site configuration
       sites/default/themes
         making it available to only the default Drupal site
       sites/example.com/themes
         making it available to only the example.com site if there is a
         sites/example.com/settings.php configuration file
       
       it is better to be placed outside of zen folder for easier upgrade to each!

  3. Log in as an administrator on your Drupal site and go to Administer > Site
     building > Themes (admin/build/themes) and enable plainGrail.


  IMPORTANT: In Drupal 6, the theme system caches template files and which theme
  functions should be called. What that means is if you add a new theme or
  preprocess fuction to your template.php file or add a new template (.tpl.php)
  file to your sub-theme, you will need to rebuild the "theme registry."
  See http://drupal.org/node/173880#theme-registry

  The base Zen theme is designed to be easily extended by its sub-themes, such 
  as plainGrail. You shouldn't modify any of the CSS or PHP files in the zen/ folder.
  Why? To learn why you shouldn't modify any of the files in the zen/ folder,
    see http://drupal.org/node/245802

  Yet, feel free to modify any of plainGrail files to suit your need. Comments 
  and explanations are preserved in each of the files and CSS files
  1. plaingrail.css: administration, tables, and mostly unchanged styles
  2. layout.css: all layout stuffs to customize placed here to spot things easier
  3. ads.css: advertisement references from "Ad Unit Guidelines" and "Universal Ad Package",
     disabled by default. You need to enable it in plaingrail.info




------------------------------------!!!!!!BLOCK AND REGIONS!!!!!!-----------------------------------

    See admin/build/block for visual representation or page.tpl for detailed explanations

    Out of the box block supports:
    1. Search form, go to admin/build/themes/settings/plaingrail, and enable "Search box"



------------------------------------!!!!!!Modules and other customizations!!!!!!-----------------------------------

    See template.php for each usage:
    1. imagecache and user picture,  see plaingrail_user_picture section
    2. transliteration,  see Tranliteration section
    3. user profile categories,  on User profile category section
    4. maintenance page,  see plaingrail_maintenance_page section. Go to
       http://drupal.org/node/195435 if you find trouble
    5. feed icon, see plaingrail_feed_icon section
    6. more_link, see plaingrail_more_link section



------------------------------------!!!!!!LAYOUT CUSTOMIZATIONS!!!!!!-----------------------------------

    For the sake of ease, most of the layout stuffs go to layout.css.
    Holy grail tech goes to grail-default.css.
    Alternativess to play around are grail-170x170.css and grail-160x220.css see plaingrail.info to enable
    Always visit admin/build/themes/select to clear theme registry
    Most unchanged stuffs go to plaingrail.css.
    Each comment are heavily commented for explanation
    
    To switch between 24 and 16 columns of Grid, you need to change it in plaingrail.css (.showgrid #page-inner).
    It's the last line there.



Grabbed from page.tpl
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $css: An array of CSS files for the current page.
 * - $directory: The directory the theme is located in, e.g. themes/garland or
 *   themes/garland/minelli.
 * - $is_front: TRUE if the current page is the front page. Used to toggle the mission statement.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Page metadata:
 * - $language: (object) The language the site is being displayed in.
 *   $language->language contains its textual representation.
 *   $language->dir contains the language direction. It will either be 'ltr' or 'rtl'.
 * - $head_title: A modified version of the page title, for use in the TITLE tag.
 * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
 *   so on).
 * - $styles: Style tags necessary to import all CSS files for the page.
 * - $scripts: Script tags necessary to load the JavaScript files and settings
 *   for the page.
 * - $body_classes: A set of CSS classes for the BODY tag. This contains flags
 *   indicating the current layout (multiple columns, single column), the current
 *   path, whether the user is logged in, and so on.
 * - $body_classes_array: An array of the body classes. This is easier to
 *   manipulate then the string in $body_classes.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 * - $mission: The text of the site mission, empty when display has been disabled
 *   in theme settings.
 *
 * Navigation:
 * - $primary_links (array): An array containing primary navigation links for the
 *   site, if they have been configured.
 * - $feed_icons: A string of all feed icons for the current page.
 * - $search_box: HTML to display the search box, empty if search has been disabled.
 * - $secondary_links (array): An array containing secondary navigation links for
 *   the site, if they have been configured.
 *
 * Page content (in order of occurrance in the default page.tpl.php):
 *
 * - $breadcrumb: The breadcrumb trail for the current page.
 * - $title: The page title, for use in the actual HTML content.
 * - $help: Dynamic help text, mostly for admin pages.
 * - $messages: HTML for status and error messages. Should be displayed prominently.
 * - $tabs: Tabs linking to any sub-pages beneath the current page (e.g., the view
 *   and edit tabs when displaying a node).
 *
 * - $content: The main content of the current Drupal page.
 *
 * - $left: The HTML for the left sidebar.
 * - $right: The HTML for the right sidebar.
 *
 * Footer/closing data:
 * - $postscript_first, $postscript_middle, $postscript_last: HTML for footer listings, links, comments, whatever
 * - $footer_message: The footer message as defined in the admin settings.
 * - $footer : The footer region.
 * - $closure: Final closing markup from any modules that have altered the page.
 *   This variable should always be output last, after all other dynamic content.


------------------------------------!!!!!!HOLY GRAIL!!!!!!----------------------------------------------------

Important things to customize width of the columns, sample listed here is taken from grail-default.css:
 *First column == Content area
 *Middle column == #sidebar-left
 *Last column == #sidebar-right


Only the properties and values mentioned here are candidates to customize, use it wisely :)

/*-----------------------------!!!!!!BOTH SIDEBARS ACTIVE!!!!!!---------------------------------*/
#main{
min-height:320px;        /*So it is not too short, such as when 404 goes*/
background-color:#fff;   /* #sidebar-right/ last column background colour */
}

/*corresponds to #sidebar-right*/
#main-inner{
background:#fff;        /* #sidebar-left/ middle column background colour */
margin-left:-250px; 	/* Width of #sidebar-right/ last column, including total padding */
}

/*corresponds to #sidebar-left*/
.farleft{
background:#fff;    	/* First column background color where content goes */
margin-left:-150px; 	/* Width of #sidebar-left + total padding, adjust #sidebar-left */
}

#content{
}

#content-inner{
margin:20px 10px 20px 410px;	/* Content column side padding:
                       Left padding = first column width + left sidebar/middle column left padding width
                       Right padding = last column width + left sidebar/middle column right padding width */
}

#sidebar-left{
width:130px;   /* Width of #sidebar-left (middle column width minus left and right padding) */
left:140px;    /* Width of #sidebar-left plus padding on the left column, adjust .farleft accordingly*/
}

#sidebar-right{
left:520px;             /*Do some bargain here to reach the correct measure to your chosen width*/
width:230px;        	/* Width of last column content (last column width minus left and right padding) */
}


/*To remove all holy grail border, do it here. I mean remove this section*/
#main-inner, #main-inner, .farleft{border-right:1px solid #eaeaea;}
#main{border-top:1px solid #eaeaea;}



/*-----------------------------!!!!!!ONE SIDEBAR ACTIVE!!!!!!---------------------------------*/
body.one-sidebar #main-inner{
margin-left:-400px; 	/* Width of #sidebar-right plus padding each */
}

body.one-sidebar .farleft{
margin-left:0; 	       /* Collapse #sidebar-left container */
}

body.one-sidebar #content{
}

body.one-sidebar #content-inner{
margin:20px 10px 20px 410px;	/* #sidebar-left side padding:
                       Left padding = first column width + left sidebar left padding width
                       Right padding = last column width + left sidebar right padding width */
}

body.one-sidebar #sidebar-left{
left:390px;         	/* Width of the left-hand side padding on the left column (width - left padding)*/
width:380px;        	/* Width of #sidebar-left (left column width minus left and right padding) */
}

body.one-sidebar #sidebar-right{
left:390px;
width:380px;        	/* Width of #sidebar-right (right column width minus left and right padding) */
}


/*-----------------------------!!!!!!NO SIDEBAR ACTIVE!!!!!!---------------------------------*/
.no-sidebars  #content,.no-sidebars .farleft, 
.no-sidebars #main-inner, .no-sidebars #main{
}

.no-sidebars #content-inner {
}

