/*
THEME NAME: YouthAsia
THEME URI: http://youthasia.com/
DESCRIPTION: Theme for YouthAsia website
VERSION: 1.0
AUTHOR: Wafiq Rodzuan
AUTHOR URI: http://stuv.wfxyz.com/
TAGS: youthasia
*/

/* Resets */

@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');

/* ---------------- Default Style ------------------ */

body { font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #333333; background-color: #d0cbb3; }

a { color: #4d929c; text-decoration: none; }

a:hover { text-decoration: underline; }

a:visited { color: #847D70; }

blockquote { display: block; margin-left: 1em; padding-left: 1em; border-left: 5px solid #BDB693; font-style: italic; }

blockquote code { display: block; margin: 0; font-style: normal; padding: 1em; border: 1px solid #BDB693; background-color: #FFDDCC; }

abbr { border-bottom: 1px dotted #333333; cursor: help; }

.alignright,img.alignright{ float: right; margin:0.5em 0 0 1em; padding: 5px; background-color: #FFFFFF; }

.alignleft,img.alignleft{ float: left; margin: 0.5em 1em 0 0; padding: 5px; background-color: #FFFFFF; }

.aligncenter,img.aligncenter{ display: block; margin: 0.5em auto; text-align: center; padding: 5px; background-color: #FFFFFF; }


/* ---------------- Layout ------------------ */

div#contentside { margin-top: 3em; }

div#primary, .tag div#primary { margin-top: 3em; float: right; }

	.single div#primary, .archive div#primary, .page div#primary { margin-top: 1em; }

div#content { padding-top: 3em; }

div#container { margin-bottom: 3em; }

div#footer-wrap , div#header-wrap { background: url('images/body_bg.png') repeat #901920; }


/* ---------------- Headlines ------------------ */

h1,h2,h3,h4 ,h5,h6{ 1font-family: AllerRegular, Arial, Helvetica, sans-serif; line-height: 1.1; }

	.entry-content h1 { font-size: 30px; clear: both; }

	h2.page-title, .page h2.entry-title { background: url('images/head_title.gif') no-repeat 0% 0%; padding: 18px 0 34px 16px; color: #D0CBB3; text-shadow: 0px 1px 2px #333333; }

	h2.page-title span { background: url('images/title_bullet.gif') no-repeat 3px 5px; padding-left: 24px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #4D929C; }
	
	.entry-content h2 { font-family: AllerLightRegular, Arial, Helvetica, sans-serif; letter-spacing: -0.03em; font-size: 28px; clear: both; }
	
	.single h2.entry-title  { letter-spacing: -0.03em; font-size: 28px; text-shadow: 0px 1px 0px #FFEEEE; }

	.home #content h2  { text-shadow: 0px 1px 0px #FFEEEE; }

	.home h3.entry-title { text-transform: none; font-size: 21px; clear: both; position: relative; }

	.home h3.entry-title a { display: block; width: 280px; }
	
		.home h3.long a { width: 520px!important; }
		
	.entry-content h3 { text-transform: uppercase; font-size: 19px; clear: both; letter-spacing: -0.03em; }
	
	.entry-content h4 { font-style: italic; clear: both; }
	
	.entry-content h5 { clear: both; }
	
	.entry-content h6 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; }


/* ---------------- Header ------------------ */

#access { background: url('images/menu_shadow.png') repeat-x; }

#header { background: url('images/header_image.gif') no-repeat 50% 0%; }

#blog-title { margin: 0; text-indent: -9999em; }

#blog-title a { display: block; outline: none; height: 110px; background: url('images/youthasia_logo.gif') no-repeat 5px center; text-indent: -9999em; }

#blog-description { height: 0; text-indent: -9999em; margin: 0; }

div#menu { width: 960px; margin: 0 auto; font-family: AllerBold, Arial, Helvetica, sans-serif; font-size: 17px; text-shadow: 0px 1px 3px #444444; }

div#menu ul { line-height: 1; list-style: none; margin: 0 10px; padding: 0; position: relative; }

div#menu ul li { float: left; margin: 0 1em 0 0; padding-right: 8px; background: url('images/menulink_after.png') no-repeat right top; }

	div#menu ul li:hover  { background: url('images/menulink_after_hover.png') no-repeat right top; }

div#menu ul li a { display: block; outline: none; color: #d0cbb3; padding:0.7em 0.6em 0.3em 1em; text-decoration: none; background: url('images/menulink_before.png') no-repeat left top; }

	div#menu ul li:hover a, li.current_page_item a  { background: url('images/menulink_before_hover.png') no-repeat left top; color: #333333; text-shadow: none; }
	
div#menu ul li#rss-menu { position: absolute; top: 0px; right: 0px; background: none; text-shadow: none; background: url('images/rss_icon.png') no-repeat 100% 0%; margin: 0; padding: 0; }

	div#menu ul li#rss-menu a { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; background: none; text-shadow: none; color: #4d929c; padding: 41px 0 4px 10px; }
	
div#menu ul li.current_page_item { background: url('images/menulink_after_hover.png') no-repeat right top; }

		div#menu ul li.current_page_item a  { background: url('images/menulink_before_hover.png') no-repeat left top; color: #333333; text-shadow: none; }

.home #header { background: url('images/map.jpg') no-repeat 50% 0%; }

.maphover { background: url('images/map_hover.jpg') no-repeat 50% 0%!important; }
	
.home .branding { height: 540px; position: relative; }

.home #bloginfo { padding-top: 300px; }

	.home #blog-title a { background: url('images/home_logo.gif') no-repeat left center; height: 141px; width: 321px; }
	
	.home #homeintro { color: #d0cbb3; }
	
		.home #homeintro p { padding: 5px 0 0 5px; }
	
	.home div#menu { overflow: hidden; width: 100%; }
	
	.home div#menu ul { float: left; position: relative; left: 50%; }

	.home div#menu ul li { position: relative; right: 50%; }

	.home div#menu li#rss-menu { display: none; }
	
.branding p.pinpoint  { position: absolute; color: #d0cbb3; text-align: center; font-size: 18px; letter-spacing: -0.02em; line-height: 1.1; font-family: "Segoe UI", Arial, Helvetica, sans-serif; text-shadow: 0px 0px 6px #000000; }

	.branding p.pinpoint span { font-size: 30px; display: block; font-weight: bold; 1font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
	
		#malaysia { top: 210px; left: 340px; }
		
		#thailand { top: 140px; left: 160px; }
		
		#indonesia { top: 380px; left: 550px; }
		
		#singapore { top: 290px; left: 450px; }
		
		#philippines { top: 70px; left: 720px; }
		
		#vietnam { top: 70px; left: 430px; }
		
		#note { font-size: 12px; right: 0px; letter-spacing: 0; text-align: right; bottom: 0px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; text-shadow: none; }
	

/* ---------------- Content ------------------ */


div.navigation div { overflow: hidden; }

div.navigation div.nav-next { text-align: right; }

div.navigation div.nav-previous { text-align: left; }

#product { font-size: 18px; letter-spacing: -0.03em; }

	#product h2 { margin-bottom: 12px; letter-spacing: 0; line-height: 1.2; }
	
ul.services, ul.services-exp { margin: 0; list-style: none; }

	ul.services li { 1float: left; 1width: 165px; display: block; overflow: hidden; padding: 15px; margin: 10px 0; border: 3px dashed #9C968B; cursor: pointer;  -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
	
		ul.services li:hover { border: 3px dashed #857E71; }
	
		ul.services li h3 { text-indent: -9999em; height: 80px; margin: 0 15px 15px 0; float: left; width: 165px;  }
        
        ul.services li p { 1height: 310px; margin-bottom: 8px; }
		
		ul.services li a.show-content { font-weight: bold; outline: none; }
	
	ul.services .point-1 { 1margin: 0 10px 0 0; }
	
		ul.services .point-1 h3 { background: url('images/youthsays-v4-logo.png') no-repeat 50% 50%; }
	
	ul.services .point-2 { 1margin: 0 10px 0 10px; }
	
		ul.services .point-2 h3 { background: url('images/groupsmore-s.gif') no-repeat 50% 50%; }
        	
	ul.services .point-3 { 1margin: 0 0 0 10px; }
	
		ul.services .point-3 h3 { background: url('images/youth10.png') no-repeat 50% 50%; margin-bottom: 40px; }
			
ul.services-exp { background: url('images/dialog_bottom.gif') no-repeat 50% 100%; margin-top: 10px; }

	ul.services-exp li#top { padding: 0; background: url('images/dialog_top.gif') no-repeat 50% 100% #D0CBB3; position: relative; }
	
		ul.services-exp li#top span#arrow { position: relative; display: block; background: url('images/arrow.gif') no-repeat 50% 50%; height: 23px; width: 26px; }
		
		ul.services-exp li#top span#close-dialog { position: absolute; right: 10px; top: 18px; cursor: pointer; color: #D0CBB3; }
		
	ul.services-exp li#bottom { padding: 0 0 10px 0; }

	ul.services-exp  li { margin: 0; padding: 20px 20px 10px 220px; }
	
		ul.services-exp  p { color: #d0cbb3; }
	
		ul.services-exp  li.point-1 { background: url('images/youthsays-v4-m.png') no-repeat 16px 50%; }
		
		ul.services-exp  li.point-2 { background: url('images/groupsmore-m.gif') no-repeat 16px 50%; }
		
		ul.services-exp  li.point-3 { background: url('images/youth10-m.png') no-repeat 16px 50%; }

.entry-thumb { padding-bottom: 12px; background: url('images/thumb_shadow.gif') no-repeat 50% 100%; }

	.entry-thumb img { background-color: #FFFFFF; padding: 5px; }
	
.entry-title, .entry-meta { clear: both; }

.entry-content { overflow: hidden!important; }

.single .entry-content { background: url('images/rule.gif') repeat-x 100% 100%; padding-bottom: 2em; margin-bottom: 1em; }

.single .entry-meta { color: #777777; background: url('images/rule.gif') repeat-x 100% 100%; padding-bottom: 1em; margin-bottom: 2em; }

.archive .entry-meta, .page .entry-meta { text-align: right; }

	.archive .entry-meta ul, .page .entry-meta ul { list-style: none; margin: 0; }
	
	.archive .entry-date, .page .entry-date { display: block; font-size: 15px; color: #847d70; margin-bottom: 18px; }

div.gallery {clear:both;height:180px;margin:1em 0;width:100%;}

p.wp-caption-text{font-style:italic;}

.post { position: relative; }

.more-link { display: block; position: absolute; right: 0px; bottom: -12px; width: 100px; padding: 4px 12px 8px 12px; background: url('images/read_more.png') no-repeat 50% 50%; text-align: center; font-family: AllerBold, Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal!important; color: #FFFFFF; text-shadow: 0px 1px 3px #444444; }

	.more-link:hover { background: url('images/read_more_hover.png') no-repeat 50% 50%; color: #333333!important; text-shadow: none; text-decoration: none; }
	
	.more-link:visited { color: #FFFFFF; }
	
.meta-nav { font-size: 18px; line-height: 1; }

.home span.entry-date { position: absolute; right: 0; top: 3px; text-align: right; font-size: 17px; color: #999999; font-weight: normal; }

.rule { background: url('images/rule.gif') repeat-x 100% 100%!important; width: 100%!important; visibility: visible!important; padding: 0 0 2em 0!important; margin: 0 0 2em 0!important;  }

.flat { margin: 0 0 1em 0 !important; }

.whitespace { margin: 0 0 2em 0 !important; }


/* ---------------- Comment ------------------ */

form#commentform .form-label {margin:1em 0 0;}

form#commentform span.required {color:#F33; font-weight: bold; }

form#commentform,form#commentform p {padding:0;}

input#author,input#email,input#url,textarea#comment {padding:0.2em;}

div.comments ol { list-style: none; }

	div.comments ol li { margin: 0 0 2em 0; padding-bottom: 1em; background: url('images/rule.gif') repeat-x 100% 100%; }
	
	div.comments .comment-author  { margin-bottom: 1em; }
	
	div.comments .comment-meta  { margin-top: 1em; }
	
	div.comments .comment-author img { padding-right: 0.75em; }
	
	div.comments .comment p { margin: 0 0 0 27px; padding: 0 0 1em 0.75em; border-left: 5px solid #BDB693; }

textarea#comment {height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

input#author,input#email,input#url {width:50%;}


/* ---------------- Sidebar ------------------ */

div.sidebar li h3, div#contentside li h3 { text-shadow: 0px 1px 0px #FFEEEE; }

div.sidebar li, div#contentside li { list-style:none; margin:0 0 2em; }

	#categories li.current-cat a, #categories li.current-cat-parent a { border-bottom: 1px solid #4D929C; }

div.sidebar li form { margin: 0.2em 0 0; padding:0; }

div.sidebar li a , div#contentside li a { font-weight: bold; }

	div.sidebar ul ul, div#contentside ul ul { list-style: none; margin: 0; }

		div.sidebar ul ul li, div#contentside ul ul li { margin: 0; padding:0 0 0.3em 1.5em; background: url('images/star_bullet.gif') no-repeat 0px 5px; }

			div.sidebar ul ul ul { margin:0 0 0 0.5em; }

				div.sidebar ul ul ul li { list-style:circle; }
				
div.sidebar li#latest { position: relative; left: -10px; width: 320px; background: url('images/paper.gif') no-repeat 50% 100%; font-size: 15px; }

	div.sidebar li#latest h3 { padding: 0 0 36px 10px; margin: 0; background: url('images/feeder.gif') no-repeat 50% 100% #D0CBB3; }
	
	div.sidebar li#latest h3 a { font-size: 14px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; float: right; padding: 16px 36px 4px 0; margin-right: 8px; background: url('images/rss_icon_side.gif') no-repeat 100% 0%; }
	
		div.sidebar li#latest ul { list-style: none; margin: 0; padding-bottom: 26px; }
		
			div.sidebar li#latest ul li { list-style: none; padding: 0 0 8px 0; border-bottom: 2px dotted #4d929c; background: none; margin: 0 26px 8px 26px; }
		
			div.sidebar li#latest ul li a { font-weight: normal; }
		
		div.sidebar li#latest .read-more { margin: 0; text-align: center; padding-top: 3px; border: 0; }
		
			div.sidebar li#latest .read-more a { background: url('images/read_more.png') no-repeat 50% 50%; display: block; padding: 4px 0 8px 0; font-family: AllerBold, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF; text-shadow: 0px 1px 3px #444444; }
			
			div.sidebar li#latest .read-more a:hover { background: url('images/read_more_hover.png') no-repeat 50% 50%; color: #333333; text-shadow: none; }
			
div.sidebar li#hiring { position: relative; left: -10px; width: 320px; }

	div.sidebar li#hiring h3  { padding: 14px 0 18px 20px; margin-bottom: 8px; color: #d0cbb3; background: url('images/hiring.gif') no-repeat 50% 100% #D0CBB3; text-shadow: 0px 1px 2px #222222; }
	
	div.sidebar li#hiring p { margin-bottom: 8px; }
	
	div.sidebar li#hiring ul, div.sidebar li#hiring p { padding: 0 20px; }


/* ---------------- Footer ------------------ */

div#footer { height: 340px; background: url('images/footer_bg.png') no-repeat 50% 0%; color: #d0cbb3; line-height: 1.3; }

div#footer-shadow { background: url('images/footer_shadow.png') repeat-x; height: 20px; }

ul#footer-widget { margin: 0; list-style: none; }

	ul#footer-widget li { float: left; display: inline; margin: 0 10px 0 10px; width: 300px; }
	
	ul#footer-widget li a:hover { color: #FFFFFF; }
	
		ul#footer-widget li h3 { color: #4d929c; margin-bottom: 8px; }
		
	/* ---------------- Contact Form ------------------ */
	
	div#fancy_div { background-color: #D0CBB3!important; color: #333333!important; padding: 20px; width: auto!important; overflow: auto; }
				
				div#fancy_div  div p { margin-bottom: 1em; }
				
	.wpcf7-form .wpcf7-list-item { display: list-item; list-style: none; }

p#credit { position: relative; bottom: -90px; text-align: center; }

	p#credit a { color: #CCCCCC; }
	
	p#credit a:hover { background-color: #111111; }
    
    
#flickrousel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

    #flickrousel li { margin: 0 10px 0 0; float: left; width: 112px; height: 112px; }
        
    #flickrousel li img { width: 100px; height: auto; padding: 5px; background-color: #fff;
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 2px 2px rgba(0,0,0,0.25); }
	
	
div#banner-youth10 {
	position: fixed; width: 100%; margin: 0; padding: 30px 0 0 0; background: transparent url('images/youthasia-banner-bg.png') no-repeat 0 100%;
	height: 156px; bottom: 0; left: 0; z-index: 10000; display: none;
}
	#banner-youth10 h2 {
		margin: 0; line-height: 1;
	}
	#banner-youth10 p {
		margin: 8px 0 0 0;
	}
	div#banner-youth10-content {
		padding: 10px 40px 10px 485px; position: relative;
	}
	a#btn-tyf {
		display: block; text-indent: -9999em; width: 241px; height: 37px;
		background: transparent url('images/btn-tyf.png') no-repeat 0 0;
		margin: 0px auto;
	}
	a#btn-tyf:hover {
		background-position: 0 -37px;
	}
	a#banner-close-btn {
		position: absolute; right: 5px; top: 40px; padding-right: 16px;
		background: transparent url('images/btn-close.png') no-repeat 100% 50%;
	}