body {
margin:1em;
background-color:#fff;
color:#000;
font:1em Verdana, Helvetica, sans-serif;
}
#containerhead object, #containerhead #primarynav, #containerhead img {
display:none;
}
/*
Aura: Webpage Exoskin v1. Copyright Leorex Pty Limited, 2003 (http://www.leorex.com/).
Licenced under Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/1.0/)
*/
/* Adjust these styles to your colour scheme */
body {
background-color:#a6b1bd;
color:#222;
}
#globalheadcontent {
background-color:#000;
}
#pagehead {
background-color:#fff;
}
#pagehead h2 {
background-color:#e5e5cc;
}
#pagecontent {
background-color:#fff;
}
#sidebarcontent {
color:#223;
}
#sidebarcontent .alt {
background-color:#b7b789;
}
#primarynav {
background-color:#b7b789;
border-top:1px solid #333;
}
#primarynav li a:hover {
background-color:#eed;
}
/* Adjust the following styles to your preferences */
/* Headings */
#pagehead h2 {
color:#036;
}
#sidebarcontent h3, #sidebarcontent h4 {
color:#036;
}
/* Links */
#primarynav {
color:#fff;
}
#primarynav li {
border-right:1px solid #999;
}
#primarynav li a {
color:#000;
}
#primarynav li a:hover {
color:#556;
}
#primarynav ul.subnav {
background-color:#b7b789;
}
#primarynav ul.subnav li {
border:none;
}
#primarynav ul.subnav li a:hover {
background-color:#e5e5cc;
color:#000;
}
ul.navpath li {
color:#333;
}
#pagecontent a:link, #pagecontent a:visited {
color:#069;
}
#pagecontent a:hover, #pagecontent a:active {
background-color:#def;
color:#069;
}
#containerfootcontent a:link, #containerfootcontent a:visited {
color:#069;
}
#containerfootcontent a:hover, #containerfootcontent a:active {
background-color:#def;
color:#069;
}
#sidebarcontent a:link, #sidebarcontent a:visited {
color:#036;
}
#sidebarcontent a:hover, #sidebarcontent a:active {
background-color:#e1e1cd;
color:#036;
}
/* Miscellaneous */
.border {
border:1px solid #999;
}
form {
}
input, textarea {
border:1px solid #aaa;
}
input.button {
background-color:#b7b789;
}
input.button:hover {
background-color:#ffe;
}
table {
border:1px solid #999;
}
th, td {
border:1px solid #ccc;
}
/* Page Design Graphics */
#container {
background-image:url({$tpl_path}/images/aura_page_background.gif);
background-repeat:repeat-y;
}
#sidebar {
background-image:url({$tpl_path}/images/aura_sidebar_head.gif);
background-repeat:no-repeat;
}
#containerfoot {
background-image:url({$tpl_path}/images/aura_page_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#pagehead h2 {
background-image:url({$tpl_path}/images/aura_page_head.gif);
background-repeat:repeat-x;
}
#sidebarcontent .alt {
background-image:url({$tpl_path}/images/aura_sidebar_alt.gif);
background-repeat:repeat-y;
}
/*
Aura: Webpage Exoskin v1. Copyright Leorex Pty Limited, 2003 (http://www.leorex.com/).
Licenced under Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/1.0/)
*/
/* HTML Tag Defaults */
body {
font:80%/145% Verdana, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
margin:0;
padding:0;
}
img {
border:0;
}
/* Page */
#pagehead h2 {
padding:10px 15px;
font-size:180%;
}
#pagecontent h3 {
margin:5px 0;
padding:10px 0 0 0;
font-size:110%;
}
#pagecontent h4 {
margin:10px 0;
padding:0;
font-size:100%;
font-weight:bold;
}
#pagecontent img.left {
float:left;
margin:3px 10px 10px 0;
}
#pagecontent img.right {
float:right;
margin:3px 0 10px 7px;
}
/* Sidebar */
#sidebarcontent {
font-size:85%;
line-height:140%;
}
#sidebarcontent h3 {
margin:0;
padding:20px 5px 5px 7px;
font-size:150%;
font-weight:bold;
}
#sidebarcontent h4 {
margin:0;
padding:5px 5px 0 7px;
font-size:100%;
font-weight:bold;
}
#sidebar img {
float:left;
margin:3px 5px 2px 0;
}
#sidebarcontent p {
margin:0;
padding:5px 10px 5px 7px;
}
/* Fotter */
#containerfootcontent {
font-size:75%;
line-height:140%;
}
/* Links */
#primarynav {
font-size:75%;
}
#primarynav ul {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#primarynav li {
display:inline;
margin:0;
padding:0;
}
#primarynav li a {
padding:0 10px;
text-decoration:none;
font-weight:bold;
}
#primarynav ul.subnav {
display:block;
}
#primarynav ul.subnav li {
display:block;
}
#primarynav ul.subnav li a {
padding:0 15px;
}
ul.navpath {
display:inline;
list-style:none;
margin:0;
padding:0;
font-size:75%;
}
ul.navpath li {
display:inline;
margin:0;
padding:0;
text-decoration:none;
font-weight:bold;
}
ul.navpath li a {
padding:0;
}
#pagecontent a:link, #pagecontent a:visited {
font-weight:bold;
text-decoration:none;
}
#pagecontent a:hover, #pagecontent a:active {
font-weight:bold;
text-decoration:underline;
}
#containerfootcontent a:link, #containerfootcontent a:visited {
font-weight:bold;
text-decoration:none;
}
#containerfootcontent a:hover, #containerfootcontent a:active {
font-weight:bold;
text-decoration:underline;
}
#sidebarcontent a:link, #sidebarcontent a:visited {
font-weight:bold;
text-decoration:none;
}
#sidebarcontent a:hover, #sidebarcontent a:active {
font-weight:bold;
text-decoration:underline;
}
/*
Aura: Webpage Exoskin v1. Copyright Leorex Pty Limited, 2003 (http://www.leorex.com/).
Licenced under Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/1.0/)
*/
body {
margin:0;
padding:0;
text-align:center;
}
/* Base */
#container {
width:770px;
margin:0 auto;
padding:0;
text-align:left;
}
#globalhead {
height:20px;
margin:0;
padding:0;
}
#containerhead {
margin:0;
padding:0;
}
#page {
float:left;
width:550px;
margin:0;
padding:0;
}
#sidebar {
float:right;
width:220px;
margin:0;
padding:0;
}
#containerfoot {
margin:0;
padding:0;
}
/* Section */
#globalheadcontent {
margin:0 11px;
padding:0;
}
#containerheadcontent {
margin:0 10px;
padding:0;
}
#primarynav {
margin:0 1px;
padding:0;
}
#pagehead {
margin:0 1px 0 11px;
padding:0;
}
#pagecontent {
margin:0 1px 0 11px;
padding:0 15px;
}
#sidebarcontent {
margin:0 11px 0 0;
padding:0;
}
#containerfootcontent {
margin:0 221px 0 11px;
padding:15px;
}
/* Miscellaneous */
#containerheadcontent h1 {
display:none;
}
#containerheadcontent img {
display:block;
margin:0;
padding:0;
}
.bottom {
clear:both;
}
label {
font-size: 80%;
vertical-align: middle;
display: block;
margin-top: 10px;
margin-right: 5px;
clear: both;
}
label:after {
content: ":";
}
label.wack { /* wiggidy wack? */
margin: 0;
margin-left: 5px;
} /* no, just regular type */
label.wack:after {
content: "";
}
fieldset {
float: left;
margin: 10px 10px 10px 0px;
}
fieldset label {
display: inline;
}
input[type=submit] {
clear: both;
display: block;
margin-top: 10px;
}