/*
Body and layout.
*/

html
{
height: 101%;
border-bottom: 1px solid #FFF;
}

/* Talk Michael through the above rule, cf. John Hicks's 'Forcing Scrollbars Now Even Better'. */

body
{
margin: 0px 20px 40px 20px;
padding: 0;
font-family: 'Lucida Grande', Verdana, 'Trebuchet MS', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: #333;
background: #FFF;
}

#container
{
margin: 0 auto;
width: 720px;
text-align: left;
}

#strapline
{
margin: 90px 0px 40px 240px;
}

#navigation
{
margin: 20px 0px 20px 0px;
font-size: 12px;
color: #999;
}

#section_images
{
margin: 0 0 40px 0;
padding: 0;
height: 90px;
}

#sidebar
{
width: 220px;
float: left;
padding: 38px 0 0 0; /*We need to fix this. Perhaps with another DIV? */
}

#content
{
width: 480px;
float: right;
}

/*

Show this to Michael, this was the original main content width (360px). I think it looks too short, especially with wider screens.

#content
{
width: 360px;
float: right;
padding: 0 120px 0 0;
}
*/

#footer
{
clear: both;
margin: 0; /* Fix this margin. Talk to Nik. */
padding: 40px 0 0 240px;
}

/*
Typography
*/

h1
{
font-size: 16px;
color: #006;
}

h2
{
font-size: 14px;
font-weight: bold;
color: #006;
padding-bottom: 4px;
border-bottom: 1px solid #CCF;
}

h3
{
font-size: 13px;
font-weight: bold;
color: #006;
padding-top: 20px; /* Primarily to space out elements on Commissions page. */

}

#sidebar p
{
font-size: 14px;
color: #006;
}

#footer p
{
font-size: 11px;
color: #999;
}

#footer ul
{
font-size: 11px;
padding-top: 10px;
border-top: 1px solid #CCC; /*Check this. */
}

.normal
{
font-weight: normal;
}

.statement
{
/*
margin: 30px; - Take a look at this. possibly rounded corners on the pull statement box.
*/
margin: 20px 0 5px 0;
padding: 20px;
background: #EEE;
}

blockquote
{
margin: 20px 0 5px 0;
padding: 20px;
background: #EEE;
}

.author
{
font-size: 11px;
font-weight: bold;
color: #999;
}

.title
{
font-size: 11px;
color: #999;
}

/*
Links
*/

a
{
text-decoration: none;
}

a:link
{
color: #930;
padding-bottom: 2px;
border-bottom: 1px solid #FC9;
}

a:visited
{
color: #C63;
padding-bottom: 2px;
border-bottom: 1px solid #FC9;
}

a:hover
{
color: #930;
background-color: #FFCC99;
}

a:active
{
color: #993300;
background-color: #FC9;
padding-bottom: 2px;
border-bottom: 1px solid #F93;
}

/*
Lists
*/

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
margin: 0;
padding: 0 20px 0 0;
display: inline;
}

/*
Images
*/

img
{
border: 0;
}

.portfolio_portrait
{
border: 1px solid #EEE;
}

.imagewithborder
{
background: #EEE;
padding: 5px;
border: 1px solid #CCC;
}