/* 	
===========================================================================
     _           _       _   _ _      _           _                        
    | | ___  ___| |__   | \ | (_) ___| |__   ___ | |___                    
 _  | |/ _ \/ __| '_ \  |  \| | |/ __| '_ \ / _ \| / __|                   
| |_| | (_) \__ \ | | | | |\  | | (__| | | | (_) | \__ \                   
 \___/ \___/|___/_| |_| |_| \_|_|\___|_| |_|\___/|_|___/  [DESIGN]         
___________________________________________________________________________
Now with extra mark-up!

Read it Later Restyled - v2.0
Design and CSS by Josh Nichols, http://www.joshnichols.com 
--------------------------------------------------------------------------- 
*/

/* Version */
#abs_footer:after { 
	content:"*RIL Restyled update available*"; 
	color: #666; 
	font-family: "Lucida Grande"; 
	padding:3px 25px 0 0; 
	float:right; 
	}
/* Background image */
body { 
	font-family: Arial, Helvetica, sans-serif!important;   
	font-size: 80%; 
	line-height: 1.4; 
	background:#353535 url(data:image/gif;base64,R0lGODlhBQANAtUAAEVFRTk5OUZGRktLSzc3N0dHRzg4OFRUVEJCQk9PT01NTT4+PklJSTw8PFNTUzU1NVVVVTQ0NDo6OlBQUFJSUkBAQERERFFRUT8/P0xMTDY2NkpKSjs7O0hISENDQz09PUFBQU5OTgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAFAA0CAAb/QIhweIAcisMk0YhMFo9QqHEZlT6r2CzUceBiud5vN7wdO87obhnNVrPf8DjFMYdT7nc7fc7n7+l7foB1eIWGh4gUF4qLhosXjXiPkoyKlY+TkJOWjZqempyfohcTpKWfpROnmqmspqSvqa2qrbCntLi0trmzvLwJEwnAuMDDwcHFyMfCy8zDycjC0tLN09bCIQkh2dbZ293a0t7e2uTf4+Th3Nvs7ebu7/Dy8goh9dv1Cvn2+/r2/Pv+3ROor2A/g/7yIVzIsGAGBQ/1PcwwEWJFihAtVswYkaLHjxdBhhRJkuSADCcpnhywEmVLlihdtoyZkibLmy9xwlyps6fP/5sbBgRlGXRDUaFHjQpFenTpUKdGoyaVqrQo1atYozLYsNXoVgZdpX79yhUsV69n0YJda3YsW7Jv48pl24FBXbB1O+S1u1evXb57/94VrLdwX8N+8yJezLhwgQ6P9T4uENnw5MmQKUOWvJkz5c+aL4PGPLq0adACCqSmnFrAatSqW8eWrbo269muXdfOzXs379/AgQMQMNz1cADFeR8/Thw5cePPoSOf7nw5debXs2unbgFAd+TdLXzn7j18efPe04M/L158+vbw38OfT5++Bwv3xd/3kB/+/v348YeffgMSyN+BAv6HIIALJhhggwgi4IGEEC4oIQIXTojhhPxl2P+hhhiGaGGIGZJo4okogoCAiiiaqCIIL64I44oYxlijjDDmSGOOPO7I44wv/ihkBSAQKeSQRRKpZAVKHllkkk0OySSTT05pZZVWZskkBhVwqaWWXGIQZpdefrklmWOCKaaYXaK55phvxinnnHIugMECduZpJ51i6pnnnHgGeuedgQrqZ6GIfrCAoog2uuiiikbKqKN4Shqpox9kmumjmnbKaaeghioqqA180ECpqJY6aqapoirqqbCaaiqssXZK66245korBw1wwOuvvOp6KrC/5urrsb32eiyyxC7r7LPQHisBBxJMa+200fp6rbXQVusttdR6++2y4pZr7rniBiCdQQDqtqsuutW62+657Na77rr12ptuvvz262+9BgRgQMAEB/wvuwUT7O/ADAssMMMN5wvxxBRXDDEBBhCA8cYYWzwwxxtXrPHIGWc8MskXn6zyyiyPrAEBGrws88stazyzzCzHrDPMMOu888k+By300D4/oMEDRidtNNExK5300EhHffTRUUtddNVYP0111lFH8EAEXnMtttdgk811EAA7) repeat-x left top;
	}
