/*
Document        :   mildenhall.css
Created on      :   25/10/2009, 1:10:00 PM
Author          :   Robert Tooker & Prashant Raju
Description     :
Main stylesheet for A-grade browsers to be used
in conjuction with YUI reset-grid-fonts css
Tested with     :
IE6+, FF2+, Safari 3+, Chrome, Opera 9+
*/

/* 1. Globals */
body, html {
    background:#222222;
    color:#E5E5E5;
    height:100%;
    outline:none;
}
a, a:active, a:visited  { color:#0066cc; }
a:hover { text-decoration:none; }
.clear { clear:both; }

/* 2. Header */
#hd h1 {
    background:#222222 url('../images/mildenhall.logo.png') left no-repeat;
    display:block;
    float:left;
    height:121px;
    text-indent:-9999px;
    width:299px;
}

#hd h2 {
    float:right;
    font-size:138.5%;
    padding:10px 0 0 10px;
    line-height:26px;
    text-align:left;
    width:631px;
}

/* 3. Container */
#container          {   height:100%; text-align:left;   }
body > #container   {   height:auto; min-height:100%;   } /* Used for sticky footer */

/* 4. Main */
#main { padding-bottom:30px;    } /* Used for sticky footer */

/* 5. Tag Cloud */
#tagCloud {
    margin-top:20px;
    width:950px;
    overflow:auto;
    text-align:center;
}

#tagList {
    margin:0;
    padding:0;
}

#tagList li {
    list-style-type:none;
    float:left;
    padding:0 10px;
    height:35px;
}
#tagList a {
    color:#777777;
    text-decoration:none;
}
#tagList a:hover {
    color:#E5E5E5;
    text-decoration:none;
}

/* 6. Footer */
#ft {
    clear:both;
    height:30px;
    position:relative;
    text-align:left;
    width:950px;
    margin:0 auto;
    margin-top:-32px;
    padding-left:20px;
}

/* 00. Sticky footer */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block;  }
* html .clearfix { height: 1%;  }
.clearfix { display: block; }