body {
	background-color:#ffffff;
	color:#000000;
	font-family: "Courier New", "Lucida Console", monospace;
	font-size:13px;
	line-height:15px;
}

pre {
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:13px;
	line-height:15px;
}

a {
    color:#000000;
    text-decoration:underline;
}

a:hover {
    font-weight:bold;
}

a:visited {
    color:#000000;
    text-decoration:underline;
}

pre2 {
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:3px;
	line-height:4px;
}

pre3 {
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:1px;
	line-height:2px;
}

#main {
	//width: 750px; exact
	//width: 96%; this adjust to screen width
	//position:relative; this adjust to screen width, if 'fixed', cant scroll
	//position:absolute;
	display: inline-block; // fit border to content
	text-align: left;
	border: 7px solid black;
	background-color: #ffffff;
	margin-top: 25px;
	margin-left: 8px;
}

#content {
	padding-left: 9px;
	padding-right: 9px;
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:13px;
	line-height:15px;
}

#main2 {
	width: 615px; //using on ident-fixed width, leave alone
	text-align: left;
	border: 7px solid black;
	background-color: #ffffff;
	margin-top: 25px;
	margin-left: 8px;
}

#content2 {
	padding-left: 7px;
	padding-right: 7px;
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:13px;
	line-height:15px;
}

#content3 {
	padding-left: 7px;
	padding-right: 7px;
	font-family:"Courier New","Lucida Console",monospace,Freemono !important;
	font-size:13px;
	line-height:15px;
	text-align: left;
}

.codebox {
    border:1px solid black;
    background-color:#ffffff;
    width:593px;
	overflow:auto;
	//overflow:hidden; *doesn't work in Opera Win with scroll
	overflow:scroll;
    white-space:nowrap;	
    padding:3px 5px 3px 5px;
	margin: 3px 20px;
}
.codebox code {
    float:left;
    font-size:0.9em;
    color:#000000;
	font-weight:bold;
}

.st_facebook_custom{
	background: url("social_buttons/facebook_share.png") no-repeat scroll left top transparent;
	height:24px;
	width:24px;
	float:left;
	margin:5px 5px 5px 5px; 
}

.st_twitter_custom{
	background: url("social_buttons/twitter_share.png") no-repeat scroll left top transparent;
	height:24px;
	width:24px;
	float:left;
	margin:5px 5px 5px 5px; 
} 
.st_googleplus_custom{
	background: url("social_buttons/googleplus_share.png") no-repeat scroll left top transparent;
	height:24px;
	width:24px;
	float:left;
	margin:5px 5px 5px 5px;  
}
.st_sharethis_custom{
	background: url("social_buttons/sharethis_share.png") no-repeat scroll left top transparent;
	height:24px;
	width:24px;
	float:left;
	margin:5px 5px 5px 5px; 
}