From: Fredrik Unger <fred@tree.se>
Date: Thu, 3 Mar 2011 20:36:50 +0000 (+0100)
Subject: Moving css to a separate directory.
X-Git-Tag: v1.0~40
X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=commitdiff_plain;h=ba356e6e6e51bee8a63eb7b24f7d04e6a292fc0d

Moving css to a separate directory.
---

diff --git a/style/adropabove/css/print.css b/style/adropabove/css/print.css
new file mode 100644
index 0000000..3494868
--- /dev/null
+++ b/style/adropabove/css/print.css
@@ -0,0 +1,20 @@
+body { 
+  color : #000000; 
+  background : #ffffff; 
+  font-family : "Times New Roman", Times, serif;
+  font-size : 12pt; 
+}
+
+a { 
+  text-decoration : underline; 
+  color : #0000ff; 
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside { 
+  display : none; 
+}
diff --git a/style/adropabove/css/styles.css b/style/adropabove/css/styles.css
new file mode 100644
index 0000000..7e1722f
--- /dev/null
+++ b/style/adropabove/css/styles.css
@@ -0,0 +1,264 @@
+/* Created by http://freehtml5templates.com */
+/* reset */
+* {
+margin: 0;
+padding: 0;
+}
+
+/* render html5 elements as block */
+header, footer, section, aside, nav, article {
+display: block;
+}
+
+body {
+line-height: 1;
+background: #f1f1f1 url("images/bg.gif") repeat;
+font-family: Verdana, Arial, Helvetica, sans-serif;
+color: #666;
+font-size: 14px;
+line-height: 18px;
+}
+	
+/* layout */
+
+#wrapper {
+width: 940px;
+margin: 0 auto;
+margin-top: 5px;
+margin-bottom: 5px;
+-webkit-box-shadow: 3px 3px 7px #777;
+-moz-box-shadow: 3px 3px 7px #777;
+}
+
+nav {
+width: 940px;
+height: 50px;
+margin: 0 auto;
+background: #110E0F;
+}
+
+header {
+width: 940px;
+height: 200px;
+margin: 0 auto;
+background: #fff url(images/headerimg.jpg) no-repeat left top;
+}
+
+#main {
+width: 940px;
+margin: 0 auto;
+padding-top: 30px;
+background: #FFF url(images/colbg.png) repeat-y;
+overflow: hidden;
+}
+
+#content {
+float: right;
+width: 640px;
+margin-right: 30px;
+}
+
+#sidebar {
+float: left;
+padding-left: 20px;
+width: 220px;
+background: #E6EBF8;
+}
+
+footer {
+width: 940px;
+margin: 0 auto;
+clear: both;
+}
+
+/* basics */
+
+h1,h2,h3,h4,h5,h6 {
+font-weight: bold;
+clear: both;
+color: #333;
+}
+
+a:link, a:visited {
+color:#004C9A;
+}
+
+a:hover, a:active {
+color: #333;
+}
+
+hr {
+background-color: #E7E7E7;
+border: 0;
+height: 1px;
+margin-bottom: 18px;
+clear: both;
+}
+
+p {
+margin-bottom: 18px;
+}
+
+li {
+padding-left: 5px;
+}
+
+/* nav */
+
+nav .menu {
+font-size: 16px;
+font-weight: bold;
+}
+
+nav .menu ul {
+margin: 0;
+padding: 17px 0 0 20px;
+list-style: none;
+line-height: normal;
+}
+
+nav .menu li {
+display: block;
+float: left;
+}
+
+nav .menu a {
+display: block;
+float: left;
+margin-right: 5px;
+padding: 0px 15px;
+text-decoration: none;
+color: #FFF;
+}
+
+nav .menu a:hover {
+border-top: #FFF 1px solid;
+border-bottom: #FFF 1px solid;
+}
+
+/** HEADER */
+
+header h1, header h2 {
+margin: 0;
+padding: 0 0 0 30px;
+line-height: normal;
+}
+
+header h1 { 	
+float: left;
+padding-top: 20px; 
+}
+
+header h1 a:link, header h1 a:visited {
+text-decoration: none;
+color: #FFF;
+}
+
+header h1 a:hover { 
+text-decoration: underline; 
+}
+
+header h2 {
+padding: 20px 0 0 30px;
+font-style: italic;
+font-size: 14px;
+color: #FFFFFF;
+}
+
+/** ARTICLES **/
+article img {
+border: none;
+-webkit-box-shadow: 3px 3px 7px #777;
+-moz-box-shadow: 3px 3px 7px #777;
+}
+
+#content p, ul, ol, hr {
+margin-bottom: 24px;
+}
+
+#content ul ul, ol ol, ul ol, ol ul {
+margin-bottom: 0;
+}
+
+#content h1, h2, h3, h4, h5, h6 {
+color: #333;
+margin: 0 0 20px 0;
+line-height: 1.5em;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+.alignleft, img.alignleft {
+display: inline;
+float: left;
+margin-right: 24px;
+margin-top: 4px;
+}
+
+.alignright, img.alignright {
+display: inline;
+float: right;
+margin-left: 24px;
+margin-top: 4px;
+}
+
+.aligncenter, img.aligncenter {
+clear: both;
+display: block;
+margin-left: auto;
+margin-right: auto;
+}
+
+img.alignleft, img.alignright, img.aligncenter {
+margin-bottom: 12px;
+}
+
+/* sidebar and footer widget blocks */
+
+aside h3 {
+font-size: 18px;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+aside ul {
+list-style: none;
+margin-bottom: 20px;
+margin-top: -15px;
+}
+
+aside li a {
+display: block;
+text-decoration: none;
+}
+
+aside li a:hover {
+border-top: #333 1px solid;
+border-bottom: #333 1px solid;
+}
+
+#footer-area {
+background: #000;
+color: #FFF;
+font-size: 90%;
+padding: 18px 0;
+overflow: hidden;
+}
+
+.footer-segment {
+float: left;
+margin-right: 20px;
+margin-left: 20px;
+width: 190px;
+}
+
+footer aside h4 {
+color: #FFF;
+font-size: 16px;
+line-height: 1.5em;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+footer a:link, footer a:visited {
+color: #FFF;
+}
+
+
diff --git a/style/adropabove/css/superfish.css b/style/adropabove/css/superfish.css
new file mode 100644
index 0000000..0d90ba2
--- /dev/null
+++ b/style/adropabove/css/superfish.css
@@ -0,0 +1,135 @@
+
+/*** ESSENTIAL STYLES ***/
+.sf-menu, .sf-menu * {
+	margin:			0;
+	padding:		0;
+	list-style:		none;
+}
+.sf-menu {
+	line-height:	1.0;
+}
+.sf-menu ul {
+	position:		absolute;
+	top:			-999em;
+	width:			10em; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li {
+	width:			100%;
+}
+.sf-menu li:hover {
+	visibility:		inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+	float:			left;
+	position:		relative;
+}
+.sf-menu a {
+	display:		block;
+	position:		relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+	left:			0;
+	top:			2.5em; /* match top ul list item height */
+	z-index:		99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+ul.sf-menu li li:hover li ul,
+ul.sf-menu li li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li li:hover ul,
+ul.sf-menu li li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+
+/*** DEMO SKIN ***/
+.sf-menu {
+	float:			left;
+	margin-bottom:	1em;
+}
+.sf-menu a {
+	font-weight: bold;
+	padding: 		.75em 1em;
+	text-decoration:none;
+}
+.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+	color:			#fff;
+}
+.sf-menu li {
+	background:		#000; /* Top level */
+}
+.sf-menu li li {
+	background:		#636363; /* 1st level dropdowns */
+}
+.sf-menu li li li {
+	background:		#B3B3B3; /* 2nd level flyouts */
+}
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+	background:		#202020; /* hover color */
+	outline:		0;
+}
+
+/*** arrows **/
+.sf-menu a.sf-with-ul {
+	padding-right: 	2.25em;
+	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
+}
+.sf-sub-indicator {
+	position:		absolute;
+	display:		block;
+	right:			.75em;
+	top:			1.05em; /* IE6 only */
+	width:			10px;
+	height:			10px;
+	text-indent: 	-999em;
+	overflow:		hidden;
+	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+}
+a > .sf-sub-indicator {  /* give all except IE6 the correct values */
+	top:			.8em;
+	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+}
+/* apply hovers to modern browsers */
+a:focus > .sf-sub-indicator,
+a:hover > .sf-sub-indicator,
+a:active > .sf-sub-indicator,
+li:hover > a > .sf-sub-indicator,
+li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px -100px; /* arrow hovers for modern browsers*/
+}
+
+/* point right for anchors in subs */
+.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
+.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
+/* apply hovers to modern browsers */
+.sf-menu ul a:focus > .sf-sub-indicator,
+.sf-menu ul a:hover > .sf-sub-indicator,
+.sf-menu ul a:active > .sf-sub-indicator,
+.sf-menu ul li:hover > a > .sf-sub-indicator,
+.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px 0; /* arrow hovers for modern browsers*/
+}
+
+/*** shadows for all but IE6 ***/
+.sf-shadow ul {
+	background:	url('images/shadow.png') no-repeat bottom right;
+	padding: 0 8px 9px 0;
+	-moz-border-radius-bottomleft: 17px;
+	-moz-border-radius-topright: 17px;
+	-webkit-border-top-right-radius: 17px;
+	-webkit-border-bottom-left-radius: 17px;
+}
+.sf-shadow ul.sf-shadow-off {
+	background: transparent;
+}
diff --git a/style/adropabove/index.html b/style/adropabove/index.html
old mode 100755
new mode 100644
index a1f6ee2..c92dd82
--- a/style/adropabove/index.html
+++ b/style/adropabove/index.html
@@ -4,10 +4,13 @@
   <head>
     <meta charset="utf-8" />
     <title>A Drop Above</title>
