body {
	font-family: Arial, sans-serif;
	color: #787878;
	font-size: 62.5%; /* Set base font size so that 1em = 10px etc. */
}

h2, h3 {
	color: #00dccf;
	font-weight: bold;
	margin-bottom: 1.6em;
}

p {
	color: #ff0066;
	margin-bottom: 1.6em;
	line-height: 1.6em;
}

a {
	outline: none;
}

/* @LOGO */
#logo {
	padding: 0 0 11px 17px;
	position: absolute;
	top: 95px;
	left: 0;
	width: 176px;
	height: 34px;
	border-bottom: #fff600 solid 9px;
}

#logo a {
	display: block;
	background: url(/img/logo-alex-ostrowski.gif) 0 -204px no-repeat;
	width: 176px;
	height: 34px;
	text-indent: -9999em;
}

#logo a.blue {background-position: 0 -170px;}
#logo a.green {background-position: 0 -102px;}
#logo a.orange {background-position: 0 -238px;}
#logo a.pink {background-position: 0 -136px;}
#logo a.teal {background-position: 0 -34px;}
#logo a.red {background-position: 0 -68px;}
#logo a.yellow {background-position: 0 0;}

/* @NAV */
#header-wrap {
	height: 100%;
	overflow: auto;
	position: fixed;
	_position: absolute;
	padding-right: 10px;
	top: 0;
	left: 0;
	width: 210px;
}

#nav {
	margin-top: 183px;
}

#nav h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 1.5em;
	padding-left: 17px;
	cursor: pointer;
	width: 176px;
}

#nav h4.hover {
	background: #00dccf;
	color: #fff;
}

.nav {
	margin-bottom: 2em;
}

.nav .nav {
	margin-bottom: 0em;
}

.nav li {
	margin-bottom: 0.3em;
}

.nav li a {
	display: block;
	padding-left: 17px;
	color: #787878;
	text-decoration: none;
	letter-spacing: 0.1em;
	width: 176px;
}

.nav li a:hover {
	background: #00dccf;
	color: #fff;
}

.nav li .nav {
	margin-top: 0.3em;
}

.nav li .nav li a {
	padding-left: 35px;
}

.level-1 #nav-other-projects,
.section-kotki-dwa #nav-projects,
.section-yellow #nav-projects {
	display: none;
}

#nav #nav-yellow-revolution li a,
#page-yellow-revolution #nav #nav-yellow-revolution li a,
#nav #nav-kotki-dwa li a,
#page-kotki-dwa #nav #nav-kotki-dwa li a {
	color: #787878;
	background: none;
	width: 158px;
}

#nav #nav-yellow-revolution li a:hover,
#page-yellow-revolution #nav #nav-yellow-revolution li a:hover,
#nav #nav-kotki-dwa li a:hover,
#page-kotki-dwa #nav #nav-kotki-dwa li a:hover {
	background: #00dccf;
	color: #fff;
}

#page-home .lnk-hello a,
#page-about .lnk-about a,
#page-look-up .lnk-look-up a,
#page-communicone .lnk-communicone a,
#page-disco-drive .lnk-disco-drive a,
#page-fun-run .lnk-fun-run a,
#page-happiest-book .lnk-happiest-book a,
#page-glass .lnk-glass a,
#page-smile .lnk-smile a,
#page-laughter .lnk-laughter a,
#page-warm-calling .lnk-warm-calling a,
#page-i-am-here .lnk-i-am-here a,
#page-munch .lnk-munch a,
#page-note-to-self .lnk-note-to-self a,
#page-sequins .lnk-sequins a,
#page-thanks .lnk-thanks a,
#page-hhpc .lnk-hhpc a,
#page-tough-love .lnk-tough-love a,
#page-pledge .lnk-pledge a,
#page-kotki-butcher #nav .lnk-kotki-butcher a,
#page-kotki-kiss #nav .lnk-kotki-kiss a,
#page-kotki-eps #nav .lnk-kotki-eps a,
#page-kotki-merchandise #nav .lnk-kotki-merchandise a,
#page-kotki-messages #nav .lnk-kotki-messages a,
#page-kotki-not-sleeping #nav .lnk-kotki-not-sleeping a,
#page-kotki-robins-clogs #nav .lnk-kotki-robins-clogs a,
#page-kotki-dwa #nav .lnk-kotki-dwa a,
#page-yellow-revolution #nav .lnk-yellow-revolution a,
#page-yellow-airshow #nav .lnk-yellow-airshow a,
#page-yellow-show #nav .lnk-yellow-show a,
#page-yellow-christmas-tree #nav .lnk-yellow-christmas-tree a,
#page-yellow-gig #nav .lnk-yellow-gig a,
#page-yellow-manifesto #nav .lnk-yellow-manifesto a,
#page-yellow-monster #nav .lnk-yellow-monster a,
#page-yellow-pub-crawl #nav .lnk-yellow-pub-crawl a,
#page-yellow-soup #nav .lnk-yellow-soup a,
#page-yellow-talk #nav .lnk-yellow-talk a,
#page-yellow-wednesday #nav .lnk-yellow-wednesday a,
#page-yellowology #nav .lnk-yellowology a,
#page-yellowtopia #nav .lnk-yellowtopia a {
	background: #00dccf;
	color: #fff;
}

/* @CONTENT */
#content-wrap {
	height: 100%;
	overflow: auto;
	margin-left: 220px;
}

#content {
	padding-top: 153px;
	width: 580px;
	position: relative;
	margin-bottom: 50px;
}

#content .section {
	border-bottom: #fff600 solid 9px;
}

.info {
	margin-top: 3em;
}

.stills {
	text-align: center;
}

#page-tough-love .stills {
	padding-top: 20px;
}

.stills .h-stills {
	position: absolute;
	top: 0;
	left: -9999em;
}

#content .stills a:hover {
	background: none;
	display: block;
}

.stills img {
	padding: 30px 0;
	margin: 0 auto;
	display: block;
	border: 0;
}

.stills object {
	margin-bottom: 30px;
}

#sect-contact {
	position: absolute;
	top: 87px;
	right: 0;
	text-align: right;

	padding-bottom: 5px;
}

#sect-contact h4 {
	font-weight: bold;
}

#sect-contact h4, li {
	margin-bottom: 0.5em;
}

#content a {
	color: #787878;
	text-decoration: none;
}

#content a:hover {
	background: #00dccf;
	color: #fff;
}

.lnk-back-to-top {
	margin-top: 0.7em;
	text-align: right;
}