3 files changed, 411 insertions, 397 deletions
diff --git a/css/readability-home.css b/css/readability-home.css
index ac6fe5c..935d750 100755
--- a/css/readability-home.css
+++ b/css/readability-home.css
@@ -1,186 +1,178 @@
-@charset "utf-8";
-/* CSS Document */
-
-body {
-	background: #1E4E74;	
-	color: #ddd;
-}
-
-img {
-border: none;
-}
-
-#container {
-	margin-top: 10px;
-	margin-right:auto;
-	margin-left:auto;
-	width: 980px;
-	height: 1125px;
-	padding: 10px;
-	background: url(../images/readability.png) no-repeat;
-	overflow: hidden;
-}
-#footer {
-	margin-top: 46px;
-	text-align: right;
-}
-#footer * {
-	float: right;	
-}
-#arcLinks {
-	margin-left: 140px;
-}
-#kindlingAd {
-	width: 250px;
-}
-#kindlingAd a {
-	color: #fff;
-	font-size: 12px;
-	text-decoration: none;
-	display: block;
-}
-#kindlingAd p {
-	margin: 4px 40px 0 0;
-}
-
-a.www-link {
-	margin: 0 8px 0 30px;
-}
-
-#arc90 {
-	display: block;
-	text-align: right;
-	margin-top: 60px;
-}
-
-#settings {
-	margin-top: 193px;
-	padding: 0 1.5em;
-	display: block;
-	width: 900px;
-	height: 160px;
-}
-
-div.settings-box, div#bookmarklet {
-	float: left;
-}
-div#bookmarklet {
-	width: 200px;
-	margin-top: 24px;
-	margin-left: 140px;
-	text-align: center;	
-}
-
-div#style {
-	width: 175px;
-	margin-left: 20px;
-}
-div#size {
-	width: 165px;	
-}
-div#margin {
-	width: 160px;	
-}
-
-.settings-box label {
-	margin-left: .5em;
-	cursor: pointer;
-}
-.settings-box p {
-	margin: .1em 0;	
-}
-#readHiddenContent {
-	display: none;	
-}
-#example {
-	display: block;
-	margin-left: 30px;
-	margin-top: 24px;
-	width: 888px;
-	height: 454px;
-	left: 30px;
-	padding: 1em 2em;
-	overflow: auto;
-}
-#articleContent {
-	text-align: left;
-	line-height: 1.4em;	
-	margin: 1em auto;
-}
-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
-/* Size options */
-.size-small {
-	font-size: 12px;
-}
-.size-medium {
-	font-size: 18px;	
-}
-.size-large {
-	font-size: 26px;
-}
-.size-x-large {
-	font-size: 34px;
-}
-
-/* Style options */
-.style-novel {
-	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
-	background: #F4F3DB;
-	color: #222;
-}
-
-.style-ebook {
-	font-family:Arial, Helvetica, sans-serif;
-	background: #eee;
-	color: #333;
-}
-.style-ebook h1 {
-	font-family: "Arial Black", Gadget, sans-serif;
-	font-weight: normal;
-}
-
-.style-newspaper {
-	font-family:"Times New Roman", Times, serif;
-	background: #F7F7F7;
-	color: #222;
-}
-.style-newspaper h1 {
-	text-transform:capitalize;
-	font-family: Georgia, "Times New Roman", Times, serif;
-}
-
-.style-terminal {
-	font-family: "Lucida Console", Monaco, monospace;
-	background: #1D4E2C;
-	color: #C6FFC6;
-}
-
-/* Margin Options */
-.margin-x-wide {
-	width: 35%;
-}
-.margin-wide {
-	width: 55%;
-}
-.margin-medium {
-	width: 75%;
-}
-.margin-narrow {
-	width: 95%;
-}
-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
-
-
-
-/* LOCK IN H1 SIZING */
-#articleContent h1 {
-	font-size: 1.2em !important;
-	display: block;
-	text-transform:capitalize;
-}
-#articleContent {
-	line-height: 1.4em;	
-}
-
+@charset "utf-8";
+
+body {
+	background: #1E4E74;	
+	color: #ddd;
+}
+img {
+	border: none;
+}
+#container {
+	background: url(../images/readability.png) no-repeat;
+	height: 1125px;
+	margin: 10px auto 0 auto;
+	overflow: hidden;
+	padding: 10px;
+	width: 980px;
+}
+#footer {
+	margin-top: 46px;
+	text-align: right;
+}
+#footer * {
+	float: right;	
+}
+#arcLinks {
+	margin-left: 140px;
+}
+#kindlingAd {
+	width: 250px;
+}
+#kindlingAd a {
+	color: #fff;
+	display: block;
+	font-size: 12px;
+	text-decoration: none;
+}
+#kindlingAd p {
+	margin: 4px 40px 0 0;
+}
+a.www-link {
+	margin: 0 8px 0 30px;
+}
+#arc90 {
+	display: block;
+	margin-top: 60px;
+	text-align: right;
+}
+#arc90 img {
+	margin-right: 10px;
+}
+#arc90 a.twitter {
+	border-bottom: 1px solid #fff;
+	color: #ddd;
+	font-size: .8em;
+	font-weight: bolder;
+	margin-top: 10px;
+	text-decoration: none;
+}
+#settings {
+	display: block;
+	height: 160px;
+	margin-top: 162px;
+	padding: 0 1.5em;
+	width: 900px;
+}
+div.settings-box, div#bookmarklet {
+	float: left;
+}
+div#bookmarklet {
+	margin-left: 140px;
+	margin-top: 24px;
+	text-align: center;
+	width: 200px;
+}
+div#style {
+	margin-left: 20px;
+	width: 175px;
+}
+div#size {
+	width: 165px;	
+}
+div#margin {
+	width: 160px;	
+}
+.settings-box label {
+	cursor: pointer;
+	margin-left: .5em;
+}
+.settings-box p {
+	margin: .1em 0;	
+}
+#readHiddenContent {
+	display: none;	
+}
+#example {
+	display: block;
+	height: 455px;
+	left: 30px;
+	margin-left: 30px;
+	margin-top: 28px;
+	overflow: auto;
+	padding: 1em 2em;
+	width: 888px;
+}
+#articleContent {
+	line-height: 1.4em;	
+	margin: 1em auto;
+}
+/* LOCK IN H1 SIZING */
+#articleContent h1 {
+	display: block;
+	font-size: 1.2em !important;
+	text-transform: capitalize;
+}
+
+
+/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
+
+/* ------ Size Options ------- */
+
+.size-small {
+	font-size: 12px;
+}
+.size-medium {
+	font-size: 18px;	
+}
+.size-large {
+	font-size: 26px;
+}
+.size-x-large {
+	font-size: 34px;
+}
+
+/* ------ Style Options ------- */
+
+.style-novel {
+	background: #F4F3DB;
+	color: #222;
+	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+}
+.style-ebook {
+	background: #EEE;
+	color: #333;
+	font-family: Arial, Helvetica, sans-serif;
+}
+.style-ebook h1 {
+	font-family: "Arial Black", Gadget, sans-serif;
+	font-weight: normal;
+}
+.style-newspaper {
+	background: #F7F7F7;
+	color: #222;
+	font-family: "Times New Roman", Times, serif;
+}
+.style-newspaper h1 {
+	font-family: Georgia, "Times New Roman", Times, serif;
+	text-transform: capitalize;
+}
+.style-terminal {
+	background: #1D4E2C;
+	color: #C6FFC6;
+	font-family: "Lucida Console", Monaco, monospace;
+}
+
+/* ------ Margin Options ------- */
+
+.margin-x-wide {
+	width: 35%;
+}
+.margin-wide {
+	width: 55%;
+}
+.margin-medium {
+	width: 75%;
+}
+.margin-narrow {
+	width: 95%;
+}
+\ No newline at end of file
diff --git a/css/readability-print.css b/css/readability-print.css
index a4c8cb3..855e827 100755
--- a/css/readability-print.css
+++ b/css/readability-print.css
@@ -1,7 +1,44 @@
-#readInner {
-	width: 100% !important;
-	font-size: 12pt;
-}
-#readTools {
-	display: none;	
+#readInner {
+	width: 100% !important;
+}
+#readTools {
+	display: none;	
+}
+
+/* ------ Size Options ------- */
+
+.size-small {
+	font-size: 12px;
+}
+.size-medium {
+	font-size: 18px;	
+}
+.size-large {
+	font-size: 26px;
+}
+.size-x-large {
+	font-size: 34px;
+}
+
+/* ------ Style Options ------- */
+
+.style-novel {
+	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+}
+.style-ebook {
+	font-family: Arial, Helvetica, sans-serif;
+}
+.style-ebook h1 {
+	font-family: "Arial Black", Gadget, sans-serif;
+	font-weight: normal;
+}
+.style-newspaper {
+	font-family: "Times New Roman", Times, serif;
+}
+.style-newspaper h1 {
+	font-family: Georgia, "Times New Roman", Times, serif;
+	text-transform: capitalize;
+}
+.style-terminal {
+	font-family: "Lucida Console", Monaco, monospace;
 }
 \ No newline at end of file
