/*
Standard template for 'small' web pages

Fixed columns to left and right 
right has cutdown home menu
left to have page specific links

dateclours now in separate file cribbdates.css
*/


body {
  color:#264d00;
  background-color: #ededde;
   font-family: arial, helvetica, sans-serif;
      }


img.share-buttons  {
width: 1em;
border: 0;
display: inline;
}

.frame {
top: 0;
left: 0;
border : 0;
margin: 0;
padding: 0 0 0 0%;
}

ul.none {
list-style-type: none; 
padding: 0; 
margin: 0.5em;
}
ul.square {
list-style-type: square; 
padding: 0; 
margin: 0.5em;
}

.topbox{
position: absolute;
left: 3%;
width: 95%;
padding: 0 1% 0 1%;
}


.mainpagecol0{
position: absolute;
left: 5%;
width: 22%;
padding: 0 0 0 0;
}

.mainpagecol1{
position: absolute;
left: 30%;
width: 18%;
padding: 0 0 0 0;
}

.mainpagecol2{
position: absolute;
left: 50%;
width: 18%;
padding: 0 0 0 0;
}

.mainpagecol3{
position: absolute;
left: 70%;
width: 27%;
padding: 0 0 0 0;
}

.mainpagecol4{
position: absolute;
left: 71%;
width: 27%;
padding: 0 0 0 0;
}
.whatsnewcol0{
position: absolute;
left: 1%;
width: 48%;
padding: 0 0 0 0;
}

.whatsnewcol1{
position: absolute;
left: 50%;
width: 48%;
padding: 0 0 0 0;
}

.mainpage{
position: absolute;
left: 15%;
width: 65%;
padding: 0 1% 0 1%;
}

.leftframe{
position: absolute;
width: 13%;
padding: 0 1% 0 1%;
}

.phpframe{
padding: 0 10% 0 10%;
}

.rightframe{
position: absolute;
left: 81%;
width: 16%;
padding: 0 1% 0 1%;
}

.topbar{
position: fixed;
left: 16%;
width: 65%;
padding: 0 0 0 0;
}

.topbarhand{
position: absolute;
left: 0;
width: 98%;
padding: 0 0 0 0;
}

.homebox{
position: fixed;
width: 15%;
padding: 0 0 0 0;
background-color:#ffffff;
}

.pagetopbox{
position: fixed;
width: 65%;
padding: 0 0 0 0;
background-color:#ffffff;
}

.topframe{
position: fixed;
left: 16%;
width: 74%;
padding: 0 0 0 0;
}

ul.navbar {
margin-left: 0px;
padding-left: 0px;
list-style: none;
border-bottom: 1px solid;
overflow: hidden;
}

ul.navbar li {
float: left;
}

ul.navbar a {
width: 6em;
display: block;
border-bottom: none;
padding: 1px;
margin-right:1px;
text-align: center;
}

.textcentre  {
text-align:center;
}

.selectframe{
float: left;
width: 12em; 
border: 0;
padding: 0;
margin-right: 0;
overflow: hidden;
}

.defaultcolumn{
float: left;
width: 10%; 
border: 0;
padding: 0;
margin-right: 0;
overflow: hidden;
}

.recipe {
border: 2px solid;
margin: 0.2em;
padding: 0.4em;
background: #FFFFCC;
}


.quote {
border: 2px solid;
margin: 0.2em;
padding: 1em;
background: #FFFFCC;
}

.quote33 {
width: 33%;
border: 2px solid;
margin-top: 5em;
margin-right: 4%;
padding: 0em;
background: #FFFFCC;
}

.quote6em {
width: 6em;
border: 2px solid;
margin-top: 5em;
margin-right: 4%;
padding: 0em;
background: #FFFFCC;
}

.ikklenumbox{
border:2px solid #a1a1a1;
background:#dddddd;
width:30px;
border-radius:25px;
}

.picbox {
border: 2px solid;
margin: 0.2em;
padding: 0.1em;
}


.floatright 
{
float:right;
}
.floatleft 
{
float:left;
}

.textright
{
 text-align:right;
}
.centerimage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

.topless
{
margin-top: 0;
margin-bottom: 0;
}

.topmuchless
{
margin-top: -5em;
margin-bottom: 0;
}

.topevenjustless
{
margin-top: 0;
margin-bottom: 1em;
}

.topevenless
{
margin-top: -1em;
margin-bottom: -1em;
}

.quarterheight
{
font-size: 25%;
}

.halfheight
{
font-size: 50%;
}

.threequarterheight
{
font-size: 75%;
}

