



body {
	background: #0A0608 url("../img/body.jpg");
	margin: 0 0 30px 0;
	color: #B8A4A7;
	text-align: center;
	}
	
h1,
.post h2 {
	margin: 0;
	font: 400% times new roman, sans-serif;
	font-weight: normal;
	color: #DACDCF;
	}

h3,
#rechterkolom h2 {
	font-size: 117%;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 180%;
	color: #A4895A;
	font-family: arial, sans-serif;
	}
#rechterkolom h2 {
	font-size: 128.5%;
	margin: 0 0 0px 0;
	}
h3.one {
	padding: 0 0 0 30px;
	background: url('../img/one.png') no-repeat left center;
	}
h3.two {
	padding: 0 0 0 30px;
	background: url('../img/two.png') no-repeat left center;
	}
h3.three {
	padding: 0 0 0 30px;
	background: url('../img/three.png') no-repeat left center;
	}
	
h3.intro {
	color: #B8A4A7;
	font-weight: normal;
	margin: 0 0 15px 0;
	line-height: 150%;
	}
	
body, input, select, textarea {
	font: small arial, helvetica, tahoma, sans-serif;
	}

.small {
	font: 85% verdana, tahoma, arial, sans-serif;
	}
	
.error {
	font: 85% verdana, tahoma, arial, sans-serif;
	font-style: italic;
	}
	
	
#doc, #footer  {	
	width: 82.4em;
	margin: 0 auto;
	text-align: left;
	font-size: 92%;	
	}
#doc {
	background-color: #310207;
	border-left: 4px solid #080507;
	border-right: 4px solid #080507;
	
	}
#canvas {
	position: relative;
	border-left: 1px solid #45040b;
	border-right: 1px solid #45040b;
	padding: 10px 15px;
	}
	
a 			{ color: #B8A4A7; text-decoration: underline; }
a:hover 	{ text-decoration: underline; }	

a.readmore { background-image: url("../img/readmore.gif"); background-repeat: no-repeat; padding: 0 12px 0 0; background-position: 100% 0px; }
a.readmore:hover { background-position: 100% -19px; color: #EBE4E5;}

a.pageflickr {
	color: #94786D;
	}
	
#hdr {
	position: relative;
	height: 121px;
	}
#hdr h1 {
	width: 297px;
	height: 111px;
	}
#hdr h1 img {
	border: 0;
	} 
	
#hdr h2 {
	position: absolute;
	right: 0px;
	top: 55px;
	width: 503px;
	height: 36px;
	text-indent: -3000px;
	background: url("../img/h2-payoff.png") no-repeat;
	margin: 0;
	}

#google_adsense {
	background: #fff url("../img/adsense.png") repeat-x; 
	position: relative;
	height: 85px;
	padding: 20px 0 0 50px;
	text-align: left;
	z-index: 1;
	}
#google_adsense .rb {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff url("../img/adsense-rb.png") no-repeat right;
	height: 105px;
	width: 12px;
	z-index: 100;
	}
#google_adsense .lb {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff url("../img/adsense-lb.png") no-repeat left;
	height: 105px;
	width: 12px;
	}
#google_adsense #heading-top {
	position: absolute;
	right: 247px;
	bottom: 3px;
	background: url("../img/heading-home-top.gif") no-repeat right bottom;
	height: 17px;
	width: 102px;
	z-index: 2;
	}
	
fieldset#paypal-rb {
	position: absolute;
	top: 17px;
	right: 20px;
	border: 1px solid #E5DAD6;
	padding: 10px 10px 10px 10px;
	}
fieldset#paypal-rb legend {
	color: #000;
	}
fieldset#paypal-rb label {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	color: #000;
	}	
fieldset#paypal-rb input#amount {
	border: 1px solid #959595;
	width: 60px;
	float: left;
	}
fieldset#paypal-rb input#gopp {
	float: right;
	width: 76px;
	border: 0px none;
	margin: -4px 0 0 10px;
	}
	
/* -------------------------- headings ------------------------ */
	
#heading  {
	height: 200px;
	position: relative;
	top: -8px;
	margin: 0 1px 0 0;
	padding: 65px 430px 0 0;
	background: url("../img/heading-home.jpg") no-repeat right top;
	z-index: 2;
	}
#heading-history {
	padding: 215px 0 0 0;
	position: relative;
	background: url("../img/heading-history.jpg") no-repeat right top;
	margin: 0 0 12px 0;
	}
#heading-history h1 {
	width: 403px;
	height: 35px;
	text-indent: -3000px;
	margin-left: auto;
	margin-right: auto;
	background: url("../img/h1-history.png") no-repeat center top;
	}
	
	
#heading h1#h1h {
	width: 531px;
	height: 136px;
	}
