body {
background: #000;
background-image: url(http://lesfous.writethinking.co.uk/microbrasserie/images/orsbg.jpg);
background-repeat: no-repeat;
font: 13px Georgia, sans-serif;
padding: 0;
margin: 0;
text-align: center;
color: #200;
}

#content {
width: 710px;
background: #900;
padding: 0;
margin: auto;
text-align: left;
}

#top {
width: 710px;
height: 100px;
background: #000;
/*
border: 1px solid #fff;
*/
}

#nav{
width: 688px;
height: 27px;
background: #c00;
margin: auto;
padding:3px 0 0 20px;
border: 1px solid #c00;
}

#nav1{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}

#nav2{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}

#nav3{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}
#nav4{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}

#nav5{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}


#nav6{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}

#nav7{
width: 90px;
height:22px;
float:left;
margin:2px 2px;
}

#foot{
clear:both;
width:688px;
min-height:10px;
background:#c00;
color:#c00;
margin:auto;
padding:3px 0 0 20px;
border:1px solid #c00;
}

/* ====== nav buttons ====== */

a.navb:link {
font: 9px Verdana, Arial, sans-serif;
font-weight: bold;
background:  #000;
color: #fff;
height: 14px;
width: 76px;
text-decoration: none;
padding: 2px 7px;
margin: 0 0 1px 0;
border: 1px solid #fff;
display:block;
}

a.navb:visited {
font: 9px Verdana, Arial, sans-serif;
font-weight: bold;
background:  #000;
color: #ccc;
height: 14px;
width: 76px;
text-decoration: none;
padding: 2px 7px;
margin: 0 0 1px 0;
border: 1px solid #fff;
display:block;
}

a.navb:hover {
font: 9px Verdana, Arial, sans-serif;
font-weight: bold;
background:  #fff;
color: #000;
height: 14px;
width: 76px;
text-decoration: none;
padding: 2px 7px;
margin: 0 0 1px 0;
border-top: 1px solid #000;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #000;
display:block;
}

a.navb:active {
font: 9px Verdana, Arial, sans-serif;
font-weight: bold;
background:  #f00;
color: #000;
height: 14px;
width: 76px;
text-decoration: none;
padding: 2px 7px;
margin: 0 0 1px 0;
border: 1px solid #fff;
display:block;
}
/* ======================================== */

h1{
font: 18px Georgia, serif;
font-weight: bold;
color: #c00;
}

h3.post-title{
font: 18px Georgia, serif;
font-weight: bold;
color: #c00;
}

h2.date-header{
font: 9px Verdana, sans-serif;
font-weight: bold;
color: #ccc;
}

/* ====== heading ====== */

a.hdg:link {
font: 18px Georgia, serif;
font-weight: bold;
color: #c00;
text-decoration: none;
}

a.hdg:visited {
font: 18px Georgia, serif;
font-weight: bold;
color: #c00;
text-decoration: none;
}

a.hdg:hover {
font: 18px Georgia, serif;
font-weight: bold;
color: #000;
text-decoration: none;
}

a.hdg:active {
font: 18px Georgia, serif;
font-weight: bold;
color: #fff;
text-decoration: none;
}
/* ======================================== */

/*
#left{
width: 150px;
min-height:370px;
background: #000;
background-image: url(bgl.jpg);
background-repeat: repeat-y;
padding:0;
margin: auto;
float: left;
border: none;
}
*/


#main{
width: 310px;
min-height:270px;
background: #ffc;
background-image: url(http://lesfous.writethinking.co.uk/microbrasserie/images/mainbg.jpg);
background-repeat: repeat-y;
padding:20px 200px;
float: left;
border: none;
}

/*
#right{
width: 150px;
min-height:270px;
background: #000;
background-image: url(bgr.jpg);
background-repeat: repeat-y;
padding:0;
margin: auto;
float: right;
border: none;
}
*/