Separating WP styles out into general FSS site, FSS theme site, and F…

…SS theme colour styles

idi_theme/footer.php

@@ -1,5 +1,5 @@
 	</div>
-	<footer role="contentinfo" class="fl-push">
+	<footer role="contentinfo" class="fl-site-footer fl-push">
 		<?php dynamic_sidebar('sidebar-3'); ?>
 		<?php dynamic_sidebar('sidebar-4'); ?>		
 	</footer>

idi_theme/fss/css/fss-site.css

@@ -0,0 +1,21 @@
+/* FSS general site styles */
+
+.fl-site-logo { background-repeat: none; }
+
+/* Layout */
+.fl-site-wrapper {} 
+
+.fl-site-header {}
+
+.fl-site-footer {}
+
+/* Navigation */
+.fl-site-nav-main {}
+
+.fl-site-nav-sub {}
+
+/* Sidebars */
+
+.fl-site-side-info {}
+
+.fl-site-side-links {}

idi_theme/fss/css/fss-theme-idi-site.css

@@ -0,0 +1,40 @@
+/*
+        IDI
+============================================= 
+ * Layout specifics for IDI theme
+ */
+
+.fl-site-logo { 
+	background-image: url('images/idi_logo.png');
+} 
+
+/* Layout */
+.fl-site-wrapper { 
+    margin: 0 auto;
+    line-height: 150%;
+} 
+
+.fl-site-header {
+	width: 100%;
+    height: 8em;
+	border-bottom: 1px solid black;    
+	margin-bottom: 2em;
+}
+
+.fl-site-footer {
+    text-align: center;
+    padding: 10px;
+}
+
+/* Navigation */
+.fl-site-nav-main {}
+
+.fl-site-nav-sub {}
+
+/* Sidebars */
+
+.fl-site-side-info {}
+
+.fl-site-side-links {}
+
+/* FSS Overrides */

idi_theme/fss/css/fss-theme-idi.css

