/*
Theme Name: Eco Adventures
Theme URI: http://www.adventures.com.sg
Description: Custom Eco Adventures Skin.
Version: 1.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset Across Browsers */
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; font-size: 62.5%; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; background: #ffff00; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; vertical-align: middle; }
caption,  th,  td { text-align: left; font-weight: normal; }
td,  th { vertical-align: middle; } 
a img { border: none; }
em { font-style: italic; }

/* Standard Definitions */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.padleft { padding-left: 10px; }
.padright { padding-right: 10px; }
.padbottom { padding-bottom: 12px; }
.marginleft { margin-left: 10px; }
.marginright { margin-right: 10px; }
.marginbottom { margin-bottom: 12px; }
.clear { clear: both; }
.imgbdr { padding: 4px; border: 1px dotted #CCCCCC; }
blockquote { padding: 20px; background: #F4F4F4; }
p, ul, ol, blockquote { margin-bottom: 12px; }

a:link { color: #2361A1; text-decoration: none; }
a:visited { color: #2361A1; text-decoration: none; }
a:hover { color: #2361A1; text-decoration: underline; }

/* Main DIVs */
body { font-family: Georgia, "Times New Roman", serif; background: #F1F1F1; } 
#container { width: 950px; padding: 0; margin: 0 auto; float: none; clear: both; border-left: 1px dotted #333333; border-right: 1px dotted #333333; }
	#header { height: 177px; width: auto; padding: 0; margin: 0; float: none; clear: both; background: url(images/header-bkg.jpg);  }
	#maincontent { height: auto; width: auto; padding: 0; margin: 0; float: none; clear: both; background: #FFFFFF url(images/maincontent-bkg.png) repeat-y right; }
		#content { float: left;  width: 650px; padding: 0; margin: 0; }
		#sidebar { float: right; width: 300px; padding: 0; margin: 0; }
	#footer { height: 250px; width: auto; padding: 10px; margin: 0; float: none; clear: both; background: #111111;  }
#bottom { height: 150px; width: 950px; padding: 0; margin: 0 auto; float: none; clear: both; }

/* Header Section */
#header {}
	#logo { padding: 15px 0 0 10px; float: left; }
	#topright-snip { float: right; margin: 25px 25px 0 0; font-size: 30px; }
	ul#mainmenu { float: left; width: 600px; height: 30px; list-style: none; padding: 0; margin: 17px 0 0 10px; position: relative; }
	ul#mainmenu li { display: block; float: left; margin-right: 5px; }
		ul#mainmenu li .mm-item { display: block; height: 24px; padding: 6px 8px 0 8px; background: #111111; font: bold 15px Arial; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
								   -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
		ul#mainmenu li .mm-item.active-menu { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
		ul#mainmenu li .mm-item img { display: block; float: right; }
		ul#mainmenu li .mm-item { color: #FFFFFF; }
		ul#mainmenu li .mm-item:link { text-decoration: none; }
		ul#mainmenu li .mm-item:visited { color: #FFFFFF; text-decoration: none; }
		ul#mainmenu li .mm-item:hover { color: #FFFFFF; text-decoration: none; cursor: pointer; background: #111111; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;  }
		ul#mainmenu li .mm-item.mddhover { cursor: pointer; background: #111111; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
		
			ul#mainmenu li .mdd { position: absolute; z-index:999; display: none; width: 605px; height: 400px; padding: 10px; left: 0; background: #FFFFFF; color: #000000; border: 5px solid #585858; -moz-box-shadow: 5px 5px 5px #333333; -webkit-box-shadow: 5px 5px 5px #333333; }
			ul#mainmenu li .mdd ul { display: block; float: left; font: bold 15px Arial, Verdana;  }


			ul#mainmenu li .mdd li a:link { color: #888888; text-decoration:  none; }
			ul#mainmenu li .mdd li a:visited { color: #888888; text-decoration:  none; }
			ul#mainmenu li .mdd li a:hover { color: #000000; text-decoration:  none; }

			ul#mainmenu li #mdd-tripstyles li { display: block; margin: 5px; width: 140px; height: 123px;  text-align: center; }
			ul#mainmenu li #mdd-tripstyles li a { display: block; width: 130px; height: 123px; padding: 5px }

			ul#mainmenu li #mdd-tripstyles li.cruise { background: url(tripstyles-images/cruise1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.cruise:hover { background: url(tripstyles-images/cruise2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.cycle { background: url(tripstyles-images/cycle1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.cycle:hover { background: url(tripstyles-images/cycle2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.dive { background: url(tripstyles-images/dive1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.dive:hover { background: url(tripstyles-images/dive2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.family { background: url(tripstyles-images/family1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.family:hover { background: url(tripstyles-images/family2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.festivals { background: url(tripstyles-images/festivals1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.festivals:hover { background: url(tripstyles-images/festivals2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.trek { background: url(tripstyles-images/trek1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.trek:hover { background: url(tripstyles-images/trek2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.culture { background: url(tripstyles-images/culture1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.culture:hover { background: url(tripstyles-images/culture2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.luxury { background: url(tripstyles-images/luxury1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.luxury:hover { background: url(tripstyles-images/luxury2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.nature { background: url(tripstyles-images/nature1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.nature:hover { background: url(tripstyles-images/nature2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.getaways { background: url(tripstyles-images/getaways1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.getaways:hover { background: url(tripstyles-images/getaways2.jpg); }
			ul#mainmenu li #mdd-tripstyles li.space { background: url(tripstyles-images/space1.jpg); }
			ul#mainmenu li #mdd-tripstyles li.space:hover { background: url(tripstyles-images/space2.jpg); }

			ul#mainmenu li #mdd-destinations { background: url(images/mdd-destinations-bkg.jpg) no-repeat; }
			ul#mainmenu li #mdd-destinations ul { margin: 0 0 0 10px; padding: 10px 20px 10px 5px; float: left; }
			ul#mainmenu li #mdd-destinations li { list-style-type: disc; display: block; float: none; padding: 3px 0px;  }

	ul#sbicons { float: right; width: 300px; height: 30px; list-style: none; padding: 0; margin: 17px 0 0 0; }
	ul#sbicons li { display: block; float: left; margin-right: 5px; text-indent: -999px; }
	ul#sbicons li a#btn-twitter { display: block; height: 27px; width: 27px; background: url(images/btn-twitter.png); }
	ul#sbicons li a#btn-facebook { display: block; height: 27px; width: 27px; background: url(images/btn-facebook.png); }
	ul#sbicons li a#btn-rss { display: block; height: 27px; width: 27px; background: url(images/btn-rss.png); }
	ul#sbicons li div#search-form input[type=text] { font: normal 12px Arial; color: #333333; border: none; display: block; height: 26px; width: 190px; padding: 0 0 0 7px; background: url(images/searchform-bkg.png); }

	#aftermenu-bar { height: 31px; background: #111111; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
	#aftermenu-snip { font: normal 16px Georgia, "Times New Roman", serif; color: #FFFFFF; position: relative; left: 580px; top: -25px; width: 380px; }
		#aftermenu-snip a:link { color: #FFFFFF; text-decoration: none; }
		#aftermenu-snip a:visited { color: #FFFFFF; text-decoration: none; }
		#aftermenu-snip a:hover { color: #FFFFFF; text-decoration: none; }

/* Content Section */
#content { font-size: 1.2em;  }
	#posts { margin: 10px 10px 0 10px; }
	
	
	#content .pagetitle { font: bold 26px Georgia, "Times New Roman", serif; letter-spacing: -0.03em; text-align: left; color: #6B4008; margin-bottom: 8px; line-height: 100%; }
		#content .pagetitle a:link { color: #6B4008; text-decoration: none; }
		#content .pagetitle a:visited { color: #6B4008; text-decoration: none; }
		#content .pagetitle a:hover { color: #4c2c02; text-decoration: none; }
	#content .posttitle { font: bold 15px Georgia, "Times New Roman", serif; letter-spacing: -0.03em; text-align: left; color: #B67E21; margin-bottom: 8px; line-height: 100%; }
		#content .posttitle a:link { color: #B67E21; text-decoration: none; }
		#content .posttitle a:visited { color: #B67E21; text-decoration: none; }
		#content .posttitle a:hover { color: #6B4008; text-decoration: none; }

	
	#content .postlist-left { float: left; width: 120px; }
		#content .triptype { }
	
	#content .postlist-right { float: right; width: 500px; }
		#content .pricefrom { float: right; padding: 10px; background: #EEAB43; font-size: 140%; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

	#content .postlist-sep { margin:  0 0 25px 0; clear: both; height: 15px; border-bottom: 1px solid #EEEEEE; }

	#content ul.postTabs  { margin-left: 0; padding: 0 !important; }
	#content .postTabs li { margin-left: 0; padding-left: 0; }
	#content .postTabs_divs { min-height: 400px; }

	#content h3 { font: bold 15px Georgia, "Times New Roman", serif; margin-bottom: 12px; }
	#content p { line-height: 150%; }
	#content ul { padding-left: 15px; margin-left: 0; list-style: disc;   }
	#content ul li { line-height: 150%; padding-left: 5px; }
	#content ul li ul { padding-left: 15px; margin-left: 0; margin-bottom: 0; }
	#content ul li ul li {  padding-left: 5px; }
	#content ol { padding-left: 17px; margin-left: 0; list-style: decimal;   }
	#content ol li { line-height: 150%; padding-left: 5px;}
	#content ol li ol { padding-left: 17px; margin-left: 0; margin-bottom: 0; }
	#content ol li ol li {  padding-left: 5px; }

	#content .postmeta-bottom { font-size: 11px; padding: 6px 0; border-top: 1px solid #6B4008; color: #6B4008; }
		#content .postmeta-bottom a:link { color: #6B4008; text-decoration: none; }
		#content .postmeta-bottom a:visited { color: #6B4008; text-decoration: none; }
		#content .postmeta-bottom a:hover { color: #6B4008; text-decoration: underline; }
	
	#content #triprefineform { padding: 5px; background: #EEEEEE; border: 1px solid #AAAAAA; margin: 20px 0 30px 0;}
	#content .loadmoreresults { width: 300px; margin: 20px auto; text-align: center; padding: 5px; background: #EEEEEE; border: 1px solid #AAAAAA; font: bold 15px Arial, Verdana; }
	#content .loadmoreresults a { display: block; }

	#content .navigation { padding-bottom: 50px; clear: both;}

/* Sidebar Section */
#sidebar { font-size: 1.2em; }
	#tripfinder { width: 280px; height: 250px; background: #452911 url(images/tripfinder-bkg.jpg); padding: 140px 10px 10px 10px; }
		#tripfinder div { padding-bottom: 12px; }
		#tripfinder label { width: 100px; display: block; float: left; margin-top: 2px; font-weight: bold; color: #FFFFFF; font-size: 13px; }
		#tripfinder select { width: 170px; }
		#tripfinder input[type=text] { width: 170px; }
		#tripfinder input[type=image] { margin-left: 100px; }
		#tripfinder input[type=submit] { width: 125px; height: 35px; margin-left: 100px; border: 0; background: url(images/tripfinder-btn.png);  }
	#banners {}
		#banners img { display: block; margin: 5px; }

/* Footer Section */
#footer { color: #CCCCCC; font-size: 12px; }
	#footer a:link { color: #CCCCCC; text-decoration: none; }
	#footer a:visited { color: #CCCCCC; text-decoration: none; }
	#footer a:hover { color: #CCCCCC; text-decoration: underline; }
	#footer #destinations { width: 640px; float: left; line-height: 130%; }
	#footer #activities { width: 270px; padding-left: 10px; float: left; line-height: 130%; border-left: 1px solid #333333;}
	#footer ul { margin-left: 10px; padding-left: 10px; float: left; width: 140px; }
	#footer li { list-style-type: disc; }
	#footer h2 { font: bold 20px Georgia, "Times New Roman", serif; color: #DDDDDD; letter-spacing: -0.03em; margin-bottom: 12px; }

/* Copyright Section */
#bottom { font: normal 10px Verdana, Arial; color: #333333; }
	#bottom a:link { color: #333333; text-decoration: none; }
	#bottom a:visited { color: #333333; text-decoration: none; }
	#bottom a:hover { color: #333333; text-decoration: underline; }	
	#copyright-text { margin: 20px; line-height: 150%;  }
	#bottom-menu { font-weight: bold; }

/* Comments */
#posts h2#comments { font-weight: bold; font-size: 14px; margin-top: 40px; }
#posts h2#respond { font-weight: bold; font-size: 14px; margin-top: 40px; }
#posts ol.commentlist { padding: 0; margin: 0; }
#posts ol.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
#posts .commentmetadata { font-size: 11px; line-height: 140%; margin-bottom: 15px; }
.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#EEEEEE; color:#FFFFFF; float:right; margin:0 0 5px 5px; padding:4px; border: 1px solid #CCCCCC; }

/* main page elements */
h2.featured { color: #000000; font-size: 20px; margin-bottom: 8px; }
#featuredtours { width: 620px; height: 395px; padding: 15px; margin: 0 0 0 -10px;  }
#featuredtours ul { margin: 0; padding: 0; list-style: none; }
#featuredtours ul li { float: left; width: 200px; margin: 0 0 0 10px; padding-left: 0; height: 180px; line-height: 110%; text-align: center; }
#featuredtours ul li.leftmost { margin-left: 0; }
#about { background: #432910 url(images/about-bkg.gif) no-repeat bottom right; color: #FFFFFF; width: 500px; padding: 10px 140px 10px 10px; margin: 0 0 0 -10px; }
#about h2 { color: #FF8C01; font-size: 26px; margin-bottom: 8px; }