/* ===========================================================================
 * Filename: css/screen.css
 * Author: Rebecca Skeers, rebecca@webmistress.com.au, www.webmistress.com.au
 * Copyright: Rebecca Skeers
 * Date: 19 Feb 2009
 * Description: Contains screen styles for the Web Help Australia website.
 *
 * This file may not be used for any purpose other than for the Web Help Australia
 * website and may not be modified without written permission from the author.
 * =========================================================================== 
 */

body
{
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	line-height: 1.8;
	font-size: 12px;
	background: #fff url(../images/bg.gif) no-repeat scroll -400px -400px;
}

#page
{
	width: 800px;
	float: left;
	padding: 0 0 100px 33px;
}

#nav
{
	position: absolute;
	top: 5px;
	left: 540px;
	width: 260px;
	color: #ccc;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#nav li
{
	float: left;
	padding: 0 30px 0 0;
	letter-spacing: 1px;
	text-transform: lowercase;
}

#illustration
{
	float: left;
	width: 355px;
	text-align: right;
	margin: 0 10px 0 0;
}

#content
{
	float: left;
	width: 430px;
	text-align: left;
}

h1
{
	font-size: 4em;
	letter-spacing: 0.2em;
	color: #ccc;
	padding: 0.45em 0;
	margin: 0;
}

h2
{ 
	font-size: 1.2em;
	padding: 3em 0 1.4em 0;
	margin: 0;
	font-weight: bold;
	color: #000;
	line-height: 1em;
}

p
{
	margin: 0;
	padding: 0 0 1em 0;
}

p.spaced
{
	padding: 0 0 3em 0;
}

a:link, a:visited
{
	color: #ca3030;
	text-decoration: none;
}

a:focus, a:hover, a:active
{
	color: #300;
	text-decoration: underline;
}


ul
{
	padding: 0 0 1em 2em;
	margin: 0;
	list-style-type: disc;
}

ul li
{
	padding: 0 0 1.5em 0;
}

li.last
{
	padding: 0;
}

.feature
{
	font-size: 2em;
	font-weight: bold;
	list-style-type: none;
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.0;
}

ul.feature li
{
	padding-bottom: 2em;
}

ul.feature li.bullet
{
	background: transparent url(../images/arrow.gif) no-repeat scroll 0 2px;
	padding-left: 33px;
}

hr 
{
	border: none;
	border-top: 1px solid #c0c0c0;
	padding: 0;
	margin: 0 0 1em 0;
}

.highlight
{
	color: #00acd3; 
	padding: 0 2em 1.5em; 
	letter-spacing: 1px; 
	font-weight: bold;
}

.colour1
{
	color: #0a3e53;
}

.colour2
{
	color: #00acd3;
}

.colour3
{
	color: #c7a599;
}

.colour4
{
	color: #c96;
}