diff --git a/aclindsa-wordpress-theme/header.php b/aclindsa-wordpress-theme/header.php
index b9a7b9e..69dbbbe 100644
--- a/aclindsa-wordpress-theme/header.php
+++ b/aclindsa-wordpress-theme/header.php
@@ -12,7 +12,7 @@
-
+
diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 0000000..f708240
--- /dev/null
+++ b/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');
+}
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 0000000..94e908f
--- /dev/null
+++ b/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;
+}
diff --git a/stylesheet.css b/css/look.css
similarity index 52%
rename from stylesheet.css
rename to css/look.css
index a16fb60..edf7f41 100644
--- a/stylesheet.css
+++ b/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;
- text-shadow: 3px 3px 3px #346;
+ color: #eee;
}
+
a {
color: #2288aa;
}
a:hover {
color: #006699;
}
-
-/*Styles for Wordpress*/
-#sidebar ul {
- padding: 0px;
+h2 {
+ font-weight: bold;
+ margin: 1em 0 1em 0;
+ border-bottom: 2px solid #ccd;
+ text-shadow: 3px 3px 3px #bbc;
}
-#sidebar li {
- list-style-type: none;
-}
-/* Wordpress Captions */
-.aligncenter,
-div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
+h2 a{
+ text-decoration: none;
}
-.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;
+/* Fix-up for Firefox rendering of Cardo in bold */
+@-moz-document url-prefix() {
+ h2, div#tabs ul li a, #header-inner #title {
+ letter-spacing: -.08em;
+ }
}
-
-.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 */
-
diff --git a/css/stylesheet.css b/css/stylesheet.css
new file mode 100644
index 0000000..6a6f49a
--- /dev/null
+++ b/css/stylesheet.css
@@ -0,0 +1,4 @@
+@import url('fonts.css');
+@import url('layout.css');
+@import url('look.css');
+@import url('wordpress.css');
diff --git a/css/wordpress.css b/css/wordpress.css
new file mode 100644
index 0000000..8309cdf
--- /dev/null
+++ b/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 */
+
diff --git a/header_bottom.php b/header_bottom.php
index 55ebd6b..638bb22 100644
--- a/header_bottom.php
+++ b/header_bottom.php
@@ -3,7 +3,7 @@
-
+