/* General */

    body {
		/*margin:0px 0px 0px 0px;*/
		PADDING:10px;
		/*BACKGROUND: #fff;*/
		BACKGROUND: #fff;
		FONT: 11px Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		
		}
	a{
		color:#c33;
		font-weight:bold;
		text-decoration:none;
		}

	a:hover{
		color:#000;
		text-decoration:underline;
		}

	h1 {
		font-size:14px;
		padding-top:10px;
		}

	h2 {
		text-align:right;
		font-size:24px;
		font-weight:bold;
		}
	/*h3 {
		text-align:right;
		font-size: 12px;
		}*/
	
#leftcontent {
	float:left;
	width:42%;
	/*background:#cc9;*/
	background:#c33;
	color:#000;
	/*border:2px 2px 2px 2px solid #000;*/
	/*margin-right:15px;*/
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:20px;
	}
	
/*#leftcontent h4 {
	font-size:10px;
	color:#060;
	}*/

#midcontent {
	float:left;
	width:20%;
	/*padding-left:31%;*/
	}

#rightcontent {
	float:left;
	/*width:25%;*/
	padding-top:20px;
	padding-bottom:20px;
	/*padding-left:20px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	border-left:2px solid #000;*/
	background:#ffc;
	}


/* Pictures */
		
#picturecat {
	float:left;
	margin:3px 3px 3px 3px;
	width:150px;
	}

#picturecat p{
	text-align:center;
	margin:0px 0px 0px 0px;
	}

#fullcat {
	text-align:center;
	width:95%;
	padding:20px 20px 20px 20px;		
	background:#cc9;
	color:#000;
	border:2px solid #000;
	}

#fullcatleft {
	width:180px;
	height:500px;
	overflow:scroll;
	float:left;
	background:#cc9;
	color:#000;
	}

#fullcatright {
	background:#cc9;
	height:500px;
	}

	
#rightcontent h1 {
	margin:0px 0px 0px 5px;
	}

#rightcontent h2 {
	margin-left:10px;	
	color:#c33;
	}

#rightcontent h3{
	text-align:left;
	color:#c33;
	}
	
 .rightstuff p {
	font-size:11px;
	margin-left:20px;
	}


	.item {
		float:left;
		width:97%;
		background:#ffc;
		text-align:justify;
		/*border-right:1px solid #000;
		border-bottom:1px solid #000;
		border-left:1px solid #000;
		border-top:1px solid #000;*/
		margin-right:1px;
		margin-left:1px;
		margin-bottom:4px;
		margin-top:4px;
		padding-left:10px;
		padding-right:10px;
		}
	
	.item.pic {
		float:right;
		}
	
	#commentcontent {
		width:440px;
		padding:0px;
		float:left;
		background:#fff;
		border-right:1px solid #000;
		border-bottom:10px solid #000;
		border-left:1px solid #000;
		border-top:10px solid #000;
		
		}

	#commentitem {
		float:left;
		width:436px;
		background:#fff;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		border-left:1px solid #000;
		border-top:1px solid #000;
		margin-right:1px;
		margin-left:1px;
		margin-bottom:4px;
		margin-top:4px;
		padding-left:10px;
		padding-bottom:10px;
		}

	/*#content p, h1, h2, h3, h4{
		padding-left:10px;
		padding-right:10px;
		}*/

	.item h1 {
		text-align:left;
		font-size:18px;
		font-weight:bold;
		color:#c33;
		margin: 0px 10px 0px 0px;
		padding-right: 0px;
		padding-left:0px;
		}

	#item h3 {
		text-align:left;
		font-size: 12px;
		margin: 0px 10px 0px 0px;
		padding-left:0px;
		}

	.item h4 {
		text-align:left;
		font-size: 10px;
		color:#c33;
		margin: 0px 10px 10px 0px;
		padding-left:0px;
		}

	.item p {
		margin-right:10px;
		padding-left:0px;
		margin-left:10px;
		}

	#commentitem h1 {
		text-align:left;
		font-size:12px;
		font-weight:bold;
		color:#306;
		margin: 0px;
		padding:0px;
		padding-right: 10px;
		}
	
	#commentcontent h2 {
		text-align:center;
		}

	#commentitem h4 {
		text-align:left;
		font-size: 10px;
		color:#000;
		margin: 0px 10px 10px 0px;
		padding-left:0px;
		}

/* The following CSS and their implementation is taken from Mark Newhouse's
	wonderful article "Practical CSS Layout Tips, Tricks and Techniques" to be
	found at http://www.alistapart.com/stories/practicalcss/ */

	div.row {
	  clear: both;
	  padding-top: 10px;
	  }
	
	div.row span.label {
	  float: left;
	  width: 100px;
	  text-align: right;
	  }
	
	div.row span.formw {
	  float: right;
	  width: 200px;
	  text-align: left;
	  }