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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

.clear{
	clear:both;
	height:1px;
	margin-bottom:-1px;
}

body{
	background: #d5e1f7/* url(../berkas/bg-tile.png)*/ repeat top left;
	font-family: Helvetica, "Helvetica Neue", Arial,  sans-serif;
	color:#1a1f27;
	font-size:62.5%;
}


* {
	outline:0;
	outline-style:none;
	-moz-outline:0;
}

a{
	color:#1a1f27;
	text-decoration: none;
}

a:visited{
	color:#1a1f27;
	text-decoration: none;
}

.column{
	width:800px;
	margin:0 auto;
}

.imgtext{
	display:block;
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -99999em;
}

.hovFade{
	opacity:0.85;
	opacity:0.90;
}

/***************************************************************************
***************************** SITEWIDE STYLES ******************************
***************************************************************************/

/* header */

#header {
	width:100%;
	height:61px;
	display:block;
	background: url(../berkas/bg-header.png) repeat-x top center;
	overflow:hidden;
}

#header h1 a {
	width:180px;
	height:29px;
	background: url(../berkas/title.png) no-repeat top left;
	display:block;
	text-indent:-99999em;
	margin-top:15px;
	float:left;
}

#topnav {
	float:right;
	display:block;
	margin-top:13px;
	}

#topnav li{
	float:left;
	margin-left:5px;
}

#topnav li a{
	height:33px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	text-indent:-99999px;
}

#topnav li a:active{
	background-position: bottom left;
}


#topnav li.home a{
	width:105px;
	background-image:url(../berkas/main-nav-home.png);
}

#topnav li.about a{
	width:105px;
	background-image:url(../berkas/main-nav-about-us.png);
}

#topnav li.blog a{
	width:74px;
	background-image:url(../berkas/main-nav-blog.png);
}

#topnav li.contact a{
	width:98px;
	background-image:url(../berkas/main-nav-contact.png);
}

#page-home #topnav li.home a{background-position: bottom left; opacity:1;}
#page-about-us #topnav li.about a{background-position: bottom left; opacity:1;}
#page-blog #topnav li.blog a{background-position: bottom left; opacity:1;}
#page-blog-post #topnav li.blog a{background-position: bottom left; opacity:1;}

#main{
	width:815px;
	width:900px;
	margin:0 auto;
	background: url(../berkas/glow-top.png) no-repeat center top;
	position:relative;
	overflow:hidden;
	padding:20px 0px;
}

#main #gloss-overlay{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-400px;
	background:url(../berkas/gloss-overlay.png) no-repeat center top;
	width:800px;
	height:128px;
}

#bottom-bar{
	width:804px;
	height:82px;
	margin:0 auto;
	margin-top:32px;
	background: url(../berkas/bg-bottom-bar.png) no-repeat top right;
	padding-left:1px;
}

#bottom-bar #left{
	float:left;
}

#bottom-bar #left h4{
	float:left;
	margin-left:20px;
	text-indent:-9999em;
	/*background:url(http://www.metalabdesign.com/template/images/text-interested-in-working-with-us.png) no-*repeat top left;	*/
	width:257px;
	height:18px;
	display:block;
	margin-top:33px;
}

#bottom-bar #left p{
	display:block;
	color:#1e2633;
	font-size:11px;
	text-shadow: 0px 1px 0px #abbace;
	margin-top:12px;
	width:240px;
	margin-bottom:12px;
	margin-left: 24px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#bottom-bar #left a.button-get-in-touch{
	/*background:url(http://www.metalabdesign.com/template/images/button-get-in-touch.png) no-repeat top;
	text-indent:-99999em;*/
	width:141px;
	height:46px;
	display:block;
	float:left;
	margin-top:17px;
	margin-left:14px;
}

#bottom-bar #left a.button-get-in-touch:active{
	background-position: left bottom;
}


#bottom-bar #right{
	float:right;
	width:270px;
	margin-right:10px;
	height:72px;
	margin-top:3px;
	background: url(http://www.metalabdesign.com/template/images/image-stamp.png) no-repeat 16px 14px;
	padding-left:70px;
}

