body {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	margin: 0px;
	padding-top: 15px;
	background:url(images/bg-body.gif) white repeat-x;/*idid*/
}

td {
	font-size: 12px;
}

a {
	color: #003399;/*#006595;*/
	text-decoration: none;
}

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

h1 {
	font-size: 16pt;
	margin: 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

th {
	font-size: 12px;
	text-align: left;
}

form {
	margin: 0px;
}

input, textarea, select, optgroup, option {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

button {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: steelblue;
	border: 1px outset #006595;
	color: white;
}

pre {
	font-family: "Courier New";
	font-size: 12px;
	text-align: left;
}

.err {
	color: red;
	font-weight: bold;
	margin-bottom: 5px;
}

.imp {
	color: #CC3300;
	font-weight: bold;
	margin-bottom: 5px;
}

.msg {
	color: green;
	margin-bottom: 5px;
}

.marker {
	color: red;
	font-weight: bold;
}

.hint {
	font-size: 10px;
	font-style: italic;
	color: gray;
}

#header {
	padding: 20px 10px 5px 10px;/*top right bottom left*/
}

#logo {
	font-size: 14px;
	font-weight: bold;
}

#logo a {
	color: black;
	text-decoration: none;
}

#logo a:hover {
	color: #DF971E;
	text-decoration: none;
}

#today {
	font-size: 12px;
}

#nav {
	text-align: right;
}

#city {
	font-weight: bold;
	font-size: 14px;
	display: block;
}

#sidebar_left {
	background-color: white;/*idid*/
	border-right: 1px solid #EFEFEF;
	border-top: 2px solid #9EC630;
	border-bottom: 1px solid #EFEFEF;
	/*border-left: 1px solid #EFEFEF;/*idid*/
	padding: 5px 5px 5px 5px;/*idid*/
	background:url(images/bg-left.gif) white repeat-x;/*idid*/
}

.buttons td {
	/*idid master text-align: center;*/
	border-bottom: 1px dashed #FFDF95;

}

.buttons a {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: steelblue;
	padding: 5px;
	text-decoration: none;/*idid*/
}


#sidebar_left .head {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #003366;
}

#sidebar_left table.linkbox {
	margin-bottom: 15px;
}

#sidebar_left table.linkbox a {
	display: block;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #DDDDDD;
}

table.sidebox {
	margin-bottom: 10px;
}

table.sidebox td {
	text-align: left;
}

#contentcell {
	border-top: 2px solid #9EC630;
	border-bottom: 1px solid #EAEAEA;
	padding-top:3px;/*idid*/
}

#content {
	padding: 3px;
}

#path {
	background-color: #F5F5F5;
	font-size: 16px;
	margin-bottom: 5px;
}

#path td {
	padding: 5px 5px 5px 10px;
}

#path a {
	color: #777777;
	text-decoration: none;
}

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

table.searchbox {
	background-color: #F5F5F5;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

table.searchbox td {
	padding: 10px;
}

.eventnav {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
}

table.dir {
}

table.dir_cat {
	
}

table.dir_cat th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	margin: 0px;
	padding-bottom: 5px;
}

table.dir_cat td {
	font-size: 14px;/*idid*/

}

table.dir_cat .count {
	color: #999999;
	font-size: 12px;
}

table.dir_cat th .count {
	color: gray;
	font-size: 12px;
}

table.postlisting { /* Version 5.0 */
}

table.postlisting td { /* Version 5.0 */
	padding: 4px;
}

table.postlisting td.head, table.postlisting tr.head td { /* Version 5.0 */
	font-weight: bold;
	background: url(images/bar.png) white repeat-x;/*idid*/
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 0px;
}

table.postlisting td.datehead { /* Version 5.0 */
	background-color: #F5F5F5;
	/*border-bottom: 1px solid #CCCCCC;*/
	font-weight: bold;
	border-bottom: 0px;
}

table.postlisting td.icon { /* Version 5.0 */
}

table.postlisting td.icon img { /* Version 5.0 */
}

table.postlisting .posttitle { /* Version 5.0 */
	font-weight: bold;
}

table.postlisting .date { /* Version 5.0 */
	font-style: italic;
}

.postheader { /* Version 5.0 */
	margin-bottom: 10px;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #E0E0E0;idid master*/
}