small { font-size: .9em; }
a { 
	color: #763600; 
	text-decoration: underline; 
	}
a:hover { text-decoration:none; }
form { margin-bottom:25px; }
#container { background-color:#eee; }
#content { 
	padding:18px; 
	background-color: #fff; 
	}
#abs_footer { 
	padding:10px 0; 
	margin:0 auto;  
	color:#FECE0A; 
	text-align:left; 
	background-color:#000; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000), color-stop(0.4, #000));
	background-image: -moz-linear-gradient(top, #333, #000 40%, #000 );
	-webkit-text-stroke:1px transparent; 
	}
#abs_footer a { 
	color:#FECE0A; 
	text-decoration:none; 
	padding:0 5px; 
	font-family: "Lucida Grande"; 
	line-height:2; 
	}
/* RIL icon image */
#abs_footer a:first-child { 
	margin-left:22px; 
	padding-left:17px; 
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAMAAADT/c3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASNQTFRFNjY2Nzc3NzY2/8sK/tMJ/e8DODg4OTk5Ozo6/P0A/eoE/tgI/eEG/PcC/s8K/twHKioqODc3/fMC/PoB/eYFMzMzKSkpPj4+LS0tfX8ZOjk5NTU1dGgsKCgo0MISe3EpLy8v/8gL48YP2a0TxacY4s4NMC8vx7MY+O8D+tgIxqsYlXwhko8ZUEgxyZ8YfH0XXVc5/M0LPTw8fX4YMDAwMTAwMTExeXoaQkFBdW4rPj09S0UxPz04ro8dLi4ur4wdPTs2PDs7j3YknpsaOzoukngjxLoTLCsr9sEN6N8HYFYxPTswZF81iXElMzIyOzs7dmotVFIwQkIn8vAD8b4OOTg2QD45++QGsrIOLCws5+UG4roRODg2TkcxR0I1dnYdfnkm7dxwwwAAAAF0Uk5TAEDm2GYAAACFSURBVHjaYtA3lpQ0ZwCDCE4giAczg4KFhYWjIMI6vEDgDGF7CgkJaQSCmQmsQOAGEZbjAgJLMNMnXERERBXEErdQ5wECeRDTQJOfn18pDCSsxQ0EASCWDAsQqIB1RfPx8Rl6gVjazEBgC2JZeyg7KYbEgZj2rgwMer5glbFArAtmAQQYADmUDj/vdVQUAAAAAElFTkSuQmCC) no-repeat left center; 
	}
#abs_footer a:hover { color:#eee; }
#container, #abs_footer { 
	min-width:425px; 
	max-width:600px; 
	}
#header { 
	display:block; 
	height:auto; 
	padding-top:10px; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000), color-stop(0.4, #000));
	background-image: -moz-linear-gradient(top, #333, #000 40%, #000 ); 
	}
/* Header clearfix */
#header:after { 
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden; 
	}
#nav li { 
	margin-right:2px; 
	padding:0; 
	line-height:1; 
	display: inline;
	}
#nav li a { 
	padding:9px 12px 6px 12px;
	margin-top: 3px;
	color:#666; 
	background-color:#ddd; 
	display:block; 
	text-decoration:none; 
	text-align:center; 
	text-transform:uppercase; 
	border-bottom:1px solid #ccc; 
	min-width:70px; 
	font-size:11px; 
	letter-spacing:1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.6, #eee));
	background-image: -moz-linear-gradient(top, #eee, #eee 60%, #ccc );
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	text-shadow:0 1px 1px #bbb;
	}
#nav li a.selected { 
	padding-bottom: 7px;
	padding-top: 12px; 
	margin-top: 0;
	color:#333; 
	font-weight:bold; 
	background:#eee; 
	border-bottom:none; 
	}
#nav li a:hover { 
	text-decoration:none; 
	background:#eee; 
	color:#333; 
	}
