body {
	font: 86.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#ddd;
	margin: 0;
	background: #333;
	scrollbar-base-color:#369; /* http://websitetips.com/articles/css/scrollbars/ */
}

#content {
	margin:0;
	font-size:100%;
	padding:8px;
}

#content h1,h2,h3,h4,h5,p,ul,ol,blockquote {
	margin:15px 5px;
}

#content h2 {
	font:120% Arial;
	color:mistryrose;
	background:url(http://www.thailandinone.com/dotcom/images/css/content_h2.gif) left no-repeat;
	padding:0 0 0 19px;
	margin: 15px 20px 15px 0px;
}

#content h2 a {
	font:100% Arial;
	color: greenyellow;
	text-decoration:none;
	border-bottom:2px solid #222;
}

#content h2 a:hover {
	color: #fff;
	/* border-bottom:2px solid #E13768; */
	border-bottom:1px solid #5fff5f;
}

#content strong {
	font-size:95%;
	color:orange; /* #E13768; */
	background:#222;
	padding:1px 4px 3px 4px;
}

#content p {
	padding:5px 0;
	line-height:28px;
	font-size:95%;
}

a {
	font-size:110%;
	color: #cfefdf;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color: azure;
	border-bottom:1px solid deeppink;
}

a:visited {
	font-size:110%;
	color: #99BB55; olivedrab;
}

#content h3 {
	font:130% Trebuchet MS;
	color:#fff;
}

#content ul li {
	margin:10px 5px 0px 0px;
	list-style:none;
	padding:0 0 0 15px;
	background:url(http://www.thailandinone.com/dotcom/images/css/bullet.gif) left no-repeat;
}

#content p img {
	background:#101010;
	padding:1px;
	border:3px solid #303030;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	cursor: hand;
	background-color: transparent;
	z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: black;
	padding: 8px;
	left: -1000px;
	border: 1px dashed #5E5E35; #445555;
	visibility: hidden;
	color: black;
	text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 40px;
	left: 60px; /*position where enlarged image should offset horizontally */
}

/* - - - - -  */

.thumbnail2{
	position: relative;
	z-index: 0;
}

.thumbnail2:hover{
	cursor: hand;
	background-color: transparent;
	z-index: 500;
}

.thumbnail2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: black;
	padding: 8px;
	/* left: -1000px; */
	border: 1px dashed #5E5E35; #445555;
	visibility: hidden;
	color: black;
	text-decoration: none;

}

.thumbnail2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 40px;
	right: 60px; /*position where enlarged image should offset horizontally */
}