/**
 * Colours:
 * - Red: b00000
 * - Blue: 000074
 * - Used red: 990000
 */

body, h1, h2, h3, h4, h5, h6, ul.thread, li.comment, ul#breadcrumbs, div#content ul.newslist, table, form, 
    div.newsinfo p, p#slogan, ul#breadcrumbs li, ul.newslist, li.news, ul.error_list, 
    ul.error_list li {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}

body {
	color: black;
	background-color: white;
	background-repeat: repeat-both;
}

body, input, textarea, label, td {
	font-size: 8.5pt;
	font-family: georgia, palatino, bookman, times, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: palatino linotype, book antiqua, palatino, georgia, times, serif;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 10px;
	font-variant: small-caps;
	
	color: #b00000;
	
	border: 1px solid black;
	border-width: 1px 0px;
	padding-bottom: 1px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;	
	font-variant: small-caps;
	margin: 3px 3px 2px;
}

p, div.body, div.content li {
	line-height: 1.3em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: justify;
}

a {
	color: #b00000;
	text-decoration: none;	
}

a:visited {
  color: #770000; 
}

a:hover {
	color: #c00;
	text-decoration: underline;
}

h1 a:hover {
	text-decoration: none;
}

a img {
	border-width: 0px;	
}

blockquote {
	padding-left: 47px;
	padding-right: 5px;
	background-image: url('images/quotes.gif');
	background-repeat: no-repeat;
	border-right: 1px solid #b00000;
	min-height: 35px;
	margin-left: 20px;
	margin-right: 10px;
}

/* Generic styles */
.clear {
	clear: both; 
}

div.codeblock {
	width: 440px;
	overflow: auto;
	border-left: 1px solid #eee;
	padding-left: 10px;
}

/* Block styling */
div#header {
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
}

div#container {
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

div#menu {
	background-repeat: repeat-both;
}

div#content {
	background-repeat: repeat-both;
}

/* Header stuff */
div#header h1 {
	height: 80px;
	width: 304px;
	
	position: absolute;
  left: 50%;
  margin-left: -400px;
	
	display: block;
	background-image: url('images/logo.gif');
	background-position: center top;
	background-repeat: no-repeat;
}

div#header h1 a {
	font-size: 0px;
	text-align: -9999px;
	height: 80px;
	width: 305px;
	display: block;
	margin: 0px auto;
	color: white;
}

div#header p#slogan {
	font-style: italic;
	position: absolute;
	right: 8px;
	top: 25px;	
}

div#header ul#breadcrumbs {
	display: block;
	list-style: none;
	position: absolute;
	right: 5px;
	top: 40px;
}

div#header ul#breadcrumbs li {
	float: left;
	margin-right: 3px;
}

div#header ul#breadcrumbs li:after {
	content: " |";
}

div#header ul#breadcrumbs li:last-child:after {
	content: "";	
}

/* Menu stuff */
div#menu hr {
  height: 0px;
  width: 100px;
  margin: 0px auto;
  text-align: center;
  border-top: 1px solid #999;
  color: #999;
}

div#menu > div {
  margin-left: 10px;
}

div#menu h3 {
	margin: 0px 0px 5px 10px;	
}

div#menu ul, div#menu p {
	margin-left: 15px;	
}

div#searchform, div#recentlyfound, div#loginform, div#skins, div#lastfm, 
div#archives, div#navigation, div#user, div#eventfinder, div#twitter {
  margin-bottom: 2em;
  margin-top: 1em;
}

div#lastfm ul, div#skins ul, div#archives ul, div#shoutbox ul, div#navigation ul, 
div#recentlyfound ul, div#eventfinder ul, div#twitter ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div#archives ul {
	margin-bottom: 15px;
}

div#searchform form {
  text-align: center;
}

div#searchform input#searchinput {
  width: 210px;
}

div#navigation li, div#lastfm li, div#recentlyfound li {
  margin-top: 0.3em;
  margin-bottom: 0.5em;	
}

div#user p {
	margin: 0px;
	margin-top: 0.3em;
	padding: 0px;
	text-align: justify;
}

div#lastfm li div.trackinfo, div#eventfinder li div.eventinfo, div#twitter li div.tweetinfo {
  font-size: 0.9em;
  display: inline;  
  color: #333;
}

