/*

Theme Name: the blog

Theme URI: http://www.jdk.id.au/theblog

Description: This theme is home built by jeremy de Korte

Version: 1.0

Author: Jeremy de Korte

Author URI: http://www.jdk.id.au

*/



.grid {

	display: table;

	margin: 10px auto;

	width: 800px;

}



.tablewrapper {

	position: relative;

}



.table {

	display: table;

	border-collapse: collapse;

}



/* start of header code */



.row {

	display: table-row;

}



.image {

	display: table-cell;

	width: 800px;

	height: 270px;

	vertical-align: top;

}



.header {

	display: table-cell;

	width: 800px;

	vertical-align: top;

}



.header h1 {

	color: #000;

	font: 18px/20px Georgia, "Book Antiqua", Serif;

	text-align: left;

	margin-top: 3px;

	margin-bottom: 3px;

}



.header p {

	color: #1920b8;

	font: normal small-caps 14px/16px Georgia, "Book Antiqua", Serif;

	text-align: justify;

}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/dd_valid_2.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {

	font-family: "Century Gothic", Helvetica, Geneva;

	width: 800px;

	height: 30px;

	position: relative;

	font-size: 11px;

	background: #fff;

	position: relative;

	z-index: 100;

}



.menu ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.menu ul li {

	float: left;

	width: 100px;

}



.menu ul li a, .menu ul li a:visited {

	display: block;

	width: 100px;

	text-decoration: none;

	padding: 0 0 0 5px;

	height: 30px;

	line-height: 30px;

	color: #000;

	background: #fffeff none no-repeat right;

}



.menu table {

	border-collapse: collapse;

	margin: 0;

	padding: 0;

	font-size: 1em;

}



.menu ul li ul {

	visibility: hidden;

	position: absolute;

	top: 30px;

	left: 0;

}



.menu ul li:hover a,

.menu ul li a:hover {

	color: #b81414;

	background: rgba(234,234,234,0.8);

	text-decoration: none;

}



.menu ul li:hover ul,

.menu ul li a:hover ul {

	visibility: visible;

	width: 800px;

	background: rgba(234,234,234,0.8);

	color: #b81414;

}



.menu ul li:hover ul.right_side li,

.menu ul li a:hover ul.right_side li {

	float: right;

}



.menu ul li:hover ul.left_side li,

.menu ul li a:hover ul.left_side li {

	float: left;

}



.menu ul li:hover ul li ul,

.menu ul li a:hover ul li a ul {

	visibility: hidden;

	position: absolute;

	left: 0;

	top: 30px;

}



.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {

	display: block;

	background: rgba(234,234,234,0.8);

	color: #b81414;

}



.menu ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover {

	background: rgba(234,234,234,0.8);

	color: #b81414;

}



.menu ul li:hover ul li:hover ul,

.menu ul li a:hover ul li a:hover ul {

	visibility: visible;

	color: #b81414;

	background: #fff;

}



.menu ul li:hover ul.right li {

	float: right;

}



.menu ul li:hover ul li:hover ul li a,

.menu ul li a:hover ul li a:hover ul li a {

	background: rgba(234,234,234,0.8);

	color: #b81414;

}



.menu ul li:hover ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover ul li a:hover {

	background: #fff;

	color: #b81414;

}



/* End of Menu code */



/* end of header code */



/* content & sidebar code */



.content {

	display: table;

	width: 800px;

	border-top: 1px solid #191919;

	margin-top: 3px;

	margin-bottom: 3px;

	padding: 10px 5px;

}



.content h2.center {

	color: #000;

	font: 16px/18px Verdana, Arial, Helvetica;

}



/* main content structure */



.content_main {

	width: 580px;

	vertical-align: top;

	text-align: left;

	display: table-cell;

}



/* end main content structure */



/* extra structure */



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



hr {

	display: block;

}



/* end extra structure */



/* main content styling */



.content_main h1 {

	color: #000;

	font: 18px/20px Georgia, "Book Antiqua", Serif;

	margin-top: 3px;

	margin-bottom: 3px;

}



.content_main h2, .content_main h2.center, .content_main h2.pagetitle {

	color: #000;

	font: 16px/18px Verdana, Arial, Helvetica;

	margin-top: 3px;

	margin-bottom: 3px;

}



.content_main h3 {

	color: #000;

	font: 14px/16px Verdana, Arial, Helvetica;

	margin-top: 3px;

	margin-bottom: 3px;

}



.content_main h4 {

	color: #191919;

	font: bold 11px/13px Verdana, Arial, Helvetica;

}



.content_main p, .content_main p.postmetadata {

	color: #000;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}







.content_main ul {

	list-style-type: square;

	font-family: Georgia, "Book Antiqua", Serif;

}



.content_main li {

	color: #000;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

	list-style-position: inside;

}



.content_main small {

	color: #333;

	font: small/13px Georgia, "Book Antiqua", Serif;

}



.content_main a {

	color: #292929;

	text-decoration: underline;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.content_main a:hover {

	color: #b81414;

	text-decoration: underline;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



/* end main content styling */



/* sidebar structure */



.sidebar {

	width: 200px;

	vertical-align: top;

	text-align: left;

	float: right;

	display: table-cell;

}



/* end sidebar structure */



/* sidebar styling */



.sidebar h2.sidebartitle {

	color: #000;

	font: 16px/18px Verdana, Arial, Helvetica;

	margin-top: 3px;

	margin-bottom: 3px;

}



.sidebar p {

	color: #000;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.sidebar a {

	color: #292929;

	text-decoration: underline;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.sidebar a:hover {

	color: #b81414;

	text-decoration: underline;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.sidebar ul {

	list-style-type: square;

	font-family: Georgia, "Book Antiqua", Serif;

}



.sidebar li {

	color: #000;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

	list-style-position: inside;

}



/* end sidebar styling */



/* footer code */



.footer {

	clear: both;

	display: table-cell;

	width: 800px;

	margin-top: 3px;

	margin-bottom: 3px;

	vertical-align: top;

	border-bottom: 1px solid #191919;

	border-top: 1px solid #191919;

}



.footer p {

	color: #333;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.footer a {

	color: #666;

	text-decoration: none;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



.footer a:hover {

	color: #b81414;

	text-decoration: none;

	font: 12px/14px Georgia, "Book Antiqua", Serif;

}



/* end footer code */