/*  

Theme Name: Bheartworks Tattoo

Description: Theme created for Bheartworks Tattoo

Author: Aldo [Vincentius] Simanjuntak

*/

body, h1, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: Ms Trechbut,Arial, Sans-serif;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	background: #000000;
	color: #ffffff;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 850px;
	text-align: left;
}

#header{
	background: url(../images/heed.png);
	height: 300px;
	width: 800px;
}

#nav-menu ul{
	list-style: none;
	padding: 240px 0 0 130px;
	margin: 0;
}

#nav-menu li{
	float: left;
	margin: 0 0.15em;
}

#nav-menu li a{
	height: 30px;
	line-height: 20px;
	float: left;
	width: 70px;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding-top:5px;
}

#nav-menu li a:hover{
	height: 30px;
	line-height: 10px;
	float: left;
	width: 81px;
	display: block;
	color: #067392;
	background: url(../images/hover.png);
	text-decoration: none;
	text-align: center;
}

/* Hide from IE5-Mac \*/

#nav-menu li a{
	float: none
}

/* End hide */

#nav-menu{
	width:750px;
}

#holder{
	width: 800px;
	margin: 0;
	background: url(../images/bg.png) repeat-y;
}
	
#content{
	float: left;
	width: 700px;
	margin:0px 25px 0 60px;
	text-align: justify;
}

a.display img{
	margin: 5px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
}

.center{
	text-align:center;
}

.pic{
	float:left;
}

#paging{
	text-align: center;
	padding: 20px;
	font-family: Tahoma; 
	font-size: 8pt; 
}

#footer{
	clear: both;
	float: left;
	width: 800px;
	padding: 0px  0px 0px 0px;
	line-height: 18px;
	background: url(../images/fuut.png) no-repeat ;
	height: 68px;
}

#footers{
	clear: both;
	float: left;
	width: 722px;
	padding: 40px  0px 10px 80px;
	line-height: 18px;
}

#left{
	width:470px;  margin:0px; padding:0px; float:left; display:block;
	}

#left .product {
	height: 100px;
	width: 100px;
	float: left;
	margin: 20px 7px 10px;
	text-align: center;
	}

#left .product a img {
	border: none;
	}
	
#right{
	width:170px;  margin:0px; padding:0 0 30px 10px; float:left; display:block;
	}

#cse-search-box{
	width: 190px; margin:0px;
	}

#center{
	width:700px; margin:0px; padding:10px 10px 0 10px; float:left; display:block;
	}

#center h3{
	padding: 5px 0 20px 0;
	}

.about{
	width:150px; margin:0px; padding:0px; float:left; display:block;
	}	

.tweet{
	width:250px; padding:0 10px 0 10px; float:left; display:block;
	}

.ads{
	width:200px; margin:0px; padding:0px; float:left; display:block;
	}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:200px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:55px; 
		width:100%; 
		position:absolute;
		bottom:0px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}