/********************************************************************************/
/* Filename: index.css                                                          */
/* Author: Neil Spake                                                           */
/* Revision History:                                                            */
/* Description: CSS file for customizing the Index (home) page.                 */
/* 09Mar2010 - Initial Version for 2010 renovation.                             */
/********************************************************************************/
/* NOTES:                                                                       */
/*  Font sizes:                                                                 */
/*   18px - 1.125em                                                             */
/*   16px - 1.0em                                                               */
/*   14px - 0.875em                                                             */
/*   12px - 0.75em                                                              */
/*   10px - 0.625em                                                             */
/*   9px  - 0.5625em                                                            */
/*                                                                              */
/*  font-family: Georgia, "Times New Roman", Times, sans-serif;                 */
/*  font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;*/
/*                                                                              */
/*  Colors:                                                                     */
/*   Today's Breweries - color: #000099; (dark blue)                            */
/*   Brewing History   - color: #996633; (brown)                                */
/*   Brewing News      - color: #000000; (black)                                */
/*   Brewing Events    - color: #cc0000; (reddish)                              */
/*   Related Links     - color: #006600; (green)                                */
/*   About The Site    - color: #006666; (aqua/teal)                            */
/*                                                                              */
/********************************************************************************/

/********************************************************************************/
/* BASIC XHTML ELEMENTS                                                         */
/********************************************************************************/

body {
    background: #ffffff;
}

img {
    display: block;
    border: 0;
}

p {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    text-align: justify;
}

/* H1, USED FOR PAGE TITLES */
h1 {
    margin: 0;
    padding: 0;  
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
}

/* H2, USED FOR PAGE SUB HEADINGS (NEXT IMPORTANT AFTER PAGE TITLE) */
h2 {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
}

/* H3, CURRENTLY NOT USED */
h3 {
	margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.67em;
    font-weight: bold;
}

/* H4,USED FOR SIDE NAVIGATION, AMONG OTHER THINGS */
h4 {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.67em;
    font-weight: bold;
}

/* H5, USED FOR SIDE NAVIGATION, AMONG OTHER THINGS */
h5 {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 0.67em;
    font-weight: normal;
}

/********************************************************************************/
/* CONTAINER                                                                    */
/********************************************************************************/
#container {
    margin: 10px 0 0 0;
    padding: 0;
    width: 800px;
    /* UNCOMMENT NEXT TWO TO CENTER */
 /* left: 50%;  
    margin-left: -400px; */
    border: 1px solid #000099;
    background-color: #ffffff;
}

/********************************************************************************/
/* HEADER (LOGO)                                                                */
/********************************************************************************/
#header {
    margin: 0;
    padding: 0;
    height: 100px;
    width: 800px;
    z-index: 1;
    background: url('../images/general/header.png') no-repeat;
    background-position: left center;
    background-color: #ffffff;
}

/********************************************************************************/
/* TOP NAVIGATION                                                               */
/********************************************************************************/
#topNav {
    margin: 0;
    padding: 0;
    width: 800px;
    z-index: 3;
/*    background: #cccccc; */
    background: #000099;
}

#topNav p {
    display: block;
    position: relative;
    padding: 0.5em 10px 0.5em 10px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #000033;
/*    background: #cccccc; */
    background: #000099;
}

/********************************************************************************/
/* CONTENT AREA                                                                 */
/********************************************************************************/
#content {
	margin: 0;
    padding: 10px 0 20px 0;
    float: right;
/*    width: 590px; */
    width: 380px;
    min-height: 380px;
    height: auto!important;
    height: 380px;
    background: #ffffff;
}

#content p {
    margin: 0.25em 10px 0 30px;
    font-size: 0.75em;
}

#content h1 {
	display: block;
    margin: 1.0em 10px 0 10px;
    padding: 0;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
}

#content h1 a {
    padding: 2px 2px 0px 2px;
    color: #004a7b;
    text-decoration: none;
    border-bottom: 4px solid #ffffff;
    background: #ffffff;
}

#content .todaysbreweries a {
    color: #000099;
    text-decoration: none;
    border-bottom: 2px solid #000099;
    background: #ffffff;
}

#content .todaysbreweries a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #000099;
    background: #000099;
}

#content .brewinghistory a {
    color: #996633;
    text-decoration: none;
    border-bottom: 2px solid #996633;
    background: #ffffff;
}

#content .brewinghistory a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #996633;
    background: #996633;
}

#content .brewingnews a {
    color: #000000;
    text-decoration: none;
    border-bottom: 2px solid #000000;
    background: #ffffff;
}

#content .brewingnews a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #000000;
    background: #000000;
}

#content .brewingevents a {
    color: #cc0000;
    text-decoration: none;
    border-bottom: 2px solid #cc0000;
    background: #ffffff;
}

#content .brewingevents a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #cc0000;
    background: #cc0000;
}

#content .relatedlinks a {
    color: #006600;
    text-decoration: none;
    border-bottom: 2px solid #006600;
    background: #ffffff;
}

#content .relatedlinks a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #006600;
    background: #006600;
}

#content .aboutthesite a {
    color: #006666;
    text-decoration: none;
    border-bottom: 2px solid #006666;
    background: #ffffff;
}

#content .aboutthesite a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #006666;
    background: #006666;
}

/********************************************************************************/
/* SIDE NAVIGATION AREA                                                         */
/********************************************************************************/
/* AREA */
#sideNavArea {
    float: left;
    margin: 0;
    padding: 0;
    width: 410px;
    min-height: 380px;
    height: auto!important;
    height: 380px;
    background: url('../images/general/holyrood-1890-400x372.png') no-repeat;
    background-position: center center;
    background-color: #ffffff;
}

/********************************************************************************/
/* SIDE NAVIGATION AREA - GENERAL                                               */
/********************************************************************************/
#sideNav {
    margin: 0;
    padding: 0;
}

/********************************************************************************/
/* FOOTER (COPYRIGHT)                                                           */
/********************************************************************************/

#footer {
    clear: both;
}

#footer p {
    display: block;
    position: relative;
    padding: 0.5em 10px 0.5em 10px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    background-color: #000099;
}