#bottom-bar #right form{
	margin-top:12px;
	color:#1e2633;
	font-size:11px;
	width:240px;
}

#bottom-bar #right form p{
	display:block;
	color:#1e2633;
	font-size:11px;
	text-shadow: 0px 1px 0px #abbace;
	margin-bottom:4px;
	margin-left: 8px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#bottom-bar #right form input#email-address{
	border:0;
	padding:0;
	margin:0;
	background:url(http://www.metalabdesign.com/template/images/text-input-newsletter.png);
	width:136px;
	height:24px;
	padding-top:5px;
	color:#2d2e30;
	font-size:14px;
	padding-left:15px;
	padding-right:10px;
	float:left;
	outline:0;
}

#bottom-bar #right form input#submit{
	border:0px;
	padding:0px;
	margin:0px;
	width:54px;
	height:29px;
	background:url(../berkas/button-newsletter-go.png) no-repeat top left;
	float:left;
	text-indent:-99999em;
	cursor:pointer;
}

#bottom-bar #right form input#submit:active{
	background:url(../berkas/button-newsletter-go.png) no-repeat bottom left;
}

#footer{
	overflow:visible;
	background:url(../berkas/glow-bottom.png) no-repeat center 40px;
	padding-bottom:70px;
}


/***************************************************************************
*****************************HOME/PROJECT PAGE******************************
***************************************************************************/

h2{
	//width:580px;
	//height:60px;
	//margin:0 auto;
	//margin-top:45px;
	//margin-bottom:25px;
	position:relative;
	//z-index:90;
	font-size:xx-large;
	font-family:cursive;
	padding-left:200px;
	color:white;
}

h2#tagline{
	width:580px;
	height:60px;
	background: url(../berkas/yayasan.png);
	margin:0 auto;
	margin-top:45px;
	margin-bottom:25px;
	position:relative;
	z-index:90;
}

#projects{
	width:799px;
	height:650px;
	display:block;
	background:url(../berkas/bg-main.png) no-repeat top left;
	margin: 0 auto;
	position:relative;
	color:#1a1f27;
	border-bottom:thin solid black;
}

#projects-bottom{
	height:48px;
	background:url(../berkas/bg-main.png) no-repeat bottom left;
	width:799px;
	position:absolute;
	left:0;
	top:0;
}
#project-type-nav{
	width:161px;
	margin-top:20px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#dce7fa;
	margin-left:2px;
	border-bottom:1px solid #5d6776;
	border-top:1px solid #313742;
	position:relative;
}

#project-type-nav li{
	width:161px;
	height:36px;
	background:url(../berkas/project-nav-bg.png) no-repeat top left;
}

#project-type-nav li a{
	width:161px;
	height:36px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#project-type-nav li a span{
	width:78px;
	height:16px;
	display:block;
	text-indent:-99999em;
	margin-left:20px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:top left;
	position:relative;
	z-index:50;
	opacity: 0.65;
}

#project-type-nav li.web a span{	background-image:url(../berkas/text-web.png);}
#project-type-nav li.alkitab a span{	background-image:url(../berkas/text-alkitab.png);}
#project-type-nav li.situs a span{	background-image:url(../berkas/text-situs.png);}

#project-type-nav li.current{
	position:absolute;
	width:	182px;
	height: 41px;
	display:block;
	background:url(../berkas/project-nav-current-bg.png) no-repeat top left;
	top:-1px;
	left:-14px;
}

.project-dots {
	position:absolute;
	left:192px;
	top:17px;
}

.project-dots a{
	width:12px;
	height:12px;
	display:block;
	background:url(../berkas/icon-dot.png) no-repeat top left;
	text-indent:-99999em;
	margin-right:5px;
	float:left;
}

.project-dots a.active{
	background:url(../berkas/icon-dot.png) no-repeat bottom left;
}


.project-dots a.active:hover{
	opacity:1;
}

.button-next-project{
	position:absolute;
	right:0;
	top:0;
	width:153px;
	height:48px;
	background: url(../berkas/button-next-client.png) no-repeat top right;
	text-indent:-99999em;
	cursor: pointer;
	z-index:10;
}


