/* TOR style-sheet */

/* Basic layout */

body		{ text-align: center;
			  font-family: Verdana, Arial, sans-serif;
			  font-size: small;
			  line-height: 1.3;
			  background: white url(/dev/graphics/masthead_background.jpg) repeat-x;
			  margin-top: 0px; }

h2			{ font-family: Trebuchet MS, Trebuchet, sans-serif;
			  font-weight: bold;
			  font-size: x-large; 
			  margin-top: 0px;
			  text-transform: uppercase;
			  }

h3			{ font-family: Trebuchet MS, Trebuchet, sans-serif;
			  font-size: large; 
			  text-transform: uppercase; }
			  
h4			{ font-family: Trebuchet MS, Trebuchet, sans-serif;
			  font-size: medium; 
			  text-transform: uppercase;
			  color: white;
			  background-color: #999;
			  padding: 2px; 
			  margin-top: 10px;
			  margin-bottom: 4px; }
			  
.heading	{ height: 112px; 
			  display: block;
			  background: white url(/dev/graphics/masthead_background.jpg) repeat-x;
			  margin-bottom: 16px; 
			}

.container	{ width: 820px;	
        	  margin: auto;
			  text-align: left;
			}

.left		{ float: left;
			  width: 140px;
			  background: white;
			}

.middle		{ margin-left: 135px;
			  margin-right: 213px;
			  padding-left: 20px;
			  padding-right: 20px;
			}

.right		{ float: right;
			  width: 218px;
			  background: white;
			  text-align: center;
			}

.footer		{ padding-top: 10px;
			  text-align: center;
			  clear: both;
			  background: white;
			}

/* Styling - main content */

.box_full	{ background: yellow;
			  width: 416px;
			  display: block;
			  border: 2px solid black;
			  padding: 3px;
			  margin-top: 10px;
			  margin-bottom: 10px;
			}

.box_lh	    { background: red;
			  width: 204px;
			  display: block;
			  float: left;
			  padding: 3px;
			  margin-bottom: 10px;
			  color: white;
			}
			
.box_lh a	{ color: white; }
.box_lh a:visited { color: white; }
.box_lh h2	{ text-align: center; }

.box_rh	    { background: gray;
			  color: white;
			  width: 204px;
			  display: block;
			  float: right;
			  padding: 3px;
			  margin-bottom: 10px; }
			
.box_rh a	{ color: white; }
.box_rh a:visited { color: white; }
.box_rh h2	{ text-align: center; }

/* Styling - LH column */

.navlink	{ width: 130px;
			  height: 20px; 
			  background: white url(/dev/graphics/nav_arrow.gif) no-repeat;
			  border: 2px solid black;
			  padding: 3px;
			  margin-bottom: 3px;
			  font-size: 14px;
			  color: red;
			  font-family: Verdana;
			  font-size: 16px; }
			
.navlink a			{ text-decoration: none;      font-weight: bold; color: red; }
.navlink a:visited	{ text-decoration: none;      font-weight: bold; color: red; }
.navlink a:hover	{ text-decoration: underline; font-weight: bold; color: red; }

#guide	{ border-top: 1px solid black; padding-top: 6px; font-style: italic; color: black; font-size: x-small; }

/* Styling - RH column */

.advert		{ width: 218px;
			  background-color: gray;
			  padding: 4px;
			  color: white;
			}

.ads { background-color: #CCC; padding: 4px; }



/* Styling - either column */

.box_black	{ background: black;
			  color: white;
			  padding: 5px;
			  display: block;
			  margin-top: 10px; 
			  }

.box_black a { color: white; }
.box_black a:visited { color: white; }

/* Styling - footer */

.footer		{ margin-top: 20px;
			  border-top: 2px solid black; }
.footer a			{ text-decoration: none;      color: black; }
.footer a:visited	{ text-decoration: none;      color: black; }
.footer a:hover		{ text-decoration: underline; color: black; }

/* General */

.floatpic	{ float: left; margin-right: 10px; }


/* Styling - Movable Type content */

.mt_date	  { color: white;
				background-color: #999;
				padding: 2px; 
				margin-top: 10px;
				margin-bottom: 4px; }
.mt_title	  { margin: 0px;
				text-align: left; 
				text-transform: uppercase; }
.mt_tags	  { font-size: x-small; }
.mt_metadata  { background-color: #DDD;
				font-size: x-small; 
				padding: 3px; 
				margin-bottom: 10px; }
.mt_metadata a { color: black; }
.mt_metadata a:visited { color: black; }

/* Page-specific - shop */

.shopitem	{ background: #DDD;
			  border: 2px solid black;
			  padding: 4px; 
			  margin-bottom: 6px; }
.shopitem h3  { margin-top: 0px; margin-bottom: 6px; text-align: left; }
.shopitem p   { margin-top: 0px; margin-bottom: 4px; }
.shopitem img { margin-right: 8px;
				margin-bottom: 8px; }
.author		{ font-size: small; font-weight: normal; }
.supplementary { font-size: smaller;
				 font-style: italic; }

.shopbuy	{ background: black;
			  padding: 4px;
			  color: white; }