html{
height:101%
}

body {
background-image: url(/img/img01.jpg);
background-repeat: repeat-x;
background-color: #7D0520;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0
}

h1, h2, h3 {
color: #000;
margin: 0;
text-transform: uppercase
}

h1 { 
font-size: 40px;
font-weight: normal
}

h2 { 
font-size: 22px;
font-weight: normal
}

h3 {
font-size: 14px;
font-weight: 600;
margin-top: 15px;
text-transform: none
}

p, ul, ol {
line-height: 150%;
margin-top: 0;
text-align: justify
}

ul, ol { }

blockquote { }

a {
color: #00218C;
text-decoration: none
}

a:hover {
color: #550B1C; 
text-decoration: none
}

a img {
border: none
}

img.left {
float: left;
margin: 7px 30px 0 0
}

img.right {
float: right;
margin: 7px 0 0 30px
}

hr { 
display: none; 
}

.list1 {
}

.list1 li {
float: left;
line-height: normal
}

.list1 li img {
margin: 0 30px 30px 0;
}

.list1 li.alt img {
margin-right: 0
}

#wrapper {
}


/* Header */

#header {
background: #999 url(/img/img02.jpg) no-repeat left top;
height: 133px;
margin: 0 auto;
width: 940px
}


/* Menu */

#menu {
float: left;
height: 63px;
margin: 70px 0 0 0px; /* 8px */
padding: 0px 0px 0px 30px; /* Left Gutter-Was 22+margin 8px */
width: 600px
}

#menu ul {
margin: 0;
line-height: normal;
list-style: none;
padding: 15px 0px 0px 0px /* ? */
}

#menu li {
display: block;
float: left
}

#menu a {
border: none;
color: #000;
display: block;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 20px; /* 18 */
margin-right: 1px;
padding: 8px 16px 0px 16px;
text-decoration: none;
text-align: center;
text-transform: uppercase
}

#menu a:hover, #menu .active a {
background: #161616;
color: #BBB; /* AAA */
text-decoration: none
}

#menu .active a {
background: #161616;
color: #BBB /* xxx */
}

#menu .first {
}


/* Search */

#search {
float: right;
margin: 65px 0 0 0;
padding: 10px 10px 0px 0px
}

#search form {
float: right;
margin: 0;
padding: 4px 0px 0 0
}

#search fieldset {
border: none;
margin: 0;
padding: 0
}

#search input {
float: left;
font: 12px Arial, Helvetica, sans-serif
}

/* GIF */
input.click {
margin-top: 7px;
margin-right: 21px
/* vertical-align: top */
}

#search-text {
background: none;
border: none;
color: #000;
font-family: Arial, Helvetica, sans-serif;
margin-left: 40px; /* 60 */
margin-top: 8px;
margin-right: 0px; /* 40 */
padding: 6px 0 0 7px;
width: 198px /* 210 */
}

#search-submit {
background: url(/img/img02.jpg) no-repeat left top;
border: none;
height: 28px;
margin-left: 10px;
padding: 0px 5px;
text-indent: -9999px;
width: 82px
}


/* Page */

#page {
background-color: #AAA; /* BBB */
margin: 0px auto;
padding: 27px 30px 0px 30px;
width: 880px
}

#page-bgtop {
}


/* 
 .clear-after: after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visilibilty: hidden
}

 .clear-after {
  display: block;
  position: relative
}
 */


/* Content */

#content {
/* background: #AAA; /* BBB Padding colour (assigned #page above) below line */
float: left;
margin-bottom: -8px; /* New line */
width: 600px
}


/* Bullets and Columns */

.colA, .colB, .colC {
padding: 0px 2px 0px 15px
}

.colA {
float: left;
width: 250px;
}

.colB {
float: right;
width: 250px
}

.colC {
float: left;
width: 560px
}

ul.bullet {
margin: 0px;
padding: 0px;
list-style: none
}

ul.bullet li {
padding: 0px 2px 10px 15px;
background: url(/img/bullet.gif) no-repeat left 3px
}


/* Post */

.post {
background: #BBB; /* AAA */
border-bottom: 1px solid #550B1C; /* #161616 */
margin-bottom: 20px;
padding-bottom: 10px
}

.post .title {
background: #161616;
height: 30px;
padding: 4px 20px 0px 20px
}

.post .title a {
color: #BBB; /* AAA */
font-size: 20px;
text-decoration: none;
text-transform: lowercase
}

