/*
Theme Name: Akroyd Wallis
Theme URI: http://www.akkroyd-wallis.co.uk/
Description: The default Akroyd|Wallis theme and colours.
Version: 0.0.0.2
Author: Nick Wallis
Author URI: http://www.akroyd-wallis.co.uk/
Tags: blue, fixed width, ems, XHTML
*/

/*******************************************************************************
** $Id: style-print.css 155 2011-02-05 21:33:47Z nick $
**
** NOTE: In this theme the terminology used does not relate to the Wordpress 
** concept of page and post.
**
** A page refers to a webpage, irrespective of whether it is a Wordpress page, 
** post, or collection of posts.
**
** An article is an individual story, irrespective of whether it is a Wordpress 
** page or post.
**
** -----------------------------------------------------------------------------
** Colour Summary
**
** Pantone 292c : 78b3e0
** Pantone 656c	: dbded6
** Pantone 127c	: f0e07d
** Pantone 5435c: abb8c2
** Pantone 5245c: 8599a8
** Pantone 8201c: 617a8a
** Pantone 5405c: 45637a
**
** -----------------------------------------------------------------------------
** Font Summary
** Frutiger is the default font
** Logo is Garamond
** Monospace is Courier New
** 
*******************************************************************************/

body {
    background: white;
    color: black;
	font-family: 'Frutiger Liotype', Helvetica, Verdana, 'sans serif';
	font-size:10pt;
	padding: 1em;
	float:left;
}

p, 
li {
    font-size:9pt;
    margin: 1em 0;
}

/* 
** fonts
*/

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

h1	{
    font-size:20pt;
    margin:0;
	border-bottom: 2px solid #888;
}

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

h3	{
    font-size:1.0em;
	text-decoration:underline;
}

h4	{
    font-size:0.875em;
	text-decoration:underline;
}

h5,
h6	{
    font-size: 0.75em;
	text-decoration:underline;
}

h5,h6 {
    font-weight:bold;
}

h6 {
    font-style:italic;
}

h1.page-title	{
	background: black;
	color: white;
	text-align:center;
    line-height:1.636em;
    border:none;
}

/*
** tables
** Tables are centered on the page.
** 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;
	margin-left:auto;
	margin-right:auto;
}

th	{
	font-weight:bold;
	font-size: 1em; /* 16 px */
	padding: 0 0.643em 0.571em 0.643em; /* 0.643*14=9px, 0.571*14=8px */  
	border-bottom:1px solid #78b3e0;
	border-top:1px solid #78b3e0;
}

td	{
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:1px solid #dbded6;
}

/*
** Classes and specific regions
*/
.logo {
	clear:both;
	font-family:Garamond, Georgia, serif;
	font-weight:normal;
	border:none;
}

#logo   {
	font-size:36pt;
}

/*
** text alignment
*/
.caption	{
	text-align:center;
	color: #45637a;
}

/*
** Image classes
*/
.thumbnail,
.portrait  {
    float:left;
    text-align:center;
    font-size: 0.6875em; /* 11px */
    margin: 0em 0.5em 0em 0em;
}

.aligncenter	{
    text-align:center;
}

img.thumbnail,
img.portrait,
img.white {
    border:1px solid black;
}

.thumbnail .caption,
.portrait .caption {
    color: black;
    font-weight:normal;
}

/* 
** Announcements and box outs
** Blue boxes with black text, box-outs to the right of the content.
** The white border ensures that if displayed next to a header the header border 
** does not run into the box.
*/
.announcement, .box-out    {
    border: 1pt solid #dbded6;
    color: black;
    margin: 0.5em 0;
    padding:0.5em;
}

.box-out    {
    width:20em;
    float:right;
}

.announcement h2, .box-out h2, .box-out h3, .box-out h4, .box-out h5, .box-out h6 {
    padding-top: 0;
    margin-top:0;
}

.announcement h2, .box-out h2 {
    font-size:0.875em; /* 14 px */
}

.announcement a, .announcement a:visited  {
    color:white;
    border: 1pt solid #78b3e0;
    border-bottom: 1px solid white;
    font-weight:bold;
}

.announcement a:hover, .announcement a:active, .announcement a:focus {
	color: black;
	background: #f0e07d;
	border: 1px solid #8599a8;
}

.announcement a:visited {
	color: black;
	text-decoration: none;
}

.announcement a:active, .announcement a:focus {
	border: 1px solid white;
}

#content{
    float:left;
}

/* 
** Sidebar panel is to the left of the main content, so to allow it to
** be included in the HTML after the main content of the page, it is positioned
** absolutely.
*/ 
#sidebar  {
	display:none;
    font-size:8pt;
    text-align:left;
}

#articles   {
    padding: 1em 0 0 1em;
    width: 50em;
}

#footer {
	border-top:1pt solid #78b3e0;
	font-size: 6pt;
	text-align:center;
	clear:both;
}