/**
 * Reader stylesheet
 * @author Alex Bool (lostace.com)
 */

/************************************************************* regular HTML elements */
html {
	height: 100%;
	margin: 0; 
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 14px/1.5 Arial, Helvetica, sans;
	background: #FFFFFF;
	color: #666;
}

a, a:link, a:visited{
	text-decoration: none;
	color: #CCC;
	font-weight: bold;
}
a:hover, a:active{
	text-decoration: none;
	color: #F60;
}


h1{
	color: #AAA;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-size: 230%;
	line-height: .9em;
	margin: 0;
}

h2{
	color: #999;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	font-size: 140%;
	line-height: 1em;
	margin: 0em 0 0em;
}

img { border:0 }



/************************************************************* containers */


#droptarget {
	padding: 0;
	margin: -20px 0 0;
}

#sandbox {
	display: none;
}

._content{
	background: white;
	padding: 0 25px;
	margin: 0;
}


._hint{
	margin: 40px 0;
	background: #EEE;
} 
._hint ._content{ margin: 0 80px 0 80px; padding: 0px 20px 0; }

._page-title{
	float:left;
}

._page-number{
	font-size: 10px;
	float: right;
}

._page-info{
	float:right;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}




._item{
	margin-bottom: 20px;
	background: #eee;
} 
._item ._content{ margin: 0 0 0 80px; }

.item-title a, .item-title a:link, .item-title a:visited{
	text-decoration: none;
	color: #AAA;
}
.item-title a:hover, .item-title a:active{
	text-decoration: none;
	color: #000;
}

.item-info{
	padding-bottom: 10px;
	font-size: 10px;
	text-transform: uppercase;
}
.item-body{
}





/************************************************************* ZEBRA */

.a a, .a a:link, .a a:visited{
	color: #666;
	/*background: #999;*/
}
.r a, .r a:link, .r a:visited{
	color: #E30;
}
.g a, .g a:link, .g a:visited{
	color: #0A0;
}
.b a, .b a:link, .b a:visited{
	color: #06C;
}

.a{
	/*background: #000;*/
}
.r{
	background: #E30;
}
.g{
	background: #0A0;
}
.b{
	background: #06C;
}