/*
Nama		: KamarKecil Studio versi 1.0
Tanggal		: 22 Maret 2010
Designer	: Arif Riyanto
Website		: http://kamarkecil.com
Blog		: http://blog.kamarkecil.com
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
  margin:0;
  padding:0;
}

#cu3er-container{width:900px; height:360px; }

ul{
  list-style:none;
}
fieldset{
  border:0;
}
a,a:link,a:visited,a:hover{
  color:#00f;
  text-decoration:none;
}
a:focus,a:hover{
  text-decoration:underline;
}
a img{
  border:0;
}

.clear{
  clear:both;
}
body{
  position:relative;
  background:#000 url() center top no-repeat;
  font-family:"helvetica", Gadget, sans-serif;
  line-height: 25px;
}

#header{
  width: 932px;
  height: 125px;
  padding: 37px 0px 0px 28px;
  margin: 0px 0px 40px 0px;
  background:  url(../images/versi.png) center right no-repeat;
}

#logo{
  display: block;
  width: 300px;
  height: 80px;
  float: left;
  margin: 0px 0px 25px 0px;
  background: url(../images/logokamarkecil.png) no-repeat;
  text-indent: -99999px;
}

#navigation{
	background-color:;
  width: 900px;
  height: 31px;
  padding: 9px 30px 0px 2px;
  clear: both;
}

#navigation ul{
  float: left;
}

#navigation ul li{
  float: left;
  font-size: 18px;
  color: #a8a5a4;
  margin: 0px 24px 0px 0px;
}

#navigation ul li a{
  font-size: 18px;
  color: #a8a5a4;
}

#social{
  float: right;
}

#social ul li{
  float: left;
  font-size: 18px;
  color: #a8a5a4;
  margin: 0px 5px 0px 0px;
}

#social ul li a{
  font-size: 18px;
  color: #7488ef;
}

.hello{
  width: 928px;
  height: 400px;
  clear: both;
  color: #a8a5a4;
  padding: 13px 0px 0px 30px;
  margin: 0px 0px 24px 0px;
  border: 0px solid #1f1f1d;
  background: #fff;
}

.hello p{
  color: #a8a5a4;
  font-size: 24px;
  font-style: bold;
}

.hello p a{
  color: #dddc67;
}

#head_portfolio{
  width: 928px;
  height: 50px;
  clear: both;
  color: #a8a5a4;
  padding: 13px 0px 0px 30px;
  margin: 0px 0px 24px 0px;
  border: 1px solid #1f1f1d;
  background: #0f0f0e;
}

#head_portfolio p{
  color: #a8a5a4;
  font-size: 18px;
  font-style: italic;
}

#head_portfolio p a{
  color: #dddc67;
}

#head_tentang{
  width: 928px;
  height: 50px;
  clear: both;
  color: #a8a5a4;
  padding: 13px 0px 0px 30px;
  margin: 0px 0px 24px 0px;
  border: 1px solid #1f1f1d;
  background: #0f0f0e;
}

#head_tentang p{
  color: #a8a5a4;
  font-size: 18px;
  font-style: italic;
}

#head_tentang p a{
  color: #dddc67;
}


#teasers{
  width: 960px;
  height: 300px;
  margin: 0px 0px 35px 0px;
}

#teasers h2{
	color: #666;
	font-size: 18px;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
}

#teasers p{
  font-size: 14px;
  color: #666;
  line-height: 25px;
}

.teaser_container{
  width: 280px;
  height: 195px;
  float: left;
  padding: 0px 0px 0px 29px;
  font-family:helvetica,  sans-serif;
  color:#333;
}

#portfolio{
  width: 958px;
  height: 508px;
  margin: 0px 0px 40px 0px;
  border: 0px solid #21211f;
  background: url();
}

#portfolio_container{
  width: 958px;
  height: 508px;
  padding: 28px 0px 0px 0px;
}

#portfolio_container ul li{
  display: inline;
  float: left;
  width: 280px;
  height: 160px;
  margin: 0px 0px 28px 28px;
  border: 1px solid #21211f;
}

#portfolio_container ul li img{
  float: left;
}


#content{
  float: left;
  width: 932px;
  clear: both;
  padding: 0px 0px 36px 28px;
}

#text{
  width: 583px;
  float: left;
  padding: 0px 34px 0px 0px;
}

#text p{
  font-size: 14px;
  color: #333;
  margin: 0px 0px 24px 0px;
}

#my_skills{
  width: 250px;
  float: left;
}

#my_skills h2{
	font-size: 14px;
	color: #333;
	margin: 0px 0px 24px 0px;
}

#my_skills ul li{
  width: 250px;
  float: left;
  font-size: 14px;
  margin: 0px 0px 2px 0px;
  color: #a8a5a4;
}

#my_skills ul li span{
  float: left;
}

#my_skills ul li img{
  float: right;
}
#sidebar_kanan{
  width: 250px;
  float: left;
}

#sidebar_kanan h2{
	font-size: 14px;
	color: #333;
	margin: 0px 0px 24px 0px;
}



#hire_me{
  width: 928px;
  height: 600px;
  clear: both;
  color: #a8a5a4;
  padding: 13px 0px 0px 30px;
  margin: 0px 0px 24px 0px;
  border: 1px solid #1f1f1d;
  background: #0f0f0e;
}

#hire_me p{
  color: #a8a5a4;
  font-size: 18px;
  font-style: italic;
}

#hire_me p a{
	color: #FFF;
}

#backtotop{
	display:scroll;
	position: fixed;
	bottom:20px;
	right:20px
}

#footer{
  width: 100%;
  height: 66px;
  clear: both;
  margin: 33px 0px 0px 0px;
  border-top: 1px solid #1f1f1d;
  background: #0f0f0e;
}

#footer_container{
  width: 940px;
  margin: 0 auto;
  padding: 24px 0px 0px 29px;
}

#footer_container p{
  color: #999;
  font-size: 10px;
}



.replace{
  position:relative;
  margin:0;
  padding:0;
  /* \*/
  overflow:hidden;
  /* */
}
.replace span{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.skiplink{
  display:none;
}
#wrapper{
	background:#fff;
  width: 960px;
  margin:0 auto;
}