r242@sede: terceiro | 2007-07-29 16:34:37 -0300

moving design stuff inside designs/ git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@246 3f533792-8f58-4932-b0fe-aaf55b0a4547

r242@sede: terceiro | 2007-07-29 16:34:37 -0300
moving design stuff inside designs/ git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@246 3f533792-8f58-4932-b0fe-aaf55b0a4547
AntonioTerceiro
1 parent 91d18a69
Showing 30 changed files with 471 additions and 471 deletions Show diff stats
public/designs/icons/default/back.png
public/designs/icons/neu/back.png
public/designs/templates/default/default.yml
public/designs/templates/default/images/b.gif
public/designs/templates/default/images/corner.gif
public/designs/templates/default/images/corner2.gif
public/designs/templates/default/images/loading.gif
public/designs/templates/default/images/www.jpg
public/designs/templates/default/stylesheets/style.css
public/designs/templates/simple/images/background.gif
public/designs/templates/simple/images/loading.gif
public/designs/templates/simple/simple.yml
public/designs/templates/simple/stylesheets/1024px.css
public/designs/themes/default/default.css
public/designs/themes/pink/pink.css
public/icons/default/back.png
public/icons/neu/back.png
public/templates/default/default.yml
public/templates/default/images/b.gif
public/templates/default/images/corner.gif
@@ -0,0 +1,2 @@
+default:
+  number_of_boxes: 2
@@ -0,0 +1,163 @@
+/*
+This stylesheet is part of the [in] business template downloaded from the oswd.org site 
+
+The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
+*/
+html {
+	width: 100%
+}
+
+body {
+	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
+	font-size: 90%;
+	color: #3D3535;
+	background-color: #E4E5E0;
+	margin: 0px;
+	padding: 0px;
+	line-height: 140%;
+
+}
+
+/* Wrapper */
+#wrap {
+	text-align: center; 
+	width: 100%;
+	background-color: #E4E5E0;
+}
+
+/* the container */
+#frame {
+	background-color: #FFFFFF;
+	margin-left: auto; 
+	margin-right: auto;	 
+	padding: 20px; 
+	text-align: left; 
+	width: 90%;
+}
+
+/*holds the tabs at the top*/
+#menu {
+	background-color: #FFFFFF;
+	text-align: right; 
+	border-bottom: 1px solid #FFFFFF;
+}
+
+/*holds the logo and image*/
+#header {
+	background-color: #EDEEEA;
+	padding: 10px; 
+	margin-top:3px;
+	height: 95px;
+	background: #EDEEEA url(../images/www.jpg) no-repeat right top;
+}
+
+/*defines the colours for the tabs, with corner background images*/
+#menu a:link, #menu a:active, #menu a:visited {
+	background: #EDEEEA url(../images/corner.gif) no-repeat right top;
+	color: #3D3535;
+	text-decoration: none;
+	padding: 3px 7px 3px 7px;
+	margin: 0 0 0 4px;
+}
+
+#menu a:hover {
+	background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
+	color: #000000;
+	text-decoration: none;
+	padding: 3px 7px 3px 7px;
+	margin: 0 0 0 4px;
+}
+
+/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
+.clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+
+.clearfix {
+	display: inline-table;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+	height: 1%;
+}
+
+.clearfix {
+	display: block;
+}
+/* End hide from IE-mac */
+
+/*the main text container*/
+#box_2 {
+  height: 600px;
+}
+
+#box_2 h1 {
+	font-size: 110%;
+	margin: 10px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+	border-bottom: 2px solid #A53512;
+}
+
+/*this is the right hand bar, news bar, links bar w/e*/
+#box_1 {
+	margin-top: 20px;
+        padding-left: 20px;
+	width: 245px;
+	float: right;
+	background-color: white;
+
+}
+
+#box_1 h1 {
+	background-color: #A53512;
+	color: #FFFFFF;
+	padding: 3px;
+	margin: 0px 0px 0px 0px;
+	font-size: 100%;
+	font-weight: normal;
+}
+
+/*this just lets you have a "comment" type area in the main content*/
+.p1 {
+	padding: 20px;
+	background-color: #F7F7F4;
+	font-size:90%;
+}
+
+/*sets the padding for the newsbar text, not the headings*/
+.p2 {
+	padding: 20px;
+	background-color: #FFFFFF;
+	font-size: 90%;
+	list-style-image: url(../images/b.gif);
+	list-style-position: 10px;
+}
+
+.p2 ul {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+}
+
+/*the footer, with copyright*/
+.footer {
+clear:both;
+	background-color: #D6D8CF;
+	padding: 4px;
+	font-size: 80%;
+	text-align: center;
+}
+
+/*sets the link colours and style*/
+a:link, a:active, a:visited {
+	color: #A53512;
+}
+
+a:hover {
+	color: #A53512;
+	text-decoration: none;
+}
@@ -0,0 +1,2 @@
+simple:
+  number_of_boxes: 3
@@ -0,0 +1,297 @@
+/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
+
+Version: 2.0 (Jan 29, 2007)
+
+Screen layout: */
+
+/*** General tags ***/
+
+body {
+background:url(../images/background.gif) repeat-y top center #fff;
+color:#404040;
+font:76% Verdana,Tahoma,Arial,sans-serif;
+line-height:1.2em;
+margin:0 auto;
+padding:0;
+}
+
+a {
+color:#4088b8;
+font-weight:700;
+text-decoration:none;
+}
+
+a:hover {
+text-decoration:underline;
+}
+
+a img {
+border:0;
+}
+
+p {
+margin:0 0 18px 10px;
+}
+
+ul,ol,dl {
+font-size:0.9em;
+margin:2px 0 16px 35px;
+}
+
+ul ul,ol ol {
+margin:4px 0 4px 35px;
+}
+
+blockquote {
+border:1px solid #dadada;
+font-size:0.9em;
+margin:20px 10px;
+padding:8px;
+}
+
+h1 {
+color:#4088b8;
+font-size:4.2em;
+letter-spacing:-5px;
+margin:0 0 30px 25px;
+}
+
+h1 a {
+color:#4088b8;
+text-transform:none;
+}
+
+h2 {
+border-bottom:4px solid #dadada;
+color:#4088b8;
+font-size:1.4em;
+letter-spacing:-1px;
+margin:0 0 10px;
+padding:0 2px 2px 5px;
+}
+
+h3 {
+border-bottom:1px solid #dadada;
+color:#4088b8;
+font-size:1.2em;
+font-weight:700;
+margin:10px 0 8px;
+padding:1px 2px 2px 3px;
+}
+
+/*** Main wrap and header ***/
+
+#wrap {
+color:#404040;
+margin:10px auto;
+padding:0;
+width:970px;
+}
+
+#header {
+margin:0;
+}
+
+#menu {
+font-size:0.9em;
+padding:5px 2px 2px 3px;
+text-align:right;
+}
+
+#menu a {
+color:gray;
+}
+
+#slogan {
+color:gray;
+font-size:1.5em;
+font-weight:700;
+letter-spacing:-1px;
+line-height:1.2em;
+margin:15px 0 20px 35px;
+}
+
+/*** Sidebar and menu ***/
+
+#box_1 {
+float:left;
+line-height:1.4em;
+padding:1px 0 0;
+width:20%;
+}
+
+#box_1 ul {
+font-size:0.9em;
+list-style:none;
+margin:0;
+padding:0 0 15px 10px;
+}
+
+#box_1 li {
+list-style:none;
+margin:0 0 4px;
+padding:0;
+}
+
+#box_1 li a {
+font-size:1.2em;
+font-weight:700;
+padding:2px;
+}
+
+#box_1 ul ul {
+line-height:1.2em;
+margin:4px 0 3px 15px;
+padding:0;
+}
+
+#box_1 ul ul li a {
+font-weight:400;
+}
+
+#box_1 h2 {
+margin:3px 0 8px;
+}
+
+/*** Box 3 ***/
+
+#box_3 {
+float:left;
+line-height:1.4em;
+padding:1px 0 0;
+width:20%;
+}
+
+#box_3 ul {
+font-size:0.9em;
+list-style:none;
+margin:0;
+padding:0 0 15px 10px;
+}
+
+#box_3 li {
+list-style:none;
+margin:0 0 4px;
+padding:0;
+}
+
+#box_3 li a {
+font-size:1.2em;
+font-weight:700;
+padding:2px;
+}
+
+#box_3 ul ul {
+line-height:1.2em;
+margin:4px 0 3px 15px;
+padding:0;
+}
+
+#box_3 ul ul li a {
+font-weight:400;
+}
+
+#box_3 h2 {
+margin:3px 0 8px;
+}
+
+
+/*** Main content ***/
+
+
+#box_2 {
+float:left;
+line-height:1.5em;
+margin:0px 20px 0px 20px;
+padding:0;
+text-align:left;
+width: 540px;
+}
+
+#box_2 h3 {
+margin:10px 0 8px;
+}
+
+/*** Footer ***/
+
+#footer {
+border-top:4px solid #dadada;
+clear:both;
+color:gray;
+font-size:0.9em;
+line-height:1.6em;
+margin:0 auto;
+padding:8px 0;
+text-align:right;
+}
+
+#footer p {
+margin:0;
+padding:0;
+}
+
+#footer a {
+color:#808080;
+}
+
+/*** Various classes ***/
+
+.box {
+background:#4088b8;
+border:1px solid #c8c8c8;
+color:#fff;
+font-size:0.9em;
+line-height:1.4em;
+padding:10px 10px 10px 13px;
+}
+
+.box a {
+color:#f0f0f0;
+}
+
+.left {
+float:left;
+margin:0 15px 4px 0;
+}
+
+.right {
+float:right;
+margin:0 0 4px 15px;
+}
+
+.readmore {
+margin:-10px 10px 12px 0;
+text-align:right;
+}
+
+.timestamp {
+font-size:1.2em;
+margin:-5px 0 15px 10px;
+}
+
+.timestamp a {
+font-weight:normal;
+}
+
+.blue {
+color:#4088b8;
+}
+
+.clear {
+clear:both;
+}
+
+.fade {
+color:#c8c8c8;
+}
+
+.gray {
+color:gray;
+}
+
+.photo {
+background:#fff;
+border:1px solid #bababa;
+margin:6px 18px 2px 5px;
+padding:2px;
+}
@@ -0,0 +1,3 @@
+#frame {
+  background-color: white;
+}
@@ -0,0 +1,4 @@
+
+#frame {
+  background-color: pink;
+}
@@ -1,2 +0,0 @@
-default:
-  number_of_boxes: 2
@@ -1,163 +0,0 @@
-/*
-This stylesheet is part of the [in] business template downloaded from the oswd.org site 
-
-The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
-*/
-html {
-	width: 100%
-}
-
-body {
-	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
-	font-size: 90%;
-	color: #3D3535;
-	background-color: #E4E5E0;
-	margin: 0px;
-	padding: 0px;
-	line-height: 140%;
-
-}
-
-/* Wrapper */
-#wrap {
-	text-align: center; 
-	width: 100%;
-	background-color: #E4E5E0;
-}
-
-/* the container */
-#frame {
-	background-color: #FFFFFF;
-	margin-left: auto; 
-	margin-right: auto;	 
-	padding: 20px; 
-	text-align: left; 
-	width: 90%;
-}
-
-/*holds the tabs at the top*/
-#menu {
-	background-color: #FFFFFF;
-	text-align: right; 
-	border-bottom: 1px solid #FFFFFF;
-}
-
-/*holds the logo and image*/
-#header {
-	background-color: #EDEEEA;
-	padding: 10px; 
-	margin-top:3px;
-	height: 95px;
-	background: #EDEEEA url(../images/www.jpg) no-repeat right top;
-}
-
-/*defines the colours for the tabs, with corner background images*/
-#menu a:link, #menu a:active, #menu a:visited {
-	background: #EDEEEA url(../images/corner.gif) no-repeat right top;
-	color: #3D3535;
-	text-decoration: none;
-	padding: 3px 7px 3px 7px;
-	margin: 0 0 0 4px;
-}
-
-#menu a:hover {
-	background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
-	color: #000000;
-	text-decoration: none;
-	padding: 3px 7px 3px 7px;
-	margin: 0 0 0 4px;
-}
-
-/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
-.clearfix:after {
-    content: "."; 
-    display: block; 
-    height: 0; 
-    clear: both; 
-    visibility: hidden;
-}
-
-.clearfix {
-	display: inline-table;
-}
-
-/* Hides from IE-mac \*/
-* html .clearfix {
-	height: 1%;
-}
-
-.clearfix {
-	display: block;
-}
-/* End hide from IE-mac */
-
-/*the main text container*/
-#box_2 {
-  height: 600px;
-}
-
-#box_2 h1 {
-	font-size: 110%;
-	margin: 10px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-	border-bottom: 2px solid #A53512;
-}
-
-/*this is the right hand bar, news bar, links bar w/e*/
-#box_1 {
-	margin-top: 20px;
-        padding-left: 20px;
-	width: 245px;
-	float: right;
-	background-color: white;
-
-}
-
-#box_1 h1 {
-	background-color: #A53512;
-	color: #FFFFFF;
-	padding: 3px;
-	margin: 0px 0px 0px 0px;
-	font-size: 100%;
-	font-weight: normal;
-}
-
-/*this just lets you have a "comment" type area in the main content*/
-.p1 {
-	padding: 20px;
-	background-color: #F7F7F4;
-	font-size:90%;
-}
-
-/*sets the padding for the newsbar text, not the headings*/
-.p2 {
-	padding: 20px;
-	background-color: #FFFFFF;
-	font-size: 90%;
-	list-style-image: url(../images/b.gif);
-	list-style-position: 10px;
-}
-
-.p2 ul {
-	margin: 0px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-}
-
-/*the footer, with copyright*/
-.footer {
-clear:both;
-	background-color: #D6D8CF;
-	padding: 4px;
-	font-size: 80%;
-	text-align: center;
-}
-
-/*sets the link colours and style*/
-a:link, a:active, a:visited {
-	color: #A53512;
-}
-
-a:hover {
-	color: #A53512;
-	text-decoration: none;
-}
@@ -1,2 +0,0 @@
-simple:
-  number_of_boxes: 3
@@ -1,297 +0,0 @@
-/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
-
-Version: 2.0 (Jan 29, 2007)
-
-Screen layout: */
-
-/*** General tags ***/
-
-body {
-background:url(../images/background.gif) repeat-y top center #fff;
-color:#404040;
-font:76% Verdana,Tahoma,Arial,sans-serif;
-line-height:1.2em;
-margin:0 auto;
-padding:0;
-}
-
-a {
-color:#4088b8;
-font-weight:700;
-text-decoration:none;
-}
-
-a:hover {
-text-decoration:underline;
-}
-
-a img {
-border:0;
-}
-
-p {
-margin:0 0 18px 10px;
-}
-
-ul,ol,dl {
-font-size:0.9em;
-margin:2px 0 16px 35px;
-}
-
-ul ul,ol ol {
-margin:4px 0 4px 35px;
-}
-
-blockquote {
-border:1px solid #dadada;
-font-size:0.9em;
-margin:20px 10px;
-padding:8px;
-}
-
-h1 {
-color:#4088b8;
-font-size:4.2em;
-letter-spacing:-5px;
-margin:0 0 30px 25px;
-}
-
-h1 a {
-color:#4088b8;
-text-transform:none;
-}
-
-h2 {
-border-bottom:4px solid #dadada;
-color:#4088b8;
-font-size:1.4em;
-letter-spacing:-1px;
-margin:0 0 10px;
-padding:0 2px 2px 5px;
-}
-
-h3 {
-border-bottom:1px solid #dadada;
-color:#4088b8;
-font-size:1.2em;
-font-weight:700;
-margin:10px 0 8px;
-padding:1px 2px 2px 3px;
-}
-
-/*** Main wrap and header ***/
-
-#wrap {
-color:#404040;
-margin:10px auto;
-padding:0;
-width:970px;
-}
-
-#header {
-margin:0;
-}
-
-#menu {
-font-size:0.9em;
-padding:5px 2px 2px 3px;
-text-align:right;
-}
-
-#menu a {
-color:gray;
-}
-
-#slogan {
-color:gray;
-font-size:1.5em;
-font-weight:700;
-letter-spacing:-1px;
-line-height:1.2em;
-margin:15px 0 20px 35px;
-}
-
-/*** Sidebar and menu ***/
-
-#box_1 {
-float:left;
-line-height:1.4em;
-padding:1px 0 0;
-width:20%;
-}
-
-#box_1 ul {
-font-size:0.9em;
-list-style:none;
-margin:0;
-padding:0 0 15px 10px;
-}
-
-#box_1 li {
-list-style:none;
-margin:0 0 4px;
-padding:0;
-}
-
-#box_1 li a {
-font-size:1.2em;
-font-weight:700;
-padding:2px;
-}
-
-#box_1 ul ul {
-line-height:1.2em;
-margin:4px 0 3px 15px;
-padding:0;
-}
-
-#box_1 ul ul li a {
-font-weight:400;
-}
-
-#box_1 h2 {
-margin:3px 0 8px;
-}
-
-/*** Box 3 ***/
-
-#box_3 {
-float:left;
-line-height:1.4em;
-padding:1px 0 0;
-width:20%;
-}
-
-#box_3 ul {
-font-size:0.9em;
-list-style:none;
-margin:0;
-padding:0 0 15px 10px;
-}
-
-#box_3 li {
-list-style:none;
-margin:0 0 4px;
-padding:0;
-}
-
-#box_3 li a {
-font-size:1.2em;
-font-weight:700;
-padding:2px;
-}
-
-#box_3 ul ul {
-line-height:1.2em;
-margin:4px 0 3px 15px;
-padding:0;
-}
-
-#box_3 ul ul li a {
-font-weight:400;
-}
-
-#box_3 h2 {
-margin:3px 0 8px;
-}
-
-
-/*** Main content ***/
-
-
-#box_2 {
-float:left;
-line-height:1.5em;
-margin:0px 20px 0px 20px;
-padding:0;
-text-align:left;
-width: 540px;
-}
-
-#box_2 h3 {
-margin:10px 0 8px;
-}
-
-/*** Footer ***/
-
-#footer {
-border-top:4px solid #dadada;
-clear:both;
-color:gray;
-font-size:0.9em;
-line-height:1.6em;
-margin:0 auto;
-padding:8px 0;
-text-align:right;
-}
-
-#footer p {
-margin:0;
-padding:0;
-}
-
-#footer a {
-color:#808080;
-}
-
-/*** Various classes ***/
-
-.box {
-background:#4088b8;
-border:1px solid #c8c8c8;
-color:#fff;
-font-size:0.9em;
-line-height:1.4em;
-padding:10px 10px 10px 13px;
-}
-
-.box a {
-color:#f0f0f0;
-}
-
-.left {
-float:left;
-margin:0 15px 4px 0;
-}
-
-.right {
-float:right;
-margin:0 0 4px 15px;
-}
-
-.readmore {
-margin:-10px 10px 12px 0;
-text-align:right;
-}
-
-.timestamp {
-font-size:1.2em;
-margin:-5px 0 15px 10px;
-}
-
-.timestamp a {
-font-weight:normal;
-}
-
-.blue {
-color:#4088b8;
-}
-
-.clear {
-clear:both;
-}
-
-.fade {
-color:#c8c8c8;
-}
-
-.gray {
-color:gray;
-}
-
-.photo {
-background:#fff;
-border:1px solid #bababa;
-margin:6px 18px 2px 5px;
-padding:2px;
-}
@@ -1,3 +0,0 @@
-#frame {
-  background-color: white;
-}
@@ -1,4 +0,0 @@
-
-#frame {
-  background-color: pink;
-}
...	...	@@ -0,0 +1,163 @@
	1	+/*
	2	+This stylesheet is part of the [in] business template downloaded from the oswd.org site
	3	+
	4	+The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
	5	+*/
	6	+html {
	7	+ width: 100%
	8	+}
	9	+
	10	+body {
	11	+ font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	12	+ font-size: 90%;
	13	+ color: #3D3535;
	14	+ background-color: #E4E5E0;
	15	+ margin: 0px;
	16	+ padding: 0px;
	17	+ line-height: 140%;
	18	+
	19	+}
	20	+
	21	+/* Wrapper */
	22	+#wrap {
	23	+ text-align: center;
	24	+ width: 100%;
	25	+ background-color: #E4E5E0;
	26	+}
	27	+
	28	+/* the container */
	29	+#frame {
	30	+ background-color: #FFFFFF;
	31	+ margin-left: auto;
	32	+ margin-right: auto;
	33	+ padding: 20px;
	34	+ text-align: left;
	35	+ width: 90%;
	36	+}
	37	+
	38	+/holds the tabs at the top/
	39	+#menu {
	40	+ background-color: #FFFFFF;
	41	+ text-align: right;
	42	+ border-bottom: 1px solid #FFFFFF;
	43	+}
	44	+
	45	+/holds the logo and image/
	46	+#header {
	47	+ background-color: #EDEEEA;
	48	+ padding: 10px;
	49	+ margin-top:3px;
	50	+ height: 95px;
	51	+ background: #EDEEEA url(../images/www.jpg) no-repeat right top;
	52	+}
	53	+
	54	+/defines the colours for the tabs, with corner background images/
	55	+#menu a:link, #menu a:active, #menu a:visited {
	56	+ background: #EDEEEA url(../images/corner.gif) no-repeat right top;
	57	+ color: #3D3535;
	58	+ text-decoration: none;
	59	+ padding: 3px 7px 3px 7px;
	60	+ margin: 0 0 0 4px;
	61	+}
	62	+
	63	+#menu a:hover {
	64	+ background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
	65	+ color: #000000;
	66	+ text-decoration: none;
	67	+ padding: 3px 7px 3px 7px;
	68	+ margin: 0 0 0 4px;
	69	+}
	70	+
	71	+/just a fix, taken from http://www.positioniseverything.net/easyclearing.html/
	72	+.clearfix:after {
	73	+ content: ".";
	74	+ display: block;
	75	+ height: 0;
	76	+ clear: both;
	77	+ visibility: hidden;
	78	+}
	79	+
	80	+.clearfix {
	81	+ display: inline-table;
	82	+}
	83	+
	84	+/* Hides from IE-mac \*/
	85	+* html .clearfix {
	86	+ height: 1%;
	87	+}
	88	+
	89	+.clearfix {
	90	+ display: block;
	91	+}
	92	+/* End hide from IE-mac */
	93	+
	94	+/the main text container/
	95	+#box_2 {
	96	+ height: 600px;
	97	+}
	98	+
	99	+#box_2 h1 {
	100	+ font-size: 110%;
	101	+ margin: 10px 0px 0px 0px;
	102	+ padding: 0px 0px 0px 0px;
	103	+ border-bottom: 2px solid #A53512;
	104	+}
	105	+
	106	+/this is the right hand bar, news bar, links bar w/e/
	107	+#box_1 {
	108	+ margin-top: 20px;
	109	+ padding-left: 20px;
	110	+ width: 245px;
	111	+ float: right;
	112	+ background-color: white;
	113	+
	114	+}
	115	+
	116	+#box_1 h1 {
	117	+ background-color: #A53512;
	118	+ color: #FFFFFF;
	119	+ padding: 3px;
	120	+ margin: 0px 0px 0px 0px;
	121	+ font-size: 100%;
	122	+ font-weight: normal;
	123	+}
	124	+
	125	+/this just lets you have a "comment" type area in the main content/
	126	+.p1 {
	127	+ padding: 20px;
	128	+ background-color: #F7F7F4;
	129	+ font-size:90%;
	130	+}
	131	+
	132	+/sets the padding for the newsbar text, not the headings/
	133	+.p2 {
	134	+ padding: 20px;
	135	+ background-color: #FFFFFF;
	136	+ font-size: 90%;
	137	+ list-style-image: url(../images/b.gif);
	138	+ list-style-position: 10px;
	139	+}
	140	+
	141	+.p2 ul {
	142	+ margin: 0px 0px 0px 0px;
	143	+ padding: 0px 0px 0px 0px;
	144	+}
	145	+
	146	+/the footer, with copyright/
	147	+.footer {
	148	+clear:both;
	149	+ background-color: #D6D8CF;
	150	+ padding: 4px;
	151	+ font-size: 80%;
	152	+ text-align: center;
	153	+}
	154	+
	155	+/sets the link colours and style/
	156	+a:link, a:active, a:visited {
	157	+ color: #A53512;
	158	+}
	159	+
	160	+a:hover {
	161	+ color: #A53512;
	162	+ text-decoration: none;
	163	+}
