/* Copyright (c) 2009, Nick Wallis [http://www.32sixteen.com]. 
** All Rights Reserved
**
** Default print styles for the Hooves-R-Us site
**
*/

/*******************************************************************************
** HTML Elements
**
** Note: em sizes are based on browsers using a default text size of 16px 
** (see http://www.alistapart.com/articles/howtosizetextincss)
*/
body    {
    background: #fff;
    color: black;
    font-size:100%;
    font-family: 'Times New Roman', Times, serif;    /* Georgia is more readable */
    line-height:1.125em; /* 18px / 16px = 1.125em */
    margin:0;
    padding: 18px;
}

/* The whole page is wrapped in this to control it's width */
#wrapper{
    width:40em;
}

h1, h2, h3, h4, h5, h6, #credits, .strapline, .caption {
	font-family: Helvetica, Arial, Sans-Serif; 
    font-weight:normal;
}

h1	{
    font-size:1.375em; /* 20px */
    line-height:1.636em; /* 36px */
    margin:0;
	border-bottom: 2px solid #888;
}

h2	{
    font-size:1.125em; /* 18px */
	border-bottom: 1px solid #888;
    margin:1em 0;
}

h3	{
    font-size:1.0em; /* 16 px */
	text-decoration:underline;
}

h4	{
    font-size:0.875em; /* 14 px */
	text-decoration:underline;
}

h5,
h6	{
    font-size: 0.75em; /* 12px */
	text-decoration:underline;
}

.strapline,
#credits	{
    font-size:0.6875em; /* 11 px */
}

p li code  {
    font-size:0.875em; /* 14px */
    margin: 1.286em 0;
}

/* rather than give the table a font size use contextual selectors to target the th and td elements within */
table	{
    border-collapse:collapse;
    clear:left;
}

th	{
    font-weight:normal;
    font-size:0.875em; /* 14 px */
    padding: 0 0.643em 0.571em 0.643em; /* 0.643*14=9px, 0.571*14=8px */  
    border-bottom:0.071em solid #ccc;   /* 0.071*14=1px */
}

td {
	font-size: 0.75em; /* 0.75em=12px */
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
	line-height: 1em; /* 12x1=12px */ 
}


code, 
pre,
sup	{
    font-family: 'Courier New', Courier, mono;
    font-weight: normal;
}

/*******************************************************************************
** Classes
*/

.box-out    {
	border: 1px solid #09f;
	color: #006;
	background-color: #6cf;
    margin: 1em 0;
    padding:0.5em;
}

.caption, #credits	{
	text-align:center;
	color:#444;
    font-weight:bold;
}