diff --git a/css/readability.css b/css/readability.css
index 0d3367e..d990766 100755
--- a/css/readability.css
+++ b/css/readability.css
@@ -1,206 +1,191 @@
-@charset "utf-8";
-/* CSS Document */
-#readOverlay {
-	display: block;
-	left: 0;
-	position: absolute;
-	top: 0;
-	width: 100%;
-}
-#readInner {
-	line-height: 1.4em;
-	margin: 1em auto;
-	max-width: 800px;
-	text-align: left;
-	width: 800px;
-}
-#readInner a {
-	color: blue;
-	text-decoration: underline;
-}
-#readInner pre {
-	white-space: pre-wrap;
-}
-#readOverlay #readInner pre.normalPre {
-	font-size: 14px;
-	line-height: 1.4em;
-	overflow: auto;
-	white-space: pre-wrap;
-}
-/* custom - PRE content (will revisit)
-#readInner code, #readInner pre {
-	font-family: "Courier New", Courier, monospace;
-}
-#readInner pre {
-	background-color: #FFF;
-	border: #000 1px inset;
-	font-size: 110%;
-	max-height: 250px;
-	overflow: auto;
-	margin: 0;
-	padding: 6px 0;
-	overflow-x: auto;
-	width: 100%;
-}
-*/
-#readInner * {
-	background: none;
-	border: none;
-	margin-bottom: 16px;
-	text-align: left;
-}
-#readInner h1 {
-	border-bottom: 1px solid #333;
-	display: block;
-	font-size: 1.2em;
-	width: 100%;
-}
-#readInner blockquote {
-	margin-left: 3em;
-	margin-right: 3em;
-}
-#readFooter {
-	border-top: 1px solid #333;
-}
-#readFooter, #readFooter div, #readFooter a {
-	margin: 0;
-	padding: 0;
-	text-align: center;
-}
-#readability-version {
-	font-size: 12px;
-	font-weight: bold;
-}
-
-/* Article Tools */
-#readTools {
-	height: 150px;
-	left: 10px;
-	position: fixed;
-	top: 10px;
-	width: 34px;
-	z-index: 100;
-}
-#readTools a {
-	display: block;
-	filter: alpha(opacity=40);
-	height: 34px;
-	margin-bottom: 8px;
-	opacity: .4;
-	overflow: hidden;
-	text-indent: -99999px;
-}
-
-#email-page {
-	background: url(http://lab.arc90.com/experiments/readability/images/read-email.png) no-repeat left top;
-}
-#reload-page {
-	background: url(http://lab.arc90.com/experiments/readability/images/read-refresh.png) no-repeat left top;
-}
-#print-page {
-	background: url(http://lab.arc90.com/experiments/readability/images/read-print.png) no-repeat left top;
-}
-#readTools a:hover {
-	filter: alpha(opacity=100);
-	opacity: 1;
-}
-
-
-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
-
-/* ------ Size Options ------- */
-
-.size-small {
-	font-size: 12px;
-}
-.size-medium {
-	font-size: 18px;
-}
-.size-large {
-	font-size: 26px;
-}
-.size-x-large {
-	font-size: 34px;
-}
-
-/* ------ Style Options ------- */
-
-.style-novel {
-	background: #F4F3DB;
-	color: #222;
-	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-}
-.style-ebook {
-	background: #EEE;
-	color: #333;
-	font-family: Arial, Helvetica, sans-serif;
-}
-.style-ebook h1 {
-	font-family: "Arial Black", Gadget, sans-serif;
-	font-weight: normal;
-}
-.style-newspaper {
-	background: #FFF;
-	color: #222;
-	font-family: "Times New Roman", Times, serif;
-}
-.style-newspaper h1 {
-	font-family: Georgia, "Times New Roman", Times, serif;
-	text-transform: capitalize;
-}
-.style-terminal {
-	background: #1D4E2C;
-	color: #C6FFC6;
-	font-family: "Lucida Console", Monaco, monospace;
-}
-
-/* ------ Margin Options ------- */
-
-.margin-x-wide {
-	width: 35%;
-}
-.margin-wide {
-	width: 55%;
-}
-.margin-medium {
-	width: 75%;
-}
-.margin-narrow {
-	width: 95%;
-}
-
-/* ---------------- END USER-CONFIGURABLE STYLING --------------------- */
-
-
-/* ---------------- DEBUG --------------------- */
-
-.bug-green {
-	background: #BBF9B0;
-	border: 4px solid green;
-}
-.bug-red {
-	background: red;
-}
-.bug-yellow {
-	background: #FFFF8E;
-}
-.bug-blue {
-	background: #BFDFFF;
-}
-
-
-/* ---------------- EMAIL POP UP --------------------- */
-
-#email-container {
-	background-color: #fff;
-	border: solid 3px #666;
-	height: 490px;
-	left: 50%;
-	margin: 0 0 0 -240px;
-	overflow: hidden;
-	padding: 0;
-	position: fixed;
-	top: 60px;
-	width: 500px;
-	z-index: 100 !important;
+@charset "utf-8";
+
+#readOverlay {
+	display: block;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+#readInner {
+	line-height: 1.4em;
+	margin: 1em auto;
+	max-width: 800px;
+	text-align: left;
+	width: 800px;
+}
+#readInner a {
+	color: blue;
+	text-decoration: underline;
+}
+/* custom - PRE content (will revisit) */
+/*
+#readInner pre {
+	white-space: pre-wrap;
+}
+#readOverlay #readInner pre.normalPre {
+	font-size: 14px;
+	line-height: 1.4em;
+	overflow: auto;
+	white-space: pre-wrap;
+}
+#readInner code, #readInner pre {
+	font-family: "Courier New", Courier, monospace;
+}
+#readInner pre {
+	background-color: #FFF;
+	border: #000 1px inset;
+	font-size: 110%;
+	max-height: 250px;
+	overflow: auto;
+	margin: 0;
+	padding: 6px 0;
+	overflow-x: auto;
+	width: 100%;
+}
+*/
+#readInner * {
+	background: none;
+	border: none;
+	margin-bottom: 16px;
+	text-align: left;
+}
+#readInner h1 {
+	border-bottom: 1px solid #333;
+	display: block;
+	font-size: 1.2em;
+	width: 100%;
+}
+#readInner p img {
+	float: left;
+	margin-right: 12px;
+	margin-bottom: 12px;
+}
+#readInner blockquote {
+	margin-left: 3em;
+	margin-right: 3em;
+}
+/* ToolBar */
+#readTools {
+	height: 150px;
+	left: 10px;
+	position: fixed;
+	top: 10px;
+	width: 34px;
+	z-index: 100;
+}
+#readTools a {
+	display: block;
+	filter: alpha(opacity=40);
+	height: 34px;
+	margin-bottom: 8px;
+	opacity: .4;
+	overflow: hidden;
+	text-indent: -99999px;
+}
+#email-page {
+	background: url(http://lab.arc90.com/experiments/readability/images/read-email.png) no-repeat left top;
+}
+#reload-page {
+	background: url(http://lab.arc90.com/experiments/readability/images/read-refresh.png) no-repeat left top;
+}
+#print-page {
+	background: url(http://lab.arc90.com/experiments/readability/images/read-print.png) no-repeat left top;
+}
+#readTools a:hover {
+	filter: alpha(opacity=100);
+	opacity: 1;
+}
+/* Footer */
+#readFooter {
+	border-top: 1px solid #333;
+}
+#readFooter, #readFooter div, #readFooter a {
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+#readability-version {
+	font-size: 12px;
+	font-weight: bold;
+}
+
+
+/* ---------------- USER-CONFIGURABLE STYLING --------------------- */
+
+/* ------ Size Options ------- */
+
+.size-small {
+	font-size: 12px;
+}
+.size-medium {
+	font-size: 18px;
+}
+.size-large {
+	font-size: 26px;
+}
+.size-x-large {
+	font-size: 34px;
+}
+
+/* ------ Style Options ------- */
+
+.style-novel {
+	background: #F4F3DB;
+	color: #222;
+	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+}
+.style-ebook {
+	background: #EEE;
+	color: #333;
+	font-family: Arial, Helvetica, sans-serif;
+}
+.style-ebook h1 {
+	font-family: "Arial Black", Gadget, sans-serif;
+	font-weight: normal;
+}
+.style-newspaper {
+	background: #FFF;
+	color: #222;
+	font-family: "Times New Roman", Times, serif;
+}
+.style-newspaper h1 {
+	font-family: Georgia, "Times New Roman", Times, serif;
+	text-transform: capitalize;
+}
+.style-terminal {
+	background: #1D4E2C;
+	color: #C6FFC6;
+	font-family: "Lucida Console", Monaco, monospace;
+}
+
+/* ------ Margin Options ------- */
+
+.margin-x-wide {
+	width: 35%;
+}
+.margin-wide {
+	width: 55%;
+}
+.margin-medium {
+	width: 75%;
+}
+.margin-narrow {
+	width: 95%;
+}
+
+/* ---------------- EMAIL POP UP --------------------- */
+
+#email-container {
+	background-color: #fff;
+	border: solid 3px #666;
+	height: 490px;
+	left: 50%;
+	margin: 0 0 0 -240px;
+	overflow: hidden;
+	padding: 0;
+	position: fixed;
+	top: 60px;
+	width: 500px;
+	z-index: 100 !important;
 }
 \ No newline at end of file