/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		margin: 0 auto;
		width: 750px;
		padding-top: 20px;
		}		

#masthead {
		background: url(assets/logo.gif) no-repeat;
		height: 155px;
		margin-bottom: 10px;
		}

#mainContent {
		padding: 20px 0 0;
		width: 490px;
		float: left;
		margin-right: 40px;
		}

#sidebar {
		width: 180px;
		float: left;
		}

.sidebarBlock {
		background: #b4b4b4 url(assets/boxout-base.gif) 0 100% no-repeat;
		margin-bottom: 20px;
		padding: 10px;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}
		
/* ---------- 3. links and navigation ---------- */

a {
		}
		
a:hover {
		}

#navigation {
		padding-top: 8px;
		float: right;
		width: 180px;
		}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
		font: bold 1.3em/100% Arial, sans-serif;
		color: #d72e95;
		padding-bottom: 2px;
		}

#navigation a {
		color: #2ea9d7;
		text-decoration: none;
		}

#navigation a:hover {
		text-decoration: underline;
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {
		font: bold 1.6em/100% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

h2 {
		font: bold 1.4em/100% Arial, sans-serif;
		margin-bottom: 3px;
		}

#sidebar h2 {
		background: #b4b4b4 url(assets/header-background-grey.gif) no-repeat;
		margin: 0;
		padding: 8px 10px 6px;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 1.3em;
		}

#sidebar h2.blueHeader {
		background: #2ea9d7 url(assets/header-background-blue.gif) no-repeat;
		border-bottom: 1px solid #ffffff;
		}

#sidebar h2.pinkHeader {
		background: #d72e84 url(assets/header-background-pink.gif) no-repeat;
		border-bottom: 1px solid #ffffff;
		}

p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}

ul {
		margin-bottom: 1em;
		}

li {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-left: 1.3em;
		}

#sidebar p, #sidebar li {
		line-height: 1.3em;
		font-family: Arial, sans-serif;
		}

.break {
		display: none;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
#sidebar img {
		display: block;
		border: 1px solid #ffffff;
		margin-bottom: 1em;
		}