Edited CSS to adapt to cell phone screens, based on screen orientation

site.css

@@ -152,11 +152,20 @@ padding: 20px 0px;
 
 /* Content */
 
+@media only screen and (orientation: landscape){
 #content {
 float: right;
 width: 650px;
 padding: 0px 0px 0px 0px;
 }
+}
+
+@media only screen and (orientation: portrait){
+#content {
+width: 650px;
+padding: 0px 0px 0px 0px;
+}
+}
 
 .post {
 background: #000000;
@@ -214,6 +223,7 @@ font-weight: bold;
 
 /* Sidebar */
 
+@media only screen and (orientation: landscape){
 #sidebar {
 float: left;
 width: 310px;
@@ -221,6 +231,16 @@ margin: 0px;
 padding: 0px 20px 0px 0px;
 color: #00FF00;
 }
+}
+
+@media only screen and (orientation: portrait){
+#sidebar {
+width: 310px;
+margin: 0px;
+padding: 0px 20px 0px 0px;
+color: #00FF00;
+}
+}
 
 #sidebar ul {
 margin: 0;