/*   
Theme Name: Straw
Theme URI: http://hawkeye.narfum.be/
Description: Straw is an agricultural by-product, the dry stalk of a cereal plant, after the grain or seed has been removed.
Author: Robin Vanspauwen
Author URI: http://hawkeye.narfum.be/
Version: 1.0
.
In many parts of the world, straw is used to bind clay and concrete. This mixture of clay and straw, known as cob, can be used as a building material. There are many recipes for making cob. When baled, straw has excellent insulation characteristics. It can be used, alone or in a post-and-beam construction, to build straw bale houses.
.
*/

/* ======================================================================================================================================= */
/* GENERAL */
/* ======================================================================================================================================= */
*
{
	padding: 0; margin:	0;
	border: none;
}
body
{
	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; color: #330;
	background: url("gfx/background.png") repeat;
}
a
{
	color: #330;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
/* ======================================================================================================================================= */
/* CONTAINER */
/* ======================================================================================================================================= */
#container
{
	width: 897px; margin-left: auto; margin-right: auto;
}
/* ======================================================================================================================================= */
/* HEADER */
/* ======================================================================================================================================= */
#header
{
	height: 288px;
	background: url("gfx/header.png") no-repeat;
}
#header #header-info
{
	position: relative; top: 155px; left: 200px; width: 500px; height: 75px;
}
#header #header-info h1
{
	padding-bottom: 5px;
	font-weight: normal; font-size: 28px;
}
#header #header-info h1 a:hover
{
	text-decoration: none;
}
#header #header-info p
{
	font-size: 17px; color: #693;
}	
#header #header-menu
{
	position: relative; top: -25px; left: 230px; width: 400px; height: 37px;
}
#header #header-menu ul
{
	list-style: none;
}
#header #header-menu ul li
{
	float: left;
}
#header #header-menu ul li h2
{
	padding-left: 10px; padding-right: 10px;
	font-weight: normal; font-size: 14px; color: #fff; line-height: 37px;
	cursor: pointer;
}
#header #header-menu ul li h2 a
{
	color: #fff;
}
#header #header-menu ul li h2 a:hover
{
	text-decoration: none;
}
#header #header-menu ul li:hover h2
{
	background-color: #000;
}
#header #header-menu ul li ul
{
	position: absolute; z-index: 500; width: 150px;	display: none;
	background-color: #000;
	/* for IE */
	filter: alpha(opacity=60);
	/* CSS3 standard */
	opacity: 0.6;
}
#header #header-menu ul li:hover ul
{
	display: block;
}
#header #header-menu ul li ul li:hover
{
	background-color: #693;
}
#header #header-menu ul li ul li a
{
	width: 145px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
	font-size: 12px; color: #fff;
	display: block;
}
#header #header-menu ul li ul li a:hover
{
	text-decoration: none;
}
#header #header-search
{
	position: relative; top: -65px; left: 650px; width: 220px; height: 40px;
}
#header #header-search #searchinput
{
	position: relative; top: 10px; left: 7px; width: 120px; height: 20px;
	font-size: 13px;
	background: transparent;
}
#header #header-search #searchsubmit
{
	position: relative; top: 10px; left: 15px; width: 75px; height: 20px;
	cursor: pointer;
	background-color: transparent;
}
/* ======================================================================================================================================= */
/* MAIN */
/* ======================================================================================================================================= */
#main
{
	padding-top: 5px; padding-right: 10px; padding-left: 10px;
	background: url("gfx/container.png") repeat-y;
}
/* ======================================================================================================================================= */
/* CONTENT */
/* ======================================================================================================================================= */
#content
{
	width: 570px; padding-right: 10px; padding-left: 10px;  float: left;
}
#content .post
{
	margin-bottom: 30px;
}
#content .post .post-date
{
	width: 59px; height: 59px; margin-right: 20px; margin-bottom: 10px; float: left;
	font-weight: bold; font-size: 10px; text-align: center; text-transform: lowercase;
	background: url("gfx/date.png") no-repeat;
}
#content .post  .post-date ul
{
	padding-top: 12px;
	list-style-type: none;
}
#content .post .post-title
{
	float: left;
}
#content .post .post-title h2
{
	padding-bottom: 5px; padding-top: 10px;
	font-weight: bold; font-size: 22px; color: #693;
}
#content .post .post-title h2 a
{
	color: #693;
}
#content .post .post-title p
{
	font-weight: bold; font-size: 12px;
}
#content .post .post-entry
{
	padding-left: 10px;
	font-size: 12px;
}
#content .post .post-entry p
{
	padding-bottom: 5px;
}
#content .post .post-entry ul
{
	padding-top: 10px; padding-bottom: 10px; padding-left: 5px;
	list-style-type: none;
}
#content .post .post-entry ul li
{
	padding-left: 15px;
	background: url("gfx/button.png") left center no-repeat;
}
#content .post .post-entry ol
{
	padding-top: 10px; padding-bottom: 10px; padding-left: 20px;
}
#content .post .post-entry blockquote
{
	margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding-left: 10px;
	border-left: 5px solid #ccc;
}
#content .post .post-entry a
{
	font-weight: bold;
}
#content .post .post-entry img
{
	max-width: 550px;
}
#content .post .post-info
{
	margin-top: 5px; margin-left: 10px; padding-left: 30px;
	font-weight: bold; font-size: 12px; color: #360; line-height: 22px;
	background: url("gfx/comments.png") no-repeat;
}
#content .post .post-info a
{
	color: #360;
}
#content .post .post-comments
{
	padding-top: 10px; padding-left: 10px;
	font-size: 12px; color: #693;
}
#content .post .post-comments h3
{
	font-weight: bold; font-size: 14px;
}
#content .post .post-comments ul
{
	margin-top: 10px; margin-left: 20px;
	list-style-type: none;
}
#content .post .post-comments ul li
{
	padding-bottom: 5px; padding-left: 20px; margin-bottom: 5px;
	border: 1px dotted #999; background: url("gfx/button.png") 5px 5px no-repeat;
}
#content .post .post-comments ul li.alt
{
	background-color: #ccc;
}
#content .post .post-comments ul li a
{
	color: #693;
}
#content .post .post-comments ul li cite
{
	color: #360;
}
#content .post .post-comments ul li cite a
{
	color: #360;
}
#content .post .post-comments form
{
	margin-top: 10px; margin-left: 20px; padding-bottom: 5px;
	border: 1px dotted #999; background-color: #ccc;
}
#content .post .post-comments form ul
{
	margin-left: 0px;
}
#content .post .post-comments form ul li
{
	border: none;
}
#content .post .post-comments form label
{
	width: 75px; float: left;
}
#content .post .post-comments form input
{
	width: 200px; float: left;
	border: 1px dashed #ccc;
}
#content .post .post-comments form textarea
{
	float: left;
	border: 1px dashed #ccc;
}
#content .post .post-comments form p
{
	padding-left: 95px;
}
#content .post .post-comments form p input
{
	float: none;
	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; color: #360;
	border: 1px dashed #360;
}
#content .navigation
{
	font-weight: bold; font-size: 12px; 
}
#content .navigation a
{
	width: 145px;
	color: #fff; line-height: 36px; text-align: center;
	background: url("gfx/navigation.png") no-repeat;
	display: block;
}
#content .navigation .navigation-previous
{
	float: left;
}
#content .navigation .navigation-next
{
	float: right;
}
/* ======================================================================================================================================= */
/* SIDEBAR */
/* ======================================================================================================================================= */
#sidebar
{
	width: 276px; float: right;
}
#sidebar .sidebar-box
{
	padding-bottom: 10px;
}
#sidebar h3
{
	padding-left: 15px;
	font-weight: bold; font-size: 12px; color: #fff; line-height: 28px;
	background: url("gfx/sidebar.png") no-repeat;
}
#sidebar p
{
	border-top: 1px solid #693; border-bottom: 1px solid #693; border-left: 1px solid #693; background-color: #000;
}
#sidebar table
{
	width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;
	font-size: 12px; color: #fff; text-align: center;
	border-bottom: 1px solid #693; border-left: 1px solid #693; background-color: #000;
}
#sidebar table caption
{
	padding-top: 5px; padding-bottom: 5px;
	border-top: 1px solid #693; border-left: 1px solid #693; background-color: #000;
}
#sidebar table a
{
	color: #693;
}
#sidebar ul
{
	padding-top: 10px; padding-bottom: 5px; padding-left: 15px;
	border-top: 1px solid #693; border-bottom: 1px solid #693; border-left: 1px solid #693; background-color: #000;
	list-style-type: none;
}
#sidebar ul li
{
	padding-bottom: 5px; padding-left: 15px;
	font-weight: bold; font-size: 12px; color: #fff;
	background: url("gfx/button.png") left center no-repeat;
}
#sidebar ul li a
{
	color: #fff;
}
/* ======================================================================================================================================= */
/* FOOTER */
/* ======================================================================================================================================= */
#footer
{
	height: 38px;
	background: url("gfx/footer.png") no-repeat;
}
#footer p
{
	padding-top: 5px;
	font-weight: bold; font-size: 12px; color: #fff; text-align: center;
}
#footer a
{
	color: #fff;
}
#footer a:hover
{
	text-decoration: none;
}