...	...
...	...	@@ -0,0 +1,297 @@
	1	+/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
	2	+
	3	+Version: 2.0 (Jan 29, 2007)
	4	+
	5	+Screen layout: */
	6	+
	7	+/* General tags */
	8	+
	9	+body {
	10	+background:url(../images/background.gif) repeat-y top center #fff;
	11	+color:#404040;
	12	+font:76% Verdana,Tahoma,Arial,sans-serif;
	13	+line-height:1.2em;
	14	+margin:0 auto;
	15	+padding:0;
	16	+}
	17	+
	18	+a {
	19	+color:#4088b8;
	20	+font-weight:700;
	21	+text-decoration:none;
	22	+}
	23	+
	24	+a:hover {
	25	+text-decoration:underline;
	26	+}
	27	+
	28	+a img {
	29	+border:0;
	30	+}
	31	+
	32	+p {
	33	+margin:0 0 18px 10px;
	34	+}
	35	+
	36	+ul,ol,dl {
	37	+font-size:0.9em;
	38	+margin:2px 0 16px 35px;
	39	+}
	40	+
	41	+ul ul,ol ol {
	42	+margin:4px 0 4px 35px;
	43	+}
	44	+
	45	+blockquote {
	46	+border:1px solid #dadada;
	47	+font-size:0.9em;
	48	+margin:20px 10px;
	49	+padding:8px;
	50	+}
	51	+
	52	+h1 {
	53	+color:#4088b8;
	54	+font-size:4.2em;
	55	+letter-spacing:-5px;
	56	+margin:0 0 30px 25px;
	57	+}
	58	+
	59	+h1 a {
	60	+color:#4088b8;
	61	+text-transform:none;
	62	+}
	63	+
	64	+h2 {
	65	+border-bottom:4px solid #dadada;
	66	+color:#4088b8;
	67	+font-size:1.4em;
	68	+letter-spacing:-1px;
	69	+margin:0 0 10px;
	70	+padding:0 2px 2px 5px;
	71	+}
	72	+
	73	+h3 {
	74	+border-bottom:1px solid #dadada;
	75	+color:#4088b8;
	76	+font-size:1.2em;
	77	+font-weight:700;
	78	+margin:10px 0 8px;
	79	+padding:1px 2px 2px 3px;
	80	+}
	81	+
	82	+/* Main wrap and header */
	83	+
	84	+#wrap {
	85	+color:#404040;
	86	+margin:10px auto;
	87	+padding:0;
	88	+width:970px;
	89	+}
	90	+
	91	+#header {
	92	+margin:0;
	93	+}
	94	+
	95	+#menu {
	96	+font-size:0.9em;
	97	+padding:5px 2px 2px 3px;
	98	+text-align:right;
	99	+}
	100	+
	101	+#menu a {
	102	+color:gray;
	103	+}
	104	+
	105	+#slogan {
	106	+color:gray;
	107	+font-size:1.5em;
	108	+font-weight:700;
	109	+letter-spacing:-1px;
	110	+line-height:1.2em;
	111	+margin:15px 0 20px 35px;
	112	+}
	113	+
	114	+/* Sidebar and menu */
	115	+
	116	+#box_1 {
	117	+float:left;
	118	+line-height:1.4em;
	119	+padding:1px 0 0;
	120	+width:20%;
	121	+}
	122	+
	123	+#box_1 ul {
	124	+font-size:0.9em;
	125	+list-style:none;
	126	+margin:0;
	127	+padding:0 0 15px 10px;
	128	+}
	129	+
	130	+#box_1 li {
	131	+list-style:none;
	132	+margin:0 0 4px;
	133	+padding:0;
	134	+}
	135	+
	136	+#box_1 li a {
	137	+font-size:1.2em;
	138	+font-weight:700;
	139	+padding:2px;
	140	+}
	141	+
	142	+#box_1 ul ul {
	143	+line-height:1.2em;
	144	+margin:4px 0 3px 15px;
	145	+padding:0;
	146	+}
	147	+
	148	+#box_1 ul ul li a {
	149	+font-weight:400;
	150	+}
	151	+
	152	+#box_1 h2 {
	153	+margin:3px 0 8px;
	154	+}
	155	+
	156	+/* Box 3 */
	157	+
	158	+#box_3 {
	159	+float:left;
	160	+line-height:1.4em;
	161	+padding:1px 0 0;
	162	+width:20%;
	163	+}
	164	+
	165	+#box_3 ul {
	166	+font-size:0.9em;
	167	+list-style:none;
	168	+margin:0;
	169	+padding:0 0 15px 10px;
	170	+}
	171	+
	172	+#box_3 li {
	173	+list-style:none;
	174	+margin:0 0 4px;
	175	+padding:0;
	176	+}
	177	+
	178	+#box_3 li a {
	179	+font-size:1.2em;
	180	+font-weight:700;
	181	+padding:2px;
	182	+}
	183	+
	184	+#box_3 ul ul {
	185	+line-height:1.2em;
	186	+margin:4px 0 3px 15px;
	187	+padding:0;
	188	+}
	189	+
	190	+#box_3 ul ul li a {
	191	+font-weight:400;
	192	+}
	193	+
	194	+#box_3 h2 {
	195	+margin:3px 0 8px;
	196	+}
	197	+
	198	+
	199	+/* Main content */
	200	+
	201	+
	202	+#box_2 {
	203	+float:left;
	204	+line-height:1.5em;
	205	+margin:0px 20px 0px 20px;
	206	+padding:0;
	207	+text-align:left;
	208	+width: 540px;
	209	+}
	210	+
	211	+#box_2 h3 {
	212	+margin:10px 0 8px;
	213	+}
	214	+
	215	+/* Footer */
	216	+
	217	+#footer {
	218	+border-top:4px solid #dadada;
	219	+clear:both;
	220	+color:gray;
	221	+font-size:0.9em;
	222	+line-height:1.6em;
	223	+margin:0 auto;
	224	+padding:8px 0;
	225	+text-align:right;
	226	+}
	227	+
	228	+#footer p {
	229	+margin:0;
	230	+padding:0;
	231	+}
	232	+
	233	+#footer a {
	234	+color:#808080;
	235	+}
	236	+
	237	+/* Various classes */
	238	+
	239	+.box {
	240	+background:#4088b8;
	241	+border:1px solid #c8c8c8;
	242	+color:#fff;
	243	+font-size:0.9em;
	244	+line-height:1.4em;
	245	+padding:10px 10px 10px 13px;
	246	+}
	247	+
	248	+.box a {
	249	+color:#f0f0f0;
	250	+}
	251	+
	252	+.left {
	253	+float:left;
	254	+margin:0 15px 4px 0;
	255	+}
	256	+
	257	+.right {
	258	+float:right;
	259	+margin:0 0 4px 15px;
	260	+}
	261	+
	262	+.readmore {
	263	+margin:-10px 10px 12px 0;
	264	+text-align:right;
	265	+}
	266	+
	267	+.timestamp {
	268	+font-size:1.2em;
	269	+margin:-5px 0 15px 10px;
	270	+}
	271	+
	272	+.timestamp a {
	273	+font-weight:normal;
	274	+}
	275	+
	276	+.blue {
	277	+color:#4088b8;
	278	+}
	279	+
	280	+.clear {
	281	+clear:both;
	282	+}
	283	+
	284	+.fade {
	285	+color:#c8c8c8;
	286	+}
	287	+
	288	+.gray {
	289	+color:gray;
	290	+}
	291	+
	292	+.photo {
	293	+background:#fff;
	294	+border:1px solid #bababa;
	295	+margin:6px 18px 2px 5px;
	296	+padding:2px;
	297	+}