.button-next-project:active{
	background: url(../berkas/button-next-client.png) no-repeat bottom right;
}

.button-prev-project{
	position:absolute;
	left:0;
	top:0;
	width:165px;
	height:48px;
	background: url(../berkas/button-prev-client.png) no-repeat top right;
	text-indent:-99999em;
	cursor: pointer;
	z-index:10;
}

/***************************************************************************
**************************** PROJECT LISTING *******************************
***************************************************************************/

.project {
	width:600px;
	height:540px;
	position:relative;
	margin-right:20px;

	}

.project-image-wrap{
	padding:10px;
	padding-top:9px;
	padding-bottom:9px;
	position:relative;
	margin-bottom:15px;
}

.project-image-wrap img{
	width:570px;
	height:288px;
	display:block;
}

.project-image-wrap a{
	display:block
}

.project-image-wrap .overlay{
	position:absolute;
	top:0;
	left:0;
	width:590px;
	height:308px;
	background: url(../berkas/overlay-image.png) no-repeat top left;
}

.project h3.project-title{
	font-size:25px;
	font-weight:bold;
	left:32px;
	bottom:18px;
	color:#1b1d20;
	text-shadow: 0px 1px 0px #e0e8f5;
	padding-left:3px;
}

.project-image-wrap a{
	position:absolute;
	left:10px;
	top:9px;
	width:570px;
	height:288px;
	background: url(../berkas/button-zoom.png) no-repeat bottom right;
	text-indent:-9999em;
	opacity:0;
	border:0;
}

.project-text{
	color:#1a1f27;
	font-size:12px;
	text-shadow: 0 1px 0 #c6cbd5;
	line-height:19px;
	margin-top:5px;
	margin-left:3px;
	padding-right:12px;
}

.project-text p{
	margin-bottom:0.5em;
}

.view-the-site-link {
	text-indent:-99999em;
	display:block;
	height:25px;
	width:105px;
	background:url(../berkas/button-view-the-site.png) no-repeat top left;
	margin-top:10px


}
.view-the-site-link:active{
	background-position: bottom left;
}

.side_list {
	position: absolute;
	left:0px;
	top:48px;
	width:100px;
	padding:20px;
	color:white;
	font-size:11px;
	z-index:10;
}

/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-web-window,
#scroller-alkitab-window,
#scroller-situs-window{
	height:540px;
}

#scroller-window {
   position:relative;
   overflow:hidden;
   width: 610px;
   float:right;
   margin-top:64px;
   margin-right:12px;
   margin-bottom:9px;
   fbackground-color:#f00;
}

#scroller-fade-left,
#scroller-fade-right{
	position:absolute;
	width:10px;
	height:100%;
	top:0px;
}

#scroller-fade-left{
	left:0px;
	background: url(../berkas/scroller-fade.png) repeat-y top right;
}


#scroller-fade-right{
	right:0px;
	background: url(../berkas/scroller-fade.png) repeat-y top left;
}

#scroller-web-window{
overflow:hidden;
   width: 600px;
}

#scroller-web-wrap{
	width:10000em;
	position:absolute;
}


#scroller-alkitab-window{
   overflow:hidden;
   width: 600px;

}

#scroller-alkitab-wrap{
	width:10000em;
	position:absolute;
}

#scroller-situs-window{
   overflow:hidden;
   width: 600px;

}

#scroller-situs-wrap{
	width:10000em;
	position:absolute;
}

#scroller-window .project{
	float:left;
}


#scroller-vertical{
	position:absolute;
	top:0;
	left:10px;
	height: 1380px;
	width:600px;
}

/***************************************************************************
***************************** ABOUT US PAGE*********************************
***************************************************************************/

#about-us{
	width:799px;
	margin:0 auto;
	background: url(http://www.metalabdesign.com/template/images/bg-about-us.png) no-repeat top left;
	margin-top:36px;
	padding-bottom:15px;
	position:relative;
}