@@ -0,0 +1,134 @@
+/*
+        IDI
+=============================================
+ * Color Scheme:
+ *     	pink: #E31369
+ *		blue: #2361ae
+ *		yellow: #f6e935
+ *		dk grey: #404041 (text)
+ *		lt grey: #dde0e1
+ */
+
+/* 
+ * General Styling
+ */
+
+.fl-theme-idi {color:#404041; background-color:#ffffff;}
+
+/* Divs, inputs */
+.fl-theme-idi div, .fl-theme-idi input {color:#404041; border-color:#404041;}
+
+/* Links */
+.fl-theme-idi a  {color: #2361ae;}
+
+/* Headers */
+.fl-theme-idi h1, .fl-theme-idi h2 { color: #e31369; }
+
+.fl-theme-idi h3,
+.fl-theme-idi h4,
+.fl-theme-idi h5,
+.fl-theme-idi h6 {color:#2361ae;}
+
+/* Tables */
+.fl-theme-idi th {border:0.1em solid #404041; background-color:#404041; color:#fff;}
+.fl-theme-idi td {border:0.1em solid #404041;}
+
+/* 
+ * FSS Elements
+ */
+
+/* Focus */
+.fl-theme-idi .fl-focus:focus,
+.fl-theme-idi .fl-focus :focus,
+.fl-theme-idi.fl-focus :focus,
+.fl-theme-idi .selectable {outline: 0.2em solid #F00;}
+
+.fl-theme-idi .fl-knockout {background:transparent !important; color:#404041;} /* Deprecated: use .fl-noBackgroundImages */
+
+/* Icons */
+.fl-theme-idi .fl-icon {background-color:#fff;}
+
+/* Tabs */
+.fl-theme-idi .fl-tabs {border-bottom-color:#404041;}
+.fl-theme-idi .fl-tabs li,
+.fl-theme-idi .fl-tabs li * {border-color:#404041; border-bottom-color:#404041; }
+.fl-theme-idi .fl-tabs li {background-color:#404041;}
+.fl-theme-idi .fl-tabs li * {color:#fff; font-weight:bold; background-color:#404041;text-decoration:none;}
+
+.fl-theme-idi .fl-tabs li:hover,
+.fl-theme-idi .fl-tabs li:hover *,
+.fl-theme-idi .fl-tabs li a:hover {color:#404041; background-color:#fff;}
+
+.fl-theme-idi .fl-tabs li.fl-tabs-active,
+.fl-theme-idi .fl-tabs li.fl-tabs-active a,
+.fl-theme-idi .fl-tabs li.fl-tabs-active a:hover, 
+
+.fl-theme-idi .fl-tabs li.fl-activeTab,
+.fl-theme-idi .fl-tabs li.fl-activeTab:hover,
+.fl-theme-idi .fl-tabs li.fl-activeTab a,
+.fl-theme-idi .fl-tabs li.fl-activeTab a:hover {background-color: #fff; border-bottom-color:#fff; color:#404041;}
+.fl-theme-idi .fl-tab-content {background-color:#ffffff; color:#404041;}
+
+/* Menu */
+.fl-theme-idi .fl-listmenu, 
+.fl-theme-idi .fl-list-menu {border:1px solid #404041; border-bottom-width:2px; background-color:#fff;}
+.fl-theme-idi .fl-listmenu li, 
+.fl-theme-idi .fl-list-menu li,
+.fl-theme-idi .fl-listmenu li a, 
+.fl-theme-idi .fl-list-menu li a {font-weight:bold; color:#404041; background-color:#ffffff; border-color:#404041; text-decoration:none;}
+.fl-theme-idi .fl-listmenu a:hover, 
+.fl-theme-idi .fl-list-menu a:hover {background-color:#404041; color: #ffffff;}
+.fl-theme-idi .fl-listmenu .fl-activemenu a, 
+.fl-theme-idi .fl-list-menu .fl-activemenu a,
+.fl-theme-idi .fl-listmenu .fl-activemenu a:hover, 
+.fl-theme-idi .fl-list-menu .fl-activemenu a:hover { background-color: #404041; border-bottom-color:#fff; color:#ffffff;}
+
+/* Buttons */
+.fl-theme-idi .fl-button-left,
+.fl-theme-idi .fl-button-right {color:#404041; background-color:#ffffff;}
+.fl-theme-idi .fl-button-left,
+.fl-theme-idi .fl-button-right {background-image:url('../images/themes/hc/buttons-med-cap.png');}
+.fl-theme-idi .fl-button-inner {background-image:url('../images/themes/hc/buttons-med-bg.png');}
+
+/* Widgets */
+.fl-theme-idi .fl-widget {background-color:#404041; border:1px solid #fff;}
+.fl-theme-idi .fl-widget h2 {display:inline;}
+.fl-theme-idi .fl-widget a {color:#404041;}
+.fl-theme-idi .fl-widget .fl-icon-more {background-image:url('../images/themes/hc/icon-widget-More.png'); margin-left:0px;}
+.fl-theme-idi .fl-widget .fl-icon-close {background-image:url('../images/themes/hc/icon-widget-Close.png'); margin-right:0px;}
+
+/* Widget titlebar */
+.fl-theme-idi .fl-widget .fl-widget-titlebar {margin-bottom:3px;}
+.fl-theme-idi .fl-grabbable .fl-widget-titlebar {background-image:url('../images/themes/hc/icon-widget-gripper.png');}
+.fl-theme-idi .fl-grabbable .fl-widget-titlebar h2 {display:inline;}
+.fl-theme-idi .fl-widget-titlebar .icon {background-position:center center;}
+.fl-theme-idi .fl-widget-titlebar .fl-button-right,
+.fl-theme-idi .fl-widget-titlebar .fl-button-left {
+    color:#404041;
+    background-image:url('../images/themes/hc/buttons-titlebar-cap.png');
+    text-decoration:none;
+}
+.fl-theme-idi .fl-widget-titlebar .fl-button-inner {
+    background-image:url(../images/themes/hc/buttons-titlebar-bg.png);
+}
+
+/* Widget options */
+.fl-theme-idi .fl-widget .fl-widget-options {padding:0px;}
+.fl-theme-idi .fl-widget .fl-widget-options li {border-left:1px solid #fff;}
+
+/* Widget content */
+.fl-theme-idi .fl-widget .fl-widget-content {background-color:#fff;}
+
+/* 
+ * Infusion Components
+ */
+
+/* Progress */
+.fl-theme-idi .fl-progress-bounds {border-color:#404041; background-color:#fff;}
+.fl-theme-idi .fl-progress-fill {color:#fff; background-color:#404041;}
+
+/* Reorderer */
+.fl-theme-idi .fl-reorderer-dropMarker {background-color:#f00;}
+
+/* Inline edit */
+.fl-theme-idi .fl-inlineEdit-edit {background-color:#404041; color:#fff; border: 0.1em solid #fff; padding:0.1em; margin:-0.1em;}

idi_theme/header.php

@@ -8,6 +8,9 @@
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-base-global.css" />
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-layout.css" />
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-text.css" />
+<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-site.css" />
+<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-theme-idi-site.css" />
+<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/fss/css/fss-theme-idi.css" />
 
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
@@ -26,10 +29,10 @@
 </head>
 
 <body> 
-<div id="idi-wrapper" class="fl-container-950">
+<div class="fl-theme-idi fl-site-wrapper fl-container-950">
 	<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'content' ); ?>"><?php _e( 'Skip to content', 'content' ); ?></a></div>
 
-	<header>
+	<header class="fl-site-header">
 		<h1 id="site-title" class="fl-force-left"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php bloginfo('template_url'); ?>/images/idi_logo.png" alt="IDI logo" /></a></h1>
 
 		<nav id="main-nav" role="navigation" class="fl-force-right">

idi_theme/style.css

@@ -6,31 +6,8 @@ Author: Heidi Valles
 Version: 1.0
 */
 
-/* Layout */
-#idi-wrapper {
-    margin: 0 auto;
-    background: #fff;
-    line-height: 150%;
-    color: #404041;
-}
-
-header {
-	width: 100%;
-    height: 8em;
-	border-bottom: 1px solid black;    
-	margin-bottom: 2em;
-}
-
-footer {
-    text-align: center;
-    padding: 10px;
-}
 
 /* Links */
-a:link, a:visited{
-    color: #2361ae;
-}
-
 .skip-link a:link, .skip-link a:visited {
 	color: #fff;	
 } 
@@ -40,14 +17,6 @@ a:hover, .skip-link a:hover {
     text-decoration: none;
 }
 
-/* Headings */
-h2 {
-	color: #e31369;
-}
-h3, h4 {
-	color: #2361ae;
-}
-
 /* Main Navigation */
 #main-nav ul {
 	margin: 0px;