/***	********************************************* 
Style sheet for Cycling Edinburgh site.
Created by Mike Lewis, August 2008.
Updated Feb 2009.
For printed output. Hides most of the content
except the main body of the page.
This version for articles other than the main
page; created Sepetember 2011.
*************************************************/

body {
	width: 90%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	margin: 0 auto;
	line-height: 1.2em; 
	background-color:#FFFFCC;
	}
		
	h1 {font-size: 180%; color: #800000; line-height:1.2em; }
	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 
    /* Main body of the page */
	{
	width:auto;
	margin:0;
	padding:0;
	margin-right: 10px;
	}

.SideBar 
	/* Navigation, adverts, etc */
    {
    display:none;
	}
.SmallPrint {font-size: 85%; line-height:1.2em;}
.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}

.FootAd
	/* Advert at foot of main section */
	{
	display:none;
	}

.Endpiece
/* Foot of page, mainly to provide a place for clearing the above floats */
	{
	margin:0;
	display:none;
	}
	
.print-only
	{
	/* Stuff at bottom of the page that will only appear in printed version */
	display:block;
	text-align:center;
	font-weight:bold;
	}	
		