#about-us-bottom{
	width:799px;
	height:6px;
	margin:0 auto;
	background: url(http://www.metalabdesign.com/template/images/bg-about-us.png) no-repeat bottom left;
	left:0px;
	bottom:0px;
	position:absolute;
}

#about-us h2#heading-about-us{
	width:134px;
	height:31px;
	background: url(http://www.metalabdesign.com/template/images/heading-about-us.png) no-repeat bottom right;
	margin-left:19px;
	padding-top:9px;
	margin-bottom:7px;
	text-indent:-9999em;
}

#we-list {
	width:750px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px
}

#we-list li{
	width:750px;
	border-bottom:1px solid #8a8e94;
	border-top:1px solid #dee2e9;
	text-align:right;
	overflow:hidden;
	padding-top:24px;
	padding-bottom:17px;
}

#we-list li h3{
	text-indent:-99999em;
	height:35px;
	width:750px;
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
}

#we-list li#we-1{border-top:none}
#we-list li#we-5{border-bottom:none}

#we-list li#we-1 h3{	background-image:url(http://www.metalabdesign.com/template/images/we-1.png);}
#we-list li#we-2 h3{	background-image:url(http://www.metalabdesign.com/template/images/we-2.png);}
#we-list li#we-3 h3{	background-image:url(http://www.metalabdesign.com/template/images/we-3.png);}
#we-list li#we-4 h3{	background-image:url(http://www.metalabdesign.com/template/images/we-4.png);}
#we-list li#we-5 h3{	background-image:url(http://www.metalabdesign.com/template/images/we-5.png);}


#about-us h3#heading-kind-words{
	width:815px;
	height:43px;
	background:url(http://www.metalabdesign.com/template/images/heading-kind-words.png) no-repeat top left;
	margin-left:-8px;
	margin-bottom:20px;
	text-indent:-99999em;
}

#quotes{
	width:775px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:10px;
	padding-top:5px;
}

#quotes .quote{
	float:left;
	width:385px;
	margin-bottom:15px;
}

#quotes .quote.right{
	float:right;
}

#quotes .quote .quote-portrait{
	float:left;
	overflow:hidden;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:5px;
	background:url(http://www.metalabdesign.com/template/images/quote-puddle.png) no-repeat center 54px;
	width:61px;
}

#quotes .quote.right .quote-portrait{
	float:right
}

#quotes .quote .quote-portrait img{
	width:61px;
}


#quotes .quote .quote-bubble{
	width:306px;
	background: url(http://www.metalabdesign.com/template/images/bg-quote-bubble.png) no-repeat top left;
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	padding-bottom:38px;
}

#quotes .quote.right .quote-bubble{
	background: url(http://www.metalabdesign.com/template/images/bg-quote-bubble.png) no-repeat top right;
	float:right;
}

#quotes .quote .quote-bubble p{
	font-size:13px;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color:#080808;
	font-style:italic;
	padding:8px;
	padding-left:23px;
	padding-right:12px;
	line-height:19px;
	text-shadow: #c9d1de 0 1px 0;
}

#quotes .quote.right .quote-bubble p{
	padding-left:12px;
	padding-right:23px;
}

#quotes .quote .quote-bubble-bottom{
	width:306px;
	height:38px;
	position:absolute;
	left:0;
	bottom:0;
	background: url(http://www.metalabdesign.com/template/images/bg-quote-bubble.png) no-repeat bottom left;
}

#quotes .quote.right .quote-bubble-bottom{
	background: url(http://www.metalabdesign.com/template/images/bg-quote-bubble.png) no-repeat bottom right;
}

#quotes .quote .quote-bubble span{
	width:278px;
	height:23px;
	position:absolute;
	right:3px;
	bottom:5px;
	font-size:14px;
	color:#fff;
	text-shadow: #2a3039 0 1px 0;
	font-weight:bold;

}

#quotes .quote.right .quote-bubble span{
	text-align:right;
	right:28px;

}

#quotes .quote .quote-bubble span i{
	color:#fff;
	font-weight:normal;
	font-style:normal
}

#quotes .quote .quote-bubble span i a{
	color:#fff;
	font-weight:normal;
	font-style:normal
}




