/*
Theme Name: Pencil
Theme URI: http://voukah.aquanica.net/
Description: Simple. Like usual.
Version: 2.0
Author: Franky Liu
Author URI: http://www.aquanica.net/
*/

*
	{
		margin: 0;
	}

html, body
	{
		height: 100%;
	}

body
	{
		background-attachment: fixed;
		background-image: url('ele/images/wallpaper.png');
		background-repeat: repeat;
		color: #846542;
		font-family: Georgia, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 0;
		text-align: justify;
	}

img
	{
		margin-right: 3px;
		margin-bottom: 3px;
		border: 0;
	}

p
	{
		margin-top: 0;
		line-height: 190%;
	}

a
	{
		color: #9D784D;
	}

a:hover
	{
		text-decoration: none;
	}

h1
	{
		background-image: url('ele/images/voukah.png');
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0 0;
		width: 500px;
		height: 105px;
		padding: 0;
		margin: 0 auto;
		display: block;
	}

h1 a
	{
		display: block;
		width: 500px;
		height: 105px;
		text-decoration: none;
		border: 0;
	}
	
h1 span
	{
		display: none;
	}

h2
	{
		background-image: url('ele/images/content_top.png');
		background-repeat: no-repeat;
		background-position: 100% 100%;
		background-attachment: scroll;
		height: 60px;
		padding-top: 0;
		padding-bottom: 10px;
		padding-right: 70px;
		margin: 0;
		text-align: center;
		font-size: 12px;
		color: #D8BF9E;
	}
	
h3
	{
		margin-top: -29px;
		margin-bottom: 0;
		padding-top: 0;
		padding-left: 10px;
		padding-bottom: 9px;
		font-size: 17px;
		white-space: nowrap;

	}

h3 a
	{
		text-decoration: none;
	}

div#container
	{
		margin: 20px auto;
		width: 80%;
		display: block;
		clear: both;
		min-height: 100%;
	}
	
div#navigation
	{
		margin-bottom: 20px;
		float: left;
		display: inline;
		width: 200px;
		color: #887A5C;
		white-space: nowrap;
	}

div#navigation li, div#navigation ol
	{
		padding: 0;
		line-height: 100%;
		margin: 0;
		text-indent: 0;
	}

div#navigation li.categories, div#navigation li#archives, div#navigation li.pagenav, div#navigation li#back
	{
		background-image: url('ele/images/nav_top.png');
		background-repeat: no-repeat;
		background-position: 100% 0;
		background-attachment: scroll;
		font-size: 20px;
		padding-top: 22px;
		padding-left: 0;
		text-indent: 10px;
		list-style: none;
	}
	
div#navigation li.categories ul, div#navigation li#archives ol, div#navigation li.pagenav ul, div#navigation li#back ol
	{
		padding-left: 0;
		padding-bottom: 37px;
		padding-top: 1px;
		margin-bottom: 15px;
		background-image: url('ele/images/nav_bottom.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		margin: 0;
	}
	
div#navigation li.categories li, div#navigation li#archives li, div#navigation li.pagenav li, div#navigation li#back li
	{
		font-size: 11px;
		background-image: url('ele/images/nav_rep.png');
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 100% 0;
		padding: 0;
		display: block;
		margin: 0;
		text-indent: 40px;
		list-style: none;
	}

div#navigation a
	{
		color: #9E8D6B;
		display: block;
		width: 155px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
		text-decoration: none;
	}

div#navigation a:hover
	{
		color: #DECAA5;
		background-color: #9E8D6B;
		background-image: url('ele/images/nav_hover.png');
		text-decoration: underline;
	}
			
div#content
	{
		width: 75%;
		margin-left: 200px;
	}
	
div#content div
	{
		display: block;
	}
	
div#content div p
	{
		padding-right: 62px;
		padding-left: 20px;
		background-image: url('ele/images/content_rep.png');
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 100% 0;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 12px;
		display: block;
	}

div#content ul, div#content ol
	{
		padding-right: 62px;
		background-image: url('ele/images/content_rep.png');
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 100% 0;
		margin: 0;
	}
	
div.post ol li
	{
		margin-left: 0px;
	}

div#content div.end
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
div#content div.conc
	{
		background-image: url('ele/images/content_bottom.png');
		background-repeat: no-repeat;
		background-position: bottom right;
		background-attachment: scroll;
		height: 60px;
		padding: 0;
		display: inline;
		float: right;
		width: 50%;
		text-align: right;
		font-size: 10px;
	}

div#content div.conc a
	{
		padding-right: 53px;
		text-decoration: none;
	}

div#content div.comments
	{
		background-image: url('ele/images/content_bottom.png');
		background-repeat: no-repeat;
		background-position: bottom left;
		background-attachment: scroll;
		height: 60px;
		padding: 0;
		margin-right: 50%;
	}
		
div#content div.comments a
	{
		padding-left: 8px;
		background: none;
		padding-top: 0;
		margin: 0;
	}

div#commentary
	{
		color: #4C3A25;
		width: 80%;
		margin: 0 auto;
	}

div#commentary a
	{
		color: #4C3A25
	}

div#commentary ol
	{
		background: none;
		margin: 0;
		padding: 0;
	}

div#commentary li
	{
		list-style: none;
		background-image: url('ele/images/wallpaper1.png');
		background-attachment: fixed;
		margin: 0 0 20px 0;
		border-top: 2px #9E8D6B outset;
		border-bottom: 2px #9E8D6B outset;
		padding: 10px 30px 20px 30px;
	}

div#commentary h3
	{
		background-image: url('ele/images/content_rep.png');
		background-position: 50% 50%;
		background-attachment: fixed;
		background-repeat: repeat-y;
		margin-top: 20px;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
	}

div#commentary input, div#commentary textarea
	{
		background-image: url('ele/images/content_rep.png');
		background-attachment: fixed;
		background-position: 50% 50%;
		background-repeat: repeat-y;
		border: 1px outset #9E8D6B;
		font-family: Georgia, sans-serif;
		font-size: x-small;
		color: #4C3A25;
		line-height: 150%;
		text-align: justify;
	}

div#commentary form, div.navigation
	{
		background-image: url('ele/images/wallpaper1.png');
		background-attachment: fixed;
		margin-bottom: 20px;
		border-top: 2px #9E8D6B outset;
		border-bottom: 2px #9E8D6B outset;
		padding: 20px;
	}

div.navigation { width: 80%; margin: 0 auto; }

div#commentary li p, div#commentary form p
	{
		background-image: none;
		padding: 0;
	}

div#end
	{
		background-color: #000000;
		color: #D8BF9E;
		height: 20px;
		text-align: center;
		clear: both;
		margin: 0;
		padding: 0;
	}

div#end p
	{
		margin: 0;
		padding: 0;
	}
	
.alignright, .floatright
	{
		float: right;
	}

.alignleft, .floatleft 
	{
		float: left;
	}

.centre
	{
		text-align: center;
		margin: 0 auto;
	}