#heading h2#h2h {
	position: absolute;
	top: 15px;		
	width: 220px;
	height: 19px;
	background: url("../img/h2-pay-off.png") no-repeat left top;
	}
#heading h2 {
	position: absolute;
	top: 10px;
	}
#heading h3 {
	margin: 20px 0 0 0;
	/* color: #978780; */
	}

#hdr ul {
	position: absolute;
	right: 0px;
	top: 55px;
	margin: 0;
	padding: 0;
	height: 2.6em;
	}
#hdr ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 15px;
	font-size:92%;
	font-weight: bold;
	color: #94786D;
	}
#hdr ul li.on {
	color: #B8A4A7;
	}

#hdr ul li a 		{ text-decoration: underline; color: #94786D; }	
#hdr ul li a:hover 	{ text-decoration: underline; }

#hdr ul li.off {
	color: #623D3A;
	}

#content h1,
#content2 h1  {
	margin: 0 0 15px 0;
	}

#content p {	
	margin: 0 0 25px 0;
	}
	
#content .entry p {	
	margin: 0 0 1em 0;
	}
	
#rechterkolom p {
	font: 85% verdana, tahoma, arial, sans-serif;
	color: #B8A4A7; /* wit */
	/* color: #94786D; beige*/
	margin: 0 0 25px 0;
	line-height: 145%;
	}
	

#rechterkolom ul {
	list-style: disc;
	font: 93% verdana, tahoma, arial, sans-serif;
	color: #A4895A; /* wit */
	line-height: 145%;
	padding: 0 0 0 12px;
	}
#rechterkolom ul li {
	padding: 2px 0 2px 0;
	}
#rechterkolom ul li a {
	text-decoration: none;
	color: #94786D;
	}
#rechterkolom ul li.on a {
	color: #B8A4A7;
	}
	
	
#footer {
	position: relative;
	}
	
#footer .lo {	
	position: absolute;
	top: 0px;
	left: -4px;
	background: url("../img/footer-l.gif") no-repeat left;
	height: 19px;
	width: 19px;
	}
#footer .m {	
	height: 16px;
	margin: 0 15px;
	background-color: #310207;
	border-bottom: 4px solid #080507;
	}
#footer .ro {	
	position: absolute;
	top: 0px;
	right: -4px;
	background: url("../img/footer-r.gif") no-repeat left;
	height: 19px;
	width: 19px;
	}

#footer .txt {
	text-align: center;
	padding: 25px 0 0 0;
	font: 80% verdana, arial, sans-serif;
	color: #C9C0C1;
	}
	
#footer em {
	padding: 0 10px;
	color: #94786D;
	}
	
	
	
	
/* ---------------------------------------- History -------------------------------------- */

table#versions {
	border-collapse: collapse;
	border-top: 1px solid #56151B;
	width: 100%;
	margin: 5px 0 0 0;
	}
table#versions th {
	color: #94786D;
	background: url("../img/arrow-v-off.png") no-repeat center top;
	padding: 10px 0 0 0;
	text-align: center;
	cursor: pointer;
	}
table#versions th.active {
	color: #B8A4A7;
	background: url("../img/arrow-v-on.png") no-repeat center top;
	}

table#versions td img {
	margin: 15px 0 20px 0;
	}
	
	
/* ---------------------------------------- Blog -------------------------------------- */

.post {
	border-bottom: 1px solid #522B2F;
	padding: 10px 0;
	margin: 0 0 10px 0;
	}
.post h3 {
	font: 220% times new roman, sans-serif;
	font-weight: normal;
	display: inline;
	}
.post a {
	color: #A4895A;
	text-decoration: none;
	}
.post a:hover {
	text-decoration: none;
	color: #DACDCF;
	}
.post .small {
	display: block;
	margin: 0 0 8px 0;
	}
.post p {
	padding-top: 10px;
	margin: 0 1em 0 0;
	}
	
	
	
/* ------------------------------------ comments ------------------------------------------ */

.post .count-comments {
	position: relative;
	top: -4px;
	margin: 0px 0 0 10px;
	background: url("../img/comment-l.gif") no-repeat left center;
	padding: 0px 0 0px 8px;
	height: 17px;
	display: inline-block;
	}
	
.post .count-comments a {
	background: #A4895A url("../img/comment-2.gif") no-repeat right center;
	font: 85% verdana, tahoma, arial, sans-serif;
	font-weight: bold;
	padding: 2px 15px 0px 5px;
	color: #310207;
	display: inline-block;
	height: 15px;
	}

.comment {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
#content .comment p {
	border-bottom: 1px solid #6C4B4E;
	padding: 0 0 5px 0px;
	margin: 0 0 0 0;
	}
.comment .small {
	background: url("../img/ballon.gif") no-repeat top left;
	margin: -1px 0 0 0;
	padding: 20px 0 10px 10px;
	color: #94786D;
	}

	
	
	