#about-us h3#heading-our-team{
	width:815px;
	height:43px;
	background:url(http://www.metalabdesign.com/template/images/heading-our-team.png) no-repeat top left;
	margin-left:-8px;
	margin-bottom:20px;
	text-indent:-99999em;
}

#team-members{
	overflow:hidden;
	width:776px;
	margin:0 auto;
}

.team-member{
	float:left;
	width:374px;
	background: url(http://www.metalabdesign.com/template/images/container-team-members.png) no-repeat top left;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:16px;
	font-size:15px;
	color:#1a1f27;
	position:relative;
	padding-bottom:3px;
}

.team-member-bottom{
	width:374px;
	height:7px;
	background: url(http://www.metalabdesign.com/template/images/container-team-members.png) no-repeat bottom left;
	position:absolute;
	left:0px;
	bottom:-7px;
}

.team-member-portrait{
	float:left;
	position:relative;
	margin-top:9px;
	margin-left:11px;
	margin-right:9px;
}

.team-member-portrait img{
	padding:11px;
	padding-top:9px;
	padding-bottom:13px;
	width:83px;
	height:83px;
	display:block;
}

.team-member-portrait span{
	position:absolute;
	left:0;
	top:0;
	width:105px;
	height:105px;
	background: url(http://www.metalabdesign.com/template/images/overlay-portrait-team-members.png) no-repeat top left;
}

.team-member h4.fn{
	font-weight:bold;
	font-size:16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#242424;
	text-shadow: 0px 1px 0px #fff;
	margin-top:14px;
	margin-bottom:22px;
}

.team-member .title {
	display:block;
	margin-bottom:10px;
}
.team-member .title i{
	background:url(http://www.metalabdesign.com/template/images/fancyand.png) no-repeat top left;
	width:13px;
	height:17px;
	text-indent:-99999em;
	display:inline-block;
}

.team-member .org{
	display:none;
}


.team-member .urls{
	margin-left:-5px;
	overflow:hidden;
	display:block;
	float:left;
}

.team-member .urls .url{
	width:71px;
	height:25px;
	text-indent:-99999em;
	display:block;
	float:left;
	margin-right:5px;

}

.team-member .tumblr{
	background: url(http://www.metalabdesign.com/template/images/button-tumblr.png) no-repeat top left;
}

.team-member .twitter{
	background: url(http://www.metalabdesign.com/template/images/button-twitter.png) no-repeat top left;
}


.team-member .urls .url:active {
	background-position: bottom left;
}

/***************************************************************************
******************************* BLOG PAGE **********************************
***************************************************************************/

#blog-top{
	background: url(http://www.metalabdesign.com/template/images/bg-blog-top.png) no-repeat top left;
	width:799px;
	height:48px;
	margin:0 auto;
	margin-top:36px;
}

#blog-main{
	background: url(http://www.metalabdesign.com/template/images/bg-blog-main.png) repeat-y top left;
	width:799px;
	margin:0 auto;
	padding-top:21px;
	position:relative;
}

#blog-main #posts {
	width:522px;
	float:left;
}

#blog-bottom{
	background: url(http://www.metalabdesign.com/template/images/bg-blog-bottom.png) no-repeat bottom left;
	width:799px;
	height:47px;
	margin:0 auto;
}

body.post-Photo #blog-bottom, body.post-Quote #blog-bottom{			/* no comments for these post types, so we need a diff bottom edge */
	background: url(http://www.metalabdesign.com/template/images/bg-blog-bottom-single.png) no-repeat bottom left;
	height:7px;
}

#page-blog-post #blog-bottom{
	height:5px;
}

#blog-sidebar{
	float:right;
	width:244px;
	margin-right:17px;
	margin-bottom:20px;
}

#blog-sidebar #about{
	font-size:11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#blog-sidebar #about p{
	line-height:18px;
}

#blog-sidebar #about p a{
	color:#0355b1;
	text-decoration:underline;
}

#blog-sidebar #about img{
	float:right;
	padding-left:3px;
}

