1 files changed, 329 insertions, 0 deletions
diff --git a/theme/default/style/layout.css b/theme/default/style/layout.css
new file mode 100644
index 000000000..c08682cd2
--- /dev/null
+++ b/theme/default/style/layout.css
@@ -0,0 +1,329 @@
+/**************************************************************
+   AUTHOR:  Pat Heard (fullahead.org)
+   DATE:    2006.09.12 
+   PURPOSE: Controls the layout of the site and styles
+            the menus
+ **************************************************************/
+
+
+
+/**************************************************************
+   #wrapper & #content: wrapper positions and sets the width
+   on the content.  The background is then applied to #content.
+ **************************************************************/
+
+#wrapper {
+  width: 589px;
+  height: 100%;
+  margin: 0 auto;
+  
+  text-align: left;
+}
+
+
+#content { 
+  float: left;
+  width: 589px;
+  height: 100%;
+  min-height: 100%; 
+  
+  background: url(../img/bg/content.gif) repeat-y top center;
+}
+
+
+#content[id] {
+  height: auto;  
+  background: url(../img/bg/content.png) repeat-y top center;
+}
+
+
+
+
+/**************************************************************
+   #header: Holds the site title and header images
+ **************************************************************/
+
+#header {
+  padding: 60px 0 2em 49px;  
+  background: url(../img/bg/header.jpg) no-repeat top center;  
+}
+
+/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
+* html #header {
+  height: 1%;
+}
+/* End hide from IE-mac */
+
+
+#header h1,
+#header h2 {
+  margin: 0;
+  padding: 0;  
+  background: none;
+}
+
+#header h1 {
+  font-size: 3.5em;
+  font-family: georgia;
+  letter-spacing: -3px;
+  color: #6E310B;
+}
+
+
+
+
+/**************************************************************
+   #menu: The top level site menu
+ **************************************************************/
+
+ul#menu {
+  width: 491px;
+  margin: 0 auto;  
+  padding: 0 !important;
+  padding: 0 0 0 10px;  
+}
+
+ul#menu li {
+  display: inline;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+ul#menu li a {
+  float: left;  
+  padding: 15px 0 5px 0;
+
+  font: 400 1.54em georgia, serif;
+  text-align: center;
+  text-decoration: none;
+  
+  color: #61804E;
+  border-bottom: 1px solid #D3F1B6;
+}
+
+ul#menu li a:visited {
+  background-color: #FFF;
+}
+
+ul#menu li a:hover {
+  color: #2E5F0F;
+  background: url(../img/bg/menu.gif) repeat-x bottom left;
+}
+
+ul#menu li a.here {
+  color: #512103;
+  background: url(../img/bg/menu.gif) repeat-x bottom left;
+}
+
+/* helper classes to control width of links in topbar */
+ul.two li a {
+  width: 50%;
+}
+
+ul.three li a {
+  width: 33%;
+}
+
+ul.four li a {
+  width: 25%;
+}
+
+ul.five li a {
+  width: 20%;
+}
+
+/**************************************************************
+   #page: Holds the main page content.
+ **************************************************************/
+
+#page {  
+  float: left;
+  clear: both;   
+  width: 491px !important;
+  width: 100%;
+  
+  padding: 2em 49px;  
+}
+
+
+
+
+/**************************************************************
+   .footer: Site footer
+ **************************************************************/
+
+.footer {
+  padding-top: 3em;
+  font-size: 0.85em;
+}
+
+
+
+
+/**************************************************************
+   .bigLinks: Large, clickable links
+ **************************************************************/
+
+ul.bigLinks {
+  margin: 10px 0;
+  padding: 0;
+  list-style: none;
+  
+}
+
+ul.bigLinks li {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  background: none;
+}
+
+ul.bigLinks li a,
+ul.bigLinks li a:visited {  
+  display: block;
+
+  margin: 10px 0;
+  padding: 3px;
+
+  text-decoration: none;
+  background-color: #FFF;
+  border: 0;  
+}
+
+ul.bigLinks li a:hover {
+  padding-bottom: 2px;
+  background-color: #F1FFE3;
+  border-bottom: 1px solid #B8E78B;
+}
+
+ul.bigLinks li a span.title {
+  color: #5E9040;  
+  border-bottom: 1px solid #B8E78B;
+}
+
+ul.bigLinks li a:hover span.title {
+  color: #3C5D29;
+  border-bottom: 1px solid #4A6E35;
+}
+
+ul.bigLinks li a span.desc {
+  display: block;
+  color: #6D6864;
+}
+
+ul.bigLinks li a:hover span.desc {
+  color: #555;
+}
+
+
+
+/**************************************************************
+   Width classes used by the site columns
+ **************************************************************/
+
+.width100 {
+  width: 100%;
+}
+
+.width75 {
+  width: 73%;
+}
+
+.width66 {
+  width: 64%;
+}
+
+.width50 {
+  width: 48%;
+}
+
+.width33 {
+  width: 31%;
+}
+
+.width25 {
+  width: 23%;
+}
+
+
+
+/**************************************************************
+   Alignment classes
+ **************************************************************/
+
+.floatLeft {
+  float: left;
+}
+
+.floatRight {
+  float: right;
+}
+
+.alignLeft {
+  text-align: left;
+}
+
+.alignRight {
+  text-align: right;
+}
+
+
+
+/**************************************************************
+   Generic display classes
+ **************************************************************/
+
+.clear {
+  clear: both;
+}
+
+.block {
+  display: block;
+}
+
+.big {
+  font-size: 1.3em;  
+}
+
+.small {
+  font-size: 0.85em;  
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.grey {
+  color: #AAA;
+}
+
+.green {
+  color: #82C048;
+}
+
+.darkBrown {
+  color: #512103;
+}
+
+
+.greenBg {
+  padding: 0 10px;
+  background-color: #F1FFE3;
+  border-bottom: 1px solid #B8E78B;
+}
+
+.highlight {
+  padding: 1px 2px;
+  background: #D9F5EC;
+  border-top: 1px solid #BDEDDE;
+}
+
+
+
+
+