#insert-comment {
	padding: 30px 0 0 0;
	}

.field-top {
	position: relative;
	border: none;
	border-bottom: 1px solid #4F272B;
	z-index: 3;
	}
.field-top .lb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 5px;
	height: 5px;
	background: url("../img/corner-lb.gif") no-repeat left top;
	}
.field-top .rb {
	position: relative;
	float: right;
	width: 5px;
	height: 5px;
	background: url("../img/corner-rb.gif") no-repeat right top;
	}
.field {
	border-left: 1px solid #4F272B;
	border-right: 1px solid #4F272B;
	position: relative;
	padding: 5px 15px 20px 15px;
	z-index: 2;
	}

.field-bottom {
	position: relative;
	border: none;
	border-bottom: 1px solid #4F272B;
	z-index: 3;
	}
.field-bottom .lo {
	position: absolute;
	left: 0px;
	top: -4px;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background: url("../img/corner-lo.gif") no-repeat left bottom;
	}
.field-bottom .ro {
	position: relative;
	top: -4px;
	float: right;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background: url("../img/corner-ro.gif") no-repeat right bottom;
	}


.field table {
	border-collapse: collapse;
	width: 100%;
	}

.field table th {
	text-align: right;
	font-weight: normal;
	padding: 0 10px 5px 0;
	width: 15%;
	}
.field table td {
	width: 85%;
	padding: 0 0 5px 0;
	}
	
	
input, textarea {
	border-top: 1px solid #0E0A0B;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 3px 2px;
	}
	
input.long {
	width: 300px;
	}
textarea {
	width: 99%;
	height: 100px;
	}
.submit {
	margin: 10px 0 0 0;
	border: 1px solid #fff;
	background-color: #A4895A;
	color: #310207;
	font-weight: bold;
	padding: 3px 15px;
	}
	
	
/* ------------------------------------ Paypal ------------------------------------------ */
	
#paypal-form {
	margin: 0;
	}
#button-paypal {
	border: none;
	float: right;
	margin: 0 5px 0 10px;
	cursor: pointer;
	width: 68px;
	height: 37px;
	}
	
	
/* ------------------------------------ Install ------------------------------------------ */
	
	
#install {
	background: #fff url("../img/install.png") repeat-x; 
	position: relative;
	height: 159px;
	padding: 8px 0 0 0;
	z-index: 1;
	color: #000;
	}
	
#screenshot-browser {
	position: relative;
	text-align: center;
	margin-bottom: 15px;
	}
#screenshot-browser #beta {
	position: absolute;
	z-index: 3;
	bottom: 171px;
	right: 80px;
	width: 124px;
	height: 84px;
	padding: 40px 0 0 0;
	background: url("../img/stempel.gif") no-repeat;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #B79C6C;
	}
#screenshot-browser #beta a {
	color: #B79C6C;
	text-decoration: none;
	}
#screenshot-browser #beta a:hover {
	color: #DACDCF;
	}
	
#screenshot-browser img {
	position: relative;
	z-index: 2;
	}
	
#install h3 {
	color: #000;
	}
#install .rb {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff url("../img/install-rb.png") no-repeat right;
	height: 167px;
	width: 11px;
	z-index: 100;
	}
#install .lb {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff url("../img/install-lb.png") no-repeat left;
	height: 167px;
	width: 11px;
	}

	
#linkerkolom .kolom {
	margin: 0px 0px 25px 15px;
	line-height: 150%;
	font-size: 100%;
	}
	
#middenkolom .kolom {
	margin: 0px 0px 25px 15px;
	line-height: 150%;
	font-size: 100%;
	}

#rechterkolom2 .kolom {
	margin: 0px 0px 25px 15px;
	line-height: 150%;
	font-size: 100%;
	}
	
#screenshot-browser {
	margin-bottom: 15px;
	}

/* ------------------------------------ How to Pimp ------------------------------------------ */
	
	
.img {
	text-align: center;
	height: 235px;
	}
#barbies {
	margin-top: 30px;
	}
#theman {
	margin-top: 15px;
	}
#linkerkolom .kolom b,
#middenkolom .kolom b,
#rechterkolom2 .kolom b {
	color: #DACDCF;
	}
 
#install #linkerkolom .kolom b,
#install #middenkolom .kolom b,
#install #rechterkolom2 .kolom b {
	color: #000;
	}

	
	
	
	
  p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
  p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
  fieldset label { display: block; }
  fieldset div#captchaimage { float: left; margin-right: 15px; }
  fieldset input#captcha { width: 25%; border: 1px solid #ddd; padding: 2px; }
  fieldset input#submit { display: block; margin: 2% 0% 0% 0%; }

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	