/*
Theme Name: 	rakITv0.2
Theme URI: 		http://rakitconsulting.com/
Description: 	In search of simplicity
Version: 		0.1
Author: 		Prasetya Mahardhitama
Author URI: 	http://prasetyams.net/
Tags:			white, blue, gray, grid, minimal, corporate
*/

/*
black			1f1f1f
	black 75	575757
	black 50	8f8f8f
	black 25	c7c7c7
blue			3fbfea
	blue 75		84D7F2
	blue 50		9fdff4
	blue 25		cfeffa
grey			7d7d7d
	grey 75		9e9e9e
	grey 50		bebebe
	grey 25		dedede
white. duh.		fff
*/

/* globals */
	html { background: #dedede; color: #575757; font-size: 62.5%; overflow: -moz-scrollbars-vertical; }
		html, input { font-family: "lucida grande", lucida, verdana, helvetica, arial, sans-serif; }
	body { background: #dedede url(img/bg.png) 0 0 repeat-x; font-size: 1em; line-height: 1.2em; padding: 15px 0; }
	.container { background: #fff; border: 1px solid #bebebe; font-size: 1.1em; line-height: 1.5em; text-align: justify; }
	input { font-size: 1em; }
	
	#tooltip { position: absolute; border: 1px solid #dedede; background:#cfeffa; padding:2px 5px; color:#575757; display:none; }
	
	img { margin-bottom: 1.5em; }
	
	.uc p { color: #ed1c24; text-align: center;}
	
	.cform legend { visibility: hidden; display: none; }
	
	hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
	
/* typo */

	/* globals */
		.more { margin: 1.2em 0; }
		address { font-style: normal; }
		.serif { font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; }
		
	/* headers */
		h1, h2, h3, h4, h5, h6 { color: #8f8f8f; font-weight: bold; margin-bottom: 1em; }
		h2 span, h3 span, h5 span, h6 span { background: #ebebeb; border-left: 3px solid #3fbfea; display: inline-block; padding: .25em 1em; }
		h1 { font-size: 1.8em; }
		h2 { font-size: 1.6em; }
		h3 { font-size: 1.4em; margin-top: 20px; }
		h4 { font-size: 1.2em; }
		h5 { font-size: 1em; }
		h6 { font-size: 1em; }
		
		.index h2 span { background: none; border: none; padding: 0; }
		
		#sidebar h4 { color: #1f1f1f; height: 50px; position: relative; text-indent: -9999px;width: 220px; }
			#sidebar h4 span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
				#whoweare h4 span { background: url(img/home-headers.png) 0 0 no-repeat; }
				#whatwedo h4 span { background: url(img/home-headers.png) 0 -50px no-repeat; }
				#contactus h4 span { background: url(img/home-headers.png) 0 -100px no-repeat; }
		
	/* banners */
		.banner-home { background: #1f1f1f url(img/banner.jpg) 0 0 no-repeat; height: 200px; width: 820px; }
		.banner-about, .banner-services, .banner-contact { display: block; height: 150px; margin: 0 0 1.5em 0; width: 820px; }
		.banner-about { background: #1f1f1f url(img/banner.jpg) 0 -200px no-repeat; }
		.banner-services { background: #1f1f1f url(img/banner.jpg) 0 -350px no-repeat; }
		.banner-contact { background: #1f1f1f url(img/banner.jpg) 0 -500px no-repeat; }
		.banner-works { display: block; height: 100px; margin: 0 0 1.5em; width: 820px; background: #1f1f1f url(img/banner.jpg) 0 -650px no-repeat; }
		.banner-articles { display: block; height: 100px; margin: 0 0 1.5em; width: 820px; background: #1f1f1f url(img/banner.jpg) 0 -750px no-repeat; }
		.banner-news { display: block; height: 100px; margin: 0 0 1.5em; width: 820px; background: #1f1f1f url(img/banner.jpg) 0 -850px no-repeat; }
		.banner-single { display: block; height: 100px; margin: 0 0 1.5em; width: 820px; background: #1f1f1f url(img/banner.jpg) 0 -950px no-repeat; }
	
	/* links */
		a { text-decoration:none; color: #3fbfea; }
		a:hover { border-bottom: 1px solid #3fbfea;}
		a:active { color: #3fbfea; }
		a:visited { color: #3fbfea; }
		a span.two{ color:#84D7F2; cursor:pointer; }
		#header a:hover, #menu a:hover { border-bottom: none !important; }
	
	/* lists */
		.container ul, .container ol {  margin: 0 0 1.5em 3em; }
		.container ul li { list-style-type: square; }
		.container ol li { list-style-type: decimal; }
	
	/* paragraphs */
		.container p { margin-bottom: 1.5em; }
	
	/* quotes */
		blockquote { background: #eee; border-top: 3px solid #3fbfea; color: #7d7d7d; font-size: 1.5em; line-height: 1.2em; margin: 0 0 1em 0; padding: 1em; text-align: center;}
			blockquote p { margin-bottom: 0 !important; }
	
	/* colors */
	.grey { color: #bebebe; }
	.blue { color: #3fbfea; }
	
	/* images */
		.wp-caption { background: #eee; border: 1px solid #ddd; margin-bottom: 1.5em; padding: 8px 4px 4px 4px; text-align: center; }
			.wp-caption img { border: 1px solid #ddd; margin-bottom: 0; }
			.wp-caption p { margin-bottom: 0; }
			
	/* codes */
		code, pre { background: #eee; border-top: 1px solid #3fbfea; color: #646464; font-size: 1em; font-family: consolas, monaco, "Lucida Console", courier, monospace; overflow: scroll; padding: .8em; }

/* structures */

	/* globals */
	
		/* let me breathe! */
			#pagetext, #pagehead, #singlehead { margin-bottom: 30px; }
			#featured { margin-bottom: 30px; }

	/* header */
		#logo { overflow: hidden; }
			#logo h1 { height: 60px; position: relative; width: 200px; }
			#logo h1 a { background: url(img/logo.png) 0 0 no-repeat; height: 60px; left: 0; position: absolute; top: 0; width: 200px; }
		#slogan { text-align: right; }
			#slogan p { height: 60px; position: relative; width: 350px; }
			#slogan p span { background: url(img/slogan.png) 0 0 no-repeat; height: 60px; left: 0; position: absolute; top: 0; width: 350px;}
			
		.dlcp a { display: block; float: right; height: 35px; position: relative; width: 116px; }
			.dlcp a span { background: url(img/btn-get-cp.png) 0 0 no-repeat; height: 100%; position: absolute; width: 100%; }

	/* menu */
		#menu * li {list-style-type: none !important;}
		#menu * ul { margin: 0 0 15px 0 !important; }
			.mainmenu { margin: 0 0 15px 0; }
			.mainmenu li { float: left; margin: 0 5px 0 0; }
				.mainmenu li a { display: block; padding: 5px 10px; }
				.mainmenu li a:hover { background: #dedede; }
					.mainmenu li.current_page_item {  }
					.mainmenu li.current_page_item a { background: #1f1f1f; color: #fff; }
			
			.ishome {}
				.ishome a { background: #1f1f1f !important; color: #fff; }

		.sidemenu ul { float: right; }
			.sidemenu li { float: left; margin: 0 0 0 5px; }
			.sidemenu li.investorlink a { background: url(img/icon_investor.gif) 5px 5px no-repeat; }
				.sidemenu li.investorlink a:hover { background: #dedede url(img/icon_investor.gif) 5px 5px no-repeat; }
			.sidemenu li.clientlink a { background: url(img/icon_client.gif) 5px 5px no-repeat; }
				.sidemenu li.clientlink a:hover { background: #dedede url(img/icon_client.gif) 5px 5px no-repeat; }
				.sidemenu li a { display: block; padding: 5px 10px 5px 30px; }
				.sidemenu li a:hover { background: #dedede; }
	
	/* content */
	
		/* globals */	
	
		/* home.php */
		
			/* featured */
				#featured { background: #1f1f1f; /*-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px;*/ }
				#featuredbox { height: 200px; overflow: visible; }
				#featuredpic { height: 200px; position: relative; width: 710px; }
				#featuredtext { bottom:16px; color: #7d7d7d; display: block; left: 32px; position: absolute; width: 350px; z-index: 101; }
					#featuredtext h2 { margin-bottom: 1.5em; }
					#featuredtext h3 { line-height: 1.5em; }
				
				#whoweare, #whatwedo { padding-right: 5px; }
				
				address { margin-bottom: 1.5em; }
					.line1, .line2, .line3, .line4, .line5 { display: block; }
						.line2, .line3 { margin-bottom: 1.5em; }
					.left { color: #7d7d7d; display: block; float: left; width: 50px; }
					
				#sidebar { background: #1f1f1f url(img/banner3.png) 0 0 no-repeat; color: #ddd; padding-top: 20px; }
					
				#feeds { margin-top: 20px; }
					#feeds li { list-style-type: none; }
					#feeds h4 { border-bottom: 1px solid #ddd; }
					#feeds h5 { font-size: 1.1em; }
					
				.thumbwrap { margin: 0 0 1.5em 0; }
				.thumb { height: 90px; float: left; padding: 0 15px 0 0; position: relative; width: 90px; }
					.thumb img {}
						.thumb-overlay { background: url(img/thumb-overlay.png) 0 0 no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
				.desc { float: left; text-align: left; width: 155px; }
					.zoom { background: url(img/magnifier.png) 100% 0 no-repeat; margin-right: 10px; padding-right: 18px; }
					.visit { background: url(img/arrow1.png) 100% 0 no-repeat; padding-right: 18px; }
					.readmore {}
					
				.browse { text-align: right; }
				.browse a { background: url(img/arrow2.png) 100% 0 no-repeat; padding-right: 18px; }
		
		/* single.php */
				#singlehead {}
				#breadcrumb {}
				#pagetext { text-align: left; }
		
		/* page-about.php */
			#about-intro {}
			#about-photos {}
				.photos {}
					.photos .span-2 {}
					.photos .span-10 {}
				#about-photos img { margin-left: 10px; }
				.about-email { color: #3fbfea; margin: 0 !important; font-weight: bold; }
				.about-work { color: #7d7d7d; }
				.about-text { padding-right: 10px; }
				
		/* page-news.php */
			.blog-item { margin-bottom: 20px; }
			.blog-author { border-top: 1px solid #eee; padding: 5px 0 0 0; }
			.blog-metadata { background: url(img/icon-cal.png) 0 1px no-repeat; }
				.blog-metadata p { padding-left: 20px; }
			
			
		/* page-contact */
			.wpcf7 {}
				.wpcf-block { margin-bottom: 10px; }
				.wpcf7 label { }
				.wpcf7 input, .wpcf7 select, .wpcf7 textarea { background: #fff; border: 2px solid #ddd; padding: 3px; width: 260px; }
					.wpcf7 .required { background: url(img/reqtxt.png) 100% 100% no-repeat; }
					.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus { border: 2px solid #3fbfea; }
					.wpcf7 select { padding: 1px; width: 270px; }
					.wpcf7 .sendbutton input { background: #eee; margin-left: 140px; width: 70px; }

		/* page-works.php */
			.works-h2 { margin-top: 8px; }
			.works-item { margin-bottom: 20px; } 
			
		/* page.php */
		
		/* services */
			.page-services { background: url(img/angga.png) 100% 100% no-repeat; margin-bottom: 0 !important; padding-bottom: 30px; }

		/* index.php */
		
		/* archives.php */
		
		/* search.php */
		
		/* category-3.php */
			.full { height: 250px; float: left; position: relative; width: 400px; }
				.full-overlay { background: url(img/full-overlay.png) 0 0 no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
			
			.desc-title p, .desc-def p { margin-bottom: 0; }
			.desc-title p { color: #999; }
			.desc-def p { font-weight: bold; }
			.proj-desc { margin-bottom: 1.5em; }
		/**/
		
		/**/
		
		/**/
	
	/* sidebar(s) */
		
		/* globals */
			#sidebar { }
	
		/* headers */
			/*
			.pre-h4 {}
			#sidebar h4 { border-bottom: 1px solid #dedede; margin-bottom: 1em; padding-bottom: 1em; }
			*/
			#sidebar h4 {}
			.pre-h4 { border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; color: #7d7d7d; font-size: 1em; margin: .5em 0; padding: .5em 0; }
			
		/**/
		
		/**/
	
	/* footer.php */
	
		/* globals */
			#footer { border-top: 1px solid #dedede; padding-top: 1.5em; }
		
		/* left*/
			#leftfoot {}
			
		/* right */
			#rightfoot { text-align: right; }
				#rightfoot ul li { list-style-type: none; display: inline; margin-left: 1em; }
		/**/

/* services-list table -gx- */
table#services-list { width: 820px; }