+header,
+hgroup,
+section,
+footer,
+aside,
+nav,
+article,
+figure,
+img {
+ display: block;
+}
body {
- margin: 0;
- padding: 0;
- color: black;
- background: white;
- font: 14px verdana, arial, free-sans, sans-serif;
+ margin: 0;
+ padding: 0;
+ color: #000;
+ background: #eeeeee;
+ font: 14px "Verdana", sans-serif;
}
-
-nav {
- width: 154px;
- float: left;
- overflow: none;
- background: #ffe;
+#centerer {
+ position: relative;
+ background: #ddffff;
+ margin: 15px auto;
+ width: 940px;
+ -moz-box-shadow: 2px 2px 15px #777;
+ -webkit-box-shadow: 2px 2px 15px #777;
+ box-shadow: 2px 2px 13px #777;
+}
+header {
+ width: 940px;
+ height: 100px;
+ background: #ddddff;
}
-
-nav h3 {
- padding-left: 10px;
+nav {
+ float: left;
+ width: 180px;
+ padding: 10px;
+ background: #ddffff;
}
-
-footer {
- float: left;
- clear: both;
- width: 596px;
- margin-top: 35px;
- text-align: center;
- font-size: 9px;
-}
-
-#body {
- width: 596px;
- padding: 25px 25px 15px 25px;
- float: left;
-}
-
-#centerer {
- margin: 10px auto 20px;
- width: 800px;
+nav h3 span {
+ color: #ddffff;
}
-
-#admin_links {
- background: #ddf;
- margin-bottom: 20px;
-}
-
-
-/************ FLOATING IMAGES **************/
-span.float_left {
- display: block;
- float: left;
- font-size: 10px;
- text-align: right;
- padding: 4px 15px 7px 0;
-}
-span.float_right {
- display: block;
- float: right;
- font-size: 10px;
- text-align: right;
- padding: 4px 0 7px 15px;
-}
-span.float_left img, span.float_right img {
- display: block;
- padding-bottom: 1px;
-}
-span.float_center img {
- display: inline;
-}
-div.mid_pic {
- margin: 15px auto;
- font-size: 10px;
- text-align: right;
-}
-
-/************ GENERAL **************/
-/* HTML5 tags */
-header, hgroup, section, footer, aside, nav, article, figure {
- display: block;
-}
-
-img {
- display: block;
+nav h3.current span {
+ color: inherit;
}
-
-a img {
- border: 0;
+nav h3.current a {
+ text-decoration: none;
}
-
-code.html {
- background: #ddd;
+#main-body {
+ float: left;
+ width: 704px;
+ padding: 18px 18px 54px 18px;
+ background: #ffffff;
}
-
-.first {
- padding-top: 0px;
- margin-top: 0px;
+footer {
+ clear: both;
+ width: 904px;
+ padding: 18px;
+ text-align: center;
+ background: #ddddff;
+ font-size: 80%;
+}
+#wfpl_messages {
+ border: 2px solid red;
+ background: #fbb;
+ padding: 5px;
+ margin: 20px 0px;
+}
+#wfpl_messages p {
+ font-size: 120%;
+ padding: 5px;
+ margin: 0px;
+}
+#wfpl_messages hr {
+ height: 1px;
}
-.last, div.last {
- padding-bottom: 0px;
- margin-bottom: 0px;
+#admin_links {
+ background: #fdd;
+ padding: 3px;
+ margin-bottom: 15px;
}
-
-
-/************ FORMS **************/
-div.caption {
- font-weight: bold;
+.caption {
+ margin-top: 15px;
+ font-weight: bold;
}
-div.field {
- margin-bottom: 20px;
+.field {
+ margin-bottom: 15px;
}
div.field_notes {
- font-size: 12px;
- line-height: 16px;
+ font-size: 12px;
+ line-height: 16px;
+}
+fieldset {
+ border: 1px dotted black;
+ padding: 0 15px 15px 15px;
+ margin: 15px 0;
+ position: relative;
}
-div.field_notes ul {
- padding-top: 0;
- padding-bottom: 0;
- margin-top: 0;
- margin-bottom: 0;
+legend {
+ padding: 0 6px;
+ font-weight: bold;
}
div.error {
- border: 2px solid red;
- padding: 13px;
- margin: 20px;
- background: #fdd;
-}
-
-.form_section {
- border: 1px dotted black;
- padding: 23px 15px 15px 15px;
- margin: 25px 0;
- position: relative;
-}
-.form_section_header {
- position: absolute;
- left: 42px;
- top: -9px;
- background: white;
- padding: 0 6px;
-}
-
-#cke_content {
- /* wysiwyg area seems to be 10px narrower than cke_content */
- /* Then we leave another 20px for the scrollbar */
- /* And another 20px for padding */
- width: 670px;
- margin-left: -11px;
+ border: 2px solid red;
+ padding: 13px;
+ margin: 20px;
+ background: #fdd;
+}
+span.wfpl_ifl {
+ display: block;
+ float: left;
+ font-size: 10px;
+ text-align: right;
+ background-repeat: no-repeat;
+ background-position: left top;
+ margin: 0 10px 2px 0;
+}
+span.wfpl_ifr {
+ display: block;
+ float: right;
+ font-size: 10px;
+ text-align: right;
+ background-repeat: no-repeat;
+ background-position: left top;
+ margin: 0 0 2px 10px;
+}
+div.wfpl_ic {
+ margin: 15px auto;
+ font-size: 10px;
+ text-align: right;
+ background-repeat: no-repeat;
+ background-position: center top;
+}
+td > :first-child,
+th > :first-child,
+legend + *,
+article > :first-child,
+section > :first-child,
+nav > :first-child,
+div > :first-child,
+.first {
+ margin-top: 0px;
+}
+td > :last-child,
+th > :last-child,
+fieldset > :last-child,
+article > :last-child,
+section > :last-child,
+nav > :last-child,
+div > :last-child,
+.last {
+ margin-bottom: 0px;
}