#icon_nav { margin-top:5px; }
/* Nav icons */
#icon_nav_add { 
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJNJREFUeNpi/P//PwMjIyMDOjDWZPovyAcRv/fkH8O9p/8xFYE0YwO7prP//3eOC4zLE1ixKmJioAAMnGYWEOFizvwfGEAoEkoyCL6zOYiN6u/Vu/9ANIM0tuex4rQBaDgYI4Oz1/9RwdnvP/1n2HPyL3o8M8Dj+el/cFwjA5CeERvP2MCa3X8Z9p78B48WbAAgwABIm0SRjRdQzQAAAABJRU5ErkJggg==); 
	}
#icon_nav_add:hover { background-image: url(http://readitlaterlist.com/i/i_add.png); }
#icon_nav_offline { 
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO9JREFUeNpi/P//PwM60FZm/m9jwIQi9uLtf4aNB/4woqtlYcAC7I2ZGKZWsqGIHbnwD5tSBiYGCsGoAVQwgBGWDtjZGP83Z7Ey8PMyMmgpMTFgSwebDv4Fs2es/sNw/sZfRhQDQCDCneX/8g52vDbuOPaXwTP7ByNWL6zY+Ydxyso/ODU/evGfIab6F3YvwADIK0cXcDAYa6J64ddvBgbH1B8Mxy7+RU3OIAPQsaI04/83+zn//zvHBcf5USz/sanFagAI+9kzwzWv7WX/j0sdTgNAuDOf9f/dzZz/+XkYyTOAjZXhv4osbs0gDBBgAFuC73C6tWWsAAAAAElFTkSuQmCC); 
	}
#icon_nav_offline:hover { background-image: url(http://readitlaterlist.com/i/i_down.png); }
#icon_nav_options { 
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNpMU1tIFVEUXWded+Ym9EBLe5iUUUR+BHEL6qeihKDo6xoUpEEEIgRCWRGEQh9CH4kQGYT0EwUFUkQfIRFY0OP2QOilYPnRA0Etsbl678xu7zN35rphw+xz9llnr7XOQCm4kkA5249ZNPrQo7YmizhQuUR9azlkUUO9oes4LW6GYwMbag1/eCRQHG51pcK6VQrZRgt7MhadPmqho9nG0LtA2mEYyuWzUHLTgV2m39vh4PXHEJ/HQjTtN7GxztCNsz5gmtzkADcHijjZNe+hFPrmf3lgcQWQ3WciDE1GRhKLvPL35B/CyirlVy1VeP+FpyzxBPPzr55xSmNFzTOzhIq0gnSFIeDPAZ94shqmdeN+EdbyZWp6/WqV2rk1ulG45OeB7v4CBp4G2FSn0NXqsCZKT7Ftc4RczzWuXXDo96BH+ZdpCt9G2d/pUKy8qNrMShffRHt/h9J0/GDkglVkAYWDRMCjmQw8Mk5YGBYLFq9MzxAePw/mdCEIOxoMutOdoiAXoeduu7R9i0Hi796MSS9uuXpd9gs8waPeFB1pNCkR7PwJ27/cZmvOItD3n4TxX4TaaoW1NSpZj0Ns01Yxit+a1Z9JgxyQlBClZf3D1xCdfQV5cRh8FUSHJ6YALwUMj4bI8UM5vNtk31UCFFvXd68oDpSdF84yeoY5rlmhtIo9Zx3N8ccTj660O3SX9ZD6QU9K7yf/w8KHHuelUzZNPvPoXItNsV3XLzqJRTHAfwEGAM2UEO626lPqAAAAAElFTkSuQmCC); 
	}
#icon_nav_options:hover { background-image: url(http://readitlaterlist.com/i/i_cog.png); }
#options { 
	padding:16px 15px 16px 20px; 
	margin:-18px -18px 0; 
	border-bottom:solid 1px #ccc; 
	background-color:#eee; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.6, #eee)); 
	background-image: -moz-linear-gradient(top, #eee, #eee 60%, #ccc );
	}