#blog-sidebar .container{
	background:	url(http://www.metalabdesign.com/template/images/bg-blog-sidebar-container.png) no-repeat top left;;
	width:212px;
	padding:16px;
	position:relative;
	margin-bottom:20px;
	padding-bottom:10px;
}
#blog-sidebar .container-bottom{
	background:	url(http://www.metalabdesign.com/template/images/bg-blog-sidebar-container.png) no-repeat bottom left;;
	width:244px;
	height:9px;
	position:absolute;
	bottom:-9px;
	left:0;
}

#blog-top h2 a{
	width:147px;
	height:23px;
	background:	url(http://www.metalabdesign.com/template/images/heading-redesign.png) no-repeat top left;
	text-indent:-99999em;
	float:left;
	margin-left:20px;
	margin-top:16px;
}

#blog-top h3{
	background:	url(http://www.metalabdesign.com/template/images/tagline-blog.png) no-repeat top left;
	width:376px;
	height:18px;
	text-indent:-99999em;
	float:left;
	margin-left:30px;
	margin-top:18px;
}

#blog-sidebar hr{
	width:100%;
	border:0;
	height:0;
	border-top:1px solid #8e99a9;
	border-bottom:1px solid #edf4fd;
	margin-bottom:7px;
}

#blog-sidebar h2{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#1a2843;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-shadow: 0px 1px 0px #eff6fe;
}

#blog-sidebar #sidebar-projects li{
	width:211px;
	background:	#a8b1bc url(http://www.metalabdesign.com/template/images/container-blog-sidebar-sub.png) no-repeat top left;
	position:relative;
	margin-bottom:8px;
	color:#1a2843;
}

#blog-sidebar #sidebar-projects li a{
	font-size:11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	padding:10px;
	display:block;
	padding-bottom:5px;
	padding-right:9px;
}

#blog-sidebar #sidebar-projects li a b{
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
	font-family: Helvetica, "Helvetica Neue", Arial,  sans-serif;
	display:block;
}

#blog-sidebar #sidebar-projects li a p{
	padding-bottom:6px;
}

#blog-sidebar #sidebar-projects li .bottom{
	width:211px;
	height:5px;
	background:	#a8b1bc url(http://www.metalabdesign.com/template/images/container-blog-sidebar-sub.png) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:0;
	display:block;
}

#blog-sidebar #sidebar-projects li:hover{
	background-color:#bdc5ce;
}

#blog-sidebar #sidebar-projects li:hover:hover .bottom{
	background-color:#bdc5ce;
}

#blog-sidebar #sidebar-projects li img{
	float:left;
	padding-right:5px;
}


#blog-sidebar #search{
	overflow:hidden;
	padding-top:5px;;
	display:none; /* for now */
}

#blog-sidebar #search #search-input{
	background: url(http://www.metalabdesign.com/template/images/search-input.png) no-repeat top left;
	width:158px;
	height:26px;
	border:0;
	padding:0;
	float:left;
	color:#2D2E30;
	font-size:14px;
	padding-left:10px;
	padding-right:5px;
	padding-top:6px;

	}

#blog-sidebar #search #search-button{
	background:url(http://www.metalabdesign.com/template/images/search-button.png) no-repeat top left;
	width: 39px;
	height:32px;
	float:left;
	border:0;
	text-indent:-9999em;
	cursor:pointer;
}

#blog-sidebar #rss-widget{
	background:url(http://www.metalabdesign.com/template/images/bg-feed-counter.png) no-repeat top left;
	width:243px;
	height:45px;
	position:relative;

}

#blog-sidebar #rss-widget span{
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 1px 0px #000;
	letter-spacing:21px;
	position:absolute;
	left:51px;
	top:9px;
	}

#blog-sidebar #rss-widget a{
	width:58px;
	height:28px;
	display:block;
	background:url(http://www.metalabdesign.com/template/images/button-feed.png) no-repeat top left;
	text-indent:-9999em;
	position:absolute;
	right:16px;
	top:7px;
}
#blog-sidebar #rss-widget a:active{
	background-position: bottom left;
}


#blog-bottom{
	position:relative;
}


