/*
Theme Name: thecages
Theme URI: http://www.zzzbot.com/thecages
Description: based on Skeleton by J Wynia j@wynia.org
Version: 1.0
Author: Werner Pyke
*/

/* ---- Basic ---- */
body {
	/* font-size: 62.5%; Resets 1em to 10px */
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	background: #ffffff;
	color: #333;
	text-align: left;

	margin-top: 5px;
	padding: 0px; 
}

h1 {
	font-size: 2em;
	text-align: left;
}

h2 {
	font-size: 1.2em;
	text-align: left;
}

h3 {
	font-size: 1.1em;
	text-align: left;
}

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

a:active {
	color: #ff0000;
}

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

a:visited {
	color:#B4445C;
	text-decoration: none;
}

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

blockquote {
	color:	#666666;
	font-size: 	1em;
}

span.quote {
	color:	#666666;
	font-size: 	1em;
	font-style: italic;
}

pre {
	color:#666666;
}

code {
	color:#666666;
}

/* ---- Header ---- */
@media screen {	
	div.header {
		background-image: url('http://www.individuated.org/archives/www.zzzbot.com/images/thecages/header_thecages.png');
		background-repeat: no-repeat;
		background-position: bottom right;

		height: 180px;
	
		font-size: 0.5em;
		text-align: left;
		padding-left: 20px;
	
		border-top: 1px solid #D3EAF2;
		border-bottom: 2px solid #D3EAF2;

		color: #999999;
		/* color: #98D343; */
	}
}

@media print {
	div.header {
		display: none;
	}
}

#header h1 {
	color: #0066FF;
	/* color: #16A3C2; */
	font: normal 600% Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;
}

#header h1 a {
	color: #0066FF;
	text-decoration: none;
}

#header h1 a:active {
	color: #0066FF;
	text-decoration: none;
}

#header h1 a:hover {
	color: #0066FF;
	text-decoration: none;
}

#header h1 a:visited {
	color: #0066FF;
	text-decoration: none;
}

#header h1 a:visited:hover {
	color: #0066FF;
	text-decoration: none;
}

/* ---- Sidebar ---- */
@media screen {
	div.sidebar {
		float:right;
	
		width: 18%;
		border: none;
	
		padding-top: 20px;
		padding-left: 5px;
	
		background-color: #ffffff;
		text-align: left;
	}
}

@media print {
	div.sidebar {
		display: none;
	}
}

.sidebar ul {
	padding: 0;	
  margin:0pt 0pt 18px 1.5em;
}

.sidebar, .sidebar a, .entry-date, .entry-meta, .entry-meta a {
	color: #666;
}

div.sidebar .title {
	text-align: left;
	margin: 0px;
	color: #FFC069;
	font: normal 240% Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif;
	text-transform: lowercase;
}

div.sidebar h3 {
  font-size:1.2em;
}

div.sidebar input#s {
  width:7em;
}

div.sidebar ul li  {
  list-style-image:none;
  list-style-type:none;
}

div.sidebar ul li ul li {
  list-style-image:none;
  list-style-type:none;
}

div.sidebar li form {
  margin:0.2em 0 0;
  padding:0;
}

div.sidebar ul ul {
  margin:0 0 0 1em;
}

div.sidebar ul ul ul {
  margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
  list-style:circle;
}

/*
#sidebar h2 {
	text-align: left;
	margin: 0px;
	color: #FFC069;
	font: normal 240% Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif;
	text-transform: lowercase;
}

#sidebar ul{
	margin: 0px 0px 33px 0px;
	padding: 0px;
	list-style-type: none;
}
			
#sidebar li{
	list-style-type:none;
}

#sidebar li a:link {
	color:#999999;
}

#sidebar li a:visited {
	color:#999999;
}

#sidebar li a:active {
	color:#ff0000;
}

#sidebar li a:hover {
	color:#E37C93;
	text-decoration:none;
}
*/

/* --- Excerpts --- */

img.pluzz {
	border: none;
	margin: none;
}

div.excerpt{
	border-bottom:		1px dotted #006633; 
	
	/* margin-bottom:		10px; */
	padding:			2px;

	color:			#000000;
	background-color: 	#ffffff; 
	layer-background-color: #ffffff;

	z-index: 			10;
	position: 			absolute;
	visibility: 		hidden;
}

div.excerpt span.subtitle {
	/* font-size: 0.9em; */
	color:#999999;
	/* padding-left: 50px; */
}

/* ---- Content ---- */
div.content {
	padding-top: 0px;	
	background-color: #FFFFFF;
	
	border-top: 1px solid #D3EAF2;
	border-bottom: 2px solid #D3EAF2;
	width: 80%;
	
	float: left;
}