#filter { padding:2px 0 3px 20px; }
#list { 
	background-color:#fff; 
	margin: 0 -18px; 
	}
#list li { 
	padding:14px 90px 11px 46px; 
	margin: 0;
	border-bottom:1px solid #ccc; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee), color-stop(0.6, #fff));
	background-image: -moz-linear-gradient(top, #fff, #fff 60%, #eee ); 
	}
#list li .favicon { 
	background-position:center center; 
	margin:10px 0 0 20px; 
	-webkit-border-radius:4px; 
	-moz-border-radius: 4px; /* Doesn't round corners of images in Firefox 3.6b5 :-( Maybe someday ... */
	}
#list li .title { 
	padding-bottom:2px; 
	line-height:1.1; 
	}
#list li .title a { 
	font-size:1.1em; 
	display:block; 
	}
#list li .text, #list li .check { 
	width:20px; 
	height:20px; 
	margin:6px 20px 0 0; 
	border:1px solid #ccc; 
	background-color:#eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#list li a.readd {
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNqUk71OwzAQgG3nT/GGKHQKFQhEJTKwsTP0NfoIrCwMDDCWmcdgQjwAGxNjMgcpQkklFBVIYps7y60MpIic9LW1c/fZvrj0ZjYjHXEKXAMcoMAbcAY8/Ux0SXccRFF0sjMa6eo0TUme51EfgZRKEc45UfANxQ3Mqa7EdQIlpSRt22rBcq6PoBFCkKZpbMHnOsGeaZbArQMtEHmuawuwFbsm1zdjBsxRcA9sWCtgBc+yTG0Ph9TMOcAlcG4KMULgEQX7h+Mxs7ZKGGPEcRxS17UeH8UxhX5s2Tn4O02SGAUfcF5OKV09xPMjf4WRtygI52W5ahZ++r5PwjD8VrBYLHRPlsuYBSkKroqiwB7Upom49PHmYDAJgkAnv2QZzt8BiWkiBj58RsFFxw6nVVVNrGOh9BZ4+O89YHCT9Jat8PtcJEf+FrA+Ahf/C3iVzWv1QOj2EbxKIYpaCM+M34GyK/FLgAEAXeCgSyDACZIAAAAASUVORK5CYII=) no-repeat center center;
	}
#list li a.loading, #list li a.loading:hover { 
	background-color: #fff; 
	}
#list li .text:hover, #list li .check:hover { 
	border-color:#ddd; background-color: #ddd; 
	}
#list.loading { background-position: center 25px!important; }
#list .empty { margin-top: 25px; }
#list a, #footer a { text-decoration: none; }
#list a:hover, #footer a:hover { text-decoration: underline; }
#footer { 
	margin: 0 -18px -18px;
	height: auto;
	background-color:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb), color-stop(0.4, #eee)); 
	background-image: -moz-linear-gradient(top, #eee, #eee 40%, #bbb );
	}
#pages { 
	padding:12px 20px 5px; 
	position:relative; 
	right:auto; 
	left:auto; 
	top: auto; 
	display: block;
	line-height:3.5; 
	font-size:.8em; 
	color:#333; 
	text-transform:uppercase; 
	}
#pages a:hover { text-decoration:none; }
#pages select { width:50px; }
#next, #previous { 
	text-align:center; 
	padding:7px 14px 6px; 
	margin-right:-3px; 
	letter-spacing:1px; 
	text-shadow:0 1px 1px #bbb; 
	background-color: #ddd; 
	border: solid 1px #aaa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.8, #ccc));
	background-image: -moz-linear-gradient(top, #eee, #ccc 80%, #ccc ); 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
#next.active:hover, #previous.active:hover { 
	background-image: none; 
	color:#666; 
	}
#next { 
	padding:7px 28px 6px; 
	margin-left:4px; 
	}
#previous { margin-right:4px; }
/* Next/prev arrows */
#next::after { content:"\00A0\2192"; }
#previous::before { content:"\2190\00A0"; }
#next.active, #previous.active  { 
	color:#222; 
	font-weight:bold; 
	}
.ninja { color:black; visibility:hidden; }
/* The end */
