/* ----------------------------------------------------------------------
General styles (Inbuilt HTML types)
---------------------------------------------------------------------- */

body
{
  background-color: #EBF3C2;
  font-family: georgia,garamond,serif;
  font-size: 1em;
  color: black;
}
img 
{
    border: 0px;
    overflow: auto;
}
a
{
  color: #000000;
  text-decoration: none;
}
a:link
{
}
a:visited
{
}
a:hover
{
  text-decoration: underline;
}
a:active
{
}

/* ----------------------------------------------------------------------
General styles (Objects I have created).
---------------------------------------------------------------------- */

.PageContainer
{
  border: 2px solid black;
  width: 97%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
}

.HeaderContainer
{
  position: relative;
  border-bottom: 1px solid black;
  background-color: rgb(255, 255, 255);
}
.HeaderTopSection
{
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  background-color: rgb(255, 255, 255);
}
.TopLevelTitleBlock
{
  background-color: #DAE2B1;
}
.SecondLevelTitleBlock
{
  background-color: #EBF3C2;
}
.RoundBorderedBox, .comment
{
  padding: 5px;
  border: 1px dashed #B0A271;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft: 5px;
  margin-bottom: 10px;
}

.EntryContent a
{
  font-style: italic;
  color: #ad3537;
}

/* Div containing posting details of an entry. */
div.EntryPostingDetails
{
  margin-top: 5px;
}
/* The Date which precedes each Day's worth of entries */
.DayHeading
{
}
.EntryTags
{
 color: #ad3537;
}

/* Calendar */
table.hCalendarTable
{
  font-size: 1.0em;
  text-align: center;
}
/* Links within the table should be bold */
table.hCalendarTable a
{
  font-weight: bold;
}


/* Sidebar Styles. */
.SideBarElementTitle
{
  background-color: #EBF3C2;
  text-align: center;
  margin-bottom: 5px;
}



/* --------------------------------------------------------
layout
-------------------------------------------------------- */

#banner {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.bannerBox {
    width: 100%;
}
.bannerStatusBox {
    width: 100%;
    border: grey 1px solid;
}
.sidebarBodyHead {
    height: 25px;
}
.searchSidebarHead {
   height: 5px;
}
.searchSidebarBody {
   margin: 0px 0px 0px 0px;
}
.searchSidebarBody input {
   margin: 5px;
}
#menu {
    padding: 0px 10px 0px 10px;
}
#content {
}
#centercontent_wrap {
    width: 70%;
    float: left;
    display: inline;
}
#centercontent {
    margin: 10px;
}
#rightcontent_wrap {
    float: right;
    display: inline;
    width: 29%;
}
#rightcontent {
    margin: 10px;
}
#footer {
    clear: both;
    padding: 15px 0px 15px 0px;
    font-size: smaller;
    text-align: center;
}

/* --------------------------------------------------------
Colors
-------------------------------------------------------- */

#logobackground {
    background: #ad3431 !important;
}
.bannerBox {
    background: url("http://blog.mredd.co.uk/roller/test/resource/tan-banner.gif") repeat-x top;
}
.bannerStatusBox {
    background: #ad3431;
    color: white;
}
.bannerStatusBox a {
    color: white;
}
.bannerStatusBox a:link {
    color: white;
}
.bannerStatusBox a:visited {
    color: white;
}
h1 {
    color: #ad3537;
}
h2 {
    color: #ad3537;
}
h3 {
    background: transparent;
    color: #ad3537;
    font-weight: bold;
}

div.yourWeblogBox {
   border-top: 1px #c6ab74 solid;
}
input.searchButton {
    color: white;
    background: #ad3431;
}
.sidebarBodyHead {
    background: #ad3431;
    color: white;
}
.searchSidebarBodyHead h3 {
    color: black;
}
.sidebarBodyHead h3 {
    color: white;
}
.sidebarFade, div.sidebarBody {
    background: #f1ebdf;
    color: #666666;
}
.searchSidebarHead {
    background: #f1ebdf;
}
.searchSidebarBody {
    background: #f1ebdf;
}