/*
.post .date {
color: #BBB; /* AAA */
display: inline-block;
font-size: 20px;
margin: 0px;
padding: 0px 10px
}
*/

.post .meta {
color: #66665E;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-left: 0px;
padding: 10px 30px 0px 10px
}

.post .meta span {
margin: 0px
}

.post .meta a {
color: #BBB; /* AAA */
padding: 8px 10px 5px 10px;
text-decoration: none
}

.post .entry {
padding: 20px 20px 5px 20px
}

.portfolio {
border: 1px solid #550B1C;
float: left;
height: 93px;
margin: 0 2px 2px 0px;
padding: 1px;
width: 180px
}

div.centre {
text-align:center
}

span.AAA {
color: #AAA;
font-size: 100%
}

span.BBB {
color: #BBB;
font-size: 100%
}

span.DDD {
color: #DDD;
font-size: 100%
}

hr {
width:75%
}

.post .links {
background: #161616 url(/img/img10.jpg) no-repeat right top;
color: #BBB; /* AAA */
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
height: 25px;
margin: 0px;
padding: 10px 0px 0px 20px;
text-decoration: none;
width: 94px
}

.pixel {
float: left;
height: 1px;
margin: 0 0 0 0;
padding: 0;
width: 1px
}

.thumbnail {
border: 1px solid #550B1C;
float: left;
height: 58px;
margin: 0 6px 6px 0;
padding: 2px;
width: 58px
}


/* Sidebar */

#sidebar {
background: #AAA; /* BBB */
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 240px
}

#sidebar ul {
line-height: normal;
list-style: none;
margin: 0;
padding: 0
}

#sidebar li {
background: #BBB; /* AAA */
margin-bottom: 20px;
padding: 0 0 0px 0 /* 0 0 10px 0 */
}

#sidebar li ul {
margin: 0px 0px
}

#sidebar li li {
border-bottom: 1px solid #550B1C; /* #161616 */
margin: 0;
padding: 0 0 0 0
}

#sidebar li li a {
color: #111;
display: block;
font-size: 12px;
font-weight: bold;
height: 24px;
padding: 14px 18px 2px 18px
}

#sidebar li li a:hover {
background: #161616;
color: #BBB /* AAA */
}

#sidebar p {
margin: 0;
padding: 0px 14px
}

#sidebar h2 {
background: #161616;
color: #BBB; /* #AAA */
font-size: 20px;
font-weight: normal;
height: 30px;
margin: 0px 0 5px 0;
padding: 4px 20px 0px 20px;  /*  */
text-transform: lowercase
}

#sidebar p {
line-height: 200%
}

#sidebar a {
color: #BBB; /* #AAA */
font-weight: bold;
text-align: left;
text-decoration: none
}

/* qc */

#qc {
background: #AAA; /* BBB */
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: 240px
}

#qc ul {
line-height: normal;
list-style: none;
margin: 0;
padding: 0
}

#qc li {
background: #BBB; /* AAA */
color: #7D0520;
font-weight: bold;
margin-bottom:  10px; /* Margin for Promo */
padding: 0 0 0px 0 /* 0 0 10px 0 */
}

#qc li ul {
margin: 0px 0px
}

#qc p {
margin: 0;
padding: 0px 14px
}

#qc h2 {
background: #161616;
color: #BBB; /* #AAA */
font-size: 20px;
font-weight: normal;
height: 30px;
margin: 0px 0 5px 0;
padding: 4px 20px 0px 20px;
text-transform: lowercase
}

#qc p {
line-height: 100%
}


/* Promo */

#promo {
background: #BBB; /* AAA */
border-bottom: 1px solid #550B1C;
border-top: 1px solid #666;
float: right;
width: 240px
margin: 0 20px 0 20px;
margin-bottom: 20px;
padding: 10px 20px 20px 20px
}

#promo h4 {
background: #BBB; /* AAA */
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
letter-spacing: 1.3px;
margin: 0px 0 6px 0;
text-align: center;
text-transform: titlecase
}


/* Footer */

#footer {
background: url(/img/img09.jpg) no-repeat left top;
height: 80px;
margin: 0 auto;
padding: 0;
width: 940px
}

#footer p {
color: #111;
font-size: 13px;
line-height: normal;
margin: 0;
padding: 35px 0px 0px 0px;
text-align: center
}

#footer a {
color: #00218C;
text-decoration: none
}

#footer a:hover {
color: #550B1C
}