/* ----------- */
/* Page banner */
/* ----------- */
#banner {
	height: 160px;
	color: white;
}
#author {
	font-size: 48px;
}
#site-title {
	font-size: 96px;
}
#watch {
}
#eyes {
}
.title {
	width: 1px;
}

/* -------------- */
/* Navigation bar */
/* -------------- */
#navbar-outer {
}
#navbar-inner {
	border-collapse: collapse;
}
.navlink {
	width: 16%;
	text-align: center;
	vertical-align: bottom;
	padding: 5px;
}

/* ----------- */
/* Page labels */
/* ----------- */
.top-label:after {
	content: 'Top';
}
.howto-label:after {
	content: 'How to hypnotise';
}
.fantasies-label:after {
	content: 'Fantasies';
}
.phs-label:after {
	content: 'Post-hypnotic suggestions';
}
.responsiveness-label:after {
	content: 'Increased responsiveness';
}
.fun-label:after {
	content: 'Fun stuff';
}

/* ---------- */
/* Page title */
/* ---------- */
#pagetitle-outer {
}
#pagetitle-inner {
	color: lime;
	text-align: center;
	font-size: xx-large;
	padding: 3px;
}

/* ------- */
/* Content */
/* ------- */
#content {
}
#left, #right {
	width: 50%;
	display: inline-block;
}
#left {
	float: left;
}
/*
#right {
	float: right;
}
*/
#left-inner {
	margin-right: 5px;
}
#right-inner {
	margin-left: 5px;
}

/* ----------------- */
/* Page introduction */
/* ----------------- */
#intro-outer {
}
#intro-inner {
	color: red;
	font-size: large;
}

/* ----------------- */
/* Look Into My Eyes */
/* ----------------- */
#lime-outer {
}
#lime-inner {
}
#lime-image-block {
	text-align: center;
}
#lime-cover {
	border: none;
}
#lime-cover,
#lime-stars {
	width: 160px;
}
#amazon-button {
	width: 70%;
	padding: 3px;
	background: #ff9900;
	display: inline-block;
	border: 3px outset #ffb000;
}
#amazon-link:link,
#amazon-link:visited,
#amazon-link:hover,
#amazon-link:active {
	color: black;
	text-decoration: none;
}
#lime-heading {
	color: blue;
	font-size: x-large;
	font-weight: bold;
}
#lime-push {
	width: 75%;
	background-color: black;
	color: yellow;
	padding: 10px;
	margin: 0px auto 10px auto;
	text-align: center;
	border: 3px red solid;
}
#lime-push-1 {
	font-size: x-large;
	font-style: italic;
}
#lime-push-2 {
	font-size: x-large;
}
#lime-push-3 {
	font-size: xx-large;
	color: white;
}

/* -------------------- */
/* Bottom-of-page image */
/* -------------------- */
#p3-outer {
	clear: both;
	text-align: center;
}
#p3-inner {
	display: inline-block;
	width: 600px;
	text-align: center;
}
#p3-image {
}
#p3-caption {
}

/* ------ */
/* Footer */
/* ------ */
#footer-outer {
}
#footer-inner {
	text-align: center;
	font-size: small;
	padding: 3px;
}

/* -------------------- */
/* Common look-and-feel */
/* -------------------- */
#banner,
#pagetitle-inner
{
		background: black;
}
#banner,
#navbar-inner,
#navbar-outer,
#pagetitle-outer,
#content,
#footer-outer
{
	width: 100%;
}
#banner,
#navbar-outer,
#pagetitle-outer,
#intro-outer,
#lime-outer,
#lime-cover,
#amazon-button,
.p1-outer,
#p3-outer
{
	margin-bottom: 10px;
}
.extraborder,
#navbar-inner tr td,
#intro-inner,
#lime-inner,
.p1-inner,
#p3-inner,
#footer-inner
{
	border: solid 1px black;
}
#navbar-inner,
#intro-inner,
#lime-inner,
.p1-inner,
#p3-inner,
#footer-inner
{
	background: white;
}
#intro-inner,
#lime-inner,
.p1-inner,
#p3-inner
{
	padding: 10px;
}
#intro-inner,
#lime-inner,
.p1-inner
{
	text-align: justify;
}
#intro-image,
#lime-image-block {
	float: right;
	margin-left: 10px;
}
.p1-image {
	float: left;
	margin-right: 10px;
}