diff --git a/fsfe.xsl b/fsfe.xsl
index 5b9fd1d213..3e8318d933 100644
--- a/fsfe.xsl
+++ b/fsfe.xsl
@@ -8,6 +8,10 @@
+
+
+
+
@@ -29,7 +33,7 @@
-
+
robots
@@ -51,6 +55,15 @@
text/css
+
+
+ stylesheet
+ all
+ /look/genericv.css
+ text/css
+
+
+
stylesheet
print
@@ -69,7 +82,13 @@
icon
- /graphics/fsfe.ico
+
+
+
+ /graphics/fsfev.png
+ /graphics/fsfe.ico
+
+
image/x-icon
@@ -277,7 +296,13 @@
/
FSFE Logo
- /graphics/logo_transparent.png
+
+
+
+ /graphics/logov.png
+ /graphics/logo_transparent.png
+
+
diff --git a/graphics/donate-button-bg-v.png b/graphics/donate-button-bg-v.png
new file mode 100644
index 0000000000..2aff2c2080
Binary files /dev/null and b/graphics/donate-button-bg-v.png differ
diff --git a/graphics/join-button-bg-v.png b/graphics/join-button-bg-v.png
new file mode 100644
index 0000000000..b70358e844
Binary files /dev/null and b/graphics/join-button-bg-v.png differ
diff --git a/graphics/logov.png b/graphics/logov.png
new file mode 100644
index 0000000000..239499761c
Binary files /dev/null and b/graphics/logov.png differ
diff --git a/graphics/logov.svg b/graphics/logov.svg
new file mode 100644
index 0000000000..f1dadd6507
--- /dev/null
+++ b/graphics/logov.svg
@@ -0,0 +1,102 @@
+
+
+
+
diff --git a/look/genericv.css b/look/genericv.css
new file mode 100644
index 0000000000..e4a8189c5c
--- /dev/null
+++ b/look/genericv.css
@@ -0,0 +1,1515 @@
+/*
+
+New design for fsfe.org.
+
+Colours to use:
+ TODO
+
+Editing rules:
+ - Colours should be given in RGB.
+ - Properties should be split with a colon and a space.
+ - Selectors should be on separate lines, where the last item will
+ carry the block opener.
+ - Indentation should be two spaces, and no tabs should be used.
+ - Any images or other resources' URLs must be given in absolute
+ paths.
+ - Font sizes (apart from the first font size definition in body) and
+ line heights must be set in percent.
+ - Generally strive not to repeat yourself (DRY).
+
+*/
+
+@import url("grid.css");
+@import url("input.css");
+
+/* Custom fonts */
+@font-face {
+ font-family: Lucida Sans;
+ src: url("/fonts/LSANS.TTF");
+}
+
+@font-face {
+ font-family: Nimbus Sans L;
+ src: url("/fonts/NimbusSanL-Regu");
+}
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font-family: "Arial", sans-serif;
+ font-size: 12px;
+ line-height: 180%;
+ color: rgb(50,50,50);
+ background-color: rgb(240,240,240);
+ background-image: url("/graphics/ribbon-gray.png");
+ background-repeat: no-repeat;
+ background-position: 19px 70px;
+}
+
+a:link,
+a:visited {
+ text-decoration: none;
+}
+
+a:link {
+ color: #9E1321;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+a:visited {
+ color: #F57B8F;
+}
+
+a img {
+ border: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#content p#category {
+ font-family: "Helvetica", "Arial", sans-serif;
+}
+
+h1,
+h2,
+h3 {
+ font-weight: normal;
+ line-height: normal;
+}
+
+h2 {
+ color: #9E1321;
+ font-size: 200%;
+ letter-spacing: -.5px;
+ line-height: 120%;
+ margin: .4em -.3em .5em;
+ padding: 0 .3em .2em;
+}
+
+h3 {
+ color: #9E1321;
+ line-height: 110%;
+ margin: 1.5em 0 .8em 0;
+ font-size: 190%;
+}
+
+p {
+ margin: .8em 0;
+}
+
+pre {
+ font-family: monospace;
+ font-size: 90%;
+ line-height: 140%;
+ background-color: rgb(240,240,240);
+ border-top: 1px dotted rgb(210,210,210);
+ border-bottom: 1px dotted rgb(210,210,210);
+ padding: 1.2em 0 1.2em 187px;
+ max-height: 14em;
+ overflow: auto;
+ margin: 1em 0;
+ box-shadow: 10px 0 0 rgb(240,240,240);
+}
+
+ul,
+ol {
+ padding-left: 1.5em;
+}
+
+ul {
+ list-style: circle;
+}
+
+
+/* generic classes */
+.clear {
+ clear: both!important;
+}
+
+.center {
+ text-align: center;
+ float: none!important;
+}
+
+.left {
+ float: left;
+ margin-left: 0;
+}
+
+.right {
+ float: right;
+ margin-right: 0;
+}
+
+p.left {
+ padding: 0 2% 0 0;
+}
+
+.right {
+ float: right;
+}
+
+.grid-40 {
+ width: 38%;
+}
+
+.grid-40.left {
+ padding-right:1%
+}
+
+.grid-50 {
+ width: 48%;
+}
+
+.grid-40.left {
+ padding-right:1%
+}
+
+.grid-60 {
+ width: 56%;
+}
+
+.grid-60.right {
+ padding-left:1%
+ border-left:1px solid #CCC;
+}
+
+.even {
+ background-color: #DEEEFF;
+}
+
+.compare .clear .left:first-child {
+ padding-left: 0;
+}
+
+.compare .clear .left {
+ padding-left: 1em;
+}
+
+.compare hr {
+ clear: both;
+ margin: 0 0 2.5em;
+}
+
+.even {
+ background-color: #DEEEFF;
+}
+
+#wrapper {
+ margin:0 5% 0 1%;
+ padding-bottom: 0;
+ max-width: 980px;
+ min-width: 500px;
+ border-left: 1px solid rgb(240,240,240);
+}
+
+#wrapper-inner {
+ float: left;
+ background-color: white;
+ padding-bottom: 3em;
+ -moz-border-radius-bottomright: 25px;
+ -moz-border-radius-bottomleft: 3px;
+ border-bottom-right-radius: 25px;
+ border-bottom-left-radius: 3px;
+ box-shadow: 3px 3px 4px rgba(0,0,0,.1);
+ -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.1);
+ -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.1);
+ overflow: hidden;
+ width: 100%;
+}
+
+.n {
+ display: none;
+}
+
+.read_more {
+ text-align: right;
+}
+
+.break {
+ clear: both;
+}
+
+
+/* header */
+#header {
+ background: url("/graphics/ribbonv.png") no-repeat scroll left bottom transparent;
+ min-height: 220px;
+ margin: 0;
+ width: 100%
+}
+
+#logo {
+ float:left;
+ margin:1em 0 0 1%;
+ max-width:29%;
+ width:215px;
+}
+
+#logo a img {
+ max-width: 100%;
+}
+
+#statement {
+ color: rgb(140,140,140);
+ float:left;
+ font-size:120%;
+ margin:3em 2% 0 8%;
+ width:60%;
+}
+
+#statement a {
+ padding-left: 1em;
+}
+
+
+/* sidebar */
+#menu,
+#search,
+#translations {
+ margin-bottom: 1em;
+ clear: left;
+ float: left;
+ max-width: 100%;
+}
+
+#search,
+#translations {
+ padding-left: .8em;
+}
+
+#search input[type="image"] {
+ background-color: transparent;
+ border: 0;
+ margin: 10px 0 0 -35px;
+ vertical-align: middle;
+}
+
+#search input[type="text"] {
+ /*padding-left: 30px;
+ width: 150px;*/
+ width: 80%;
+ padding: 5px 8px;
+}
+
+#search p {
+ margin: 0;
+}
+
+#translations ul {
+ font-size: 90%;
+}
+
+#translations ul li {
+ list-style: none;
+ line-height: 120%;
+}
+
+
+/* fundraising box */
+
+#fundraising {
+ min-height: 75px;
+ margin: 0 0 2em;
+ padding: 0 0 0 1em;
+ font-family: Nimbus Sans L, Helvetica, Verdana, sans-serif;
+ background: url('/graphics/xmas-fr-bg.png') no-repeat top right;
+ border: 1px solid #800000;
+ padding: 0.6em 1em 0.6em 1em;
+ overflow: hidden;
+}
+
+#fundraising h2 {
+ color: #9d0000;
+ font-weight: bold;
+ margin: 0.3em 1em 0.3em 0;
+ float:left;
+}
+
+#fundraising .button {
+ float: left;
+ margin: 0.5em 0.5em 0 0;
+}
+
+#fundraising .button a {
+ padding: 0.2em 0.4em;
+ font-size: 1.5em;
+ color: white;
+ font-weight:bold;
+ float:left;
+ display:block;
+ background: url('/graphics/xmas-fr-button-bg.png') repeat-x bottom left;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: none;
+}
+
+#fundraising .button a:hover {
+ box-shadow: 0 0 15px #00222B inset;
+ -moz-box-shadow: 0 0 15px #00222B inset;
+ -webkit-box-shadow: 0 0 15px #00222B inset;
+}
+
+#fundraising img {
+ margin: 0;
+}
+
+#fundraising p {
+ clear: left;
+ float: left;
+ font-size: 1.6em;
+ margin: 0 0 0.3em 0;
+}
+
+#fundraising div.percentbox {
+ margin: 1em 0 .5em 0;
+ border: 1px solid #9E1321;
+ background-color: #E2364C;
+}
+
+#fundraising div.percentbar {
+ height: 1em;
+ background-color: #9E1321;
+}
+
+#fundraising p.current {
+ float: left;
+ margin: 0;
+ text-align: left;
+}
+
+#fundraising p.target {
+ margin: 0;
+ text-align: right;
+}
+
+
+/* ------------------------------------------------------------------------- */
+/* Content */
+/* ------------------------------------------------------------------------- */
+
+/* content specific */
+#content {
+ clear: right;
+ float: left;
+ min-height: 400px;
+ width: 78%;
+}
+
+#content p#category {
+ font-size: 170%;
+ font-weight: bold;
+ line-height: 120%;
+ margin: 0 0 0.3em;
+}
+
+h1,
+h2,
+h3 {
+ color: #9E1321;
+ line-height: normal;
+}
+
+
+h1 {
+ border-bottom: 1px solid #D2D2D2;
+ font-size: 250%;
+ margin: 0;
+ padding: 0 0 0.5em;
+}
+
+h2 {
+ margin-top: 1.5em;
+}
+
+h3 {
+ font-size: 140%;
+ margin: 1.5em 0 .2em 0;
+}
+
+.image {
+ background-color: #FDFDFD;
+ float: left;
+}
+
+.image.right {
+ float: right;
+ padding: 0 0 2em 2em;
+}
+
+.image p {
+ border-bottom: 1px solid rgb(210,210,210);
+ border-left: 1px solid rgb(210,210,210);
+ border-right: 1px solid rgb(210,210,210);
+ font-size: 90%;
+ margin-top: 0;
+ padding: .5em;
+}
+
+.image .photographer {
+ font-size: 90%;
+ font-style: italic;
+}
+
+.imgright { /* compatibility */
+ float: right;
+ margin: 0 0 1em 1em;
+}
+
+.captioned {
+ padding: 0.5em;
+ border: 1px solid #D2D2D2;
+ margin: 1em;
+ text-align: center;
+}
+
+.captioned img {
+}
+
+.captioned p {
+ padding: 0.5em 0.5em 0 0.5em;
+ margin: 0;
+ border-top: 1px solid #dcdcdc;
+}
+
+.postit { /* compatibility */
+ float: left;
+ margin: 0 1em 1em 0;
+ border: 1px #000 solid;
+ padding: 0.3em;
+ width: 14em;
+ background: #FFECBF;
+ text-align: center;
+}
+
+.fineprint { /* compatibility */
+ color: rgb(120,120,120);
+ font-size: 90%;
+ border-top: 1px solid rgb(220,220,220);
+ padding: 1em .5em;
+ margin: 3em -.5em 1em;
+}
+
+.toolbox { /* compatibility */
+ background-color: rgb(244,248,250);
+ float: right;
+ font-size: 85%;
+ margin: .5em 0 0 1em;
+ padding: 1em;
+ width: 12em;
+}
+
+p.terminal,
+pre.terminal,
+p.file,
+pre.file {
+ font-family: monospace;
+ padding: .5em 1em;
+}
+
+p.terminal,
+pre.terminal {
+ background-color: rgb(50,50,50);
+ border-left: 10px solid rgb(97,97,97);
+ color: white;
+}
+
+p.file,
+pre.file {
+ background-color: rgb(244,248,250);
+ border-left: 10px solid rgb(141,172,190);
+ color: rgb(50,50,50);
+}
+
+#introduction {
+ border-bottom: 1px solid rgb(210,210,210);
+ float: left;
+ font-size: 125%;
+ margin: 0 -.5em 2em -.5em;
+ min-height: 60px;
+ padding: 1em .5em;
+ width: 100%;
+}
+
+#introduction img {
+ margin: 0;
+ padding: 0 1em 0 0;
+}
+
+#introduction p,
+p#introduction {
+ line-height: 190%;
+ font-size: 110%;
+}
+
+#introduction + * {
+ clear: left;
+}
+
+/*
+ * This expands #introduction until all content has been printed, so it
+ * doesn't flow outside of the element.
+ */
+#introduction p::after {
+ content: "";
+ clear: both;
+ height: 1px;
+ overflow: hidden;
+}
+
+#introduction .image {
+ margin: .5em;
+ padding-bottom: 0;
+}
+
+#introduction .read_more {
+ margin: 0 -1em;
+ padding: 0 1em 1em 0;
+ text-align: right;
+}
+
+
+/* ------------------------------------------------------------------------- */
+/* Subpages menu */
+/* ------------------------------------------------------------------------- */
+
+h2#subpages,
+h3#subpages,
+h4#subpages {
+ display: none;
+}
+
+h2#subpages.show-heading,
+h3#subpages.show-heading,
+h4#subpages.show-heading {
+ display: block;
+}
+
+ul#subpages,
+h2#subpages + ul,
+h3#subpages + ul,
+h4#subpages + ul {
+ margin: 2em 0 2em 0;
+ list-style-type: none;
+ padding: 0 1em;
+}
+
+ul#subpages li,
+h2#subpages + ul li,
+h3#subpages + ul li,
+h4#subpages + ul li {
+ float: left;
+ margin-bottom: .1em;
+ min-width: 8em;
+ padding-right: 3%;
+ width: 47%;
+}
+
+ul#subpages li:nth-child(odd),
+h2#subpages + ul li:nth-child(odd),
+h3#subpages + ul li:nth-child(odd),
+h4#subpages + ul li:nth-child(odd) {
+ clear: left;
+}
+
+
+/* navigation sidebar */
+#navigation {
+ background-color: #E2364C;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ height: 28px;
+ font-size: 105%;
+ font-weight: bold;
+}
+
+#navigation,
+#navigation a,
+#navigation #search {
+ color: rgb(244,254,255);
+ text-decoration: none;
+}
+
+#navigation ul#menu {
+ float: left;
+ list-style: none;
+}
+
+#navigation ul#menu li {
+ float: left;
+}
+
+#navigation ul#menu li a {
+ display: block;
+ padding: 5px 18px;
+}
+
+#navigation ul#languages {
+ background-color: #E2364C;
+ float: left;
+ width: 120px;
+ text-align: center;
+ padding: 5px 10px 3px 10px;
+}
+
+#navigation ul#languages li {
+ display: none;
+}
+
+#navigation ul#languages li a {
+ display: block;
+ border-bottom: 1px dotted white;
+}
+
+#navigation ul#languages li:first-child a,
+#navigation ul#languages li:last-child a {
+ border-bottom: 1px solid transparent;
+}
+
+#navigation ul#languages:hover li:first-child {
+ border-bottom: 1px dotted white;
+}
+
+#navigation ul#languages:hover li:first-child a {
+ font-weight: bold;
+}
+
+#navigation ul#languages li a:hover {
+ color: white;
+ font-weight: normal !important;
+}
+
+#navigation ul#languages li.selected {
+ display: block;
+}
+
+#navigation ul#languages li.selected a {
+ font-weight: normal;
+}
+
+#navigation ul#languages:hover li {
+ display: block;
+}
+
+#navigation #search {
+ float: right;
+ margin: 4px 3px 0 0;
+}
+
+#navigation #search input {
+ font-size: 95%;
+ padding: 2px;
+}
+
+#navigation #search input:focus {
+ border-color: inherit;
+}
+
+#navigation #search input[type=submit] {
+ margin-left: -20px;
+ position: absolute;
+ border: 0;
+ padding: 0;
+ border-left: 1px dotted rgb(130,130,130);
+ width: 20px;
+ height: 20px;
+}
+
+
+/* sidebar */
+#sidebar {
+ clear: left;
+ float: left;
+ line-height: 100%;
+ width: 19%;
+ min-width: 125px;
+ word-wrap: break-word;
+ padding: 0 1em 0 0;
+}
+
+
+/* menu */
+#menu a {
+ color: rgb(110,110,110);
+ text-decoration: none;
+ display: block;
+ padding: 0.8em 0 0.8em 0.8em;
+ line-height: 120%;
+ font-size: 15.5px;
+}
+
+#menu ul {
+ list-style: none;
+ margin: 0 0 0 0;
+ padding: 0;
+}
+
+#menu ul + ul {
+ border: 0;
+}
+
+#menu ul li a {
+ font-weight: bold;
+}
+
+#menu ul li ul li a {
+ font-weight: normal;
+ padding: 0.3em 0 0.4em 1.6em;
+}
+
+#menu ul li.fsfe ul li a,
+#menu ul li.fellowship ul li a,
+#menu ul li.planet ul li a,
+#menu ul li.wiki ul li a {
+ font-weight: normal;
+}
+
+#menu ul li.fsfe ul li a:hover,
+#menu ul li.fellowship ul li a:hover,
+#menu ul li.planet ul li a:hover,
+#menu ul li.wiki ul li a:hover {
+ background-color: white;
+}
+
+#menu ul li ul { /* “submenu */
+ border-left: none;
+ font-size: 120%;
+}
+
+#menu ul li.fsfe a {
+ border-left: 15px solid #E2364C;
+}
+
+#menu ul li.fsfe a:hover {
+ border-left: 15px solid #E2364C;
+ background-color: #F57B8F;
+}
+
+#menu ul li.fsfe ul li a {
+ border-left: 15px solid #DCDCDC;
+}
+
+#menu ul li.fsfe ul li a:hover {
+ border-left: 15px solid #F57B8F;
+}
+
+#menu ul li.planet a {
+ border-left: 15px solid #9E1321;
+}
+
+#menu ul li.planet a:hover {
+ background-color: #9E1321;
+}
+
+#menu ul li.planet ul {
+ display: none;
+}
+
+#menu ul li.planet ul li a {
+ border-left: 15px solid #DCDCDC;
+}
+
+#menu ul li.planet ul li a:hover {
+ border-left: 15px solid #9E1321;
+}
+
+#menu ul li.wiki a {
+ border-left: 15px solid #adff54;
+}
+
+#menu ul li.fellowship a {
+ border-left: 15px solid #F57B8F;
+}
+
+#menu ul li.fellowship a:hover {
+ background-color: #F57B8F;
+}
+
+#menu ul li.fellowship ul li a {
+ border-left:15px solid #DCDCDC;
+}
+
+#menu ul li.fellowship ul {
+ display: none;
+}
+
+#menu ul li.fellowship ul li a:hover {
+ border-left: 15px solid #ABFF4A;
+}
+
+#menu ul li ul li #selected,
+#menu ul li ul li #selected:hover {
+ border-left: 15px solid #C1C1C1;
+ color: #333333;
+ display: block;
+ font-size: 15.5px;
+ font-weight: normal;
+ line-height: 50%;
+ padding: 0.6em 0 0.8em 1.6em
+}
+
+/* front page feeds */
+#feeds {
+ width: 100%;
+}
+
+.section {
+ width: 48%;
+ float: left;
+ padding-right: 2%;
+}
+
+.section .entry {
+ padding: 0 .5em;
+}
+
+.section .entry h3 {
+ margin: 1.5em 0 .2em;
+}
+
+.section .entry p.date {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+ color: #6e6e6e;
+}
+
+.section h2 {
+ -moz-border-radius: 5px 5px 5px 5px;
+ -webkit-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
+ border: 0 none;
+ color: black;
+ float: right;
+ font-size: 130%;
+ font-weight: bold;
+ letter-spacing: normal;
+ line-height: normal;
+ margin: 1.5em 0 1em;
+ min-height: 1.6em;
+ padding: 0;
+ text-align: right;
+ width: 100%;
+ color: white;
+}
+
+.section h2 a, .section h2 span {
+ color: white;
+ color: white;
+ float: right;
+ padding: 0.2em 0.6em 0.2em 0;
+}
+
+.section .entry form {
+ float: left;
+}
+
+.section.grid-100 {
+ width: 100%;
+}
+
+#news.section h2,
+#donate-once.section h2 {
+ background-color: #E2364C;
+}
+
+#newsletter.section h2,
+#donate-regular.section h2 {
+ background-color: #F57B8F;
+}
+
+.section ul {
+ clear: left;
+}
+
+#newsletter.section ul li {
+ font-size: 1.2em;
+}
+
+#events.section h2 {
+ background-color: #9E1321;
+}
+
+#newsletter.section,
+#events.section,
+#contact.section,
+#donate-regular.section
+{
+ padding: 0 0 0 2%;
+}
+
+#team.section h2, #identica.section h2 {
+ background-color: #F57B8F;
+}
+
+#contact.section h2 {
+ background-color: #BDE455;
+}
+
+#identica.section .entry div {
+ float: left;
+}
+
+#identica.section h3, #identica.section h4 {
+ display: none;
+}
+
+#newsletter #language {
+ min-width: 7em;
+ width: 30%;
+ margin: 0 2% 0 0;
+}
+
+#newsletter #email {
+ width: 38%;
+ margin: 0 2% 0 0;
+}
+
+#newsletter #submit {
+ min-width: 6em;
+ width: 23%;
+}
+
+.section .rss-feed {
+ display: block;
+ height: 20px;
+ padding: 0;
+ width: 20px;
+ float: left;
+ margin: .3em 0 0 .2em;
+}
+
+.section .ical {
+ display: block;
+ height: 20px;
+ padding: 0;
+ width: 20px;
+ float: left;
+ margin: .3em 0 0 .4em;
+}
+
+#content .section h2 a img {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+#news .entry h3 a {
+ font-size: 100%;
+ font-weight: normal;
+}
+
+
+/* footer */
+#footer {
+ font-size: 90%;
+ line-height: 140%;
+ padding: 1em 0;
+ clear: both;
+ margin: 0 4em 2em 15px;
+ max-width: 980px;
+ min-width: 500px;
+ min-height: 8em;
+ color: rgb(140,140,140);
+}
+
+#footer a {
+ color: rgb(100,100,100);
+}
+
+#footer #notice {
+ float: left;
+ margin-right: 10%;
+ width: 50%;
+}
+
+#footer #notice > p {
+ margin-top: 0;
+}
+
+#footer #notice ul {
+ list-style: none;
+ padding: 0;
+}
+
+#footer #notice ul li {
+ display: inline;
+ margin-right: .8em;
+}
+
+#footer #sister_organizations {
+ float: right;
+ width: 40%;
+}
+
+#footer #sister_organizations h2 {
+ font-size: 100%;
+ margin-top: 0;
+ color: rgb(120,120,120);
+ border: 0;
+ padding: 0;
+}
+
+#footer #sister_organizations ul {
+ list-style: circle;
+}
+
+
+/* news and events */
+#events .date .day {
+ font-size: 220%;
+ display: block;
+ padding-bottom: .3em;
+}
+
+#events .date.multiple p {
+ margin: 0;
+ color: rgb(190,190,190);
+}
+
+#events .date.multiple .day {
+ font-size: 150%;
+}
+
+#events .date.multiple .month {
+ font-size: 90%;
+}
+
+#events .date .month {
+ font-size: 140%;
+}
+
+#events .details {
+
+}
+
+#events .details > p {
+ margin-top: 0;
+}
+
+
+#frontpage .entry {
+ margin-bottom: 3em;
+}
+
+
+/* announcement */
+#announcement {
+ min-height: 8em;
+ text-align: center;
+ margin-bottom: 2em;
+}
+
+#announcement img {
+ float: none;
+ margin: 0;
+}
+
+
+/* advocacy pages */
+
+.copyable-code {
+clear: both;
+margin: 1.5em 0;
+}
+
+
+/* item-grid (used for shop/orders) */
+.item-grid h2 {
+ border-bottom: 1px solid #CCCCCC;
+ margin-bottom: 0;
+}
+
+#content .item-grid .image {
+ padding: 2em;
+}
+
+
+/* Footnotes */
+h2#fn {
+ display: none;
+}
+
+h2#fn + ol {
+ border-top: 1px solid #ccc;
+ font-size: 90%;
+ margin-top: 3em;
+ padding-top: .5em;
+ width: 30%;
+}
+
+h2#fn + ol li {
+ width: 300%;
+}
+
+a.fn {
+ bottom: .5em;
+ font-size: 70%;
+ position: relative;
+}
+
+
+/* Front page */
+#campaigns-boxes {
+ overflow: hidden;
+ margin-bottom: 0;
+}
+
+#campaign-box-1 {
+ width: 65.5%;
+ height: 200px;
+ float: left;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ background: url("/graphics/pdf-banner.png") no-repeat top left;
+ overflow: hidden;
+}
+
+#campaign-box-1 a h3 {
+ display: block;
+ color: #9E1321;
+ font-family: "Lucida Sans", sans-serif;
+ font-size: 2em;
+ margin: .5em;
+ width: 50%;
+}
+
+#campaign-box-1 a h3:hover {
+ text-decoration:none;
+ color:#22284C;
+}
+
+#campaign-box-2 {
+ width: 32%;
+ float: right;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+
+#campaign-box-2 p {
+ margin: 0;
+ padding: 1.3em 0 0 0;
+ font-weight: normal;
+}
+
+#campaign-box-3 {
+ -moz-border-radius: 7px 7px 7px 7px;
+ background-color: silver;
+ float: left;
+ height: 45px;
+ margin: 1.5em 0 0 0;
+ width: 100%;
+ display:none;
+}
+
+a.donate-box, a.fellowship-box {
+ display: block;
+ font-family: "Lucida Sans", sans-serif;
+ height: 94px;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ text-align: center;
+ font-size: 1.8em;
+ font-weight: bold;
+}
+
+#campaign-box-2 a.donate-box {
+ color:#3394CE;
+ -moz-box-shadow:inset 0 0 6px #00222b;
+ -webkit-box-shadow:inset 0 0 6px #00222b;
+ box-shadow:inset 0 0 6px #00222b;
+ margin: 0 0 12px;
+ background:url("/graphics/donate-button-bg.png") no-repeat top left;
+}
+
+#campaign-box-2 a.donate-box:hover,
+#campaign-box-2 a.fellowship-box:hover {
+ text-decoration: none;
+}
+
+#campaign-box-2 a.donate-box:hover {
+ color: #2A7BAD;
+ -moz-box-shadow: inset 0 0 20px #00222b;
+ -webkit-box-shadow: inset 0 0 20px #00222b;
+ box-shadow: inset 0 0 20px #00222b;
+}
+
+#campaign-box-2 a.fellowship-box {
+ color: #70d055;
+ -moz-box-shadow: inset 0 0 6px #17280b;
+ -webkit-box-shadow: inset 0 0 6px #17280b;
+ box-shadow: inset 0 0 6px #17280b;
+ background: url("/graphics/join-button-bg.png") no-repeat top left;
+}
+
+#campaign-box-2 a.fellowship-box:hover {
+ color: #5DAC46;
+ -moz-box-shadow: inset 0 0 20px #17280b;
+ -webkit-box-shadow: inset 0 0 20px #17280b;
+ box-shadow: inset 0 0 20px #17280b;
+}
+
+
+/* Overview pages */
+ul.overview {
+ list-style-type: none;
+ margin: 0;
+ margin-bottom: 1em;
+ padding: 0;
+ padding-right: 1.5%;
+ float: left;
+ width: 45%;
+}
+
+
+/* Article pages */
+#article-metadata {
+ margin: 0.5em 0 1.5em;
+}
+
+#article-metadata p {
+ margin: 0;
+}
+
+#article-metadata a {
+ color: #323232;
+}
+
+#article-metadata span.label {
+ color: #9E1321;
+ padding-left: 1em;
+}
+
+#article-metadata span.label:first-child {
+ padding-left: 0;
+}
+
+
+/* identica feed */
+#identica-feed {
+ float: right;
+ width: 29%;
+ font-size: 90%;
+ line-height: 110%;
+ overflow: auto;
+ height: 150px;
+}
+
+#identica-feed .name,
+#identica-feed .date {
+ display: block;
+}
+
+#identica-feed .name {
+ float: left;
+ font-weight: bold;
+}
+
+#identica-feed .date {
+ text-align: right;
+}
+
+#identica-feed p {
+ clear: left;
+}
+
+#identica-feed img {
+ height: 16px;
+ width: 16px;
+ vertical-align: middle;
+}
+
+#identica-feed li {
+ list-style: none;
+ margin-bottom: .5em;
+ border-bottom: 1px solid rgb(210,210,210);
+ padding-bottom: .5em;
+}
+
+
+/* tables */
+table {
+ border-collapse: collapse;
+ margin-bottom: 1em;
+ max-width: 100%;
+ font-size: 100%;
+}
+
+table th,
+table td {
+ padding: .2em .5em;
+}
+
+table th + th,
+table td + td {
+ border-left: 1px solid #ccc;
+}
+
+table th {
+ border-bottom: 1px solid #9E1321;
+ border-top: 1px solid #9E1321;
+ color: #9E1321;
+ background-color: #f4f8fa;
+}
+
+table td {
+ border-bottom: 1px solid #ccc;
+}
+
+table.restricted-width {
+ max-width: 200px; /* to fix pdfreaders buglist page problems */
+}
+
+
+table td.positive {
+ background-color: #d0ffd0;
+}
+
+table td.negative {
+ background-color: #ffd0d0;
+}
+
+table.noborders td,
+table.noborders th {
+ border: 0;
+}
+
+tr.highlighted {
+ background-color :#D0F400;
+}
+
+/* notices */
+#outdated-notice {
+ border: 1px solid red;
+ padding: 0.5em;
+ margin: 0 0 1.5em 0;
+}
+
+/* service notice */
+#service-notice {
+ position: fixed;
+ background-color: #9E1321;
+ border-bottom: 1px solid rgb(41,138,196);
+ font-size: 90%;
+ color: white;
+ line-height: 120%;
+ opacity: .8;
+ width: 100%;
+}
+
+#service-notice h1 {
+ font-size: 130%;
+ margin: 0 0 .5em 0;
+ font-weight: bold;
+}
+
+#service-notice p {
+ margin: .4em 0;
+}
+
+#service-notice a:link,
+#service-notice a:visited {
+ color: rgb(214,234,245);
+}
+
+#service-notice .text {
+ padding: .6em 2em;
+}
+
+#service-notice .close {
+ margin: 1em 2em 0 0;
+ float: right;
+}
+
+#service-notice .close a {
+ background-color: rgb(137,226,245);
+ border: 2px solid #9E1321;
+ padding: .2em .4em;
+ font-size: 180%;
+ font-weight: normal;
+ cursor: pointer;
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+}
+
+#service-notice .close a:link,
+#service-notice .close a:visited {
+ color: #9E1321;
+}
+
+#service-notice .close a:hover,
+#service-notice .clsoe a:active {
+ color: #9E1321;
+}
+
+
+/* People pages */
+
+.people img {
+ float:left;
+ margin-right:10px;
+ width:48px;
+ height:48px;
+ border:1px solid #000;
+}
+
+ul.people {
+ list-style-type:none;
+}
+
+ul.people li {
+ display:block;
+ float:left;
+ width:48%;
+ min-width:20em;
+ padding-right:0.5em;
+}
+
+ul.people li:nth-child(odd) {
+ clear: left;
+}
+
+ul.people li:last-child {
+ margin-bottom:1.5em;
+}
+
+.people .name, .people .email {
+ display:block;
+}
+
+.people .name {
+ font-weight: bold;
+}
+
+.people .email {
+ font-style: italic;
+}
+
+
+/* Testimonials divs */
+
+.testimonial {
+ overflow: auto;
+ clear: both;
+}
+
+.testimonial img {
+ float: left;
+ margin-right: 10px;
+}