html *{
		color:#545454;
		font-family:Arial, Helvetica, sans-serif
	}
	
	a img{
		border:none;
	}
	body{
		font-size:0.8em;
		width:70em;

		margin:auto;
	}
	h1, h2, h3, h4, p, ul, li, form{
		padding:0px;
		margin:0px;
	}
	h1, h2, h3, h4, p{
		margin-bottom:10px;
	}
	ul{
		list-style-type:square;
		padding-left:25px;
	}
	h1, h2{
		font-size:x-large;
	}
	h2{
		font-weight:lighter;
	}
	h3{
		font-size:large;
	}
	h4{
		font-size:medium;
	}
	br{
		clear:both;
	}
	p, li{
		line-height:2.0em;
		
	}
	
	
	 
	a{
		text-decoration:none;
	}
	/**
	 * applies to all Anchor tags in the content of the page.
	 */
	.page a{
		color:#0066CC;
	}
	.page li{
		margin:10px 0px;
	}
	pre{ 
		width:500px;
		overflow:auto;
		font-size:1.1em;
		font-family:"Courier New", Courier, monospace; 
		background-color:#C7C7C7;
		border:1px dashed #666;
	}
	@media print{
		pre{
			width:auto;
		}
	}
	a:hover, #tabContainer div:hover span{
		color:#F7B731;
		text-decoration:underline;
	}
	#header span a{
		float:right;
		
		}
	#nav{
		clear:right;
		padding-top:0.5em;
		
	}

	#nav ul, #nav li, #left_nav ul, #left_nav li{
		padding:0px;
		margin:0px;
		list-style-type:none;
	}
	#nav li, #tabContainer div{
		background:url(/images/remodel/nav_tab_left.gif) no-repeat top left;
		padding-left:12px;
		float:left;
		border-bottom:1px solid #333333;
		text-align:center;
	}
	#nav li a, #tabContainer span{
		background:url(/images/remodel/nav_tab_right.gif) no-repeat top right;
		width:100px;
		padding:5px 30px;;
		padding-left:25px;
		
		display:block;
	}
	#nav li:hover, #tabContainer div:hover, #tabContainer div.active{
		background-position:left -200px;
		border-bottom:none;
	}
	#nav li:hover a, #tabContainer div:hover span, #tabContainer div.active span{
		background-position:right -200px;
		padding-bottom:6px;
	}
	
	
	#pseudo_body{
		clear:both;
		padding:5px;
		padding-top:20px;
	}
	#left_nav{
		width:30%;
		float:left;
	}
	#left_nav *{
		vertical-align:top;
	}
	#left_nav h1{
		background:url(/images/remodel/left_nav_header_left.gif) no-repeat left top;
		padding-left:14px;
		font-size:1.4em;
		margin-bottom:2em;
	
	}
	#left_nav  h1 a{
		background:url(/images/remodel/left_nav_header_right.gif) no-repeat right top;
		display:block;
		padding:0.5em;
		padding-bottom:0.8em;
		min-height:1em;
		
	}

	#left_nav h1:hover{
		background-position:left -100px;
	}
	#left_nav h1:hover a{
		background-position:right -100px;
	}
	#left_nav li{
		margin:1em 2.5em;
	}
	
	#left_nav li a{
		background:url(/images/remodel/left_nav_link.gif) no-repeat right 0.2em;
		display:block;
		height:25px;
	}
	#left_nav li a:hover{
		background-position:right -100px;
	}
	#content{
		width:100%;
		
	}
	#weblog, ul.detail{
			list-style-type:none;
			padding-right:25px;
		}
	#weblog li, ul.detail li{
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px dashed #D1D3D2;
	
	}

	#left_nav ~ #content{
		float:left;
		width:60%;
	}
	#ads{
		float:left;
		display:none;
	}
	
	.page{
		border-collapse:collapse;
	}
	.page .main{
		padding:10px;
	}
	

	.page .left, .page .right{
		width:8px;
	}

	.page .top *, .page .bottom *{
		height:8px;
	}

	.page .top{
		background:url(/images/remodel/content_top_spacer.gif) repeat-x top;
	}
	.page .top .left{
		background:url(/images/remodel/content_top_left.gif) no-repeat top left;
	}
	.page .top .right{
		background:url(/images/remodel/content_top_right.gif) no-repeat top right;
	}
	
	.page .middle .left{
		background:url(/images/remodel/content_middle_left_spacer.gif) repeat-y left;
	}
	.page .middle .right{
		background:url(/images/remodel/content_middle_right_spacer.gif) repeat-y right;
	}
	.page .middle .middle{
		padding:5px;
		
	}
	.page .bottom .left{
		background:url(/images/remodel/content_bottom_left.gif) no-repeat top left;
	}
	.page .bottom .middle{
		background:url(/images/remodel/content_bottom_spacer.gif) repeat-x bottom;
	}
	.page .bottom .right{
		background:url(/images/remodel/content_bottom_right.gif) no-repeat right;
	}



/** comment rules **/

.comment{
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
}
		
.comment div{
	background-color:#CCC;
	height:1em;
	padding:3px;
	
}
.comment span{
	float:right;
}
.comment a{
	float:left;
}
.comment p{
	clear:both;
	padding:5px;
}
#comment table{
	width:100%;
}
#comment table td{
	vertical-align:top;
	padding:5px;
}
#comment input[type=text], #comment textarea{
	width:75%;
}
#comment input[type=text]:hover, #comment textarea:hover{
	border:2px solid #FF9900;
}
#comment textarea{
	height:6em;
}
#comment tr td:first-child{
	font-weight:bold;
	font-size:1.2em;
}
.ad{
	margin-top:10px;
}
table.section{
	width:100%;
	border-collapse:collapse;
}
table.section td, table.section th{
	text-align:center;
	border:1px solid #666666;
	padding:3px;
}
table.section td[colspan]{
	font-weight:bold;
	font-size:2em;

}
table.section th{

}

table.property{
			border-collapse:collapse;
		}
		table.property td{
			border:1px solid #666666;
			padding:5px;
			vertical-align:top;
		}
		table.property td[colspan]{
			font-weight:bold;
			padding:5px;
		}
		
.property span{
			font-weight:bold;
			color:#000066;
		}	

		body.translate{
			width:84em;
			padding-left:175px;
		}
		body.translate #left_nav{
			width:25%;
		}
		body.translate #left_nav ~ #content{
			width:50%;
		}
		.translationContainer{
			float:right;			
			width:150px;
			padding:100px;
			margin:-100px;
			margin-right:-25px;
			padding-top:115px;
			height:475px;
			z-index:20;
			position:relative;
			background-image:url(/images/remodel/translate-background.gif);
			background-repeat:no-repeat;
			background-position:100px 100px;
			text-align:center;
		}
		.translationContainer a{
			display:block;
			width:100%;
			text-align:center;
			padding-bottom:25px;
		}
		.imageContainer img{
			width:60px;
			height:35px;
			margin:auto;
			margin-bottom:10px;
			display:block;
		}
		.imageContainer{
			padding-top:20px;
			height:400px;
		}
		.inactive .controlContainer{
			display:none;
		}
		.inactive{
			opacity:0.5;
		}
		.gBranding{
			margin-top:25px;
		}