-    <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+    <link rel="stylesheet" href="styles.css"
+	  type="text/css" media="screen" />
+    <link rel="stylesheet" href="print.css"
+	  type="text/css" media="print" />
     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-    <link rel="stylesheet" type="text/css" href="superfish.css" media="screen"/>
+    <link rel="stylesheet" href="superfish.css"
+	  type="text/css" media="screen"/>
     <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
     <script type="text/javascript" src="js/hoverIntent.js"></script>
     <script type="text/javascript" src="js/superfish.js"></script>
diff --git a/style/adropabove/print.css b/style/adropabove/print.css
deleted file mode 100644
index 3494868..0000000
--- a/style/adropabove/print.css
+++ /dev/null
@@ -1,20 +0,0 @@
-body { 
-  color : #000000; 
-  background : #ffffff; 
-  font-family : "Times New Roman", Times, serif;
-  font-size : 12pt; 
-}
-
-a { 
-  text-decoration : underline; 
-  color : #0000ff; 
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside { 
-  display : none; 
-}
diff --git a/style/adropabove/styles.css b/style/adropabove/styles.css
deleted file mode 100755
index 7e1722f..0000000
--- a/style/adropabove/styles.css
+++ /dev/null
@@ -1,264 +0,0 @@
-/* Created by http://freehtml5templates.com */
-/* reset */
-* {
-margin: 0;
-padding: 0;
-}
-
-/* render html5 elements as block */
-header, footer, section, aside, nav, article {
-display: block;
-}
-
-body {
-line-height: 1;
-background: #f1f1f1 url("images/bg.gif") repeat;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-color: #666;
-font-size: 14px;
-line-height: 18px;
-}
-	
-/* layout */
-
-#wrapper {
-width: 940px;
-margin: 0 auto;
-margin-top: 5px;
-margin-bottom: 5px;
--webkit-box-shadow: 3px 3px 7px #777;
--moz-box-shadow: 3px 3px 7px #777;
-}
-
-nav {
-width: 940px;
-height: 50px;
-margin: 0 auto;
-background: #110E0F;
-}
-
-header {
-width: 940px;
-height: 200px;
-margin: 0 auto;
-background: #fff url(images/headerimg.jpg) no-repeat left top;
-}
-
-#main {
-width: 940px;
-margin: 0 auto;
-padding-top: 30px;
-background: #FFF url(images/colbg.png) repeat-y;
-overflow: hidden;
-}
-
-#content {
-float: right;
-width: 640px;
-margin-right: 30px;
-}
-
-#sidebar {
-float: left;
-padding-left: 20px;
-width: 220px;
-background: #E6EBF8;
-}
-
-footer {
-width: 940px;
-margin: 0 auto;
-clear: both;
-}
-
-/* basics */
-
-h1,h2,h3,h4,h5,h6 {
-font-weight: bold;
-clear: both;
-color: #333;
-}
-
-a:link, a:visited {
-color:#004C9A;
-}
-
-a:hover, a:active {
-color: #333;
-}
-
-hr {
-background-color: #E7E7E7;
-border: 0;
-height: 1px;
-margin-bottom: 18px;
-clear: both;
-}
-
-p {
-margin-bottom: 18px;
-}
-
-li {
-padding-left: 5px;
-}
-
-/* nav */
-
-nav .menu {
-font-size: 16px;
-font-weight: bold;
-}
-
-nav .menu ul {
-margin: 0;
-padding: 17px 0 0 20px;
-list-style: none;
-line-height: normal;
-}
-
-nav .menu li {
-display: block;
-float: left;
-}
-
-nav .menu a {
-display: block;
-float: left;
-margin-right: 5px;
-padding: 0px 15px;
-text-decoration: none;
-color: #FFF;
-}
-
-nav .menu a:hover {
-border-top: #FFF 1px solid;
-border-bottom: #FFF 1px solid;
-}
-
-/** HEADER */
-
-header h1, header h2 {
-margin: 0;
-padding: 0 0 0 30px;
-line-height: normal;
-}
-
-header h1 { 	
-float: left;
-padding-top: 20px; 
-}
-
-header h1 a:link, header h1 a:visited {
-text-decoration: none;
-color: #FFF;
-}
-
-header h1 a:hover { 
-text-decoration: underline; 
-}
-
-header h2 {
-padding: 20px 0 0 30px;
-font-style: italic;
-font-size: 14px;
-color: #FFFFFF;
-}
-
-/** ARTICLES **/
-article img {
-border: none;
--webkit-box-shadow: 3px 3px 7px #777;
--moz-box-shadow: 3px 3px 7px #777;
-}
-
-#content p, ul, ol, hr {
-margin-bottom: 24px;
-}
-
-#content ul ul, ol ol, ul ol, ol ul {
-margin-bottom: 0;
-}
-
-#content h1, h2, h3, h4, h5, h6 {
-color: #333;
-margin: 0 0 20px 0;
-line-height: 1.5em;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-.alignleft, img.alignleft {
-display: inline;
-float: left;
-margin-right: 24px;
-margin-top: 4px;
-}
-
-.alignright, img.alignright {
-display: inline;
-float: right;
-margin-left: 24px;
-margin-top: 4px;
-}
-
-.aligncenter, img.aligncenter {
-clear: both;
-display: block;
-margin-left: auto;
-margin-right: auto;
-}
-
-img.alignleft, img.alignright, img.aligncenter {
-margin-bottom: 12px;
-}
-
-/* sidebar and footer widget blocks */
-
-aside h3 {
-font-size: 18px;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-aside ul {
-list-style: none;
-margin-bottom: 20px;
-margin-top: -15px;
-}
-
-aside li a {
-display: block;
-text-decoration: none;
-}
-
-aside li a:hover {
-border-top: #333 1px solid;
-border-bottom: #333 1px solid;
-}
-
-#footer-area {
-background: #000;
-color: #FFF;
-font-size: 90%;
-padding: 18px 0;
-overflow: hidden;
-}
-
-.footer-segment {
-float: left;
-margin-right: 20px;
-margin-left: 20px;
-width: 190px;
-}
-
-footer aside h4 {
-color: #FFF;
-font-size: 16px;
-line-height: 1.5em;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-footer a:link, footer a:visited {
-color: #FFF;
-}
-
-
diff --git a/style/adropabove/superfish.css b/style/adropabove/superfish.css
deleted file mode 100755
index 0d90ba2..0000000
--- a/style/adropabove/superfish.css
+++ /dev/null
@@ -1,135 +0,0 @@
-
-/*** ESSENTIAL STYLES ***/
-.sf-menu, .sf-menu * {
-	margin:			0;
-	padding:		0;
-	list-style:		none;
-}
-.sf-menu {
-	line-height:	1.0;
-}
-.sf-menu ul {
-	position:		absolute;
-	top:			-999em;
-	width:			10em; /* left offset of submenus need to match (see below) */
-}
-.sf-menu ul li {
-	width:			100%;
-}
-.sf-menu li:hover {
-	visibility:		inherit; /* fixes IE7 'sticky bug' */
-}
-.sf-menu li {
-	float:			left;
-	position:		relative;
-}
-.sf-menu a {
-	display:		block;
-	position:		relative;
-}
-.sf-menu li:hover ul,
-.sf-menu li.sfHover ul {
-	left:			0;
-	top:			2.5em; /* match top ul list item height */
-	z-index:		99;
-}
-ul.sf-menu li:hover li ul,
-ul.sf-menu li.sfHover li ul {
-	top:			-999em;
-}
-ul.sf-menu li li:hover ul,
-ul.sf-menu li li.sfHover ul {
-	left:			10em; /* match ul width */
-	top:			0;
-}
-ul.sf-menu li li:hover li ul,
-ul.sf-menu li li.sfHover li ul {
-	top:			-999em;
-}
-ul.sf-menu li li li:hover ul,
-ul.sf-menu li li li.sfHover ul {
-	left:			10em; /* match ul width */
-	top:			0;
-}
-
-/*** DEMO SKIN ***/
-.sf-menu {
-	float:			left;
-	margin-bottom:	1em;
-}
-.sf-menu a {
-	font-weight: bold;
-	padding: 		.75em 1em;
-	text-decoration:none;
-}
-.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
-	color:			#fff;
-}
-.sf-menu li {
-	background:		#000; /* Top level */
-}
-.sf-menu li li {
-	background:		#636363; /* 1st level dropdowns */
-}
-.sf-menu li li li {
-	background:		#B3B3B3; /* 2nd level flyouts */
-}
-.sf-menu li:hover, .sf-menu li.sfHover,
-.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
-	background:		#202020; /* hover color */
-	outline:		0;
-}
-
-/*** arrows **/
-.sf-menu a.sf-with-ul {
-	padding-right: 	2.25em;
-	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
-}
-.sf-sub-indicator {
-	position:		absolute;
-	display:		block;
-	right:			.75em;
-	top:			1.05em; /* IE6 only */
-	width:			10px;
-	height:			10px;
-	text-indent: 	-999em;
-	overflow:		hidden;
-	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
-}
-a > .sf-sub-indicator {  /* give all except IE6 the correct values */
-	top:			.8em;
-	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
-}
-/* apply hovers to modern browsers */
-a:focus > .sf-sub-indicator,
-a:hover > .sf-sub-indicator,
-a:active > .sf-sub-indicator,
-li:hover > a > .sf-sub-indicator,
-li.sfHover > a > .sf-sub-indicator {
-	background-position: -10px -100px; /* arrow hovers for modern browsers*/
-}
-
-/* point right for anchors in subs */
-.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
-.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
-/* apply hovers to modern browsers */
-.sf-menu ul a:focus > .sf-sub-indicator,
-.sf-menu ul a:hover > .sf-sub-indicator,
-.sf-menu ul a:active > .sf-sub-indicator,
-.sf-menu ul li:hover > a > .sf-sub-indicator,
-.sf-menu ul li.sfHover > a > .sf-sub-indicator {
-	background-position: -10px 0; /* arrow hovers for modern browsers*/
-}
-
-/*** shadows for all but IE6 ***/
-.sf-shadow ul {
-	background:	url('images/shadow.png') no-repeat bottom right;
-	padding: 0 8px 9px 0;
-	-moz-border-radius-bottomleft: 17px;
-	-moz-border-radius-topright: 17px;
-	-webkit-border-top-right-radius: 17px;
-	-webkit-border-bottom-left-radius: 17px;
-}
-.sf-shadow ul.sf-shadow-off {
-	background: transparent;
-}
diff --git a/style/bluenightsky/css/lightbox.css b/style/bluenightsky/css/lightbox.css
new file mode 100644
index 0000000..cad92e6
--- /dev/null
+++ b/style/bluenightsky/css/lightbox.css
@@ -0,0 +1,101 @@
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.5.css
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.5
+ * @date April 11, 2008
+ * @category jQuery plugin
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img { border: none; }
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image { padding: 10px; }
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav { left: 0; }
+#lightbox-nav a { outline: none;}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev { 
+	left: 0; 
+	float: left;
+}
+#lightbox-nav-btnNext { 
+	right: 0; 
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px; 
+	color: #666; 
+}
+#lightbox-container-image-data #lightbox-image-details { 
+	width: 70%; 
+	float: left; 
+	text-align: left; 
+}	
+#lightbox-image-details-caption { font-weight: bold; }
+#lightbox-image-details-currentNumber {
+	display: block; 
+	clear: left; 
+	padding-bottom: 1.0em;	
+}			
+#lightbox-secNav-btnClose {
+	width: 66px; 
+	float: right;
+	padding-bottom: 0.7em;	
+}
diff --git a/style/bluenightsky/css/print.css b/style/bluenightsky/css/print.css
new file mode 100644
index 0000000..3494868
--- /dev/null
+++ b/style/bluenightsky/css/print.css
@@ -0,0 +1,20 @@
+body { 
+  color : #000000; 
+  background : #ffffff; 
+  font-family : "Times New Roman", Times, serif;
+  font-size : 12pt; 
+}
+
+a { 
+  text-decoration : underline; 
+  color : #0000ff; 
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside { 
+  display : none; 
+}
diff --git a/style/bluenightsky/css/styles.css b/style/bluenightsky/css/styles.css
new file mode 100644
index 0000000..146e482
--- /dev/null
+++ b/style/bluenightsky/css/styles.css
@@ -0,0 +1,467 @@
+/* Created by http://freehtml5templates.com */
+
+/* reset */
+* {
+margin: 0;
+padding: 0;
+}
+
+/* render html5 elements as block */
+header, footer, section, aside, nav, article {
+display: block;
+}
+
+body {
+line-height: 1;
+background: #0d144a;
+font-family: Verdana, Arial, Helvetica, sans-serif;
+color: #333;
+font-size: 14px;
+line-height: 18px;
+}
+	
+/* layout */
+
+#wrapper {
+width: 940px;
+margin: 0 auto;
+margin-top: 20px;
+margin-bottom: 20px;
+border: 3px solid #888;
+background: #d5def7;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+nav {
+width: 940px;
+height: 50px;
+margin: 0 auto;
+background: #000;
+}
+
+#main {
+width: 940px;
+margin: 0 auto;
+padding-top: 30px;
+background: #d5def7 url(images/colbg.png) repeat-y;
+overflow: hidden;
+}
+
+#content {
+float: right;
+width: 640px; 
+margin: 0 0 10px 0; 
+padding: 10px 30px 5px 0;
+}
+
+#sidebar {
+float: left;
+padding: 10px 0 0 20px;
+width: 220px;
+}
+
+footer {
+width: 940px;
+margin: 0 auto;
+clear: both;
+}
+
+/* basics */
+
+h1,h2,h3,h4,h5,h6 {
+font-weight: bold;
+clear: both;
+color: #333;
+}
+
+a:link, a:visited {
+color:#004C9A;
+}
+
+a:hover, a:active {
+color: #333;
+}
+
+p {
+margin-bottom: 18px;
+}
+
+li {
+padding-left: 5px;
+}
+
+/* nav */
+
+nav {
+margin: 0 auto;
+display: block;
+float: left;
+}
+
+nav .menu {
+font-size: 16px;
+font-weight: bold;
+margin-left: 12px;
+}
+
+nav .menu ul {
+list-style: none;
+margin: 0;
+}
+
+nav .menu li {
+float: left;
+position: relative;
+}
+
+nav .menu a {
+display: block;
+text-decoration: none;
+color: #ccc;
+padding: 0 30px;
+line-height: 50px;
+}
+
+nav .menu a:hover {
+color: #fff;
+text-decoration: underline;
+}
+
+/* nav 1-level dropdowns */
+nav .menu li ul { 
+display: none; 
+z-index: 8888;
+}
+
+nav .menu ul li a {
+display: block;
+text-decoration: none;
+color: #FFF;
+background: #000;
+margin-left: 1px;
+white-space: nowrap;
+}
+nav .menu ul li a:hover { 
+background: #333; 
+}
+
+nav .menu li:hover ul {
+display: block;
+position: absolute;
+}
+
+nav .menu li:hover li {
+float: none;
+}
+
+nav .menu li:hover a { 
+background: #333; 
+}
+
+nav .menu li:hover li a:hover { 
+background: #333; 
+}
+
+/** HEADER */
+
+header {
+padding: 20px 0 0 0;
+}
+
+header img {
+clear: both;
+display: block;
+}
+
+header>h1 {
+float: left;
+margin: 0 0 18px 10px;
+width: 600px;
+font-size: 40px;
+line-height: 36px;
+}
+
+header>h1 a:link, header>h1 a:visited {
+color: #333;
+font-weight: bold;
+text-decoration: none;
+text-shadow: 0px 2px 3px #555;
+}
+
+header>h2 {
+color: #777;
+clear: right;
+float: right;
+font-style: italic;
+font-size: 14px;
+margin: 14px 10px 18px 0;
+}
+
+/** ARTICLES **/
+
+article {
+float: left;
+padding: 20px 10px 10px 10px;
+width: 620px;
+}
+
+.featured {
+width: 620px;
+float: left;
+margin-bottom: 10px;
+background: #BDBFE1;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .featuredthumb {
+float: left;
+width: 200px;
+height: 200px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .featuredtitle {
+float: right;
+width: 400px;
+font-size: 20px;
+font-weight: bold;
+line-height: 1.8em;
+}
+
+article .featuredstory {
+float: right;
+width: 400px;
+}
+
+article .thumb {
+float: right;
+width: 80px;
+height: 80px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .title {
+float: left;
+width: 500px;
+font-size: 16px;
+font-weight: bold;
+margin-bottom: 10px;
+}
+
+article .story {
+float: left;
+width: 500px;
+font-size: 12px;
+}
+
+.even {
+border-top: 1px solid #999;
+border-bottom: 1px solid #999;
+}
+
+
+
+#content h1, h2, h3, h4, h5, h6 {
+color: #333;
+margin: 0 0 20px 0;
+line-height: 1.5em;
+}
+
+.alignleft, img.alignleft {
+display: inline;
+float: left;
+margin-right: 10px;
+}
+
+.alignright, img.alignright {
+display: inline;
+float: right;
+margin-left: 10px;
+}
+
+.aligncenter, img.aligncenter {
+clear: both;
+display: block;
+margin-left: auto;
+margin-right: auto;
+}
+
+#lightboxthumbs {
+text-align: center;
+padding-bottom: 10px;
+}
+
+.frameit {
+border: 5px #0D144A solid;
+margin-right: 18px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+.frameitlast {
+border: 5px #0D144A solid;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+/* sidebar and footer widget blocks */
+
+.tabwidget {
+width: 200px; 
+font: 10px normal Verdana, Arial, Helvetica, sans-serif; 
+}
+
+ul.tabs {
+margin: 0;
+padding: 0;
+float: left;
+list-style: none;
+height: 32px;
+border-bottom: 1px solid #999;
+border-left: 1px solid #999;
+width: 100%;
+}
+
+ul.tabs li {
+float: left;
+margin: 0;
+padding: 0;
+height: 31px;
+line-height: 31px;
+border: 1px solid #999;
+border-left: none;
+margin-bottom: -1px;
+background: #e0e0e0;
+overflow: hidden;
+position: relative;
+}
+
+ul.tabs li a {
+text-decoration: none;
+color: #000;
+display: block;
+font-size: 1.2em;
+padding: 0 5px;
+border: 1px solid #fff;
+outline: none;
+}
+
+ul.tabs li a:hover {
+background: #ccc;
+}	
+
+html ul.tabs li.active, html ul.tabs li.active a:hover  {
+background: #BDBFE1;
+border-bottom: 1px solid #BDBFE1;
+}
+
+.tab_container {
+border: 1px solid #999;
+border-top: none;
+clear: both;
+float: left; 
+width: 100%;
+margin-bottom: 20px;
+background: #BDBFE1;
+-moz-border-radius-bottomright: 5px;
+-khtml-border-radius-bottomright: 5px;
+-webkit-border-bottom-right-radius: 5px;
+-moz-border-radius-bottomleft: 5px;
+-khtml-border-radius-bottomleft: 5px;
+-webkit-border-bottom-left-radius: 5px;
+}
+
+.tab_content {
+padding: 20px;
+font-size: 1.2em;
+line-height: 1.5em;
+}
+
+.tab_content ul {
+list-style: none;
+}
+
+.tab_content h3 {
+border-bottom: 1px dashed #03327d;
+}
+
+.tab_content a {
+color: #0A50C0;
+}
+
+.tab_content a:hover, a:active {
+color: #333;
+}
+
+.tab_content img {
+float: left;
+margin-right: 15px;
+border: 1px solid #03327d;
+padding: 5px;
+}
+
+
+aside .standard h3 {
+font-size: 18px;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+aside .standard ul {
+list-style: square;
+color: #bbb;
+margin: -15px 0 15px 25px;
+}
+
+#footer-area {
+background: #525588;
+color: #FFF;
+font-size: 90%;
+padding: 18px 0;
+overflow: hidden;
+/* curved border radius */
+-moz-border-radius-bottomright: 8px;
+-moz-border-radius-bottomleft: 8px;
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+
+.footer-segment {
+float: left;
+margin-right: 20px;
+margin-left: 20px;
+width: 190px;
+}
+
+footer aside h4 {
+color: #faf0e6;
+font-size: 16px;
+line-height: 1.5em;
+}
+
+footer ul {
+list-style: none;
+margin: -15px 0;
+}
+
+footer a:link, footer a:visited {
+color: #ccc;
+}
+
+footer a:hover { 
+text-decoration: underline; 
+}
+
+footer p {
+margin-top: -15px;
+color: #faf0e6;
+}
diff --git a/style/bluenightsky/index.html b/style/bluenightsky/index.html
old mode 100755
new mode 100644
index ba6150b..f12aeec
--- a/style/bluenightsky/index.html
+++ b/style/bluenightsky/index.html
@@ -4,13 +4,16 @@
   <head>
     <meta charset="utf-8" />
     <title>BlueNightSky</title>
-    <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+    <link rel="stylesheet" href="styles.css"
+	  type="text/css" media="screen" />
+    <link rel="stylesheet" href="print.css"
+	  type="text/css" media="print" />
     <script type="text/javascript"
 	    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
     </script>
     <script type="text/javascript" src="js/simpletabs.js"></script>
-    <link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />
+    <link rel="stylesheet" href="lightbox.css"
+	  type="text/css" media="screen" />
     <script type="text/javascript" src="js/jquery.js"></script>
     <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
diff --git a/style/bluenightsky/lightbox.css b/style/bluenightsky/lightbox.css
deleted file mode 100755
index cad92e6..0000000
--- a/style/bluenightsky/lightbox.css
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * jQuery lightBox plugin
- * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
- * and adapted to me for use like a plugin from jQuery.
- * @name jquery-lightbox-0.5.css
- * @author Leandro Vieira Pinho - http://leandrovieira.com
- * @version 0.5
- * @date April 11, 2008
- * @category jQuery plugin
- * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
- * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
- * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
- */
-#jquery-overlay {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 90;
-	width: 100%;
-	height: 500px;
-}
-#jquery-lightbox {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	z-index: 100;
-	text-align: center;
-	line-height: 0;
-}
-#jquery-lightbox a img { border: none; }
-#lightbox-container-image-box {
-	position: relative;
-	background-color: #fff;
-	width: 250px;
-	height: 250px;
-	margin: 0 auto;
-}
-#lightbox-container-image { padding: 10px; }
-#lightbox-loading {
-	position: absolute;
-	top: 40%;
-	left: 0%;
-	height: 25%;
-	width: 100%;
-	text-align: center;
-	line-height: 0;
-}
-#lightbox-nav {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 100%;
-	width: 100%;
-	z-index: 10;
-}
-#lightbox-container-image-box > #lightbox-nav { left: 0; }
-#lightbox-nav a { outline: none;}
-#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
-	width: 49%;
-	height: 100%;
-	zoom: 1;
-	display: block;
-}
-#lightbox-nav-btnPrev { 
-	left: 0; 
-	float: left;
-}
-#lightbox-nav-btnNext { 
-	right: 0; 
-	float: right;
-}
-#lightbox-container-image-data-box {
-	font: 10px Verdana, Helvetica, sans-serif;
-	background-color: #fff;
-	margin: 0 auto;
-	line-height: 1.4em;
-	overflow: auto;
-	width: 100%;
-	padding: 0 10px 0;
-}
-#lightbox-container-image-data {
-	padding: 0 10px; 
-	color: #666; 
-}
-#lightbox-container-image-data #lightbox-image-details { 
-	width: 70%; 
-	float: left; 
-	text-align: left; 
-}	
-#lightbox-image-details-caption { font-weight: bold; }
-#lightbox-image-details-currentNumber {
-	display: block; 
-	clear: left; 
-	padding-bottom: 1.0em;	
-}			
-#lightbox-secNav-btnClose {
-	width: 66px; 
-	float: right;
-	padding-bottom: 0.7em;	
-}
diff --git a/style/bluenightsky/print.css b/style/bluenightsky/print.css
deleted file mode 100644
index 3494868..0000000
--- a/style/bluenightsky/print.css
+++ /dev/null
@@ -1,20 +0,0 @@
-body { 
-  color : #000000; 
-  background : #ffffff; 
-  font-family : "Times New Roman", Times, serif;
-  font-size : 12pt; 
-}
-
-a { 
-  text-decoration : underline; 
-  color : #0000ff; 
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside { 
-  display : none; 
-}
diff --git a/style/bluenightsky/styles.css b/style/bluenightsky/styles.css
deleted file mode 100755
index 146e482..0000000
--- a/style/bluenightsky/styles.css
+++ /dev/null
@@ -1,467 +0,0 @@
-/* Created by http://freehtml5templates.com */
-
-/* reset */
-* {
-margin: 0;
-padding: 0;
-}
-
-/* render html5 elements as block */
-header, footer, section, aside, nav, article {
-display: block;
-}
-
-body {
-line-height: 1;
-background: #0d144a;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-color: #333;
-font-size: 14px;
-line-height: 18px;
-}
-	
-/* layout */
-
-#wrapper {
-width: 940px;
-margin: 0 auto;
-margin-top: 20px;
-margin-bottom: 20px;
-border: 3px solid #888;
-background: #d5def7;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-nav {
-width: 940px;
-height: 50px;
-margin: 0 auto;
-background: #000;
-}
-
-#main {
-width: 940px;
-margin: 0 auto;
-padding-top: 30px;
-background: #d5def7 url(images/colbg.png) repeat-y;
-overflow: hidden;
-}
-
-#content {
-float: right;
-width: 640px; 
-margin: 0 0 10px 0; 
-padding: 10px 30px 5px 0;
-}
-
-#sidebar {
-float: left;
-padding: 10px 0 0 20px;
-width: 220px;
-}
-
-footer {
-width: 940px;
-margin: 0 auto;
-clear: both;
-}
-
-/* basics */
-
-h1,h2,h3,h4,h5,h6 {
-font-weight: bold;
-clear: both;
-color: #333;
-}
-
-a:link, a:visited {
-color:#004C9A;
-}
-
-a:hover, a:active {
-color: #333;
-}
-
-p {
-margin-bottom: 18px;
-}
-
-li {
-padding-left: 5px;
-}
-
-/* nav */
-
-nav {
-margin: 0 auto;
-display: block;
-float: left;
-}
-
-nav .menu {
-font-size: 16px;
-font-weight: bold;
-margin-left: 12px;
-}
-
-nav .menu ul {
-list-style: none;
-margin: 0;
-}
-
-nav .menu li {
-float: left;
-position: relative;
-}
-
-nav .menu a {
-display: block;
-text-decoration: none;
-color: #ccc;
-padding: 0 30px;
-line-height: 50px;
-}
-
-nav .menu a:hover {
-color: #fff;
-text-decoration: underline;
-}
-
-/* nav 1-level dropdowns */
-nav .menu li ul { 
-display: none; 
-z-index: 8888;
-}
-
-nav .menu ul li a {
-display: block;
-text-decoration: none;
-color: #FFF;
-background: #000;
-margin-left: 1px;
-white-space: nowrap;
-}
-nav .menu ul li a:hover { 
-background: #333; 
-}
-
-nav .menu li:hover ul {
-display: block;
-position: absolute;
-}
-
-nav .menu li:hover li {
-float: none;
-}
-
-nav .menu li:hover a { 
-background: #333; 
-}
-
-nav .menu li:hover li a:hover { 
-background: #333; 
-}
-
-/** HEADER */
-
-header {
-padding: 20px 0 0 0;
-}
-
-header img {
-clear: both;
-display: block;
-}
-
-header>h1 {
-float: left;
-margin: 0 0 18px 10px;
-width: 600px;
-font-size: 40px;
-line-height: 36px;
-}
-
-header>h1 a:link, header>h1 a:visited {
-color: #333;
-font-weight: bold;
-text-decoration: none;
-text-shadow: 0px 2px 3px #555;
-}
-
-header>h2 {
-color: #777;
-clear: right;
-float: right;
-font-style: italic;
-font-size: 14px;
-margin: 14px 10px 18px 0;
-}
-
-/** ARTICLES **/
-
-article {
-float: left;
-padding: 20px 10px 10px 10px;
-width: 620px;
-}
-
-.featured {
-width: 620px;
-float: left;
-margin-bottom: 10px;
-background: #BDBFE1;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .featuredthumb {
-float: left;
-width: 200px;
-height: 200px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .featuredtitle {
-float: right;
-width: 400px;
-font-size: 20px;
-font-weight: bold;
-line-height: 1.8em;
-}
-
-article .featuredstory {
-float: right;
-width: 400px;
-}
-
-article .thumb {
-float: right;
-width: 80px;
-height: 80px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .title {
-float: left;
-width: 500px;
-font-size: 16px;
-font-weight: bold;
-margin-bottom: 10px;
-}
-
-article .story {
-float: left;
-width: 500px;
-font-size: 12px;
-}
-
-.even {
-border-top: 1px solid #999;
-border-bottom: 1px solid #999;
-}
-
-
-
-#content h1, h2, h3, h4, h5, h6 {
-color: #333;
-margin: 0 0 20px 0;
-line-height: 1.5em;
-}
-
-.alignleft, img.alignleft {
-display: inline;
-float: left;
-margin-right: 10px;
-}
-
-.alignright, img.alignright {
-display: inline;
-float: right;
-margin-left: 10px;
-}
-
-.aligncenter, img.aligncenter {
-clear: both;
-display: block;
-margin-left: auto;
-margin-right: auto;
-}
-
-#lightboxthumbs {
-text-align: center;
-padding-bottom: 10px;
-}
-
-.frameit {
-border: 5px #0D144A solid;
-margin-right: 18px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-.frameitlast {
-border: 5px #0D144A solid;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-/* sidebar and footer widget blocks */
-
-.tabwidget {
-width: 200px; 
-font: 10px normal Verdana, Arial, Helvetica, sans-serif; 
-}
-
-ul.tabs {
-margin: 0;
-padding: 0;
-float: left;
-list-style: none;
-height: 32px;
-border-bottom: 1px solid #999;
-border-left: 1px solid #999;
-width: 100%;
-}
-
-ul.tabs li {
-float: left;
-margin: 0;
-padding: 0;
-height: 31px;
-line-height: 31px;
-border: 1px solid #999;
-border-left: none;
-margin-bottom: -1px;
-background: #e0e0e0;
-overflow: hidden;
-position: relative;
-}
-
-ul.tabs li a {
-text-decoration: none;
-color: #000;
-display: block;
-font-size: 1.2em;
-padding: 0 5px;
-border: 1px solid #fff;
-outline: none;
-}
-
-ul.tabs li a:hover {
-background: #ccc;
-}	
-
-html ul.tabs li.active, html ul.tabs li.active a:hover  {
-background: #BDBFE1;
-border-bottom: 1px solid #BDBFE1;
-}
-
-.tab_container {
-border: 1px solid #999;
-border-top: none;
-clear: both;
-float: left; 
-width: 100%;
-margin-bottom: 20px;
-background: #BDBFE1;
--moz-border-radius-bottomright: 5px;
--khtml-border-radius-bottomright: 5px;
--webkit-border-bottom-right-radius: 5px;
--moz-border-radius-bottomleft: 5px;
--khtml-border-radius-bottomleft: 5px;
--webkit-border-bottom-left-radius: 5px;
-}
-
-.tab_content {
-padding: 20px;
-font-size: 1.2em;
-line-height: 1.5em;
-}
-
-.tab_content ul {
-list-style: none;
-}
-
-.tab_content h3 {
-border-bottom: 1px dashed #03327d;
-}
-
-.tab_content a {
-color: #0A50C0;
-}
-
-.tab_content a:hover, a:active {
-color: #333;
-}
-
-.tab_content img {
-float: left;
-margin-right: 15px;
-border: 1px solid #03327d;
-padding: 5px;
-}
-
-
-aside .standard h3 {
-font-size: 18px;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-aside .standard ul {
-list-style: square;
-color: #bbb;
-margin: -15px 0 15px 25px;
-}
-
-#footer-area {
-background: #525588;
-color: #FFF;
-font-size: 90%;
-padding: 18px 0;
-overflow: hidden;
-/* curved border radius */
--moz-border-radius-bottomright: 8px;
--moz-border-radius-bottomleft: 8px;
--webkit-border-bottom-left-radius: 8px;
--webkit-border-bottom-right-radius: 8px;
-}
-
-.footer-segment {
-float: left;
-margin-right: 20px;
-margin-left: 20px;
-width: 190px;
-}
-
-footer aside h4 {
-color: #faf0e6;
-font-size: 16px;
-line-height: 1.5em;
-}
-
-footer ul {
-list-style: none;
-margin: -15px 0;
-}
-
-footer a:link, footer a:visited {
-color: #ccc;
-}
-
-footer a:hover { 
-text-decoration: underline; 
-}
-
-footer p {
-margin-top: -15px;
-color: #faf0e6;
-}
diff --git a/style/turquoiseswirls/css/print.css b/style/turquoiseswirls/css/print.css
new file mode 100644
index 0000000..3494868
--- /dev/null
+++ b/style/turquoiseswirls/css/print.css
@@ -0,0 +1,20 @@
+body { 
+  color : #000000; 
+  background : #ffffff; 
+  font-family : "Times New Roman", Times, serif;
+  font-size : 12pt; 
+}
+
+a { 
+  text-decoration : underline; 
+  color : #0000ff; 
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside { 
+  display : none; 
+}
diff --git a/style/turquoiseswirls/css/style.css b/style/turquoiseswirls/css/style.css
new file mode 100644
index 0000000..1d6aa4e
--- /dev/null
+++ b/style/turquoiseswirls/css/style.css
@@ -0,0 +1,308 @@
+/* Created by http://freehtml5templates.com */
+
+* {margin: 0; padding: 0;}
+header, nav, section, article, aside, footer {display: block;}
+body {
+	font: 16px/18px Arial, Tahoma, sans-serif;
+	color: #555;
+	width: 960px;
+  margin-left:auto;
+  margin-right:auto;
+  text-align:center;
+}
+
+a {
+	color: #333;
+	outline: none;
+}
+
+a:hover { color: #009296;}
+
+p {margin: 0 0 18px;}
+
+img {border: none;}
+
+blockquote {
+	margin: 0 20px 18px 20px;
+	padding: 1px 12px;
+	background: #F2F2F2;
+	border-left: 3px solid #009296;
+	border-right: 3px solid #009296;
+}
+
+blockquote p {
+	padding: 8px 0;
+	margin: 0;
+}
+
+.clear {
+	clear: both;
+	height: 0;
+	overflow: hidden;
+}
+
+.aligncenter,
+div.aligncenter {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.alignleft {float: left;}
+
+img.alignleft {margin: 5px 5px 5px 0;}
+
+.alignright {float: right;}
+
+img.alignright {margin: 5px 0 5px 5px;}
+
+#wrapper {
+	width: 960px;
+	text-align:left;
+}
+
+img.framed {
+	background:white;
+	padding:4px;
+	border:1px solid black;
+}
+
+/* Header
+-----------------------------------------------------------------------------*/
+
+header {
+	height: 200px;
+	position: relative;
+  background: url(images/roundedheader.png);
+  margin-top: 10px;
+}
+
+#sitename a {
+	position: absolute;
+	top: 30px;
+	left: 10px;
+	font: 40px/1 Georgia, "Times New Roman", Times;
+	color: #009296;
+	text-shadow: 2px 2px 2px #000;
+  text-decoration: none;
+}
+
+#description {
+	position: absolute;
+	top: 80px;
+	left: 15px;
+	width: 600px;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 16px;
+	color: #333;
+}
+
+header nav {
+	position: absolute;
+	top: 174px;
+	width: 915px;
+	left: 25px;
+	height: 26px;
+  font: 14px/1 Tahoma, Arial;
+  text-transform: uppercase;
+	overflow: hidden;
+}
+
+header nav li {
+	float: left;
+	list-style: none;
+	background: #FFF;
+	margin: 2px;
+	border: 2px solid #009296;
+	-moz-border-radius-topleft: 5px;
+	-moz-border-radius-topright: 5px;
+	-webkit-border-top-left-radius: 5px;
+	-webkit-border-top-right-radius: 5px;
+}
+
+header nav a {
+	float: left;
+	color: #333;
+  text-decoration: none;
+	padding: 7px 10px 6px;
+  border-bottom: 3px solid #F0EFEF;
+}
+
+/* Middle
+-----------------------------------------------------------------------------*/
+
+section {
+	width: 946px;
+	margin-top: 5px;
+  -moz-border-radius: 5px; 
+  -webkit-border-radius: 5px; 
+  border: 1px solid #AEB0AD; 
+  padding: 5px;
+  background-color: #F2F2F2;
+}
+
+section:after {
+	content: '.';
+	display: block;
+	clear: both;
+	visibility: hidden;
+	height: 0;
+}
+
+#container {
+	width: 100%;
+	float: left;
+	overflow: hidden;
+}
+
+#content {
+	margin: 0 199px;
+	padding: 15px 15px 1px;
+  -moz-border-radius: 5px; 
+  -webkit-border-radius: 5px; 
+  border: 1px solid #AEB0AD;
+	height: 1%;
+	background-color: #FFF;
+}
+
+#content h2 {
+	font: 24px/1 Arial, Tahoma;
+	margin: 0 0 18px;
+	color: #333;
+}
+
+#content h2 a {
+	color: #333;
+	text-decoration: none;
+	text-shadow: 2px 1px 2px #CCC;
+}
+
+#content h2 a:hover {
+	color: #009296;
+	text-decoration: underline;
+	text-shadow: none;
+}
+
+#content .entry h2,
+#content .entry h3,
+#content .entry h4,
+#content .entry h5,
+#content .entry h6 {
+	font: 24px/1 Arial, Tahoma;
+	margin: 25px 0 18px;
+	color: #333;
+	text-shadow: 2px 1px 2px #CCC;
+}
+
+#content .entry h3 {font-size: 22px;}
+
+#content .entry h4 {font-size: 20px;}
+
+#content .entry h5 {font-size: 18px;}
+
+#content .entry h6 {font-size: 16px;}
+
+#content h3 {
+	color: #333;
+  font-size: 22px;
+  font-weight: normal;
+  line-height: 1;
+	text-shadow: 2px 1px 2px #CCC;
+	margin: 0 0 28px;
+}
+
+/* Sidebars
+-----------------------------------------------------------------------------*/
+
+aside {
+	float: left;
+	width: 199px;
+	position: relative;
+  font-size: 14px;
+}
+
+#left {
+	margin-left: -100%;
+}
+
+#right {
+	margin-left: -200px;
+}
+
+aside h3 {
+	line-height: 35px;
+	color: #009296;
+  font-size: 14px;
+  text-transform: uppercase;
+	text-shadow: 1px 1px 1px #DDD;
+	height: 35px;
+  padding-left: 10px;
+}
+
+aside#right h3 {
+	color: #009296;
+}
+
+aside ul {list-style-position: inside;
+list-style-image: url(images/redarrow.gif);}
+
+aside li {
+	color: #696969;
+	padding: 4px 6px 5px 5px;
+}
+
+aside a {
+	color: #6E7761;
+  text-decoration: none;
+}
+
+.box {
+	padding: 0 0 5px;
+}
+
+.inner {
+	margin-left: 10px;
+	margin-right: 10px;
+	overflow: hidden;
+  -moz-border-radius: 5px; 
+  -webkit-border-radius: 5px; 
+  border: 1px solid #009296; 
+  padding: 5px;
+ 	margin-top: -7px;
+ 	margin-bottom: 10px;
+}
+
+
+/* Footer
+-----------------------------------------------------------------------------*/
+
+footer {
+	background: #F2F2F2;
+  font-size: 11px;
+  -moz-border-radius: 5px; 
+  -webkit-border-radius: 5px; 
+  border: 1px solid #AEB0AD; 
+  padding: 5px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+#copyright {
+	font: 10px/16px Tahoma, Arial;
+  text-align: right;
+	color: #333;
+	padding: 22px 10px 0 0;
+}
+
+#copyright span {
+	display: block;
+  text-transform: uppercase;
+}
+
+#copyright a {
+	color: #6E7761;
+  text-decoration: none;
+}
+
+#copyright a:hover { color: #009296;}
diff --git a/style/turquoiseswirls/index.html b/style/turquoiseswirls/index.html
old mode 100755
new mode 100644
index 10f4a90..a2bd8de
--- a/style/turquoiseswirls/index.html
+++ b/style/turquoiseswirls/index.html
@@ -4,8 +4,10 @@
   <head>
     <meta charset="UTF-8"/>
     <title>my title</title>
