*{margin:0; padding:0;}

body {
	background:#000; 
	color: #ffffff; 
	font-family: sans-serif; 
	font-size: 90%; 
	line-height:1.6em;
	}

a {
	color: #9BBC56; 
	text-decoration:none;
	}

a:hover {
	color: #CEEF89;
	}

a:active {
	color: #9AAB34;
	}

p {
	margin:0 0 30px 0;
	}

h1 {
	color:#8AAB45;
	text-transform:none;
	font-size: 2em;
	}

h2 {
	color:#8AAB45;
	font-size:1.8em;
	letter-spacing:-1px;
	margin: 0 0 20px;
line-height: 1.5;
}

h3 {
	font-size:1.2em;
	letter-spacing:-1px;
	margin: 0 0 20px;
	color: #BDCD78;
	}

.navbar {
	padding: 10px 10px 20px 10px;
	background: inherit;
	position: fixed; 
	top: 0; 
	width: 100%;
	}

.main {
	padding: 100px 15% 10px 15%;
	} 

.clear {clear:both;}

hr {
        height: 1px;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-color: #466701;
        color: #466701;
        padding: 0 0 1px 0;
        }

i {
	font-weight: 600
	}

em {
	font-weight: 600
	}

ul {
	list-style: circle;
	padding: 0 0 0 50px;
	}

img {
	max-width: 500px;
	height: auto;
	}

a img {
	border:solid;
	}

a:focus {
	-moz-outline-style: none;
	}

*|*:-moz-any-link:focus {
	outline-width: 0 !important;
	}

dt {
	font-weight: bold;
	}

dd {
	margin: 0 0 0 25px ;
	}

span {
	color:#689A23;
	}

span.date {
	color:#999;
	font-weight: 700;
	margin: 0;
	}

div.post {
	padding-left: 20%; 
	padding-right: 20%;
	}

#container {
	display: table;
	width: 100%;
	}

#row  {
	display: table-row;
	}

#left, #right, #middle {
	display: table-cell;
	width: 25% 50% 25%;
	padding: 0 35px 0 15px;
	}

#logo {
	display: table-cell;
	width: 50% 50%;
	padding: 0 5px 0 5px;
	}


#box {
	display: table;
	width: 100%;
	}

#col  {
	display: table-row;
	}

#bio {
	display: table-cell;
	width: 50%;
	padding: 0 25px 0 0;
	}

#diary {
	display: table-cell;
	width: 50%;
	padding: 0 0 0 25px;
	}