#pagination-links a{
	display:block;
	position:absolute;
	height:47px;
	bottom:-47px;
	text-indent:-9999em;
	z-index:90;
}

#pagination-links #back-link{
	width:95px;
	left:0;
	background:url(http://www.metalabdesign.com/template/images/button-blog-back.png) no-repeat top left;
}

#pagination-links #back-link:active{
	background:url(http://www.metalabdesign.com/template/images/button-blog-back.png) no-repeat bottom left;
}

#pagination-links #next-link{
	width:99px;
	background:url(http://www.metalabdesign.com/template/images/button-blog-next.png) no-repeat top left;
	right:277px;
}

#pagination-links #next-link:active{
	background:url(http://www.metalabdesign.com/template/images/button-blog-next.png) no-repeat bottom left;
}

/***************************************************************************
*************************** BLOG TEXT POSTS ********************************
***************************************************************************/

#posts .post.text h3{
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ebecee;
	text-shadow: 0px 1px 0px #000;
	background: url(http://www.metalabdesign.com/template/images/bg-blog-post-title.png) no-repeat top left;
	padding:7px;
	width:477px;
	padding-left:28px;
	padding-right:10px;
	margin-left:-10px;
	position:relative;
	margin-bottom:9px;
}

#posts .post.text h3 a{
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ebecee;
	text-shadow: 0px 1px 0px #000;
}

#posts .post.text h3 b{
	height:9px;
	width:515px;
	background: url(http://www.metalabdesign.com/template/images/bg-blog-post-title.png) no-repeat bottom left;
	position:absolute;
	bottom:-9px;
	left:0;
}

#posts .post.text .post-body{
	background-color:#e8eaec;
	border-top:1px solid #adb1b6;
	border-bottom:1px solid #adb1b6;
	border-right:1px solid #c3c4c6;
	margin-left:1px;
	padding-top:30px;
	margin-top:-22px;
	line-height:19px;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#2f3236;
	padding-left:17px;
	padding-right:19px;
	padding-bottom:28px;
	text-shadow: 0px 1px 0px #fff;
}

#posts .post.text .post-body p{
	margin-bottom:20px;
}

#posts .post.text .post-body .post-meta{
	border-top:3px solid #c7c9cb;
	padding-top:6px;
	padding-bottom:10px;
}

#posts .post.text .post-body .post-meta .post-author{
	font-weight:bold;
	color:#313338;
}

#posts .post.text .post-body .post-meta  .post-date {
	color:#79797a;
	font-size:12px;
}

#posts .post.text .post-body .post-meta .left{
	float:left;
}

#posts .post.text .post-body .post-meta  .post-comments{
	float:right;
	color:#0f5cb3;
	font-weight:bold;
	text-shadow:none;
	background: url(http://www.metalabdesign.com/template/images/icon-comment.png) no-repeat center left;
	padding-left:18px;
	padding-bottom:2px;
	margin-top:1px;
}

#posts .post.text .post-body img{
	border:1px solid #c7c9cb;
	padding:6px;
	background-color:#fff;
	margin-bottom:20px;
}

/***************************************************************************
*************************** BLOG PHOTO POSTS *******************************
***************************************************************************/

#posts .post.photo{
	margin-bottom:10px;
}

#posts .post.photo .photo-container{
	background: url(http://www.metalabdesign.com/template/images/container-blog-post-photo.png) no-repeat top left;
	width:520px;
	padding:9px;
	margin-left:-32px;
	padding-bottom:0
}

#posts .post.photo img{
	border-bottom:2px solid #fff;
	background-color:#000;
	padding:1px;
}

#posts .post.photo .photo-container-bottom{
	width:538px;
	margin-left:-32px;
	background: url(http://www.metalabdesign.com/template/images/container-blog-post-photo.png) no-repeat bottom left;
	padding-top:6px;
	padding-bottom:14px;
}


#posts .post.photo h3{
	color:#000;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	padding-top:5px;
	padding-bottom:6px;
	border:1px solid #7d7d7d;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	background:#fff url(http://www.metalabdesign.com/template/images/bg-blog-post-image-caption-inner-shadow.png) repeat-x top left;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;

}