td.menuTabSelected {
    background: url("http://blog.mredd.co.uk/roller/roller-ui/theme/tan/menutab-sel.gif") repeat-x;
}
td.menuTabUnselected {
    background: url("http://blog.mredd.co.uk/roller/roller-ui/theme/tan/menutab-unsel.gif") repeat-x;
}
.menuItemTable {
    background-color: #c6ab74;
    color: black;
}
td.menuTabSelected a:link, td.menuTabSelected a:visited, td.menuTabSelected a:hover, td.menuTabSelected a:active {
    color: black;
}
td.menuTabUnselected a:link, td.menuTabUnselected a:visited, td.menuTabUnselected a:hover, td.menuTabUnselected a:active {
    color: black;
}
a.menuItemSelected:link, a.menuItemSelected:visited, a.menuItemSelected:hover, a.menuItemSelected:active {
  font-style: none;
  color: black;
}
a.menuItemUnselected:link, a.menuItemUnselected:visited, a.menuItemUnselected:hover, a.menuItemUnselected:active {
  font-style: none;  
  color: black;
}

/* ----------------------------------------------------------------------
Blog directory
---------------------------------------------------------------------- */

div.letterMap strong.current a {
color:black;
}

table.data {
border-collapse:collapse;
border-spacing:0px;
margin-bottom:10px;
}

table.data th,
table.data td {
padding:2px 20px 2px 0px;
text-align:left;
}

table.blogdirectory {
width:100%;
}

table.blogdirectory thead th{
padding-bottom:17px;
}

table.blogdirectory .name {
width:20em;
}

table.blogdirectory tfoot td {
padding-top:17px;
}

table.blogdirectory tr.pagingcontrols td.paginglinks {
text-align:right;
padding-right:0px;
}

/* ----------------------------------------------------------------------
Menu
---------------------------------------------------------------------- */

#menu h1 {
    line-height: 120%;
}

div.menu-tl {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    background: url("http://blog.mredd.co.uk/roller/roller-ui/images/menutab-tl.gif") no-repeat top left;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: table;
}
div.menu-tr {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    background: url("http://blog.mredd.co.uk/roller/roller-ui/images/menutab-tr.gif") no-repeat top right;
    background-repeat: no-repeat;
}

td div.menu-tr div.menu-tl a {
   display: table-cell;
   vertical-align: middle;
   padding: 3px 5px 0px 5px;
}

.menuTabTable {
    height: 25px;
    _height: 21px; /* for IE */
    margin: 0px;
    padding: 0px;
}
td.menuTabSeparator {
    width: 4px;
}
td.menuTabSelected {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    vertical-align: top;
}
td.menuTabUnselected {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.menuItemTable {
    padding-right: 0px;
    padding-bottom: 0px;
    width: 100%;
    height: 2px;
    padding: 0px 0px 0px 10px;
}

.menuItemSelected {
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: bold;
}
.menuItemUnselected {
    padding: 0px 1px 0px 1px; /* TRBL */
}

#tagbin {
    padding: 4px;
}

#tagbin a {
      line-height: 100% ! important;
}

#tagbin a:hover {
    color: #e62c00 ! important;
}

a.s5, a.s5:visited { font-size: 135%; color: #ad3537 ! important; }
a.s4, a.s4:visited { font-size: 125%; color: #b95250 ! important; }
a.s3, a.s3:visited { font-size: 120%; color: #cb7e7c ! important; }
a.s2, a.s2:visited { font-size: 115%; color: #deafad ! important; }
a.s1, a.s1:visited { font-size: 110%; color: #f1dbdb ! important; }

/* category chooser ----------------------------------------------- */

.CategoryChooser
{
  border-top: 1px solid black;
  width: 100%;
  background-color: #DAE2B1;
}
.CategoryChooser ul
{
  display: inline;
  margin-left: auto;
  margin-right: auto;
  align:center;
  text-align: center;
}
.CategoryChooser li
{
    display: inline;
    list-style-type: none;
    font-size: 0.9em%;
    padding-right: 30px;
}
li.selected {
    font-weight: bold;
}


.TitleText
{
  font-weight: bold;
}

/* Twitter Styles */
.TwitterEntry
{
  font-size: 0.8em;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #B0A271;
}


/* end css */