-    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+    <link rel="stylesheet" href="css/style.css"
+	  type="text/css" media="screen" />
+    <link rel="stylesheet" href="css/print.css"
+	  type="text/css" media="print" />
     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
   </head>
 
diff --git a/style/turquoiseswirls/print.css b/style/turquoiseswirls/print.css
deleted file mode 100644
index 3494868..0000000
--- a/style/turquoiseswirls/print.css
+++ /dev/null
@@ -1,20 +0,0 @@
-body { 
-  color : #000000; 
-  background : #ffffff; 
-  font-family : "Times New Roman", Times, serif;
-  font-size : 12pt; 
-}
-
-a { 
-  text-decoration : underline; 
-  color : #0000ff; 
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside { 
-  display : none; 
-}
diff --git a/style/turquoiseswirls/style.css b/style/turquoiseswirls/style.css
deleted file mode 100755
index 1d6aa4e..0000000
--- a/style/turquoiseswirls/style.css
+++ /dev/null
@@ -1,308 +0,0 @@
-/* Created by http://freehtml5templates.com */
-
-* {margin: 0; padding: 0;}
-header, nav, section, article, aside, footer {display: block;}
-body {
-	font: 16px/18px Arial, Tahoma, sans-serif;
-	color: #555;
-	width: 960px;
-  margin-left:auto;
-  margin-right:auto;
-  text-align:center;
-}
-
-a {
-	color: #333;
-	outline: none;
-}
-
-a:hover { color: #009296;}
-
-p {margin: 0 0 18px;}
-
-img {border: none;}
-
-blockquote {
-	margin: 0 20px 18px 20px;
-	padding: 1px 12px;
-	background: #F2F2F2;
-	border-left: 3px solid #009296;
-	border-right: 3px solid #009296;
-}
-
-blockquote p {
-	padding: 8px 0;
-	margin: 0;
-}
-
-.clear {
-	clear: both;
-	height: 0;
-	overflow: hidden;
-}
-
-.aligncenter,
-div.aligncenter {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.alignleft {float: left;}
-
-img.alignleft {margin: 5px 5px 5px 0;}
-
-.alignright {float: right;}
-
-img.alignright {margin: 5px 0 5px 5px;}
-
-#wrapper {
-	width: 960px;
-	text-align:left;
-}
-
-img.framed {
-	background:white;
-	padding:4px;
-	border:1px solid black;
-}
-
-/* Header
------------------------------------------------------------------------------*/
-
-header {
-	height: 200px;
-	position: relative;
-  background: url(images/roundedheader.png);
-  margin-top: 10px;
-}
-
-#sitename a {
-	position: absolute;
-	top: 30px;
-	left: 10px;
-	font: 40px/1 Georgia, "Times New Roman", Times;
-	color: #009296;
-	text-shadow: 2px 2px 2px #000;
-  text-decoration: none;
-}
-
-#description {
-	position: absolute;
-	top: 80px;
-	left: 15px;
-	width: 600px;
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 16px;
-	color: #333;
-}
-
-header nav {
-	position: absolute;
-	top: 174px;
-	width: 915px;
-	left: 25px;
-	height: 26px;
-  font: 14px/1 Tahoma, Arial;
-  text-transform: uppercase;
-	overflow: hidden;
-}
-
-header nav li {
-	float: left;
-	list-style: none;
-	background: #FFF;
-	margin: 2px;
-	border: 2px solid #009296;
-	-moz-border-radius-topleft: 5px;
-	-moz-border-radius-topright: 5px;
-	-webkit-border-top-left-radius: 5px;
-	-webkit-border-top-right-radius: 5px;
-}
-
-header nav a {
-	float: left;
-	color: #333;
-  text-decoration: none;
-	padding: 7px 10px 6px;
-  border-bottom: 3px solid #F0EFEF;
-}
-
-/* Middle
------------------------------------------------------------------------------*/
-
-section {
-	width: 946px;
-	margin-top: 5px;
-  -moz-border-radius: 5px; 
-  -webkit-border-radius: 5px; 
-  border: 1px solid #AEB0AD; 
-  padding: 5px;
-  background-color: #F2F2F2;
-}
-
-section:after {
-	content: '.';
-	display: block;
-	clear: both;
-	visibility: hidden;
-	height: 0;
-}
-
-#container {
-	width: 100%;
-	float: left;
-	overflow: hidden;
-}
-
-#content {
-	margin: 0 199px;
-	padding: 15px 15px 1px;
-  -moz-border-radius: 5px; 
-  -webkit-border-radius: 5px; 
-  border: 1px solid #AEB0AD;
-	height: 1%;
-	background-color: #FFF;
-}
-
-#content h2 {
-	font: 24px/1 Arial, Tahoma;
-	margin: 0 0 18px;
-	color: #333;
-}
-
-#content h2 a {
-	color: #333;
-	text-decoration: none;
-	text-shadow: 2px 1px 2px #CCC;
-}
-
-#content h2 a:hover {
-	color: #009296;
-	text-decoration: underline;
-	text-shadow: none;
-}
-
-#content .entry h2,
-#content .entry h3,
-#content .entry h4,
-#content .entry h5,
-#content .entry h6 {
-	font: 24px/1 Arial, Tahoma;
-	margin: 25px 0 18px;
-	color: #333;
-	text-shadow: 2px 1px 2px #CCC;
-}
-
-#content .entry h3 {font-size: 22px;}
-
-#content .entry h4 {font-size: 20px;}
-
-#content .entry h5 {font-size: 18px;}
-
-#content .entry h6 {font-size: 16px;}
-
-#content h3 {
-	color: #333;
-  font-size: 22px;
-  font-weight: normal;
-  line-height: 1;
-	text-shadow: 2px 1px 2px #CCC;
-	margin: 0 0 28px;
-}
-
-/* Sidebars
------------------------------------------------------------------------------*/
-
-aside {
-	float: left;
-	width: 199px;
-	position: relative;
-  font-size: 14px;
-}
-
-#left {
-	margin-left: -100%;
-}
-
-#right {
-	margin-left: -200px;
-}
-
-aside h3 {
-	line-height: 35px;
-	color: #009296;
-  font-size: 14px;
-  text-transform: uppercase;
-	text-shadow: 1px 1px 1px #DDD;
-	height: 35px;
-  padding-left: 10px;
-}
-
-aside#right h3 {
-	color: #009296;
-}
-
-aside ul {list-style-position: inside;
-list-style-image: url(images/redarrow.gif);}
-
-aside li {
-	color: #696969;
-	padding: 4px 6px 5px 5px;
-}
-
-aside a {
-	color: #6E7761;
-  text-decoration: none;
-}
-
-.box {
-	padding: 0 0 5px;
-}
-
-.inner {
-	margin-left: 10px;
-	margin-right: 10px;
-	overflow: hidden;
-  -moz-border-radius: 5px; 
-  -webkit-border-radius: 5px; 
-  border: 1px solid #009296; 
-  padding: 5px;
- 	margin-top: -7px;
- 	margin-bottom: 10px;
-}
-
-
-/* Footer
------------------------------------------------------------------------------*/
-
-footer {
-	background: #F2F2F2;
-  font-size: 11px;
-  -moz-border-radius: 5px; 
-  -webkit-border-radius: 5px; 
-  border: 1px solid #AEB0AD; 
-  padding: 5px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-#copyright {
-	font: 10px/16px Tahoma, Arial;
-  text-align: right;
-	color: #333;
-	padding: 22px 10px 0 0;
-}
-
-#copyright span {
-	display: block;
-  text-transform: uppercase;
-}
-
-#copyright a {
-	color: #6E7761;
-  text-decoration: none;
-}
-
-#copyright a:hover { color: #009296;}