/**
 * Laying the groundwork
 */

body {
  padding:			0px;
  margin:			12px 0px 0px 0px;
  text-align:			center;
  scrollbar-face-color:		#eeeeee;
  scrollbar-3dlight-color:	#fffefe;
  scrollbar-track-color:	#fffefe;
  scrollbar-darkshadow-color:	#fffefe;
  scrollbar-highlight-color:	#606060;
  scrollbar-shadow-color:	#606060;
  scrollbar-arrow-color:	#606060;
  xbackground-image: url('/img/Background_option_default.jpg');
  xbackground-attachment: fixed;
  xbackground-repeat: repeat-x;
  xbackground-color: #ffe0e0;
  background-color: #000;
}

a {
  text-decoration:		none;
  color:			#ff0000;
}

a:hover				{ text-decoration: underline; }

#column3 a			{ color: #f00; }

/**
 * Let's shape our world!
 */

#root {
  width:			950px;
  margin:			0px auto 12px auto;
  padding:			0px;
  font-family:			Verdana, Tahoma, Geneva, Arial;
  font-size:			12px;
  text-align:			left;
  color:			#ff0000;
  background-color:		#fff;
  background-image:		url('http://www.placebeau.nl/img/Background_root.jpg');
  background-repeat:		repeat-y;
}

#rootpu {
  width:			388px;
  height:			584px;
  margin:			6px auto;
  padding:			0px 6px;
  border:			1px solid #101010;
  font-family:			Verdana, Tahoma, Geneva, Arial;
  font-size:			12px;
  text-align:			left;
  color:			#ff0000;
  background-color:		#fff;
}

#root #column1container {
  width:			290px;
  float:			left;
  clear:			left;
  margin:			0px;
  padding:			0px;
  color:			#600;
  xbackground-color:		#C0C9CF;
}

#root #column1container #column1 {
  width:			270px;
  margin:			5px 0px 0px 10px;
}

#root #column2container {
  width:			490px;
  float:			left;
  margin:			0px;
  padding:			0px;
  text-align:			justify;
  color:			#567;
  xbackground-color:		#fff;
}

#root #column2container #column2 {
  width:			470px;
  margin:			4px 0px 0px 10px;
}

#root #singlecolumnheader {
  width:			780px;
  float:			left;
}

#root #singlecolumncontainer {
  width:			640px;
  margin:			20px 0px;
  border:			5px solid #f70;
  background-color:		#fff;
}

#root #singlecolumncontainer #singlecolumn {
  width:			600px;
  margin:			10px 20px;
  text-align:			justify;
  background-color:		#fff;
}

#root #column3container {
  width:			170px;
  float:			left;
  margin:			0px;
  padding:			0px;
  color:			#600;
  xbackground-color:		#c0c9cf;
}					 	

#root #column3container #column3 {
  width:			150px;
  margin:			0px 0px 0px 10px;
}

#root #column3container #column3 iframe {
  text-align: center;
  border: 2px solid #fc0;
  background-color: #fc0;
}

/**
 * Let's split, tear, center and move our world!
 */

.split {
  clear:			both;
  margin:			3px 0px;
}

.split .objleft {
  float:			left;
}

.split .objright {
  float:			right;
}

.singlecenter {
  text-align:			center;
}

.singleright {
  float:			right;
  clear:			both;
  margin:			3px 0px;
}

#singlecolumn .row {
  width:			600px;
  clear:			both;
  padding-top:			4px;
}

#singlecolumn .row .cell1 {
  width:			120px;
  float:			left;
  line-height:			20px;
  text-align:			right;
}

#singlecolumn .row .cell1top {
  width:			120px;
  float:			left;
  text-align:			right;
}

#singlecolumn .row .cell2 {
  width:			320px;
  float:			left;
  margin-left:			10px;
}

/**
 * What's on the menu, doc?
 */

#topmenu {
  width:                        950px;
  margin:                       0px auto;
  font-family:                  Verdana, Tahoma, Geneva, Arial;
}

#topmenu .menu {
  text-align:                   right;
}