.postheader .icon { /* Version 5.0 */
	/*vertical-align: top;*/
}

.postheader .posttitle { /* Version 5.0 */
	font-size: 16px;/*idid master change 14 to 16*/
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.postheader .postarea { /* Version 5.0 */
	font-size: 12px;
	font-weight: normal;
}

.post { /* Version 5.0 */
	margin-bottom: 10px;
}

.post .link_marker { /* Version 5.0 */
	color: darkorange;
	font-weight: bold;
}

.disclosures {
	padding: 5px;
}

.disclosure_yes {
	color: green;
}

.disclosure_no {
	color: red;
}

.disclosures b {
}

.postpics { /* Version 5.0 */
	margin-bottom: 10px;
	/*border-bottom: 1px solid #DDDDDD;*/
}

.postpics img { /* Version 5.0 */
	border: 1px solid black;
	/*padding: 10px;
	background-color: #FAFAFA;*/
}

.imglisting {
}

.imgitem {
	margin-bottom: 30px;
}

.imgitem .head {
	font-size: 12px;
	font-weight: bold;
}

.imgitem img.img {
	margin-top: 5px;
	border: 1px solid black;
}

.imgitem .caption {
}

.imgitem .poster {
	font-weight: bold;
}

.imgitem .time {
	font-weight: bold;
}

.imgitem .desc {
	margin-top: 5px;
}

.linkbox2 {
	background-color: darkorange;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
	color: white;
}

.linkbox2 a {
	display: block;
	color: white;
}

.linkbox2 a:hover {
	color: white;
	text-align: center;
}

.imagecredits {
	padding: 5px;
}

.head {
	font-weight: bold;
}

.imagecredits a {
}

.imagecredits .count {
	color: #BBBBBB;
	font-size: 12px;
}

.comments {
}

.comments .head {
	font-size: 12px;
	font-weight: bold;
}

.commentitem {
	margin-bottom: 10px;
}

.commentitem .poster {
	font-weight: bold;
	display: block;
}

.commentitem .time {
	color: gray;
	display: block;
}

.commentitem .comments {
	display: block;
}

#sidebar_right_cities {
	border-left: 1px solid #EFEFEF;
	border-top: 2px solid #9EC630;
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 5px 5px 5px;
	/*border-right: 1px solid #EFEFEF;/*idid*/
	background:url(images/bg-left.gif) white repeat-x;/*idid*/
}

#sidebar_right {
	border-left: 1px solid #EFEFEF;
	border-top: 2px solid #9EC630;
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 5px 5px 5px;
	/*border-right: 1px solid #EFEFEF;/*idid*/
	background:url(images/bg-left.gif) white repeat-x;/*idid*/
}

#sidebar_right a {
}

.citylist_country {
	/*display: block;idid master*/
	color: black;
	font-weight: bold;
	/*text-transform: uppercase;idid master*/
	font-size: 12px;
	margin-top: 2px;
}

.citylist_city {
	color: #777777;
	font-size: 12px;
	text-decoration:none;/*idid*/
}

#footer {
	color: white;/*idid master change #A0A0A0 to white*/
	background: #A8CC45;/*idid*/
}

#footer td {
	font-size: 12px;/*idid master change 9 to 12*/
	padding:10px 0px 5px 15px;/*idid master top right bottom left*/
}

table.postad {
}

img.thumb {
	border: 1px solid black;
}

.postpath {
	padding: 5px;
	border: 1px solid #DBC06F;
	background-color: #F7F0DD;
	font-size: 12px;
	color: brown;
	margin-bottom: 10px;
}

.postpath b {
	color: black;
}

.postpath a {
	font-weight: bold;
	color: #003399;
	font-size: 12px;
}

#search_top {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #EAEAEA;
}

.invoice {
	background-color: #F0F0F0;
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
}

