/*  
Theme Name: Tetris Furniture
Theme URI: http://tetrisfurniture.com/
Description: Template for Tetris Furniture. v.2.0 update design by <a href="http://www.godrinkmabrain.com">Trio Susilo</a>
Version: 2.0
Author: Arief Fajar Nursyamsu
Author URI: http://tetrisfurniture.com/

*/
/*** The Essential Code ***/

body {
	background:url(images/bgungu.png) #f3f1e8 top left repeat-x; 
	/*#551724*/
	color: #000; 
	font: 0.8em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #333; text-align: center;
}

a, a:visited{
color:#551724;
text-decoration: underline;
}

a:hover{
color: #DF0000;
text-decoration: none;
}

#wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 0 px px 0px;
	/*background-color: #FFFFFF;*/
	background:url(images/cwrapper.jpg) #fff top left repeat-x; 
	position: relative;
	/*border-left: 1px dotted #551724;
	border-right: 1px dotted #551724;
	*/



}
#header{
margin:0;
padding: 0 0 0 0px;
height: 100px;
background:url(images/bgatasmenu.jpg) #fff bottom left repeat-x; 
text-align: left;

}
#header h1{
padding: 0 0 0 20px;
font-size: 3em;
/*font-weight:bold;*/
color:#fff;
position: absolute;
display: inline;
}

#header h1 a{
text-decoration: none;
color:#ffffff;
}

#header .description{
	color: #bd3827;
	font-size: 12px;
	padding: 65px 0 0 0;
	margin: 10px;
	float:right;
}

#nav{
height: 30px;
padding: 0 0 0 20px;
position: absolute;
top: 100px;
letter-spacing: 1.5px;
float:left;
}

#nav ul{
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight:bold;
line-height: 30px;
white-space: nowrap;
}

#nav li{
list-style-type: none;
display: inline;
}

#nav li a, #nav li a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

#nav li a:hover {
    color: #f6e1c2;
	text-decoration: underline;
}

#banner{
height: 216px;
margin: 0px 0 0 0;
/* border: #551724 1px solid;*/
background:url(images/tetrisfurniturebanner.jpg) #f3f1e8 left no-repeat;
}

#features{
margin: 0px 5px 0px 0;
padding: 30px 15px 0pc 0pc;
text-align:right;
font-size: 14px;
line-height: 27px;
font-weight:bold;
}
#features a, #features a:visited{
	text-decoration: none;
	color: #582618;
}

#features a:hover {
    color: #9a3420;
	text-decoration: underline;
}
#content{
margin: 20px 0 0 0;
text-align:justify;
height:auto;
}

#content h3{
height:20px;
/*padding-left: 5px;*/
padding:30px 10px 10px;
margin: 25px 5px 5px 5px;
color:#482316;
/*text-decoration:underline;*/
display:inline;
font-size:14px;
}

#content h2{
height:20px;
/*padding-left: 5px;*/
padding:10px 100px 0px 100px;
text-decoration:underline;
display:inline;
font-size:16px;
}
#content img{
border: none;
margin: 0 5px 5px 0;
}

#content .more{
text-align:right;
margin-bottom: 0;
}

#content .entry{
padding: 10px 100px 0 100px;
color:#000000;
font-size:14px;
}

#content .lc, .cc, .rc {
width: 222px;
border-left: 1px solid #e9e5e4;
border-right: 1px solid #e9e5e4;
border-bottom: 1px solid #e9e5e4;
/*border: #000000 1px solid;*/
background: #f4f1e8 url(images/kotaktengahbg.jpg) top repeat-x;
float:left;
padding:15px 10px 10px;
display: inline;
margin: 0px 10px 20px 40px;
}

.lc, .cc, .rc{
margin-left:35px;
}


/*copas dari tutorialbox gak iso hihihi-----------------------

<div class="box">This is a box</div>
.box {
  width:150px;
  height:150px;
  background:#f60;
  }

<div class="box-outer">
  <div class="box">This is a box with a drop shadow!</div>
</div>

In your stylesheet add the following:

.box-outer {
  width:150px;
  height:150px;
  background:#333;
  }

.box {
  position:relative;
  top:-3px;
  left:-3px;
  width:150px;
  height:150px;
  background:#f60;
  }
 
-------------------------------------------------*/



ul{
margin: 0px;
padding: 0px 0px 0px 15px;
}

li{
list-style-type: none;
}
/* Form */
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 540px;
  text-align: left;
  } 
div.spacer {
  clear: both;
  }

div.input{
  border: 1px solid #663300;
}

#footer{
margin: 40px 0 0 0;
padding: 5px 0 5px 0;
/*border: #551724 1px solid;*/
background-color: #EEEAD2;
background:url(images/foot.jpg) #fff bottom left repeat-x; 
font-size: x-small;
clear: both;
}

/* Custom Field Display */
div.customRowHeader{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding: 5px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	color: #666;
	width: 690px;
}
div.customRow {
  width: 690px;
  clear: both;
  padding: 10px 25px 10px 25px;
  
  margin-bottom: 1px;
  padding: 5px;
  background: #F8F8F8;
  border: 1px solid #ccc;
  color: #666;
  text-align: left;
  float: left;  
  }


.customLabel {
	width: 170px;
	text-align: left;
	clear: both;
	float: left;
	display: inline;
}

.customValue {
	width: 540px;
	text-align: left;
	float: left;
	display: inline;
}

.customSeparator {
	width: 10px;
	text-align: left;
	float: left;
	display: inline;
}

hr {
	color: #f00;
	background-color: #f00;
	height: 1px;
	border: 0;
}