#topmenu .menu h3 {
  display:                      inline;
  font-size:                    14px;
}

#topmenu .menu a {
  color:                        #fff;
  padding:                      0 15px 0 15px;
}

#topmenu .menu a:hover {
  color:                        #000;
  background-color:             #fff;
  text-decoration:              none;
}
 
#column3container .menu {
  width:			170px;
  margin:			0px;
  padding:			0px;
}

#column3container .menu a {
  margin:			0px;
  padding:			0px 7px 0px 0px;
  color:			#f00;
  font-weight:			bold;
  display:			block;
}

#column3container .menu h3 {
  width:			100%;
  margin:			0px;
  padding:			0px;
  font-size:			14px;
  text-align:			right;
  letter-spacing:		2px;
}

#column3container .menu a:hover {
  color:			#fff;
  background-color:		#f70;
  text-decoration:		none;
}

#column3container #menuauth {
  width:			170px;
  margin:			0px;
  padding:			0px;
  text-align:			center;
}

#column3container #menuauth a {
  color:			#f00;
  font-weight: bold;
  font-size:			10px;
}

/**
 * The bottom line of all human civilisation
 */

#root #bottomline {
  font-size:			9px;
  color:			#777;
  border-top:			2px inset #dcc;
  padding-top:			5px;
}

#root #bottomline a		{ color: #777; }

#root #bottomline .left {
  width:			280px;
  clear:			left;
  float:			left;
  margin:			0px 0px 0px 10px;
  _margin:			0px 0px 0px 5px;
}

#root #bottomline .center {
  width:			490px;
  margin:			0px;
  float:			left;
  text-align:			center;
}

#root #bottomline .right {
  width:			160px;
  margin:			0px;
  float:			left;
  text-align:			right;
}

#rootpu #crnotice {
  float:			right;
  text-align:			right;
  font-size:			10px;
  color:			#D9D9DF;
}

#rootpu #crnotice a {
  color:			#D9D9DF;
}

/**
 * Articles should be crammed into these CSS rules
 */

.article {			width: 470px; }
.smalltalk {			width: 270px; margin-bottom: 10px; }

.article .title h1 {
  font-size:			15px;
  font-weight:			bold;
  margin:			0px;
  padding:			0px;
}

.smalltalk .title h2 {
  font-size:			12px;
  font-weight:			bold;
  margin:			0px;
  line-height:			14px;
}

