inline all print styles

css/print.css

@@ -1,15 +0,0 @@
-* { background:transparent !important; color:#444 !important; text-shadow:none; }
-
-a, a:visited { color:#444 !important; text-decoration:underline; }
-
-a:after { content:" (" attr(href) ")"; } 
-
-abbr:after { content: " (" attr(title) ")"; }
-
-pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
-
-@page { margin: 0.5cm; }
-
-p, h2, h3 { orphans:3; widows:3; }
-
-h2, h3{ page-break-after:avoid; }

css/style.css

@@ -24,6 +24,29 @@
 a:link { -webkit-tap-highlight-color: #FF5E99; } 
 
 
+/* inline'd print styles avoid required HTTP connection http://www.phpied.com/delay-loading-your-print-css/ */
+@media print {
+	* { background:transparent !important; color:#444 !important; text-shadow:none; }
+
+	a, a:visited { color:#444 !important; text-decoration:underline; }
+
+	a:after { content:" (" attr(href) ")"; } 
+
+	abbr:after { content: " (" attr(title) ")"; }
+
+	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
+
+	@page { margin: 0.5cm; }
+
+	p, h2, h3 { orphans:3; widows:3; }
+
+	h2, h3{ page-break-after:avoid; }
+}
+
+
+
+
+
 @media all and (orientation:portrait) { 
   /* Style adjustments for portrait mode goes here */
 }

index.html

@@ -28,10 +28,10 @@
 	<link rel="apple-touch-icon" href="" >	
   
   
-  <!-- CSS -->
-  <link rel="stylesheet" media="screen" href="css/reset.css" >
-  <link rel="stylesheet" media="screen" href="css/style.css" >
-	<link rel="stylesheet" media="print" href="css/print.css" > 
+  <!-- CSS : implied media="all"-->
+  <link rel="stylesheet" href="css/reset.css" >
+  <link rel="stylesheet" href="css/style.css" >
+  
 	                         
   <!-- For the less-enabled mobile browsers like Opera Mini -->	
 	<link rel="stylesheet" media="handheld" href="css/mobile.css" >