/**
 * style for abroad-tour.com
 *
 * author: Vorapol K
 * 
 ********************************************/

/**
 * reset
 *
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 ********************************/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	.clear { clear: both; }
	.float { float: left; }
	.floatr { float: right; }
	.first { border-left: none; }
	.last { border-right: none; }
	.noborder { border: none !important; }

/**
 * page & container
 *
 ********************************/	
 
	body {
		text-align: center;
		font-family: Arial, Verdana, san-serif;
		font-size: 12px;
		color: #333;
		overflow: hidden;
	}
	
	#wrapper {
		text-align: left;
		overflow: hidden;
	}
 
	#container {
		width: 95%;
		padding: 5px 0;
		margin: 0 auto;
	}
	
	#content-holder {
		height: 530px;
		padding: 10px 0;
		overflow: auto;
	}
	
	#footer {
		clear: both;
		padding-top: 3px;
		border-top: 1px solid #ccc;
		width: 95%;
		position: absolute;
		bottom: 10px;
	}
	
		#footer ul, .copyright {
			overflow: hidden;
			padding: 4px;
		}
		
		#footer ul li {
			float: left;
			margin: 0 5px;
		}
	
/**
 * typography
 *
 ********************************/
	
	h1 { font-size: 22px; margin: 0 0 4px 0; padding-bottom: 4px; border-bottom: 1px solid #ccc; }
	
	h2 { font-size: 16px; }
	
	h3 { font-size: 14px; }
	
	h4 {}
	
	h5 {}
	
	h6 {}
	
	p { line-height: 1.6em; }
	
	p.description { 
		width: 90%;
		margin: 5px auto; 
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	
/**
 * all links
 *
 ********************************/
 
	a:link, a:visited {
		color: #2e5699;
		text-decoration: none;
	}
	
	a:hover, a:focus {
		color: #f36c1a;
		cursor: pointer;
		text-decoration: underline;
	}
	
	a.bullet {
		padding-left: 10px;
		background: transparent url(../img/bullet-img.gif) no-repeat left center;
	}
	
/* post's image */
	table.post-img {
		text-align: center;
		clear: both;
		width: 95%;
		margin: 10px auto 0 auto;
	}
	
		table.post-img img {
			padding: 4px;
			border: 1px solid #ccc;
			box-shadow: 0px 4px 6px #ccc;
			-moz-box-shadow: 0px 4px 6px #ccc;
			-webkit-box-shadow: 0px 4px 6px #ccc;
		}
		
		table.post-img td.nav-img {
			width: 10%;
			vertical-align: middle;
		}
		
		table.post-img td.nav-img img { border: none\9; }

		a.nav-back {
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			margin: 0 10px;
			background: url(../img/img-nav-left.gif) no-repeat left top;
		}
		
		a.nav-next {
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			margin: 0 10px;
			background: url(../img/img-nav-right.gif) no-repeat left top;
		}