div#lastfm li div.trackinfo a, div#eventfinder li div.eventinfo a, div#twitter li div.tweetinfo a {
  color: #333;
}

div#eventfinder li div.event a, div#eventfinder li div.event a:hover,
div#eventfinder h3 a, div#eventfinder h3 a:hover {
  color: black;
  text-decoration: none;
}

div#archives li {
  margin-top: 0.3em;	
}

div#shoutbox li {
	margin: 0.3em 2em 0.5em 0em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #eee;
	text-align: justify;
}

div#shoutbox ul > li:nth-child(odd) {
  color: #800000;	
}

div#shoutbox form {
	margin-top: 5px;
	margin-left: 20px;	
}

/* Notice stuff */
ul#notices {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -70px;
	border: 1px solid #ddd;
}

ul#notices li {
  margin: 5px 0px;
  padding: 2px 7px;	
}

/* News stuff */
li.news {
    list-style: none;
	border-bottom: 1px solid #999;
	margin-bottom: 2em;
	padding-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 1em;
}

li.news:last-child {
	margin-bottom: 0px;	
}

li.news h3 {
	margin-left: 10px;
	margin-bottom: 2px;
}

div.newsinfo {
	margin-top: 2px;
	text-align: center;
}

div.newsinfo p {
	display: inline;
	margin-right: 20px;
	font-size: 0.9em;
}

div.newssummarylist {
  margin-top: 30px;	
}

li.newssummary {
  border-bottom: none;
  margin: 10px 3px;
  padding: 0px;
}

li.newssummary h3 {
  margin-right: 100px;
}

li.newssummary div.newsinfo {
  float: right;
  margin-top: -1em;	
}

li.newssummary div.newsinfo p {
  width: 50px;
  display: block;
  float: left;
}

/* Comments and threading */
ul.thread, li.comment {
	display: block;	
}

ul.thread {
	list-style: none;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
}

li.comment {
	padding-top: 10px;
	border-bottom: solid 1px black;
	margin-bottom: -0px;
}

div.commentinfo {
	border-top: solid 1px #ccc;
	margin-top: 1px;
}

div.commentinfo p {
	display: inline;
	margin-right: 20px;
	font-size: 0.9em;
}

div#comment-form {
	margin-top: 15px;
}

/* Works stuff */
div.work {
  border-bottom: 1px solid #eee;
  margin-bottom: 2em;
  padding-bottom: 2px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1em;
}

div.work h3 {
	 margin-left: 10px;
	 margin-bottom: 2px;
}

div.work ul.files {
}

div.workinfo {
  margin-top: 2px;
  text-align: center;
}

div.workinfo p {
  display: inline;
  margin-right: 20px;
  font-size: 0.9em;
}

/* Form stuff */
fieldset {
  margin: 2px;	
}

form > fieldset {
  border: none;
  margin: 0px auto;
}

form fieldset input, form fieldset button, form fieldset textarea, form fieldset select, form fieldset .mceEditor {
  float: right;
  margin-bottom: 3px;
}

body.mceContentBody {
  padding: 0px 4px;	
}

form fieldset label {
	float: left;
	padding-top: 3px;
	margin-bottom: 2px;
}

form fieldset .form-row {
  clear: both;
}

form fieldset ul.error_list {
  clear: both; 
	display: block;
	color: #B00000;
	overflow: auto;
	text-align: right;
	list-style: disc;
	padding-left: 5px;
}

form fieldset ul.error_list li {
  margin-left: 10px;	
  padding: 3px 2px;
}

input.openid {
  background-image: url('images/openid.gif');
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-attachment: scroll;
  padding-left: 18px;
}

form > * {
  vertical-align: middle;
}

.copy-row-button {
  margin-left: 3px;	
  height: 19px;
}

/* General content stuff */
ul {
  margin: 5px 0px 5px 25px;
  padding: 0px;
}

ul li {
  margin: 2px;
  padding: 1px;	
}


/* Footer stuff */
div#footer ul {
	display: block;
	list-style: none;
	margin-bottom: 5px;
}

div#footer li {
	display: inline;
	margin-left: 10px;
}

div#footer, div#footer a {
	color: #666;
}