/* 'editorial' style by jozeph [at] lurps.co.uk */
/* there is a bug that isn't displaying the story titles quite right in IE :( */

body {background-color: #fff;}
#rap {
	margin: 10px 0px 0px 10px;
	padding: 10px;
	background-color: #c1836e;
	border: 1px solid black;
	}
#header {
	position: relative;
	top: -11px;
	left: -11px;
	margin: 0px;
	padding: 0.5em;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	background-color: #fff;
	width: 9em;
	font: bold 2em "Courier New", Courier, mono;
	}
#header a {
	text-decoration: none;
	}
	
/* content */

#content {
	margin: -2.5em 11em 0px 0px;
	font-family: "Courier New", Courier, mono;
	}
#content p, #content h2 {
	position: relative;
	z-index: 2;
	}
#content h2 {
	position: relative;
	top: 100px;
	left: 0.5em;
	font: bold 1.2em "Courier New", Courier, mono;
	}
#content a:hover {
	color: #666;
	}
.post {
	background: #fff url(cont_bg.jpg) repeat left top;
	}
.storytitle {
	background: #fff url(top_rip.jpg) repeat-x left top;
	height: 109px;
	padding: 0px 0.5em;
	}
.storytitle a {
	position: relative;
	top: 70px;
	left: 5em;
	width: 10em; /* IE seems to totally ignore this width statement - any ideas why? */
	font: bold 1.5em "Courier New", Courier, mono;
	text-decoration: none;
	}
.meta {
	margin: -1.5em 0px -0.5em 0px;
	padding: 0px 0.5em;
	font: normal 0.7em "Courier New", Courier, mono;
	text-align: right;
	}
.meta li, .meta ul {
	margin: 0px;
	display: inline;
	text-align: right;
	}
.storycontent {
	padding: 0px 0.5em;
	line-height: 1.3em;
	}
.feedback {
	background: #fff url(bot_rip.jpg) repeat-x left top;
	height: 34px;
	padding: 0px 0.5em;
	}

/* menu */

#menu {
	position: absolute;
	top: 110px;
	right: 10px;
	width: 5em;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(bg_dot.png) repeat left top;
	}
#menu li {
	list-style-type: none;	
	}
#menu ul {
	margin: 1em;
	}
#menu a {
	text-decoration: none;
	}
#menu a:hover {
	color: #666;
	}
#archives, #meta, #style {
	white-space: nowrap;
	}
#wp-calendar caption, #wp-calendar td a {
	background-color: #cf9;
	border: 1px solid black;
	}
#wp-calendar tfoot td a {
	background-color: transparent;
	border: none;
	}
#wp-calendar #today {
	background-color: #f96;
	border: 1px solid black;
	}

/* comments section */
/* grrr... everything else is in div's - why not this bit? - I swear the world is out to get me today */

h2#comments { /* this is the h2 for the comments */
	position: relative;
	top: 0px;
	left: 0px;
	}
#commentlist {
	position: relative;
	top: -9em;
	left: -45px;
	padding: 9em 0.5em 0.5em 4em ;
	background-color: #ede;
	border: 1px solid black;
	}
#commentlist cite {
	font: normal 0.7em "Courier New", Courier, mono;
	}
#commentform {
	position: relative;
	top: -7em;
	left: -5px;
	padding: 7em 0.5em 0.5em 4em ;
	background-color: #ede;
	border: 1px solid black;
	}