@import url(/css/base.css);

a {
   color:#830;
}

a:visited {
   color:#b61;
}

a:hover {
   color:maroon;
}

body > header, body > footer {
   color:white;
   background:#800000 none;
   text-shadow:1px 1px 1px black;
}

body > header a, body > header a:visited,
body > footer a, body > footer a:visited {
   color:yellow;
   background:transparent none;
   text-shadow:1px 1px 1px black;
}

body > header a:hover, body > header a:visited:hover,
body > footer a:hover, body > footer a:visited:hover {
   color:white;
   background:#8C5210 none;
}

/**** NEW MENU SETUP!!! *****/
ul.menu {
   border-bottom:1px black solid;
}

table.menu {
   border-top:1px black solid;
   border-bottom:1px black solid;
}

ul.menu li ul, table.menu tr td {
   background:#fff8f0 none;
}

ul.menu li ul {
   border:1px black solid;
   border-top:none;
}

.menu, .menu a, .menu a:link, .menu a:visited {
   color:white;
   background:#844200 url(/css/letterbox/carving/menubar.gif) repeat-x;
   background:#844200 linear-gradient(#AD845A, #844200, #844200);
   text-shadow:1px 1px 1px black;
}

.menu ul li, .menu ul li a, .menu ul li a:link, .menu ul li a:visited {
   color:#210;
   background:transparent none;
   text-shadow:1px 1px 1px white;
}

.menu a:hover, .menu ul li a:hover {
   color:yellow;
   background:#630000 url(/css/letterbox/carving/menubarhover.gif) repeat-x;
   background:#630000 linear-gradient(#b00, #630000, #630000);
   text-shadow:1px 1px 1px black;
}

.menu .gap {
   width:70%;
   height:1px;
   background:gray none;
}

h1, h2, h3, .widget .header {
   color:#520;
   background:transparent none;
}

h1 {
   padding:0;
}

h2, .note h2, .widget.note .header {
   color:white;
   text-shadow:1px 1px 1px black;
   background:#CBA986 url(/css/letterbox/carving/h2.jpg) repeat-y left;
   background:#B39271 linear-gradient(to right, #9B7C5D, #CBA986);
}

.logoJpg, .logoGif {
   width:180px;
   height:168px;
   background:transparent url(/css/letterbox/carving/logo.jpg);
}

.logoGif {
   background:transparent url(/css/letterbox/carving/logo.gif);
}

@media screen and (min-width:350px) {
   #content {
      padding-bottom:150px;
      border-bottom:1em solid transparent;
      background:url(/css/letterbox/carving/corner3.jpg) center 100% no-repeat;
   }
}

@media screen and (min-width:450px) {
   #content {
      background:url(/css/letterbox/carving/corner3.jpg) 5% 100% no-repeat, url(/css/letterbox/carving/corner4.jpg) 95% 99% no-repeat;
   }
}

#header {
   border-color:black;
   background:#580D08 url(/css/letterbox/carving/titlebar.jpg);
   height:53px;
}

#headerTitle {
   background:#fffded none;
   border:1px black solid;
}

#headerSubtitle {
   color:#fed;
   background:transparent none;
   text-shadow:1px 1px 1px black;
}

.bgLight, .note, .frame, legend, details, .toggleTable {
   background:#fc8 none;
}