.plus10
{
font-size: 150%;
}
	
.thick6
{
font-weight:600;
}
	
.ggreen
{
font-family: Arial, Helvetica, sans-serif;
color: green;
background-color: #f8fff8;
}

.ggrey
{
font-family: Arial, Helvetica, sans-serif;
color: #808080;
}


.wwhite
{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}


.ppurple 
{
font-family: Arial, Helvetica, sans-serif;
color: #cc0099;
}


.yyellow 
{ 
font-family: Arial, Helvetica, sans-serif;
color: #ffdd00;
}

.rred
{
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
}

.oorange
{
font-family: Arial, Helvetica, sans-serif;
color: #ffa500;
}

.bblue
{
font-family: Arial, Helvetica, sans-serif;
color: #8A2BE2;
}

a.bar
{
display: block;
border: 0;
padding: 0 0 0 .5em;
margin: 0;
width: 11em;
}

a.multilinkcolor
{
color: #9966ff;
background: #eee6ff;

}
a.multilinknumber
{
color: #18004d;
background: #eee6ff;
  font-weight: bold;
}

a.italic
{
    font-style: italic;
}


a.ppurple 
{
font-family: Arial, Helvetica, sans-serif;
color: #cc0099;
}

a.yyellow 
{ 
font-family: Arial, Helvetica, sans-serif;
color: #ffdd00;
padding: 0;
margin: 0;
}

a.rred
{
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
}

a.greenford
{
font-family: Arial, Helvetica, sans-serif;
color: #19D119;;
}

a.oorange
{
font-family: Arial, Helvetica, sans-serif;
color: #ffa500;
}


a.bblue
{
font-family: Arial, Helvetica, sans-serif;
color: #8A2BE2;
}

a.bar:hover {
background: #FFCCCC;
color:  #8A2E5C;
text-decoration: none;
}
a.link
{
border: 0;
padding: 0 0 0 0;
margin: 0;
}

.link:hover {
color: #0000ff;
background: #FFCCCC;
color: #8A2E5C;
text-decoration: none;
}

.bar:hover {
background: #FFCCCC;
color: #8A2E5C;
text-decoration: none;
}

.dot {
color: #66FF33;
font-weight: bold; 
}

.cribb { 
color: #009900; 
font-weight: bold;	
}

