/*
Theme Name: Realnet 2010
Theme URI: http://blog.realnet.co.uk
Description: The blog of Realnet Ltd, Cambridge web design company
Version: 0.5
Author: Jon Tolton
Author URI: http://www.realnet.co.uk
Tags: black, white, green, dark, two-columns, fixed-width, left-sidebar
*/

@charset "utf-8";
/* Reset styles v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;	font-family: Arial, Helvetica, sans-serif;}
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
sup { vertical-align: text-top; font-size: 70%; }
sub { vertical-align: text-bottom; font-size: 70%;}

.clear {clear: both;}

.fl {float:left;}
.fr {float:right;}

h1, h2, h3, h4, h5, h6, p, li {line-height: 1.2em;}

code {font-family: "Courier New", Courier, monospace;}

body {
	background-color: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	z-index: 0;
}

:focus {
	outline: 0;
}

.container
{
	width: 1000px;
	margin: 0px auto;
}

/* head */
#head-outer
{	height: 125px;	}

#head
{	
	overflow: hidden;
	height: 123px;
}

#logo
{
	width: 156px;
	height: 101px;
	float: left;
	margin: 0px 94px 0px 48px;
}

	#logo a
	{
		height: 0px;
		padding: 101px 0px 0px;
		display: block;
		height: 0px;
		overflow: hidden;
	}
	
#nav
{
	width: 702px;
	padding: 0px 0px 33px 0px;
	float: right;
	height: 40px;
}	

	#nav ul
	{
		width: 630px;
		height: 40px;
	}
	
		#nav li
		{
			float: left;
			width: 105px;
			text-align: center;
		}
			
			#nav li a
			{
				display: block;
				font-size: .8em;
				font-weight: bold;
				text-decoration: none;
				padding: 10px 0px 0px;
				height: 30px;
			}
			
			#nav li a:hover, #nav li a.selected
			{	text-decoration: underline;	}


#head-lower /* added to fix IE7 and its inability to complete the simplest task */
{	clear: right;	}

#slogan
{
	float: left;
	width: 227px;
	height: 0px;
	padding: 23px 0px 0px;
	overflow: hidden;
}

#head
{	border-bottom: 2px solid #000;	}
#logo, #logo a
{	background: url(images/core/dark/logo.png) no-repeat 0px 9px;	}
#slogan
{	background: url(images/core/dark/slogan.png) no-repeat 0px 0px;	}
#nav ul
{	background: url(images/core/dark/nav-bg.png) repeat-x 0px 0px;	}
#nav li a
{	color: #FFF; background: url(images/core/dark/nav-li.png) no-repeat right 0px;	}
#nav li#n-end a
{	background-image: none;	}

#content
{	
	overflow: hidden;
	padding: 14px 0px 30px;
}

#posts {
	width: 702px;
	float: right;
	padding: 15px 0px;
	border-top: 2px solid #111;
}



.date {
	font-size: 12px;
	color: #FFF;
	line-height: 1.5em;
}

.post {
	padding: 0px 0px 25px;
	margin: 0px 0px 25px;
	border-bottom: 2px solid #111;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 20px 0 0 0;
}

.entry p {
	margin: 0 0 20px 0;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}
.post ul, .post ol
{	padding: 10px 0px;
	margin: 0px 0px 0px 20px;	}

.post ul li
{
	font-size: .8em;
	padding: 0px 0px 5px 13px;
	color: #999;	
	background: url(images/core/dark/bullet.png) no-repeat 3px 6px;
}

.post ol li
{
	font-size: .8em;
	padding: 0px 0px 5px 0px;
	color: #999;	
	list-style:decimal;
}

.post p
{
	font-size: 12px;
}

.post a, .navigation a {
	color: #093;
	text-decoration: none;
}

.post a .read-more
{
	display: block;
}

.post a:hover, .navigation a:hover {
	color: #999;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 11px;
	line-height: 1.5em;
}

.post .commentbubble a {
	float: left;
	background: url(images/commentbubble.gif) no-repeat 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
	padding-top: 5px;
	color: #999;
}

.post .commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif) no-repeat 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
	color: #093;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
	color: #FFF;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	border: 1px solid #7F9DB9;
	padding: 1px 3px;
	color: #666;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

#commentform p
{
	padding: 0px 0px 10px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.post .commentlist li {
	background: #111;
	padding: 20px 20px 0 20px;
	border: 1px solid #666;
	margin: 0 200px 20px 0;
	list-style: none;
}

.post .commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar
{
	width: 260px;
	float: left;
	text-align: left;
}	

	.sidebar h2
	{
		padding: 0px 0px 5px 60px;
		margin: 0px 0px 20px;
		font-size: 21px;
	}
	
	.sidebar h3
	{
		padding: 4px 0px 4px 60px;
		margin: 0px;
		font-size: 18px;
		font-weight: normal;
		color: #666;
		background: #111 url(images/core/dark/rss.png) no-repeat 195px 2px;
	}
	
	.sidebar ul
	{	padding: 0px 0px 20px 48px;	}
		
		.sidebar ul li
		{	padding: 0px 0px 0px 12px;	}
		
			.sidebar ul li a
			{
				font-size: .8em;
				text-decoration: none;
				display: block;
				padding: 1px 0px;
				letter-spacing: normal;
			}
			
				.sidebar ul li ul
				{	padding: 0px 0px 0px 10px;	}

.sidebar h2
{
	color: #093;
	background-color: #111;
}

.sidebar ul li a
{	color: #CCC;	}

.sidebar ul li a:hover, .sidebar ul li.selected a
{	color: #093;	}

.sidebar ul li.active a
{	color: #FFF;	}
.sidebar ul li.active
{	background: #000 url(images/core/dark/active-link.png) no-repeat 0px 7px;	}

.sidebar ul li.selected ul li a
{	color: #999; font-size: .75em;	}
.sidebar ul li.selected ul li a:hover, .sidebar ul li.selected ul li.selected a
{	color: #093;	}

.sidebar p
{
	font-size: .75em;
	color: #CCC;
	padding: 0px 0px 20px 60px;
}

	.sidebar p a
	{	color: #093; text-decoration: none;	}
	
	.sidebar p a:hover
	{	color: #FFF;	}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}

.addthis_container
{
	margin: 0px 0px 12px;
}

/* footer  */
#footer 
{
	text-align: center;
	margin: 20px 0px;
	height: 238px;
}	

	#footer h2
	{
		height: 0px;
		padding: 33px 0px 0px;
		overflow: hidden;
	}
	
	#footer h3
	{
		width: 583px;
		margin: 15px auto;
		height: 28px;
	}
	
		#footer h3 a
		{
			width: 180px;
			float: right;
			height: 0px;
			padding: 28px 0px 0px;
			overflow: hidden;
		}
		
		#footer h3 a:hover
		{	background-position: right -28px;	}
	
	#footer address 
	{
		font-size: .75em;
		font-style: normal;
		padding: 15px 0px;
		line-height: 1.4em;
	}
	
		#footer address a
		{	text-decoration: none;	}
		
	#footer p
	{	font-size: .7em;	}
	
		#footer p a
		{	text-decoration: none;	}
		
		#footer p a:hover
		{	text-decoration: underline;	}

#footer h2
{	background: url(images/core/dark/footer-slogan.png) no-repeat 0px 0px;	}

#footer h3, #footer h3 a
{	background: url(images/core/dark/footer-actions.png) no-repeat right 0px;	}

#footer address, #footer address a
{	color:#999;	}

#footer address a:hover
{	color: #FFF;	}
	
#footer p, #footer p a
{	color: #999;	}
/* end footer */