/*
Site:       accessibility.co.uk
Variant:    Screen
Author:     Jon Gibbins
Date:       10 Dec 2009

Palette:

----------------------------------------*/

/*
base styles (CSS 1)
----------------------------------------*/

@import url("reset.css");

/* Overlay styles */

#overlay{
/*background: url(../img/presentation/bg-grid-980.gif) repeat-y 0 0;*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50em;
z-index: -1;
}
#overlay .horiz{
border-bottom: 1px solid #666; /* border width adds to the height */
height: 11px;
}

/* Base styles */

body{
font-size: 75%;
font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
line-height: 1;
background: #fff;
color: #445;
text-align: center;
padding-top: 2em;
}


/*
modern browsers (CSS 2.1)
----------------------------------------*/

@media screen{

/*
text =t
----------------------------------------*/

/* links =a */

a:link,
a:visited{
color: #0341d3;
}

a:link img,
a:visited img{
border: 0;
}

a:focus,
a:hover,
a:active{
color: #d32720;
}

/* headings =h */

h1,
h2,
h3{
font-size: 1.5em;
line-height: 1em;
color: #000;
margin: 0 0 1em;
}

/* structured text =s */

p{
font-size: 1.5em;
line-height: 1.3333em;
margin: 0 0 1.3333em;
}

ul{
font-size: 1.5em;
line-height: 1.3333em;
margin: 0 0 1.3333em;
}

/* forms =f */

/* images =i */


/*
grouping elements - layers / dividers =d
----------------------------------------*/

/* header */

header{
background: #eff3e5;
}
header h1{
/* width: 66.6667em;/*800px at 12px*/
width: 33.3333em;/*800px at 24px*/
font-size: 2em;
line-height: 2em;
margin: 0 auto 1em;
font-family: 'ITC Avant Garde Gothic Std', 'URW Gothic L', 'Century Gothic', 'Avant Garde', 'Trebuchet MS', sans-serif;
text-align: left;
}
header h1 b{
/*font-size: 0.83333em;*/
}

/* content wrapper */

div#content{
width: 66.6667em;/*800px*/
margin: 0 auto 2em;
text-align: left;
}
div#content img{
float: left;
border: 0.0833em solid #999;
padding: 0.08333em;
}

#introduction{
float: right;
width: 45.6667em;/*46em;*/
margin-bottom: 0.6667em;
padding: 0 2em 0 1em;
}
#introduction h1{
font-size: 2em;
line-height: 1em;
padding-top: 0.0833em;
margin-bottom: 1.0417em;
}
#introduction ul{
list-style: disc;
}

/* asides (may be renamed) */

#asides{
clear: both;
float: right;
width: 46em;
padding: 0 2em;
margin: 0 0 0.6667em;
}

/* footer */

footer{
clear: both;
width: 66.6667em;/*800px*/
margin: 0 auto;
text-align: left;
}
footer ul{
font-size: 1em;
float: right;
text-align: right;
border-top: 0.0833em solid #999;
color: #666;
width: 48em;
padding: 1.1667em 0;
}
footer li{
float: right;
}
footer li span{
float: left;
margin: 2.6667em 0.4167em 0;
}
footer li a:link,
footer li a:visited{
float: right;
}
footer li a:focus,
footer li a:hover{
border-bottom: 2px solid #be3c14;
}

}/* END screen */