@CHARSET "UTF-8";

/**
 * paulpepper.com website
 * 
 * Designed and implemented by getpepper.com
 *
 * Copyright getpepper 2009
 */


/**
 * css reset
 */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/**
 * main body, text, headers, etc
 */

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	background: url("../images/pp-ground.png") repeat-x #1c1b1b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	color: #444;
}

h1 {
	font-size: 1.8em;
	margin: 1.2em 0 0;
	color: #009def;
}

h2 {
	font-size: 1.2em;
	margin: 1.1em 0 0;
	color: #0999d8;
}

h3 {
	font-size: 1.1em;
	margin: 0 0;
	color: #0999d8;
}

.dummy-h1 {
	/* height is h1 font-size + margin + padding */
	height: 3.65em;
}

p {
	margin: 0.7em 0 1em;
}

a, a:visited {
	color: #009def;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.gp-get {
	color: #f36f3f;
	font-weight: bold;
}

.gp-pepper {
	color: #555555;
	font-weight: bold;
}

.clear {
	clear: both;
}

.embedded-img {
	float: right;
	padding: 5px 0px 5px 5px;
}


/* Obfuscate mailto from email harvester bots */

.email-addr span {
	display: none;
}

a.email-addr {
	display: block;
	width: 204px;
	height: 21px;
	background: url("../images/pp-email.png") no-repeat 0px -21px;
}

a.email-addr:hover {
	display: block;
	width: 204px;
	height: 21px;
	background: url("../images/pp-email.png") no-repeat 0px 0px;
}


/**
 * banner
 */

#banner {
	width: 908px;
	margin: 0px auto;
	padding: 0px 20px;
	background-color: #fff;
}

#banner a img#logo {
	border: none;
	margin: 5px 0px;
}

#search {
	float: right;
	margin: 10px 0px;
}

#search-text {
	width: 22em;
	border: solid 1px #acacac;
	padding: 0.3em 0em;
	vertical-align: middle;
}

#search-button {
	color: #fff;
	background-color: #757375;
	border: solid 1px #505050;
	font-weight: bold;
	padding: 0.1em 0.2em;
	vertical-align: middle;
}

#search-button:hover {
	color: #fff;
	background-color: #555555;
	border: solid 1px #505050;
	font-weight: bold;
	padding: 0.1em 0.2em;
	vertical-align: middle;
}


/**
 * Menubar navigation
 */

#menubar {
	clear: both;
	width: 908px;
	height: 40px;
	margin: 0px auto;
	padding: 0px 20px 0px;
	background: url("../images/pp-menubar-ground.png") repeat-x;
}

#menubar span {
	display: none;
}

#menubar ul li {
	display: inline;
}

#sub-menu {
	clear: both;
	height: 8px;
	width: 948px;
	margin: 0px auto;
	background: url("../images/pp-menubar-sub.png") repeat-x;
}


/* home */
#menu-home a {
	float: left;
	width: 73px;
	height: 40px;
}
#home #menu-home a {
	background: url("../images/pp-menubar.png") no-repeat 0px -40px;
}
#menu-home a {
	background: url("../images/pp-menubar.png") no-repeat 0px 0px;
}
#menu-home a:hover {
	background: url("../images/pp-menubar.png") no-repeat 0px -80px;
}

/* about */
#menu-about a {
	float: left;
	width: 72px;
	height: 40px;
}
#about #menu-about a {
	background: url("../images/pp-menubar.png") no-repeat -73px -40px;
}
#menu-about a {
	background: url("../images/pp-menubar.png") no-repeat -73px 0px;
}
#menu-about a:hover {
	background: url("../images/pp-menubar.png") no-repeat -73px -80px;
}

/* blog */
#menu-blog a {
	float: left;
	width: 60px;
	height: 40px;
}
#blog #menu-blog a {
	background: url("../images/pp-menubar.png") no-repeat -145px -40px;
}
#menu-blog a {
	background: url("../images/pp-menubar.png") no-repeat -145px 0px;
}
#menu-blog a:hover {
	background: url("../images/pp-menubar.png") no-repeat -145px -80px;
}

/* stuff */
#menu-stuff a {
	float: left;
	width: 61px;
	height: 40px;
}
#stuff #menu-stuff a {
	background: url("../images/pp-menubar.png") no-repeat -205px -40px;
}
#menu-stuff a {
	background: url("../images/pp-menubar.png") no-repeat -205px 0px;
}
#menu-stuff a:hover {
	background: url("../images/pp-menubar.png") no-repeat -205px -80px;
}

/* contact */
#menu-contact a {
	float: left;
	width: 86px;
	height: 40px;
}
#contact #menu-contact a {
	background: url("../images/pp-menubar.png") no-repeat -266px -40px;
}
#menu-contact a {
	background: url("../images/pp-menubar.png") no-repeat -266px 0px;
}
#menu-contact a:hover {
	background: url("../images/pp-menubar.png") no-repeat -266px -80px;
}

/**
 * content
 */

#content {
	clear: both;
	min-height: 450px;
	/* Fix for IE5/6 min-height bug */ 
	height: 450px;
	background: #fff;
	width: 908px;
	margin: 0px auto;
	padding: 0px 20px;
}

/* Fix for IE5/6 min-height bug */ 
html > body #content {
	height: auto;
}

#full-width-content {
	/* float required to give same vertical positioning as #main-content */ 
	float:left;
}

#main-content {
	float: left;
	width: 585px;
}

#subsidiary-content {
	float: right;
	width: 293px;
}

#blog-post-it {
	margin: 4.5em 0 0 20px;
}

#content ol {
	margin: 0.8em 0 0.8em 0.8em;
	padding-left: 1.4em;
	list-style-position: outside;
}

#content ul {
	margin: 0.8em 0 0.8em 0.8em;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url('/images/bullet-small.png') no-repeat 0 6px;
}

#content th {
	font-weight: bold;
	padding: 0em 0.3em;
	text-align: left;
}

#content td {
	padding: 0em 0.3em;
}


/**
 * Blog Posts, Archive, Comments, etc
 */

#subscribe-section {
        margin: 2.2em 0 0;
}

.post {
	margin: 1em 0 2.2em;
}

h3.post-date {
	font-size: 0.7em;
	color: #444;
}

.post-footer {
	padding-bottom: 0.5em;
	border-bottom: dotted 1px #444;
}

#previous-posts {
	margin: 1em 0em;
}

#blog-archives {
	margin: 1em 0em;
}

.code {
	padding: 5px 0 5px 5px;
	margin: 0.4em 0;
	overflow: auto;
	background: #f2f9fc;
	border: 1px solid #eae5e0;
}


/**
 * footer
 */

#footer {
	clear: both;
	width: 948px;
	margin: 0px auto 0px auto;
	padding-bottom: 10px;
	background: #fff;
}

#footer a, #footer a:hover, #footer a:visited {
	color: #fff;
	font-weight: bold;
}

#copyright-note {
	height: 1.5em;
	padding: 0.15em 20px;
	color: #fff;
	background: #009def;
	font-size: 0.8em;
	text-align: right;
}