.smalltalk a			{ color: #f00; font-weight: bold; }

.article .title a		{ color: #f00; }
.smalltalk .title a		{ color: #f00; }

.article .header {
  color:			#f99;
  font-size:			10px;
  margin-bottom:		5px;
}

.smalltalk .header {
  color:			#a31;
  font-size:			9px;
}

.article .header a		{ color: #f99; }
.smalltalk .header a		{ color: #a31; }

.article .icon {
  float:			right;
  clear:			right;
  margin-left:			4px;
  margin-top:			7px;
}

.article .body {
  padding-bottom:		3px;
  text-align:			justify;
  line-height:			14px;
  color:			#644;
}

.smalltalk .body {
  margin:			0px;
  padding:			0px;
  text-align:			justify;
  line-height:			12px;
}

.article .body b		{ color: #888; }
div.article .body:first-line	{ text-transform: uppercase; }

.article #prevnext #prev	{ float: left; }
.article #prevnext #prev a	{ color: #b2c0dd; }
.article #prevnext #next	{ float: right; }
.article #prevnext #next a	{ color: #b2c0dd; }

.article .footer {
  text-align:			right;
  font-size:			10px;
  margin-top:			2px;
}

.smalltalk .footer {
  text-align:			right;
  font-size:			10px;
  margin-top:			2px;
  margin-bottom:		5px;
}

/**
 * The look & feel of a comment
 */

.comment .body {
  text-align:			justify;
}

.comment .author {
  color:			#f70;
  font-weight:			bold;
}

.comment .author a.usrwww {
  color:			#f70;
}

.comment .author a {
  color:			#f70;
}

.comment .author .unreg {
  color:			#f70;
  font-weight:			normal;
}

.comment .header {
  color:			#ff0000;
  font-size:			10px;
}

.comment .header a {
  color:			#ff0000;
}

/**
 * The Laws of Layout of the title bars
 */

#column1 .plugtitle h2 {
  font-size:			12px;
  font-weight:			bold;
  color:			#f00;
  margin:			0px 0px 5px 0px;
  border-bottom:		5px solid #fc0;
}

#column3 .plugtitle h2 {
  font-size:			12px;
  font-weight:			bold;
  color:			#f00;
  margin:			0px 0px 5px 0px;
  border-bottom:		5px solid #fc0;
}

/**
 * The morons of the crew are presented as follows:
 */

.crew {
  width:			150px;
  height:			64px;
  margin:			4px 0px;
  clear:			both;
}

.crew .image {
  width:			60px;
  height:			64px;
  float:			left;
}

.crew .info {
  width:			76px;
  padding-left:			4px;
  float:			left;
}

.crew .info dfn {
  font-size:			10px;
}

/**
 * Page related miscellaneous stuff
 */

.redheader {
  color:			#c00;
  font-weight:			bold;
}

.greenheader {
  color:			#00cc00;
  font-weight:			bold;
}

.highlight			{ color: #0090dc; }

.disclaimer {
  margin-top:			10px;
  font-size:			10px;
}

.searchsubject {
  color:			#239;
  font-weight:			bold;
}

.smallgrey {
  color:			#D9D9DF;
  font-size:			10px;
}

.smalltext {
  color:			#111155;
  font-size:			10px;
}

.stdheader h1 {
  font-size:			14px;
  font-weight:			bold;
  color:			#f00;
  margin:			0px 0px 10px 0px;
  border-bottom:		5px solid #f70;
}

.stdheader a {
  color:			#64352;
}

.subheader {
  color:			#6688cc;
  font-weight:			bold;
}

/**
 * Look & feel of some miscellenaous crappy stuff
 */

ol {
  margin-top:			0px;
  margin-bottom:		0px;
}

li.list50 {
  margin-top:			6px;
  line-height:			14px;
  font-size:			10px;
}

.searchline {
  width:			100%;
  height:			1px;
  margin-top:			10px;
  border-bottom:		1px dotted #ff0000;
}

.sysmsgbox {
  border:			2px dotted #f00;
  text-align:			left;
}

.sysmsgokbox {
  border:			2px dotted #0f0;
  text-align:			left;
}

.sysmsgbox .debugmsg {
  font-size:			9px;
}

.quotation {
  border-left:			1px dotted #111155;
  margin-left:			30px;
  padding-left:			5px;
  font-family:			Tahoma, Verdana, Geneva, Arial;
  font-size:			10px;
  text-align:			left;
}

/**
 * Our input sources must be clean & tidy!
 */

input, select, textarea {
  font-size:			11px;
}

select, input.text {
  border:			1px solid #000;
  background-color:		#ffc;
}

textarea {
  width:			600px;
  border:			1px solid #000;
  background-color:		#ffc;
}

#column2 textarea		{ width: 470px; }
#singlecolumn textarea		{ width: 600px; }

#s_text {
  height:			10px;
  line-height:			10px;
  font-size:			10px;
  color:			#D9D9DF;
}

input#s_pat {
  width:			236px;
  height:			16px;
  border:			1px solid #000;
  background-color:		#eeeef5;
}

input#s_ok			{ width: 30px; height: 18px; font-size: 8px; }
input#p_vote			{ width: 40px; height: 18px; font-size: 9px; }
input#p_view			{ width: 40px; height: 18px; font-size: 9px; }

td {
  font-family:			Verdana, Tahoma, Geneva, Arial;
  font-size:			11px;
}

.searchfor, .searchfor a	{ color: #aaa; }

/**
 * Browser hacks on crack
 */

.bughack			{ clear: both; }
form				{ display: inline; padding: 0px; margin: 0px; }