/*
 * Common (all media) stylesheet for the Shetland Sheep Society web pages.
 *
 * This stylesheet provides styles for a 'frames' type layout with fixed header, footer and 
 * left menu blocks.
 * The content is scrollable as required
 *
 * As far as possible all dimensions are in ems so that content will re-size to suit the screen 
 * resolution and browser window size.
 *
 * Copyright PR Hardman 2009 - All rights reserved
 *
 * Created: 1 June 2009
 *
 *
 */


h1, h2, h3 {font-weight: normal;}

/* display or not the notice about the new URL */
.newsite {
   display: none; 
   text-align: center;
   font-size: 1.2em;}

/* Text styles */
.centre {text-align: center;}
.bold {font-weight: bold;}
.emph {font-style: italic;}
.em1 {font-size: 4em;}
.em2 {font-size: 2em;}
.em3 {font-size: 1.2em;}
.em4 {font-size: 1em;}
.em5 {font-size: 0.6em;}
.pad {padding-top: 1em;}
.newsdate {font-size: 0.6em; font-weight: bold;}

dt {font-weight: bold;}
dd {margin: 0; margin-bottom: 1em;}

/* Breed standard table */
table.bstd {border: 1px double black;
	}
td.bstd {border: 1px double black;
	padding: 0.5em;
	text-align: left;
}


/* Used before and after floated divs and as a general purpose spacer */
div.spacer { 
  clear: both;
  }

/* Thumbnail display outer divs */
div.horiz-thumbs{
   clear: both;
   padding: 2em;
   padding-top: 0;
}
/* Inner div to contain a thumbnail */
div.vthumb, div.thumb, div.cthumb {
   /* color: #040; */
   color: black;
   text-align: center;
   padding-bottom: 0.5em;
   margin: 0.2em;
   height: 12em; /* Enough to stop thumbs overlapping when in multiple rows */
   width: 9em; /* give thumbs a uniform width */
}
div.thumb {
   float:left;
}

/* the thumbnail itself - resized from 200x200*/
img.hthumb {
    width: 7em;
    margin: 0.2em;
}
img.vthumb {
    width: 5em;
    margin: 0.2em;
}

img.noborder {border: none;}

/* Columns */
div#col_left, #col_right {
   float: left;
   width: 45%;
   height: 100%;
}

/* For sale and wanted page */
.sw-locn {font-size: 1.2em;}
.sw-animal {font-weight: bold;}
.sw-contact {font-weight: bold;}
.sw-inserted {font-weight: bold;}
.sw-tab {display: inline; padding-left: 2em;}

div.salewant {clear: both;}

div.sw-thumbs{
   clear: both;
}

div.sw-thumb {
   float:left;
   height: auto;
   width: 9em;
   text-align: center;
}
img.swthumb {
   padding: 0.5em;
   padding-bottom: 0;
   border: none;
}

/* Three images in a centered box */
/*div.three-pic-box {
    clear: both;
    padding: 2em;
    padding-top: 0;
    text-align: centre;
	margin-left: auto;
	margin-right: auto;
	width: 54em; 
	height: auto;
}*/

/* Three images in a resizeable box */
div.three-pic-box {
    clear: both;
    padding: 2em;
    padding-top: 0;
    text-align: center;
}
div.three-pic {
	float: left;
	color: black;
	text-align: center;
	padding-bottom: 0.5em;
	margin: 0.2em;
	width: 17em;
}
/* Images are 200x200 */
img.three-pic {
	width: 16em;
}


   
/* Classes for the sheep sales page */
.ss-date {font-size: 1.2em;}
.ss-title {font-weight: bold;}
.ss-locn {font-weight: bold;}
.ss-info {font-weight: bold;}
.ss-tab {display: inline; padding-left: 2em;}
div.sheepsale {clear: both;}


/* Classes for the merchandise page */
p.addrline {padding-left: 4em;}

div#order-form {
   border: none;
   padding-left: 1em;
   padding-right: 1em;
   font-size: 1.2em;
}
div#order-opts { padding-left: 3em;}

div#addressblock {
   width: auto;
   border: solid 0.1pt black;
   padding-left: 1em;
}


div#socnews {color: gray;}
/* a.newslink {text-decoration: none; color: gray;} */
a.newslink {color: gray;}