/*
Theme Name: Robot theme
Theme URI: http://www.helephant.com/
Description: The blue and white robot theme for helephant.com
Version: 1.6
Author: Helen Emerson
Tags: blue, robot
*/

/***********************************************************/
/* default tag styles */

body {
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 14px;
	background: url(images/background_m.jpg) repeat-x;
	margin: 0;
	overflow-x: hidden;
}

a  { color:#036DB4; }
a:hover { color: #EC8F03; }

h1, h2, h3 { 
	color: #036DB4; 
	margin: 20px 0px 5px;
}
h1 { font-size: 1.5em; margin-top: 0px; }
h2 { font-size: 1.3em; margin-top: 25px; }
h3 { font-size: 1.1em; margin-top: 10px; }
h2 + p, h3 + p { margin-top: 0px; }
h3 a { text-decoration: none;}

img { border: 0px; }

pre
{
	background:#EEEEEE;
	border:1px dotted #666666;
	font-family:"Courier New",monospace;
	padding:10px;
}

small 
{ 
	font-size: 0.85em; 
	color: #9E9E9E; 
}
small a { color: #9E9E9E; }

ol
{
	margin: 0px;
	padding-left: 20px;
}
li { margin: 7px 0px; }

/***********************************************************/
/* shared classes */

ul.unindented
{
	padding: 0px; 
	margin: 0px; 
}
ul.unindented li { list-style: none; }
ul.unindented ul
{
	padding-left: 20px;
	margin: 0px;
}

.icon,
.comment,
a.feed,
.feed a
{ 
	padding-left: 18px;	
	background-repeat: no-repeat;
	background-position: left center;
}
a.comment { background-image: url(images/comment.gif); }
a.feed, p.feed a  { background-image: url(images/feed.png); }

.introduction {
	background-color:#E8EAEC;
	border:1px dotted #C4C4C4;
	padding:5px;
	overflow: auto;
}

div.geshi { color: black; padding: 7px 0px; margin-bottom: 0px; font-size: 0.9em; }

/***********************************************************/
/* homepage */

#recent h2 { background-image: url(images/clock.png); }
#favourite h2 { background-image: url(images/rainbow.png); }

/***********************************************************/
/* articles */

.post
{
	float: left;
	width: 620px;
	overflow: hidden;
	margin: 0px;
}

.post img
{
	margin: 5px 0px;
	display: inline-block;
	border:1px solid #C4C4C4;
}

#meta
{
	width: 140px;
	float: left;
	
	font-size:0.85em;
	color: #9E9E9E; 
	margin-right: 20px;
}
#meta a { color: #777777; }

.series
{
	width: 150px;
	float: right;
	padding: 0px; 
	margin: 0 0 20px 10px;
}
ul.series li { list-style: none; }

.amazon {
	clear: both;
	float: left;
	margin-right: 14px;
}

#respond {
	margin-top: 21px;
	clear: both;
}

/***********************************************************/
/* header */

#header {
	height: 101px;
	width: 960px;	
	margin: 0 auto 20px;
}
#header img { margin: 53px 0 0 9px; }
#header h1 { display: none; }

/***********************************************************/
/* page */

#page
{
	width: 960px;
	margin: 0 auto;
}

/***********************************************************/
/* content */

#content
{
	float: left;
	padding: 0px 20px;
	width: 780px;
}

/***********************************************************/
/* sidebar */

#sidebar
{
	float: left;
	width: 140px;
	font-size: 0.85em;
	color: #777777;
}
#sidebar a { color: #777777; }
#sidebar input[type=text]  { width: 130px; }
#sidebar .box
{
	margin: 0px 0px 25px;
	padding: 0px;
}

/***********************************************************/
/* footer */

#footer
{
	clear: both;
	float: left;
	width: 100%;
	padding: 10px;
	background: url(images/background_m.jpg) repeat-x;
	border-top: 1px #054B7B solid;
	color: white;
	margin: 50px auto 0;
}
#footer a  { color: white; }

/***********************************************************/
/* general styles */

.column
{
	width: 380px;
	float: left;
	margin-right: 20px;
}
.column + .column { margin-right: 0px; }

/***********************************************************/
/* print stylesheet */

@media print {
	.box ,
	.navigation ,
	#footer,
	#respond,
	#commentform,
	#meta,
	#header
	{ 
		display: none; 
	} 
	#page { width: auto; }
	#content
	{
		margin: 0px;
		padding: 0px;
		width: auto;
	}
	#post { width: auto; }
	a { color: #666666; }
	.icon { padding-left: 0px; }
}