/************************************************ 
Style sheet for Cycling Edinburgh site.
Created by Mike Lewis, August 2008.
Updated Feb 2009.
*************************************************/

body {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 10pt;
		width: 92%;
		margin: 0 auto;
		}
		
	h1 {font-size: 180%; color: #800000 }
	h2 {font-size: 140%; color: #800000 }
	h3 {font-size: 100%; color: #800000 }
	h4 {font-size: 100%; color: #000000 ; font-weight: bold}
	li {padding-bottom: 5pt }
	hr {color:#800000 }
		
	.MainContent {width: 69%; float: left; }
	.SideBar {width: 27%; float: right; }
	.Col1 {width: 49%; float: left;}  /* left-hand of two floating cols */
	.Col2 {width: 49%; float: right;}  /* right-hand of two floating cols */
	.EventHead {font-size: 100%; color: #800000; font-weight: bold }
	.SmallPrint {font-size: 80%}
	.Quote {font-family: Century Schoolbook, Times New Roman, serif; color: #008000; font-size:110% }
	.PictureCaption {font-weight:bold }
	.PictureCredit {color:dimgray; font-size: 0.8em}
	
	/* Figure-L class is for a photo with a caption. 
	Apply it to a DIV that contains an <img> for the photo and a <p>
	for the caption. The DIV should have width equal to that of the photo.
	Example:
	<div class="Figure-L" style="width: 188px">
      <img src="myphoto.jpg" />
      <p>This is a caption</p>
    </div>	
    */
	.Figure-L {float:left; margin-right: 1em}
	.Figure-L p  {font-weight:bold; font-size:80%; margin: 1em 0 1em 0}
	
	/* Figure-R class works just like Figure-L, but the photo plus
	caption will be right-aligned */
	.Figure-R {float:right; margin-left: 1em; text-align:right }
	.Figure-R p  {font-weight:bold; font-size:80%; margin: 1em 0 1em 0}
	
	.QuizQuestion {font-weight:bold; font-size:90%; line-height: 130%; padding-left: 10px;}
	.QuizAnswer {padding-left: 15px; margin-top:-.6em;} 
	
	/* Classes for use with weather forecast */
	.Weather .Weekday {font-weight:bold; font-size:11px;color:maroon;text-align:left;}
	.Weather .MaxTemp {font-size:150%; font-weight:bold; color:dimgray;text-align:left;}
	.Weather .WindSpeed {font-size:10px;text-align:left;}
	.Weather .Lighting {font-size:80%; margin-top:0; color:Maroon;}