...	...
...	...	@@ -0,0 +1,3 @@
	1	+#frame {
	2	+ background-color: white;
	3	+}
...	...
...	...	@@ -0,0 +1,4 @@
	1	+
	2	+#frame {
	3	+ background-color: pink;
	4	+}
...	...
...	...	@@ -1,163 +0,0 @@
1		-/*
2		-This stylesheet is part of the [in] business template downloaded from the oswd.org site
3		-
4		-The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
5		-*/
6		-html {
7		- width: 100%
8		-}
9		-
10		-body {
11		- font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
12		- font-size: 90%;
13		- color: #3D3535;
14		- background-color: #E4E5E0;
15		- margin: 0px;
16		- padding: 0px;
17		- line-height: 140%;
18		-
19		-}
20		-
21		-/* Wrapper */
22		-#wrap {
23		- text-align: center;
24		- width: 100%;
25		- background-color: #E4E5E0;
26		-}
27		-
28		-/* the container */
29		-#frame {
30		- background-color: #FFFFFF;
31		- margin-left: auto;
32		- margin-right: auto;
33		- padding: 20px;
34		- text-align: left;
35		- width: 90%;
36		-}
37		-
38		-/holds the tabs at the top/
39		-#menu {
40		- background-color: #FFFFFF;
41		- text-align: right;
42		- border-bottom: 1px solid #FFFFFF;
43		-}
44		-
45		-/holds the logo and image/
46		-#header {
47		- background-color: #EDEEEA;
48		- padding: 10px;
49		- margin-top:3px;
50		- height: 95px;
51		- background: #EDEEEA url(../images/www.jpg) no-repeat right top;
52		-}
53		-
54		-/defines the colours for the tabs, with corner background images/
55		-#menu a:link, #menu a:active, #menu a:visited {
56		- background: #EDEEEA url(../images/corner.gif) no-repeat right top;
57		- color: #3D3535;
58		- text-decoration: none;
59		- padding: 3px 7px 3px 7px;
60		- margin: 0 0 0 4px;
61		-}
62		-
63		-#menu a:hover {
64		- background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
65		- color: #000000;
66		- text-decoration: none;
67		- padding: 3px 7px 3px 7px;
68		- margin: 0 0 0 4px;
69		-}
70		-
71		-/just a fix, taken from http://www.positioniseverything.net/easyclearing.html/
72		-.clearfix:after {
73		- content: ".";
74		- display: block;
75		- height: 0;
76		- clear: both;
77		- visibility: hidden;
78		-}
79		-
80		-.clearfix {
81		- display: inline-table;
82		-}
83		-
84		-/* Hides from IE-mac \*/
85		-* html .clearfix {
86		- height: 1%;
87		-}
88		-
89		-.clearfix {
90		- display: block;
91		-}
92		-/* End hide from IE-mac */
93		-
94		-/the main text container/
95		-#box_2 {
96		- height: 600px;
97		-}
98		-
99		-#box_2 h1 {
100		- font-size: 110%;
101		- margin: 10px 0px 0px 0px;
102		- padding: 0px 0px 0px 0px;
103		- border-bottom: 2px solid #A53512;
104		-}
105		-
106		-/this is the right hand bar, news bar, links bar w/e/
107		-#box_1 {
108		- margin-top: 20px;
109		- padding-left: 20px;
110		- width: 245px;
111		- float: right;
112		- background-color: white;
113		-
114		-}
115		-
116		-#box_1 h1 {
117		- background-color: #A53512;
118		- color: #FFFFFF;
119		- padding: 3px;
120		- margin: 0px 0px 0px 0px;
121		- font-size: 100%;
122		- font-weight: normal;
123		-}
124		-
125		-/this just lets you have a "comment" type area in the main content/
126		-.p1 {
127		- padding: 20px;
128		- background-color: #F7F7F4;
129		- font-size:90%;
130		-}
131		-
132		-/sets the padding for the newsbar text, not the headings/
133		-.p2 {
134		- padding: 20px;
135		- background-color: #FFFFFF;
136		- font-size: 90%;
137		- list-style-image: url(../images/b.gif);
138		- list-style-position: 10px;
139		-}
140		-
141		-.p2 ul {
142		- margin: 0px 0px 0px 0px;
143		- padding: 0px 0px 0px 0px;
144		-}
145		-
146		-/the footer, with copyright/
147		-.footer {
148		-clear:both;
149		- background-color: #D6D8CF;
150		- padding: 4px;
151		- font-size: 80%;
152		- text-align: center;
153		-}
154		-
155		-/sets the link colours and style/
156		-a:link, a:active, a:visited {
157		- color: #A53512;
158		-}
159		-
160		-a:hover {
161		- color: #A53512;
162		- text-decoration: none;
163		-}
...	...	@@ -1,297 +0,0 @@
1		-/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
2		-
3		-Version: 2.0 (Jan 29, 2007)
4		-
5		-Screen layout: */
6		-
7		-/* General tags */
8		-
9		-body {
10		-background:url(../images/background.gif) repeat-y top center #fff;
11		-color:#404040;
12		-font:76% Verdana,Tahoma,Arial,sans-serif;
13		-line-height:1.2em;
14		-margin:0 auto;
15		-padding:0;
16		-}
17		-
18		-a {
19		-color:#4088b8;
20		-font-weight:700;
21		-text-decoration:none;
22		-}
23		-
24		-a:hover {
25		-text-decoration:underline;
26		-}
27		-
28		-a img {
29		-border:0;
30		-}
31		-
32		-p {
33		-margin:0 0 18px 10px;
34		-}
35		-
36		-ul,ol,dl {
37		-font-size:0.9em;
38		-margin:2px 0 16px 35px;
39		-}
40		-
41		-ul ul,ol ol {
42		-margin:4px 0 4px 35px;
43		-}
44		-
45		-blockquote {
46		-border:1px solid #dadada;
47		-font-size:0.9em;
48		-margin:20px 10px;
49		-padding:8px;
50		-}
51		-
52		-h1 {
53		-color:#4088b8;
54		-font-size:4.2em;
55		-letter-spacing:-5px;
56		-margin:0 0 30px 25px;
57		-}
58		-
59		-h1 a {
60		-color:#4088b8;
61		-text-transform:none;
62		-}
63		-
64		-h2 {
65		-border-bottom:4px solid #dadada;
66		-color:#4088b8;
67		-font-size:1.4em;
68		-letter-spacing:-1px;
69		-margin:0 0 10px;
70		-padding:0 2px 2px 5px;
71		-}
72		-
73		-h3 {
74		-border-bottom:1px solid #dadada;
75		-color:#4088b8;
76		-font-size:1.2em;
77		-font-weight:700;
78		-margin:10px 0 8px;
79		-padding:1px 2px 2px 3px;
80		-}
81		-
82		-/* Main wrap and header */
83		-
84		-#wrap {
85		-color:#404040;
86		-margin:10px auto;
87		-padding:0;
88		-width:970px;
89		-}
90		-
91		-#header {
92		-margin:0;
93		-}
94		-
95		-#menu {
96		-font-size:0.9em;
97		-padding:5px 2px 2px 3px;
98		-text-align:right;
99		-}
100		-
101		-#menu a {
102		-color:gray;
103		-}
104		-
105		-#slogan {
106		-color:gray;
107		-font-size:1.5em;
108		-font-weight:700;
109		-letter-spacing:-1px;
110		-line-height:1.2em;
111		-margin:15px 0 20px 35px;
112		-}
113		-
114		-/* Sidebar and menu */
115		-
116		-#box_1 {
117		-float:left;
118		-line-height:1.4em;
119		-padding:1px 0 0;
120		-width:20%;
121		-}
122		-
123		-#box_1 ul {
124		-font-size:0.9em;
125		-list-style:none;
126		-margin:0;
127		-padding:0 0 15px 10px;
128		-}
129		-
130		-#box_1 li {
131		-list-style:none;
132		-margin:0 0 4px;
133		-padding:0;
134		-}
135		-
136		-#box_1 li a {
137		-font-size:1.2em;
138		-font-weight:700;
139		-padding:2px;
140		-}
141		-
142		-#box_1 ul ul {
143		-line-height:1.2em;
144		-margin:4px 0 3px 15px;
145		-padding:0;
146		-}
147		-
148		-#box_1 ul ul li a {
149		-font-weight:400;
150		-}
151		-
152		-#box_1 h2 {
153		-margin:3px 0 8px;
154		-}
155		-
156		-/* Box 3 */
157		-
158		-#box_3 {
159		-float:left;
160		-line-height:1.4em;
161		-padding:1px 0 0;
162		-width:20%;
163		-}
164		-
165		-#box_3 ul {
166		-font-size:0.9em;
167		-list-style:none;
168		-margin:0;
169		-padding:0 0 15px 10px;
170		-}
171		-
172		-#box_3 li {
173		-list-style:none;
174		-margin:0 0 4px;
175		-padding:0;
176		-}
177		-
178		-#box_3 li a {
179		-font-size:1.2em;
180		-font-weight:700;
181		-padding:2px;
182		-}
183		-
184		-#box_3 ul ul {
185		-line-height:1.2em;
186		-margin:4px 0 3px 15px;
187		-padding:0;
188		-}
189		-
190		-#box_3 ul ul li a {
191		-font-weight:400;
192		-}
193		-
194		-#box_3 h2 {
195		-margin:3px 0 8px;
196		-}
197		-
198		-
199		-/* Main content */
200		-
201		-
202		-#box_2 {
203		-float:left;
204		-line-height:1.5em;
205		-margin:0px 20px 0px 20px;
206		-padding:0;
207		-text-align:left;
208		-width: 540px;
209		-}
210		-
211		-#box_2 h3 {
212		-margin:10px 0 8px;
213		-}
214		-
215		-/* Footer */
216		-
217		-#footer {
218		-border-top:4px solid #dadada;
219		-clear:both;
220		-color:gray;
221		-font-size:0.9em;
222		-line-height:1.6em;
223		-margin:0 auto;
224		-padding:8px 0;
225		-text-align:right;
226		-}
227		-
228		-#footer p {
229		-margin:0;
230		-padding:0;
231		-}
232		-
233		-#footer a {
234		-color:#808080;
235		-}
236		-
237		-/* Various classes */
238		-
239		-.box {
240		-background:#4088b8;
241		-border:1px solid #c8c8c8;
242		-color:#fff;
243		-font-size:0.9em;
244		-line-height:1.4em;
245		-padding:10px 10px 10px 13px;
246		-}
247		-
248		-.box a {
249		-color:#f0f0f0;
250		-}
251		-
252		-.left {
253		-float:left;
254		-margin:0 15px 4px 0;
255		-}
256		-
257		-.right {
258		-float:right;
259		-margin:0 0 4px 15px;
260		-}
261		-
262		-.readmore {
263		-margin:-10px 10px 12px 0;
264		-text-align:right;
265		-}
266		-
267		-.timestamp {
268		-font-size:1.2em;
269		-margin:-5px 0 15px 10px;
270		-}
271		-
272		-.timestamp a {
273		-font-weight:normal;
274		-}
275		-
276		-.blue {
277		-color:#4088b8;
278		-}
279		-
280		-.clear {
281		-clear:both;
282		-}
283		-
284		-.fade {
285		-color:#c8c8c8;
286		-}
287		-
288		-.gray {
289		-color:gray;
290		-}
291		-
292		-.photo {
293		-background:#fff;
294		-border:1px solid #bababa;
295		-margin:6px 18px 2px 5px;
296		-padding:2px;
297		-}
...	...	@@ -1,3 +0,0 @@
1		-#frame {
2		- background-color: white;
3		-}
...	...	@@ -1,4 +0,0 @@
1		-
2		-#frame {
3		- background-color: pink;
4		-}