.invoice td {
	background-color: white;
	padding: 5px;
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

.invoice .empty {
	background-color: white;
	border: 1px solid white;
}

.invoice .firstcell {
	font-weight: bold;
}

.invoice .maincell {
	/*background-color: #FAFAFA;*/
	text-align: right;
}

.invoice .totalrow td {
	background-color: #FAFAFA;
}

.invoice .totalrow .totalcell {
	background-color: #F3F3F3;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

.featuredad_first, .featuredad_first td {
	background-color: #FFEEC6;
	border-top: 1px solid #FFDF95;
	border-bottom: 1px solid #FFDF95;
	padding: 5px 5px 2px 5px;
	margin-bottom: 10px;
}

.featuredad, .featuredad td {
	background-color: #FFEEC6;
	border-bottom: 1px solid #FFDF95;
	padding: 5px 5px 2px 5px;
	margin-bottom: 10px;
}

.featuredad a, .featuredad_first a {
	font-weight: bold;
}

.post_note {
	color: green;
}

.latestposts { /* Version 5.0 */
	padding-top: 3px;
	margin-bottom: 3px;
	background: url(images/bar.png) white repeat-x;/*idid*/
}

.latestposts .head { /* Version 5.0 */
	padding-bottom: 5px;
	color: steelblue;
	font-size: 12px;
}

.latestposts td { /* Version 5.0 */
	border-top: 1px dashed #AFD7FF;
}


.adcat {
	font-size: 9px;
	color: #444444;
	/*text-decoration: underline;*/
}

table.latestads_table td {
	padding: 1px;
}

table.latestads_table a.featured {
	font-weight: bold;;
}

.catlist .cat {
	padding: 1px;
	display: block;
}

.catlist .cat a {
	font-weight: bold;
}

.catlist .subcat {
	padding: 1px;
	display: block;
}

.catlist .count {
	color: gray;
}

.adpreview {
	display: block;
	font-size: 12px;
	color: gray;
}

/* Begin Version 5.0 */
.hits {
	font-size: smaller;
	text-align: right;
}

.wmd-preview {
	border: 1px solid silver;
	background-color: #FAF9F5;
	padding: 10px;
	margin-bottom:  10px;
}
/* End Version 5.0 */

/* Begin Version 5.1 */
#citytitle {
	font-size: 14px;
	font-weight: bold;
}

#citytitle a {
	color: black;
	text-decoration: none;
}

#citytitle a:hover {
	color: #DF971E;
	text-decoration: none;
}

#demo {
    background-color: #F0E68C;
    padding: 5px 5px 5px 10px;
    margin: 3px 0px 0px -10px;
    width: 160px;
    font-family: Georgia, serif;
    font-size: 13px;
}

#demo a {
	text-decoration: underline;
	color: crimson;
	margin-left: 5px;
}

.flatnavsep {
	font-weight: bold;
	color: #DF971E;
}
/* End Version 5.1 */

/*idid start css*/
.buttons a:hover {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: steelblue;
	padding-left: 20px;
	text-decoration: none;
}

.latestposts tr:hover {
	background-color: white;
}

.welcome {
	background-color: #FFFBEF;
	border-top: 1px dashed #FFDF95;
	border-bottom: 1px dashed #FFDF95;
	border-right: 1px dashed #FFDF95;
	border-left: 1px dashed #FFDF95;
	padding: 10px;
	margin: 4px;
	text-align: center;
}

.webmastertalk {
	color: gray;
	padding: 0px 4px 4px 4px;
	border-bottom: 1px dashed gray;
}
.webmastertalk h2 { color: steelblue; }
.webmastertalk .info { color: gray; }
.webmastertalk .sign { text-align: right; }

.price { color: red; }

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

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid gray;
/*margin: 0 5px 5px 0;*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.sidebox_search { padding:3px 0px 3px 0px; }
.footer_menu { font-size:12px; }
.footer_menu a:hover { color:white; }
.stat { color:gray; padding:5px; border-top:1px solid #EFEFEF; border-left:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
/*.cities {
border-top:1px solid #EFEFEF;
border-left:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
}*/
.cities a:hover { text-decoration:none; }
#footer a:hover { color:white; }
.catlist {
	border-top:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	padding: 5px;
	}
.post td { font-size:14px; }

/* css code สำหรับรูปแบบของภาพที่ต้องการแสดง */  
div.bigGallPic{   
    position:fixed;   
    margin:auto;   
    top:150px;   
    left:150px;   
    padding:3px;   
    text-align:center;   
    background-color:#FFFFFF;   
    border:5px solid #666666;   
    display:none;   
    cursor:pointer;   
}
/*idid end css*/