html {
  background-color:#cccc9a;
  margin: 0;
  padding: 0;
}

body {
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
  background-color:#cccc9a;
  background: #cccc9a;
  background:url(http://www.alancarr.net/assets/images/generic/bg-tile.gif);
  background-repeat: repeat-x;
  text-align: left;  /*to correct the centering IE bug */
  font-family:  Verdana,Arial,Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF
}
/* body copy link */
a:link.promo, a:visited.promo, a:active.promo { font-weight: bold; font-size: 10pt; text-decoration: underline; color: #000000;}
a:hover.promo { font-weight: bold;  font-size: 10pt; text-decoration: none; color: #00216b; }

/* yellow - ffcc00  -- blue  00216b */ 

a:link.tweets, a:visited.tweets, a:active.tweets { font-weight: normal; font-size: 10px; text-decoration: underline; color: #ffff00; }
a:hover.tweets { text-decoration: none; color: #FFFFFF; }

a:link.dates, a:visited.dates, a:active.dates { font-family: Verdana,Arial,Helvetica, sans-serif ; font-weight: normal; font-size: 11px; text-decoration: underline; color: #ffffff; }
a:hover.dates { font-family: Verdana,Arial,Helvetica, sans-serif ; text-decoration: none; color: #FFFFFF; }

a:link.biog, a:visited.biog, a:active.biog { font-family: Verdana,Arial,Helvetica, sans-serif ; font-weight: normal; font-size: 12px; text-decoration: underline; color: #ffffff; }
a:hover.biog { font-family: Verdana,Arial,Helvetica, sans-serif ; text-decoration: none; color: #FFFFFF; }

a:link.diary, a:visited.diary, a:active.diary { font-weight: normal; font-size: 10px; text-decoration: underline; color: #00a9ff; }
a:hover.diary { text-decoration: none; color: #FFFFFF; }

a:link.freebies, a:visited.freebies, a:active.freebies { 
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-weight: normal; 
font-size: 11px; 
text-decoration: underline; 
color: #ffffff; 
padding-left: 10px;
line-height: 140%;
}

a:hover.freebies { 
font-family: Verdana,Arial,Helvetica, sans-serif ; 
text-decoration: none; 
color: #FFFFFF;
line-height: 140%;
}


a:link.footer, a:visited.footer, a:active.footer { font-weight: bold; font-size: 9px; text-decoration: none; color: #FFFFFF; }
a:hover.footer { text-decoration: underline;}

.copyright { font-weight: bold; font-size: 9px; text-decoration: none; color: #FFFFFF; }

a.blue {font-weight: bold; font-size: 16px;text-decoration: none; color: #00216b;}
a.link.blue {text-decoration: none; color: #00216b;}
a:hover.blue {text-decoration: none; color: #00216b;}
a:active.blue {text-decoration: none; color: #00216b;}





#twitter_update_list { line-height: 120%; }

#container {
  width: 948px;
  padding: 12px 6px 12px 6px;
  text-align: left; /* to realign your text */
  margin: 0 auto;
  overflow:visible;
}



/* TOP AND MENU */

#top {
	margin: 0px;
	width: 948px;
	height: 178px;
}

#top-left {
  display: block;
  float: left;
  margin: 0px;
  width: 32px;
  height: 178px; 
  overflow: hidden;
}


#top-right {
  background-color:#000000;
  float: left;
  display: block;
  position: relative;
  top: 0px;
  height: 178px;
  width: 916px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}




ul#menu {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 14px;
  position: relative;
  width:70px;
  height: 105px;
  top:0px;
  overflow: hidden;
}

ul#menu li {
  display: block;
  float: left;
  list-style: none;
  list-style-type: none;
}

ul#menu a {
  display: block;
  text-decoration: none;
  height: 15px;
}


/* LEFT COLUMN AREA */

#content {
	margin: 0px;
	overflow:visible;
}


/* CENTRE COLUMN AREA */

#leftcolumn {
  background-color:pink;
  
  float: right;
  margin: 0;
  padding: 0px 0px 0px 0px ;
  width: 440px;
  overflow: hidden;
}

#content p {
  margin: 0 0 6px 0;
}

/* RIGHT COLUMN AREA */

#rightcolumn {
background-color:green;
  width: 476px;
  float: right;
  margin: 0;
  padding: 0px 0px 0px 0px ;
  overflow: hidden;
}

#bottombar{
  background-color:orange;
  width: 916px;
  float: right;
  margin: 0;
  padding: 0px 0px 0px 0px ;
  overflow: hidden;

}

#footer {
  text-align: left;
  width: 960px;
  margin: 0 auto;
  font: 1em/2em arial,verdana,helvetica,sans-serif;
  color: #36c0c3;
}

#footer a:link, #credits a:visited, #credits a:active {
  color: #36c0c3;
  text-decoration: none;
}

#footer a:hover {
  color: #36c0c3;
  text-decoration: underline;
}



#rightcolumn h2 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #00216b;
  font-weight: bold;
  text-decoration: none; 
  color: #ffcc00;
}

h3, h4 {
  /* Top margin 1px for Firefox Mac problem cutting off top of text with small line-height*/
  margin: 1px 0 4px 0;
  padding: 0;
  font-weight: normal;
  line-height: 0.8;
}

h3 {font-size: 28px}
h4 {font-size: 14px; font-weight: bold; line-height: normal;}

div.newsentry {
  margin-bottom: 16px;
}

.normalcase {
  text-transform: none;
}

.blueheader, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 16px; text-decoration: none; color: #00216b;}

.yellowheader, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 16px; text-decoration: none; color: #ffcc00;}

.whiteonorange {

background-color:#ff6d00;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 8pt;
font-weight:bold;
text-decoration: none; 
color: #FFFFFF;
}


.whiteonblksml {

background-color:#000000;
padding-left:34px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
line-height: 150%;
text-decoration: none; 
color: #FFFFFF;
}

.whiteonblknopad {

background-color:#000000;
padding-left:0px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
line-height: 125%;
text-decoration: none; 
color: #FFFFFF;
}

.greenonblksml {

background-color:#000000;
padding-left:34px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
line-height: 150%;
text-decoration: none; 
color: #33cc33;
}
.greenonwhtMed {

background-color:#FFFFFF;
padding-left:0px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: bold;
line-height: 70%;
text-decoration: none; 
color: #33cc33;
}


.whiteonblksmlnopad {
background-color:#000000;
padding-left:0px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
line-height: 150%;
text-decoration: none; 
color: #FFFFFF;
}

.whiteonblk {
background-color:#000000;
padding-left:34px;
padding-right:12px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 18pt;
font-weight: normal;
text-decoration: none; 
color: #FFFFFF;
}
.whitebg{
background-color:#FFFFFF;
}
.blkonwhiteBig {
background-color:#FFFFFF;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 14pt;
font-weight:bold;
text-decoration: none; 
color: #000000;
line-height: 100%;
}

.blkonwhiteMed {
background-color:#FFFFFF;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 11pt;
font-weight: bold;
text-decoration: none; 
color: #000000;
}

.blkonwhiteSml {
background-color:#FFFFFF;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
text-decoration: none; 
color: #000000;
}

.whtonblkBiog {
background-color:#000000;
padding-left:10px;
padding-right:10px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 10pt;
font-weight: normal;
text-decoration: none; 
color: #FFFFFF;
}

.blkonwhiteVsml {
background-color:#FFFFFF;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-family: Verdana,Arial,Helvetica, sans-serif ; 
font-size: 8pt;
font-weight:normal;
text-decoration: none; 
color: #000000;
}

.diaryCopy {
font-weight:normal;
line-height:100%;
}
.submit input {
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
font-size: 9pt;
}

.form input {font-weight:normal; font-size: 9pt;}
textarea{color:#ffffff; background:#333333; border:1px solid #ffffff; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;
}
.colours input {color:#ffffff; background:#333333; border:1px solid #ffffff; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
.colours .submit input {color:#ffffff; background:#333333; border:2px #ffffff outset; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}



div.feedburnerFeedBlock p.date {
	text-align: left;
	margin-left:0px;
	padding: 0;
	margin: 0;
	color:#CCCCCC;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	}
	
div.feedburnerFeedBlock li div {
	text-align: left;
	margin-left:0px;
	padding: 0;
	margin: 0;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
div.feedburnerFeedBlock ul {
	text-align: left;
	margin-left:0px;
	padding: 0;
	margin: 0;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
div.feedburnerFeedBlock span.headline {
	text-align: left;
	margin-left:0px;
	padding: 0;
	margin: 0;	
	color:#0099FF;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
div.feedburnerFeedBlock span.headline a{
	text-align: left;
	margin-left:0px;
	padding: 0;
	margin: 0;	
	color:#0099FF;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
div.feedburnerFeedBlock ul li {
    width:330px;
	list-style-type: none;
	text-align: left;
	margin-left:0px;
	padding: 8px 0px 0px 0px;
	margin: 0;
	font-family:  Verdana,Arial,Helvetica, sans-serif;	
	font-size: 10pt;
	font-weight: normal;
	}

div.feedburnerFeedBlock p.feedTitle {
	color:#0099FF;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
	
div.feedburnerFeedBlock p.feedTitle a{
	color:#0099FF;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
	
div.feedburnerFeedBlock p.fbsubscribelink {
	color:#0099FF;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration:none;
	}
	