.date {color: #B2C2B2;}
.ggreene {color: #009900;}


.sidepanelcolor{
  background-color: #ededde;
	color: #668566
			}
				
.mainpagecolor{ background: #FFFFFF; }


.colorhomepage{background: #ffffff;
				color: #668566;
				}
				
.backcolorhomecolumns {background: #E9EDE9;}			
.colorhomecolumns{background: #E9EDE9;
				color: #668566;
				}
				
.colorhomebanner{background: #ffffff;
				color: #668566;
				}

.colorinternationalwomansday2018 {
				background: #9933ff;
				color:  #ffffff;
				}

.colorinternationalwomansday2018text {
				font-weight: bold;
				color:  #9933ff;
				}


.colortts {color: #cc0099;}
.backcolortts {background: #ff99cc;}


.colorprojects {color: #661400;}
.backcolorprojects {background: #ff9966;}

.colorbreadoven {color: #3366cc;}
.backcolorbreadoven {background: #66ffff;}

.colorlabel{color: #cc0095;}
.backcolorlabel{background: #ffccf2;}

.colorphpcomments{color: #0000ff;}
.colorphpred{color: #ff0000;
	     font-weight: bold; }

.colorblack { color: #000000;}

.colorspeakeasyblog{color: #004d00;}

.backcolorwolf { background: #99ff99; }

.colorwolf {color: #006600;}

.colordudley {color: #009933;}

.colorbicycle{
background: #8F476B;
color: #E6E600;
			}
.colorbike {color: #E6E600;}
.backcolorbike {background: #8F476B}	
.colorwhite {color: #ffffff;}
								
.colorblacktext { color: #000000;
 		font-weight: bold; }

.backcolorwhite{background: #ffffff}	

.colorquotepink {background: #FFCCE6}		
.colorquote {background: #FFFF99;}
.coloremail{background: #FFFFCC; }
.coloremailreply{background: #ccffcc; }	
		
.colorhilite{color: #990099}
.colorreferences {color: #CDCDFF;} 		
.colorexternallink{color:  #527ACC;
	background: #F1F8FF}
.colorquote {background: #FFFF99;}
.coloremail{background: #FFFFCC; }

.colorupdates {color: #88ddcc;}
.backcolorupdates{background: #29A329} 


.colorgreece{color: #ffffff} 
.backcolorgreece{background: #0000CC}

.colorhadrian{color: #7A3D00} 
.backcolorhadrian{background: #FFD119}

.colorstoupa{color: #0000CC} 
.backcolorstoupa{background: #ffffff}

.coloradham{color: #000099} 
.backcoloradham{background: #CCCCFF}
.colortransit{color: #7A297A;}
.backcolotransit{background: #D7BFD7}
.colorpress{color: #7A297A;}
.backcolorpress{background: #D7BFD7}

.colorkit{color: #6600FF}
.colornewyork{color: #2929CC}
.backcolornewyork{background: #BFBFF0} 
.colorchicago{color: #6B24B2}
.backcolorchicago{background: #D3BDE8} 
.colormetroep{color: #A3007A}
.backcolormetroep{background: #DA99CA} 
.colortoronto{color: #CC4040}
 .backcolortoronto{background: #E6A0A0} 
 .colorbarcelona{color: #FF0000}
 .backcolorbarcelona{background: #FFcF00} 
 .colortyne{color: #000000}
 .backcolortyne{background: #E6B800} 
 .colorparis{color: #3B0075}
 .backcolorparis{background: #E6B800} 
 .colornotts{color: #809980}
 .backcolornotts{background: #004C1A} 
 .colorboston{color:  #3D5C00}
 .backcolorboston{background: #D1FF47} 
 .colorexpeditions{color:  #476B00}
 .backcolorexpeditions{background: #9DB966} 
 
	
.colorabout {color: #B8DB4D;} 
.backcolorabout{background: #789C2E}  

.colorinfo {color: #33CC33;}
.coloroakley {color: #FFC285;}

.colormonth{color: #FF99FF;}


.colorhistory {color: #990099}
.backcolorhistory{background: #E0B2E0}
.colorcontent {color: #d8ffe8;}


.colorpeter{color: #FFB894;}
.colormidget{background: #CCFF99;}


.colorparty06{color: #CC99FF}
.backcolorparty06{background: #EBD6FF} 
.colorparty07{color: #FF99FF}
.backcolorparty07{background: #FFE0FF} 
.colorparty08{color: #FF6666}
.backcolorparty08{background: #FFE0E0} 
.colorparty09{color: #FF9999}
.backcolorparty09{background: #FFE0E0} 
.colorparty11{color: #CC6699}
.backcolorparty11{background: #F0D1E0} 
 .colorparty12{color: #B24700 }
.backcolorparty12{background: #FF9966} 

.colorpartygames{color: #0033CC}
.backcolorpartygames{background: #99CCFF} 

.colorgame{color: #6600CC}
.backcolorgame{background: #CCCCFF} 
.colorrules{color: #000099}

.colorsjaccounts{color:#FF9900;}
.backcolorsjaccounts{background: #FFEBCC} 

.colorcoccribbit{color: #FFFF66}
.backcolorcoccribbit{background: #D6D6B1} 

.colorcriblog09{color: #CCCC00;}
.backcolorcriblog09{background: #F5F5CC} 


.colorinteractive{color: #CC0099}
.backcolorinteractive{background: #F0B2E0}
.colortopics{color: #297ACC;}
.backcolortopics{background: #BFD7F0}
.colorhome {color: #007A00}
.backcolorhome{background: #99D699} 
.colorsystem {color: #CC7A29}
.backcolorsystem{background: #F0D7BF} 


.colorallotment{color: #008500;}
.backcolorallotment{background: #B2E0B2} 
.coloraphorisms{color: #995C00;}
.backcoloraphorisms{background: #FFCC80} 
	
	
.colorcribbit{color: #0000ff;}
.backcolorcribbit{background: #CCFFCC;} 
.colorcribblog{color: #CC6600;}
.backcolorcribblog{background: #EBC299} 
.colorcriblog{color: #FF4719;}
.backcolorcriblog{background: #FFC8BA} 
.colorsjvisits{color: #6B8F00}
.backcolorsjvisits{background: #C4D299} 
.colorgreenford{color: #005C1F;}
.backcolorgreenford{background: #99BEA5} 
.colorcribbitlog{color: #009900}
.backcolorcribbitlog{background: #D1ECD1}

.colorcatslide{color: #008A00;}
.backcolorcatslide{background: #C5CBB2;} 
.colorshed  {color: #3D3D99;}
.backcolorshed{background: #C5C5E0;} 
.colorparty{color: #B20047}
.backcolorparty{background: #F0CCDA} 
	
.colorcomputing{color: #000099;}
.backcolorcomputing{background: #B2B2E0} 

.colorintroduction {color: #FF9900;}
.backcolorintroduction{background: #FFE0B2} 
	.coloraccompaniments {color: #8FB224}
	.backcoloraccompaniments{background: #DDE8BD} 
	.colorbeverages {color: #007A99}
	.backcolorbeverages{background: #B2D7E0} 
	.colorbreadpastry {color: #993030} 
	.backcolorbreadpastry{background: #E0C1C1} 
	.colordesserts {color: #6B8FB2}
	.backcolordesserts{background: #D3DDE8} 
	.coloreggs  {color: #E6E600}
	.backcoloreggs{background: #737300} 
	.colormains {color: #00A300} 
	.backcolormains{background: #B2E3B2} 
	.colormetze {color: #005CB8} 
	.backcolormetze{background: #B2CEEA} 
	.colormidweek {color: #006666} 
	.backcolormidweek{background: #99ffff} 


	
	.colorruskin  {color: #00A37A}
	.backcolorruskin{background: #80E6B2} 
	
	.colorsoup  {color: #00A37A}
	.backcolorsoup{background: #B2E3D7} 
	.colorcondiments{color: #6B8F00}
	.backcolorcondiments{background: #D3DDB2} 
	.colorcontributions {color: #E65C00}
	.backcolorcontributions{background: #FADECC} 
	.colorspaghetti {color: #CC2900} 
	.backcolorspaghetti{background: #F5D4CC} 
	
	.colorvegetarian {color: #145214} 
	.backcolorvegetarian{background: #94FF94}
	
	
	.colorutensils {color: #B2B2CC} 
	.backcolorutensils{background: #E0E0EB} 
 	
.colorrecipelist{color: #007ACC}
.backcolorrecipelist{background: #B2D7F0} 

.colorfamily {color: #993399}
.backcolorfamily{background: #EBD6EB} 
	.colormaya{color: #CC0000}
	.backcolormaya{background: #F5CCCC} 
	.colorjaney {color: #CC0099}
	.backcolorjaney {background: #F5CCEB}
	.colorjason {color: #0000FF}
	.colorcribbitdotnet {color: #005C00}
	.backcolorjason{background: #99D6EB} 
	.colorwedding {color: #7A00A3}
	.backcolorwedding{background: #E4CCED}
.colormouldy{color: #CC6600}
.backcolormouldy{background: #F5D6CC}

.colorphysics{color: #CC0000}
.backcolorphysics{background: #F5CCCC}

.colorwalking{color: #009933}
.backcolorwalking{background: #B2E0C2}
	.colorshort{color: #009900}
	.backcolorshort{background: #99D699}
	.colorshard{color: #52A3CC}
	.backcolorshard{background: #DCEDF5}
	.colorlordnelson {color: #8AB800}
	.backcolornelson{background: #DCEAB2}
	.colorcaptainkidd {color: #336699} 
	.backcolorkidd{background: #D6E0EB}
		.colorchilterns{color: #0000FF} 
	.backcolorchilterns{background:#CCFFFF}
	
.colorwebsite {color: #007AA3;}
.backcolorwebsite{background: #B2D7E3}
	.colordevelopment {color: #527ACC}
	.backcolordevelopment{background: #CBD7F0}
.colorhandheld{color: #336699}
.colorcookies{color: #93006E}


.colorjane{color: #FF00FF;}
.backcolorjane{background: #FFBBFF} 
.colorthesmiths{color: #93006E}
.backcolorthesmiths{background: #D499C5} 
.coloralex{color: #7A0000;}
.colorpeter{color: #0000CC;}
.backcoloralex{background: #A5A5C1;} 
.colorcontact {color: #67801A;}
.colorguestbook {color: #0000A3;}
.colorgnome {color: #005C00;}
.colorlom {color: #A300CC}
.backcolorlom{background: #E3B2F0}
.colorstatistics {color: #47008F;}
.colortheblog{color: #990000;}
.backcolortheblog{background: #E0B2B2}
.colorwhatsnew {color: #004C00;}
.backcolorwhatsnew{background: #DBFF94}
.colornew {color: #6E006E}
.backcolornew{background:#D4B2D4}

.colornewsandviews{color: #990000;}
.backcolornewsandviews{background: #FFFF99}
.colorscience{color: #6600FF}
.backcolorscience{background: #CCFFFF}
.colorpersonal{color: #B20047}
.backcolorpersonal{background: #FFCCCC}
.colorfun{color: #00A300}
.backcolorfun{background: #B8FF94}

.colorjkh{color: #ff99cc}