/* BASE */

* {
font-family : "trebuchet ms", tahoma, sans-serif;
}
a {
color : #47a;
text-decoration : none;
}
a:hover {
color : #258;
text-decoration : underline;
}
a img {
border : 0;
}
body {
background-color : #fff;
margin : 0;
padding : 0;
}
input[type="text"], input[type="password"], select, textarea {
border : 1px solid #aaa;
padding : 0.1em;
}
input[type="text"], input[type="password"], textarea {
padding : 0.2em;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
border-color : #666;
}
p.error, p.success {
border : 1px solid;
font-size : small;
margin : 0.5em;
padding : 0.5em;
width : 70%;
}
p.error {
background : #fcc;
border-color : #966;
color : #633;
}
p.success {
background : #cfc;
border-color : #696;
color : #363;
}
td#availability {
color : #285;
font-weight : bold;
}
td#availability.not-available {
color : #f00;
}
textarea {
font-size : small;
padding : 0.2em;
}
th {
padding-right : 1em;
text-align : right;
}
div#header {
background : #fff url('bg_header.png') repeat-x bottom;
border-bottom : 3px solid #9cd;
clear : both;
}
div#header:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html div#header {
height : 1%;
}
h1 {
float : left;
font-size : x-large;
font-weight : bold;
letter-spacing : 0.25em;
margin : 0;
padding : 1em;
text-transform : lowercase;
}
html > body h1 {
background : url('logo.png') no-repeat 10px;
padding-left : 75px;
}
html > body div#header.popup h1 {
background : url('logo_24.png') no-repeat 10px;
padding : 0.5em 0.5em 0.5em 50px;
}
h1 a {
color : #000;
}
h1 a:hover {
color : #000;
}
h2 {
background : #666 url('bg_bar.png') repeat-x center center;
border-bottom : 3px solid #ddd;
clear : both;
color : #ddd;
font-size : medium;
letter-spacing : 0.1em;
margin : 0 0 1em 0;
padding : 0.5em 1em;
text-transform : lowercase;
}
ul#navigation {
list-style-type : none;
margin : 0;
padding : 1.75em 1em;
text-transform : lowercase;
width : auto;
}
ul#navigation a {
font-size : medium;
font-weight : bold;
padding : 0.2em 0.5em;
}
ul#navigation a:hover {
background : #7ad;
color : #fff;
}
ul#navigation li {
float : left;
}
ul#navigation li.access {
float : right;
}
ol#bookmarks {
list-style-type : none;
margin : 0;
padding : 0 1em;
width : 70%;
}
html > body ol#bookmarks {
margin : 0 1em;
padding : 0;
}
div.link a {
color : blue;
font-size : medium;
}
div.link a:visited {
color : purple;
}
div.meta {
color : #285;
}
div.meta span {
color : #f00;
}
li.xfolkentry {
border-bottom : 1px solid #ddd;
margin-bottom : 0;
padding : 1em 0.5em;
}
html > body li.xfolkentry {
border-bottom : 1px dotted #aaa;
}
li.xfolkentry div {
padding : 0.1em;
}
li.xfolkentry.private {
border-left : 3px solid #f00;
}
li.xfolkentry.shared {
border-left : 3px solid #fa0;
}
div#sidebar {
font-size : small;
position : absolute;
right : 1em;
top : 10em;
width : 25%;
}
div#sidebar a {
color : #995;
}
div#sidebar a:hover {
color : #773;
}
div#sidebar div {
background : #fff url('bg_sidebar.png') repeat-x bottom;
border : 1px solid #cc8;
color : #555;
margin-bottom : 1em;
}
div#sidebar h2 {
background : transparent;
border : 0;
color : #995;
letter-spacing : 0;
margin : 0;
padding : 0.5em 0;
}
div#sidebar hr {
display : none;
}
div#sidebar p {
margin : 1em;
}
div#sidebar p.tags a {
margin : 0;
}
div#sidebar table {
margin : 0.5em 0.5em 0 0.5em;
}
div#sidebar table td {
padding-bottom : 0.25em;
padding-right : 0.5em;
}
div#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0.5em;
}
div#sidebar ul li {
margin : 0.5em 0;
}
p.tags {
line-height : 2.25em;
margin : 2em 10%;
text-align : justify;
vertical-align : middle;
}
p.tags a, p.tags span {
color : #47a;
margin-right : 0.5em;
}
p.tags span:hover {
cursor : pointer;
text-decoration : underline;
}
p.tags span.selected {
background : #cec;
}
table.profile th {
width : 10em;
}
dd {
background : #cec;
border-right : 4px solid #aca;
color : #464;
padding : 6px;
}
dd a {
color : #464;
}
dd a:hover {
color : #000 !important ;
text-decoration : underline !important ;
}
dl {
font-size : small;
margin : 1em;
width : 70%;
}
dl#profile dd {
background : #cde;
border-color : #abc;
color : #247;
}
dl#profile dt {
background : #bce;
border-color : #9ac;
color : #245;
display : block;
font-weight : bold;
padding : 6px;
}
dl#profile a {
color : #446;
}
dl#profile a:hover {
color : #000 !important ;
text-decoration : underline !important ;
}
dl#meta dd {
line-height : 1.5em;
}
dl#meta dt {
background : #bdb;
color : #353;
display : block;
font-weight : bold;
padding : 6px;
}
dt {
border-right : 4px solid #9b9;
}
dt a {
background : #bdb;
color : #353;
display : block;
font-weight : bold;
padding : 6px;
}
dt a:hover {
background : #aca;
border : 0;
}
form {
margin : 0;
}
form#search {
background : #fff;
color : #555;
font-size : small;
margin-bottom : 1em;
}
form label, form td, form th {
font-size : small;
}
form table {
margin : 0 1em;
}
h3 {
background : #ddd;
color : #555;
font-size : small;
letter-spacing : 0.2em;
margin : 2em 1em 1em 1em;
padding : 0.25em 0.75em;
}
li {
font-size : small;
margin-bottom : 0.5em;
}
p {
font-size : small;
margin : 1em;
}
p#sort {
color : #ccc;
font-size : small;
float : right;
margin : 0;
position : absolute;
right : 0;
top : 7em;
}
html > body p#sort {
margin-right : 0.75em;
}
p#sort a {
background : #aaa;
color : #555;
font-weight : normal;
margin-right : 0.5em;
padding : 0 1em;
}
html > body p#sort a {
margin-right : 0;
}
p#sort a:hover {
background : #ccc;
text-decoration : none !important ;
}
p#sort span {
display : none;
}
p.paging {
font-size : small;
margin-left : 1em;
}
p.paging a, p.paging span.disable {
background : #888;
color : #fff;
display : inline;
margin-right : 0.5em;
padding : 0.25em 1em;
}
p.paging a:hover {
background : #666;
}
p.paging span {
display : none;
}
p.paging span.disable {
background : #ddd;
color : #aaa;
}
div.collapsible p.tags {
line-height : 2.25em;
margin : 1em 2em;
}
th label {
padding-right : 1em;
}
ul {
margin-right : 1em;
width : 75%;
}