/***** BASICS *****/

@import url("structure.css");

th, td, body, select, textarea, input, #styleswitcher a:hover {
    color: #222 ;
}

select:focus, textarea:focus, input:focus {
    border-color: #888;
}

body, select, textarea, input, .navbar, pre {
    background-color: #ccc;
}

body {
   background-image: url("/images/header-light.gif");
}


#links a, #links a:visited {
    border-color: #ccc;
}

#content, .navbar select, .navbar input,
#links .active-link a, #links .active-link a:visited,
#links .link a:hover {
    background-color: #eee;
}

#content {
    -moz-box-shadow: 6px 6px 13px #888;
    -webkit-box-shadow: 6px 6px 13px #888;
    box-shadow: 6px 6px 13px #888;
}
#links a {
    -moz-box-shadow: 3px 3px 8px #888;
    -webkit-box-shadow: 3px 3px 8px #888;
    box-shadow: 3px 3px 8px #888;
}


#links .active-link a, #links .active-link a:visited {
    border-color: #eee;
}

#content a, #content a:visited, #content a:active,
#links .active-link a, #links .active-link a:visited {
    color: #08b;
}

#footer, #styleswitcher, #styleswitcher a {
    color: #888;
}


select, textarea, input, .comments-by {
    border-color: #bbb;
}

#content .navbar a {
/*    color: #555; */
}


#content a:hover, #content .navbar a:hover, dt {
    color: black;
}


h1 {
    color: #e80;
}
h2, .comments-by {
    color: #888;
}


.pic, .thumb {
    border-color: #ccc #aaa #aaa #ccc;
    background: white;
}

a:hover .thumb {
    border-color: #888;
}


.thumbs a img {
    border-color: #ccc;
    background-color: white;
}
.thumbs a:hover img {
    background-color: #ccc;
    border-color: black;
}


#logo {
    background: url("/images/logo-light2-filled.gif");
}

#links a, #links a:visited {
    background: #ddd;
    color: #555;
}
#links .link a:hover {
    color: black;
}

/********************************/

table.roio {
   border: 1px solid #bbb;
}
table.roio tr.odd td {
   background-color: #ddd;
}
table.roio tr:hover td {
   background-color: white;
   color: black;
} 
#content a.dim {
   color: #888;
}