#posts .post.photo h3 a{
	color:#000;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-weight:bold;
}

/***************************************************************************
****************************** BLOG QUOTES *********************************
***************************************************************************/

.post.quote .quote-container{
	font-size:23px;
	font-weight:bold;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#fff;
	background-color:#000;
	margin-left:1px;
	margin-right:1px;
	line-height:34px;
	padding:20px;
	text-shadow: 0px 1px 0px #000;
}

.post.quote .quote-container a{
	font-weight:bold;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#fff;
	text-shadow: 0px 1px 0px #000;

}

.post.quote .quote-container p{
	font-weight:bold;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
}

.post.quote .post-meta{
	padding-top:6px;
	margin-bottom:20px;
	padding-left:20px;
	font-size:14px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	background:url(http://www.metalabdesign.com/template/images/blog-quote-tail.png) no-repeat top right;
}

.post.quote .post-meta .post-author{
	font-weight:bold;
	color:#313338;
}

.post.quote .post-meta  .post-date {
	color:#79797a;
	font-size:12px;
		}

.post.quote .post-meta .left{
	float:left;
}

.post.quote .post-meta .quote-author{
	float:right;
	margin-right:75px;
	color:#313338;
	font-size:16px;
	font-weight:bold;
}

.post.quote .post-meta .quote-author a{
	text-decoration:underline;
}

/***************************************************************************
***************************** BLOG COMMENTS ********************************
***************************************************************************/

#comments{
	background-color:#e8eaec;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
		margin-top:-1px;
	margin-left:1px;
}

#comments .comment{

}

#comments .comment-body{
	background-color:#fff;
	padding:20px;
	border:1px solid #a3a4a6;
	line-height:23px;
	color:#21252a;
	font-size: 14px;
	position:relative;
}

.comment-body .comment-tail{
	width:63px;
	height:22px;
	background:url(http://www.metalabdesign.com/template/images/blog-comments-tail.png) no-repeat top right;
	right:0;
	bottom:-22px;
	display:block;
	position:absolute;
}

#comments .comment .comment-meta{
	padding-top:5px;
	padding-bottom:17px;
	overflow:hidden;
}

.comment-date{
	color:#26282c;
	text-shadow: 0px 1px 0px #fff;
	font-size:11px;
	float:left;
	margin-left:20px;
	padding-top:3px;
}

#comments .comment .comment-author{
	color:#313338;
	font-size:16px;
	font-weight:bold;
	text-shadow: 0px 1px 0px #fff;
	float:right;
	margin-right:72px;
}

#comment-form{
	background-color:#434956;
	padding:20px;
	font-size:12px;
	padding-bottom:1px;
}

#comment-form li{
	margin-bottom:12px;
}
#comment-form label{
	color:#bbc0c7;
	text-shadow: 0px 1px 0px #383d47;
	font-weight:bold;
	width:45px;
	float:left;
	padding-top:7px;
}

#comment-form .notify label{
	width: auto;
	float:none;
	padding-top:0;
}

#comment-form textarea{
	width:466px;
	height:115px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#434956;
	font-size:14px;
	padding:5px;
	background: url(http://www.metalabdesign.com/template/images/bg-blog-input.png) no-repeat top left;
	border:1px solid #000;
}

#comment-form input.text{
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;
	color:#434956;
	font-size:14px;
	padding:5px;
	background: url(http://www.metalabdesign.com/template/images/bg-blog-input.png) no-repeat top left;
	border:1px solid #000;
	width:200px;
}

#comment-form #comment-submit-button{
	width:114px;
	height:37px;
	background: url(http://www.metalabdesign.com/template/images/button-post-comment.png) no-repeat top left;
	border:0;
	text-indent:-9999em;
	cursor:pointer;
}

#comment-form #comment-submit-button:active{
	background: url(http://www.metalabdesign.com/template/images/button-post-comment.png) no-repeat bottom left;

}

#apagitu a {
	
	font-size:16px;
	color:white;
}

#judul_side {
	font-size:18px;
}