Separated out CSS files, and updated some of them

aclindsa-wordpress-theme/header.php

@@ -12,7 +12,7 @@
 
 <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
 
-<link rel="stylesheet" href="http://aclindsay.com/stylesheet.css" type="text/css" media="screen" />
+<link rel="stylesheet" href="http://aclindsay.com/css/stylesheet.css" type="text/css" media="screen" />
 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
 <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

css/fonts.css

@@ -0,0 +1,9 @@
+/**
+ * Handle Self-hosted True Type Fonts
+ */
+@font-face {
+	font-family: 'Cardo';
+	font-style: normal;
+	font-weight: normal;
+	src: local('Cardo'), url('../fonts/Cardo99s.ttf') format('truetype');
+}

css/layout.css

@@ -0,0 +1,28 @@
+/**
+ * These styles handle layout
+ */
+
+body {
+	margin: 0;
+	padding: 0;
+}
+#header-inner, #content, #footer-inner {
+	width: 80%;
+	min-width: 45em;
+	max-width: 60em;
+	margin: 0 auto; 
+}
+#main, #sidebar {
+	position: relative;
+} 
+#main {
+	float: left;
+	width: 73%;
+} 
+#sidebar {
+	float: right;
+	width: 23%;
+}
+#footer {
+	clear: both;
+}

css/look.css

@@ -1,42 +1,3 @@
-/**
- * Handle Self-hosted True Type Fonts
- */
-@font-face {
-	font-family: 'Cardo';
-	font-style: normal;
-	font-weight: normal;
-	src: local('Cardo'), url('fonts/Cardo99s.ttf') format('truetype');
-}
-
-/**
- * These styles handle layout
- */
-
-body {
-	margin: 0;
-	padding: 0;
-}
-#header-inner, #content, #footer-inner {
-	width: 80%;
-	min-width: 45em;
-	max-width: 60em;
-	margin: 0 auto; 
-}
-#main, #sidebar {
-	position: relative;
-} 
-#main {
-	float: left;
-	width: 73%;
-} 
-#sidebar {
-	float: right;
-	width: 23%;
-}
-#footer {
-	clear: both;
-}
-
 /**
  * These styles handle look
  */
@@ -55,7 +16,7 @@ body {
 }
 #header-inner {
 	position: relative;
-	background: url('graphics/stripedTree.png') no-repeat bottom left;
+	background: url('../graphics/stripedTree.png') no-repeat bottom left;
 	height: 100%;
 }
 #header-inner #title {
@@ -67,7 +28,7 @@ body {
 	right: 0em;
 	font-weight: bold;
 	font-size: 1.2em;
-	background: url('graphics/cornerStripedLeft.png') no-repeat bottom left;
+	background: url('../graphics/cornerStripedLeft.png') no-repeat bottom left;
 }
 #header-inner #title a{
 	display: block;
@@ -75,7 +36,7 @@ body {
 	padding: 15px 20px 10px 20px;
 	text-decoration: none;
 	color: #666666;
-	background: url('graphics/cornerStripedRight.png') no-repeat top right;
+	background: url('../graphics/cornerStripedRight.png') no-repeat top right;
 }
 #header-inner #title a:hover{
 	color: #FFFFFF;
@@ -90,7 +51,7 @@ body {
 #sidebar {
 	background-color: #f5f5f5;
 	margin: 1em 0 1em 0;
-	border: 2px solid #cccccc;
+	border: 2px solid #ccd;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	padding: 5px 0 5px 0;
@@ -120,20 +81,17 @@ div#tabs {
 	right: 0px;
 	bottom: 0px;
 }
-
 div#tabs ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	text-align: left;
 }
-
 div#tabs ul li {
 	margin: 0;
 	padding: 0;
 	display:inline;
 }
-
 div#tabs ul li a {
 	position: relative;
 	bottom: 3px;
@@ -146,54 +104,28 @@ div#tabs ul li a {
 	background-color: #88BBEE;
 }
 div#tabs ul li a:hover {
-	color: #DDD;
+	color: #eee;
-	text-shadow: 3px 3px 3px #346;
 }
+
 a {
 	color: #2288aa;
 }
 a:hover {
 	color: #006699;
 }
-
+h2 {
-/*Styles for Wordpress*/
+	font-weight: bold;
-#sidebar ul {
+	margin: 1em 0 1em 0;
-	padding: 0px;
+	border-bottom: 2px solid #ccd;
+	text-shadow: 3px 3px 3px #bbc;
 }
-#sidebar li {
+h2 a{
-	list-style-type: none;
+	text-decoration: none;
-}
-/* Wordpress Captions */
-.aligncenter,
-div.aligncenter {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
 }
 
-.wp-caption {
+/* Fix-up for Firefox rendering of Cardo in bold */
-        border: 1px solid #ddd;
+@-moz-document url-prefix() {
-        text-align: center;
+	h2, div#tabs ul li a, #header-inner #title {
-        background-color: #f3f3f3;
+		letter-spacing: -.08em;
-        padding-top: 4px;
-        margin: 10px;
-        -moz-border-radius: 3px;
-        -khtml-border-radius: 3px;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
 	}
-
-.wp-caption img {
-        margin: 0;
-        padding: 0;
-        border: 0 none;
 }
-
-.wp-caption p.wp-caption-text {
-        font-size: 11px;
-        line-height: 17px;
-        padding: 0 4px 5px;
-        margin: 0;
-}
-/* End captions */
-

css/stylesheet.css

@@ -0,0 +1,4 @@
+@import url('fonts.css');
+@import url('layout.css');
+@import url('look.css');
+@import url('wordpress.css');

css/wordpress.css

@@ -0,0 +1,57 @@
+/**
+ * Styles for Wordpress
+ */
+
+#sidebar ul {
+	padding: 0px;
+}
+#sidebar li {
+	list-style-type: none;
+}
+.post {
+	margin: 0 0 3em 0;
+}
+.post h2 {
+	margin: 1em 0 0 0;
+}
+.post h2 a{
+	color: #001;
+}
+.post h2 a:hover{
+	color: #556;
+}
+
+/* Wordpress Captions */
+.aligncenter,
+div.aligncenter {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+}
+
+.wp-caption {
+        border: 1px solid #ddd;
+        text-align: center;
+        background-color: #f3f3f3;
+        padding-top: 4px;
+        margin: 10px;
+        -moz-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        border-radius: 3px;
+}
+
+.wp-caption img {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+}
+
+.wp-caption p.wp-caption-text {
+        font-size: 11px;
+        line-height: 17px;
+        padding: 0 4px 5px;
+        margin: 0;
+}
+/* End captions */
+

header_bottom.php

@@ -3,7 +3,7 @@
 <meta http-equiv="Owner" content="Aaron Lindsay" />
 <meta http-equiv="Author" content="Aaron Lindsay" />
 <link rel="shortcut icon" href="http://aclindsay.com/favicon.ico" />
-<link rel="stylesheet" type="text/css" href="http://aclindsay.com/stylesheet.css" media="all" />
+<link rel="stylesheet" type="text/css" href="http://aclindsay.com/css/stylesheet.css" media="all" />
 </head>
 <body>
 <div id="header">