body {
background: #373737;
color:#d5d5d5;
font:100% 'lucida grande','lucida sans unicode',Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
width: 750px;
margin:0 auto;
padding:0;
}

label { margin-left:5px; }

a {
color:#2393d9;
font-weight:700;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p {
margin:0 0 18px 0px;
}

ul,ol,dl {
font-size:1em;
margin:2px 0 16px 0px;
}

ul ul,ol ol {
margin:4px 0 4px 10px;
}

.posts { padding:0;}

li { padding:0 4px; list-style: square; list-style-position: inside;}

ul.posts li span { float:right; font-family:monofur, monaco, courier; color:#888; }
ul.posts li a { font-weight:200;}

div#post ul li { list-style: circle; }

blockquote {
border-left:8px solid #0383c9;
background: #474747;
font-size:1.0em;
margin:20px 10px;
padding:10px;
padding-left:20px;
}
blockquote span {
	display: block; 
	float: right;
	padding-right:20px;
}

pre { 
font-family: Monaco, Courier;
padding: 5px;
clear:both;
border-left:4px solid #0383c9;
color:#bbb;
}

code {
font-family: Monaco, Courier;
color:#bbb;
}

.scoot { margin:5px 5px 5px 0px; }

.terminal
{
background: #222021;
color: #ddd;
}

.im
{
font-size:0.95em;
line-height: 1.4em;
width: 650px;
font-family: 'lucida grande','lucida sans','lucida sans unicode',helvetica,tahoma;
padding: 5px;
background-color:#FFB604;
color:#222;
border: solid 1px #fff;
}

h1 {
color:#0383c9;
font-size:3.0em;
letter-spacing:-3px;
margin:0 0 30px 0px;
padding:50px 0 50px 0;;
line-height: 1.1em;
}

h1 a {
color:#0383c9;
text-transform:none;
}

h1 a:hover { color:#fba919 ;}

#logo {
	margin: -115px 0px -30px -50px;
	float:right;
	background: url('/images/james_belfast_head_crop.jpg');
	height: 106px; width:83px;
}

.publish_date {
	margin-top:-8px;
	margin-bottom:0px;
	text-align:right;
	font-size:0.8em;
	width:490px;
	color: #23af4c;

}


.green { color: #23af4c; }
.blue { color: #0383c9; }
.orange { color: #fba919; }


a.green:hover { border: solid 2px #23af4c; padding:1px; text-decoration:none;  }
a.blue:hover { border: solid 2px #0383c9; padding:1px; text-decoration:none; }
a.orange:hover { color:#fba919;  padding:1px; border: solid 2px #fba919; text-decoration:none; }
.slogan a { padding:3px; line-height: 2.5em; }

.commentslink { margin-bottom: 35px;display:block;border-bottom:solid 1px #dadada;padding-bottom:25px; }
/*
pink #f5a2c6
light-green #23af4c
dark-green #2f8b49 
light-orange #fba919
dark-orange #e39c1f

*/

h2 {
border-bottom:1px solid #a5a5a5;
color:#0383c9;
font-size:2.0em;
font-weight:100;
letter-spacing:-1px;
margin:10px 0 20px 0;
padding:20px 0px 5px 0px;
}

.post_title {
font-size:1.8em;
font-weight:normal;
padding-bottom: 6px;
}

h3 {
border-bottom:1px solid #e5e5e5;
color:#0383c9;
font-size:1.4em;
font-weight: 100;
margin:10px 0 8px;
padding:1px 2px 2px 3px;
}

h4 {
color: #0383c9;
}
/*** Main wrap and header ***/

#wrap {
color:#f4f4f4;
margin:10px auto;
padding:0;
}

#header {
margin:0;

}

#toplinks {
font-size:0.9em;
padding:5px 2px 2px 3px;
text-align:right;
}

#toplinks a {
color:gray;
}

div#related {
margin:10em 0 0 0;
}

div.slogan {
color:gray;
font-size:1.5em;
font-weight:700;
letter-spacing:-1px;
line-height:1.2em;
margin:-15px 0 60px 0px;
}
div.slogan div { display:inline;}

/*** Main content ***/

#content {
float:left;
line-height:1.5em;
margin:0;
padding:0;
text-align:left;
}

#contentalt {
float:left;
line-height:1.5em;
margin-right:20px;
padding:0;
text-align:left;
}

#content h3,#contentalt h3 {
margin:10px 0 8px;
}

/*** Footer ***/

#footer {
border-top:4px solid #dadada;
clear:both;
color:gray;
font-size:0.9em;
line-height:1.6em;
margin:0 auto;
padding:8px 0;
text-align:right;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#808080;
}

/*** Various classes ***/

.box {
background:#4088b8;
border:1px solid #c8c8c8;
color:#fff;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
}

.box a {
color:#f0f0f0;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

.readmore {
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.clear {
clear:both;
}

.fade {
color:#c5c5c5;
}

.gray {
color:gray;
}

.photo {
background:#fff;
border:1px solid #bababa;
margin:6px 18px 2px 5px;
padding:2px;
}