/* ---- Content Meta Area ---- */
#content_meta {
	background-color: #ffffff;
	text-align: 	left;
	margin-bottom: 	10px;
}

#content_meta h3 {
	margin: 	0px;
	color: 	#FFC069;
	font: 	normal 120% Helvetica Neue Black Condensed, Arial Black, Arial, Sans-Serif;
	text-transform: lowercase;
}

#content_meta table {
	width: 100%;
}

#content_meta table tr td {
	font-size: 0.9em;
	padding-left: 10px;
	width: 30%
}

#content_meta table tr td a:link {
	color:#999999;
}

#content_meta table tr td a:visited {
	color:#999999;
}

#content_meta table tr td a:active {
	color:#ff0000;
}

#content_meta table tr td a:hover {
	color:#E37C93;
	text-decoration:none;
}


/* ---- Footer ---- */
div.footer {
	padding-top: 5px;
	padding-bottom: 10px;	
	width: 80%;
	float: left;
	background-color: #ffffff;

	font-size: 1em;
	text-align: left;
	
	color: #222222;
}

/* ---- Post ---- */
div.post {
	padding-top: 10px;
	padding-left: 10px;
	
	border-bottom: 1px solid #16A3C2;

	background-color: #ffffff;
	text-align: left;
}


a.post {
	color:#000000;
	text-decoration: none;
}

a.post:active {
	color: #ff0000;
}

a.post:hover {
	color: #E37C93;
	text-decoration: underline;
}

a.post:visited {
	color:#000000;
	text-decoration: none;
}

a.post:visited:hover {
	color: #E37C93;
	text-decoration: underline;
}

img.post {
	margin: 0px auto 10px; 
	display: block; 
	text-align: center;

	border: 5px double #777777;
}

/* ---- Category Post ---- */
div.category_post {
	padding-top: 10px;
	padding-left: 10px;
	
	border: none;

	background-color: #ffffff;
	text-align: left;
}

/* ---- images ---- */

img.float {
	margin: 0px auto 10px; 
	display: block; 
	text-align: center;

	border: none;
}

img.float_left {
	margin: 0px auto 10px;
	text-align: left;

	border: none;
}

tr.images {
	vertical-align: top;
}

td.images_left {
	text-align: right;
}

td.images_right {
	text-align: left;
}

p.caption {
	text-align: center;
	font-size: 0.9em;
}

/* ---- citations and footnotes ---- */

a.cite {
	font-size: 		0.9em;
	color: 		#888888;
	vertical-align: 	super;
}

a.cite:hover {
	font-size: 		0.9em;
	color: 		#888888;
	vertical-align: 	super;
	text-decoration: underline;
}

span.cite {
	font-size: 0.8em;
	vertical-align: super;
}

cite {
	margin-top: 	20px;
	border-top:		1px solid #98BE10;
	color: 		#777777;
	font-size: 		0.9em;
	text-align: 	left;
}

p.footnote {
	margin-top: 20px;
	border-top:	1px solid #D3EAF2;
	text-align: left;
	font-size: 0.9em;
}

div.footnote { 
	cursor:			pointer;
	border: 			1px dotted #006633;
	
	padding-left: 		20px;
	padding-right: 		5px;
	padding-top: 		5px;
	padding-bottom: 		5px;
	 
	z-index: 			10;
	position: 			absolute; 
	visibility: 		hidden; 

	color:			#000000;
	background-color: 	#eeeeee; 
	layer-background-color: #eeeeee;
}

/* ---- notes and disclaimers ---- */

div.note {
	width: 90%;
	padding: 5px;
	margin-top: 10px;	
	background-color: #D3EAF2;
	border-bottom: 1px solid #16A3C2;
	text-align: left;
}

div.disclaimer {
	width: 90%;	
	padding: 5px;
	background-color: #F8EABA;
	border: 1px solid #16A3C2;
	text-align: left;
}

/* ---- comments ---- */

div.comments {
	padding: 5px;	
	background-color: #FFFFFF;
	
	border-bottom: 1px solid #16A3C2;
	width: 100%;
	
	text-align: left;
}

div.comments ul {
	padding-left: 0px;
	list-style-type: none;
}

li.comment_ev {
	padding-top: 5px;
	border-bottom: 1px solid #FFC069;
}

li.comment_odd {
	padding-top: 5px;
	border-bottom: 1px solid #FFC069;
}

div.comments li img.avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

p.comment_author {
	text-decoration: italic; 
}

/* ---- deprecated ---- */

a.footnote {
	font-size: 		1em;
	color: 		#777777;
	text-decoration: 	none;
}

a.footnote:hover {
	font-size: 		1em;
	color: 		#777777;
	text-decoration: 	none;
}