/* Site.css - Main stylesheet for Devenick Dairy
 * Created - 21/06/2010
 * Created by - David William Thomson
 */

/* Imported stylesheets */
@import url("Reset.css");

/* Default */
body
{
    font-size: 62.5%;
    font-family: "segoe ui" , arial, Verdana, Helvetica, sans-serif;
    color: black;
    background: #abc7d3 url('/Images/background.jpg') no-repeat;
}

p
{
    font-size: medium;
    line-height: 25px;
}

/* Positioning */
#Container
{
    width: 1024px;
    margin: 10px auto 10px auto;
    overflow: hidden;
    border: 1pt solid #231f20;
}

#Header
{
    width: 100%;
    background-color: white;
    overflow: hidden;
    padding: 10px;
}

#Header_Inner
{
    padding: 10px;
}

#Header #LeftHeader
{
    width: 33%;
    float: left;
}

#Header #MiddleHeader
{
    width: 40%;
    float: left;
    margin-top: 1em;
}

#Header #RightHeader
{
    float: right;
    width: 26%;
    margin-top: 2em;
}

#RightHeader p
{
    font-size: large;   
}

#Menu
{
    width: 100%;
    overflow: hidden;
    background-color: #231f20;
}

#Menu_Inner
{
    padding: 10px;
    color: White;
    font-size: medium;
}

#Menu_Inner a
{
    color: white;
    text-decoration: none;
    font-size: Medium;
    font-weight: bold;
    margin: 0 10px;
}

#Menu_Inner a:hover
{
    color: white;
    text-decoration: underline;
}

#Main
{
    width: 100%;
    margin: 0 auto 0 auto;
    overflow: hidden;
    background-color: #e0f7de;
    padding-bottom: 10px;
}

#Main_Inner
{
    padding: 10px;
}

#Footer
{
    width: 100%;
    background-color: #e0f7de;
    overflow: hidden;
    border-top: 1pt dashed #BBB;
    font-size: small;
}

#Footer_Inner
{
    padding: 10px;   
}

/* Headers */
h1
{
    font-size: large;
    font-weight: bold;
    text-align: justify;
    margin-bottom: 1em;
    color: black;
}

h2
{
    font-size: medium;
    font-weight: bold;
    text-align: justify;
    margin: 1em 0;
    color: #231f20;
}

h3
{
    font-size: small;
    color: #525A00;
    margin-bottom: 5px;
    margin: 1em 0;
}

/* Links */
a
{
    font-size: medium;
    color: #A54749;
    text-decoration: underline;
}

a:hover
{
    color: black;
    text-decoration: underline;
}

/* Lists */
ul, ol
{
    font-size: medium;
    margin-bottom: 2em;
    margin-left: 2em;
    list-style-type: square;
}

li
{
    margin-bottom: 1em;
}

/* Content Box */
div.ContentBox
{
    overflow: hidden;
    background-color: White;
    font-size: small;
    width: 32%;
    float: left;
    border: solid 1px #181F17;
    min-height: 280px;
}

div.ContentBox h2
{
    text-align: center;
    background-color: #231F20;
    color: White;
    font-size: large;
    font-weight: normal;
    height: 30px;
    overflow: hidden;
    padding: 1px;
    margin: 0;
    line-height: 25px;
}

div.ContentBox div.ContentBoxInner
{
    padding: 5px;
}

div.ContentBox div.ContentBoxInner ul li
{
    margin-bottom: 10px;
}

div.ContentBox div.ContentBoxInner ul
{
    list-style-type: none;
    margin-left: 0;
}

div.ContentBox div.ContentBoxInner p
{
    font-size: medium;
}

div.ContentBox div.ContentBoxInner p.List
{
    padding-left: 20px;
    margin: 12px 0;
}

div.ContentBox div.ContentBoxInner div.Twitter
{
    padding: 10px;
    text-align: justify;
}

div.ContentBox div.ContentBoxInner div.Twitter span
{
    font-weight: normal;
    font-size: large;
}

div.ContentBox div.ContentBoxInner div.Flickr
{
    width: 100%;
    text-align: center;
}

div.ContentBox div.ContentBoxInner div.Flickr img
{
    margin: 5px;
    border: solid 1px #1f1a17;
}

.Textbox
{
    border: solid 1pt #BEDCBB;
    height: 30px;
    color: #BBB;
    font-size: large;
}

.TextboxWatermark
{
    border: solid 1pt #BEDCBB;
    height: 30px;
    color: #E5E5E5;
    font-size: large;
}

.Button
{
    border: solid 1pt #33782C;
    background-color: #8BB986;
    color: white;
    padding: 0.4em;
    font-size: medium;
    font-weight: bold;
    width: 6em;
    margin: 0;
}

.Button:hover
{
    border: solid 1pt #33782C;
    background-color: #718B6E;
    color: white;
    padding: 0.4em;
    font-size: medium;
    font-weight: bold;
    width: 6em;
    margin: 0;
}

/* Shopping */
div.ShoppingBasket
{
    width: 150px;
    border: 1pt solid black;
    background-color: #E2E1A4;
    float: right;
    text-align: center;
    font-size: medium;
    line-height: 20px;
}

div.Category
{
    float: left;
    margin: 10px 30px;
    border: solid 1pt #918588;
    text-align: center;
    padding: 2px 2px 10px 2px;
    overflow: hidden;
    min-height: 220px;
    width: 240px;
}

div.Category img, div.Item img
{
    width: 240px;
    height: 160px;
}

div.Item
{
    float: left;
    margin: 10px 30px;
    border: solid 1pt #918588;
    overflow: hidden;
    text-align: left;
    padding: 2px 2px 10px 2px;
    width: 240px;
    min-height: 260px;
}

table
{
    font-size: medium;
    margin: 1em 0;
}

table th
{
    text-align: center;
}

table th, td
{
    padding: 3px;
}

table.Item td
{
    padding: 3px;
    font-size: medium;
}

/*
GRIDS   
*/
.Grid
{
    font-size: small;
    color: #231f20;
}

table .Grid
{
    margin-top: 0;   
}

.GridHeader
{
    background-color: #bedbbc;
    padding: 10px 0;
}

.GridItem
{
    background-color: White;
}

.GridItemAlt
{
    background-color: #f3f7bb;
}

.GridNoResults
{
    background-color: #695F1A;
    color: White;
    padding: 5px;
    text-align: center;
}

td
{
    padding: 4px;
    vertical-align: middle;
}

div.error
{
    background-color: #CA5A8B;
    color: White;
    font-size: small;
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}

div.error div.inner
{
    padding: 5px;
}