/*
Theme Name: Indo
Theme URI: http://davidclapper.info
Description: A theme for the David Clapper Memorial Site.
Version: 1.6
Author URI: http://webtek.cc/
Tags: Indonesia, photo background
*/


/*---------------------------
 David Clapper Memorial Site
 WebTek Computer Company
 Copyright 2008
 ---------------------------*/

/* BODY STRUCTURE 
------------------- */

body {
	margin:0;
	padding:0;
	background:url(images/body_bg.jpg) repeat-x #0c0e0b;}

img, div, a, input, h1, h2 { behavior: url(http://server.webtek.cc/~clapper/iepngfix.htc);}

img {border:0;}

.clear {clear:both;}

/* MASTHEAD STRUCTURE
------------------- */

#masthead {
	background:url(images/nav_bg.gif) repeat-x;
	height:37px;}

/* NAVIGATION STRUCTURE
------------------- */

#navigation {
	width:740px;
	margin:0 auto;
	padding:0;
	color:#b99898;}
	
#navigation ul {
	list-style-type:none;
	margin:0 auto;
	padding:0;}
	
#navigation li {
	float:left;
	display:block;
	padding:0;
	margin:0 auto;
	margin:5px 0 0 0;}
	
#navigation a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#b99898;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 20px 0 20px;}

#navigation a:hover {color:#fff;}
#navigation a.active {color:#fff;}

/* HEADER STRUCTURE
------------------- */

h1 {
	background:url(images/h1_bg.png) no-repeat;
	width:400px;
	height:117px;
	margin:0 auto;
	text-indent:-9999px;}

/* CONTAINER STRUCTURE
------------------- */

#container {
	width:773px;
	height:auto;
	margin:0 auto;
	background:url(images/container_bg.png) repeat-y;}

* html #container {background:url(images/container_bg-ie.png) repeat-y; margin: 0 auto; margin-top:-3px;}	

.top {
	width:773px;
	height:17px;
	background:url(images/top_bg.png) no-repeat;
	margin:0 auto;}

.bottom {
	width:773px;
	height:18px;
	background:url(images/bottom_bg.png) no-repeat;
	margin:0 auto;}
	
h2 {
	background:url(images/h2_bg.png);
	width:734px;
	height:325px;
	margin:0 auto;}

#left {
	float:left;
	width:385px;
	margin:15px 0 0 35px;}

* html #left {display:inline;}
	
#right {
	float:left;
	width:285px;
	margin:15px 0 0 50px;}

* html #right {display:inline; margin:15px 0 0 30px;}	

.bluebox {
	background:url(images/blue-box_bg.jpg) no-repeat;
	width:241px;
	height:173px;
	padding:18px 18px 10px 18px;}
	
#mailform{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4a4a4a;
	font-size:11px;
	margin:3px 0 0 0;}
	
#mailform input {
	border:0;
	background:url(images/input_bg.gif) no-repeat;
	width:174px;
	height:16px;
	color:#4a4a4a;
	padding:7px 5px 7px 5px;}
	
#mailform input.button {
	border:0;
	background:url(images/button_bg.gif) no-repeat;
	width:83px;
	height:29px;
	font-size:10px;
	color:#4a4a4a;
	text-transform:uppercase;
	float:right;}
	
#mailform input.button:hover {cursor:pointer;}

.yellowbox {
	background:url(images/yellow-box_bg.png) no-repeat;
	width:246px;
	height:187px;
	padding:12px 15px 15px 15px;}
	
#mp3player {
	float:right;}
	
strong.home {
	float:left;}
	
/* FOOTER STRUCTURE
------------------- */

.footerclear {
	height:30px;
	clear:both;
}

#footer {
	background:#2b2a25;
	height:42px;
	border-top:1px solid #373836;}
	
/* RECENT COMMENTS
------------------- */

.comment {
	width:410px;
	background:url(images/comments_hr.gif) no-repeat top center;
	margin:0 0 30px 0;}

ul.comment-info {
	float:left;
	width: 140px;
	margin:20px 0 0 0; 
	padding:0;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4a4a4a;}

.comment-text {
	float:left;
	width:240px;
	margin:20px 0 0 10px;}

li.commenter {
	font-weight:bold;
	background:#ffd;
	border-bottom:1px solid #ebe0af;
	border-right:1px solid #ebe0af;
	font-size:12px;
	height:16px;
	margin:10px 10px 0 0;
	display:inline;
	float:left;
	padding:0 3px 0 3px;}

li.commentdate {
	background:#ffd;
	border-bottom:1px solid #ebe0af;
	border-right:1px solid #ebe0af;
	font-size:11px;
	text-transform:uppercase;
	height:15px;
	margin:10px 5px 0 0;
	display:inline;
	float:left;
	padding:0 3px 0 3px;}
	
hr.comment-hr {
	border:0;
	background:url(images/comments_hr.gif) no-repeat;
	width:378px;
	height:2px;}

/* TYPOGRAPHY
------------------- */

h3 {
	margin:0;
	background:url(images/h3_bg.gif) repeat-x;
	height:42px;
	width:383px;
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:16px;
	color:#486473;
	padding:10px;}
	
h3 img {
	float:right;
	margin:-18px 0 0 0;}
	
h4 {
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:16px;
	color:#486473;
	margin:0 0 2px 0;}

p {
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:justify;}

#left p {
	color:#4a4a4a;
	line-height:21px;
	margin:10px 0 0 5px;}
	
.bluebox p{
	color:#4a4a4a;
	font-size:10px;}
	
.yellowbox p{
	color:#4a4a4a;
	font-size:12px;
	line-height:18px;}
	
#left strong {
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#4a4a4a;
}

#footer p {
	text-align:center;
	padding:14px 0 8px 0;
	color:#fbefd5;
	font-size:10px;}
	
#footer span{
	text-align:center;}

/* LINKS
------------------- */

strong a{color:#4a4a4a; text-decoration:none;}
strong a:hover{border-bottom:1px solid #4a4a4a;}

p a {color:#8a1515; text-decoration:none; border-bottom:1px solid #8a1515;}
p a:hover{color:#4a4a4a; border-bottom:1px solid #4a4a4a;}

a#donate {background:url(images/donate_bg.gif) no-repeat; height:35px; width:212px; text-indent:-9999px; display:block; overflow:hidden; margin:10px 0 0 0;}
a#donate:hover {background-position:0px -35px;}

img a{border:0;}

a#acts {display:block; text-indent:-9999px; width:220px; height:100px; float:right; margin:101px 42px 0 0; overflow:hidden;}