@import url(lib.css);

body {
 background: url(busybee.jpg) center center fixed no-repeat;
 font-family: helvetica, arial, sans-serif; 
 padding: 2em;
}

#content .content, #content .top b, #content .bot b {
 background: #fff url(busybee-white.jpg) center center fixed no-repeat;
}
#content b.r1 { background: black; }
#content .content { padding: 1ex; }

#nav .content, #nav .top b, #nav .bot b {
 background: #faf url(busybee-f7f.jpg) center center fixed no-repeat;
 border-color: #303;
}
#nav b.r1 { background: #303; }
#nav a { color: black; }
#nav a:visited { color: #300; }
#nav a:hover { color: #500; }
#nav a:active { color: #700; }

body.index {  text-transform: lowercase; padding: 0px; }
body.index h1 { display: none; }
h1 { margin: 0px; padding: 4px 4ex; text-align: center; }
#banner { background: transparent; }
#banner .content, #banner .top b, h1 {
 background: #fee url(busybee-reddish.jpg) center center fixed no-repeat; 
}
#banner b.r1 { background: black; }

h2 { border-bottom: solid black 1px; }

a { font-weight: bold; text-decoration: none; }
a:link { color: #007; }
a:visited { color: #307; }
a:active { color: #900; }
a:hover { color: #700; }

#nav { float: right; }
#nav ul { list-style-type: none; margin: 0px; padding: 0px; }
#nav ul ul { margin-left: 1em; }

#stuff { 
    text-align: center;
    position: absolute;
    width:  16em;
    margin-left: -8em;
    left: 50%;
	top: 50%;
}	
#stuff .inner {
	display:  block;
    width: 16em;
    margin-top: -75%;
}
#syndicate { position: absolute; top: 0px; right: 0px; }
#syndicate a, #syndicate img { border: none; }
#info { position: absolute; bottom: 0px; right: 0px; padding: 0.5ex; }
#info a { margin-left: 1em; }

b.r1 { background-color: black; }

#stuff a {
 background: #fff url(busybee-white.jpg) center center fixed no-repeat;
 border: solid black 1px;
 border-top: none;
 padding: 1ex 1em; 
 display: block;
}
#stuff a:hover {
 background: #faf url(busybee-f7f.jpg) center center fixed no-repeat;
 color: black;
 text-shadow: white 0px 0px 5px;
}

#stuff a img { display: none; }
/*#stuff a:hover img { background: white; display: block; position: absolute; top: -75%; left: 100%; border: solid black 1px; }*/

#stuff h2 {
    border: solid black 1px;
    border-bottom: solid #07f 1px;
    background: black url(busybee-black.jpg) center center fixed no-repeat;
    color: white;
    text-transform: lowercase;
    margin: 1ex 0px 0px;
    padding: 1ex;
   text-shadow: #550 0px 0px 5px;
}

#stuff .latest { font-size: x-small; padding: 0.2ex; }

body.index #ad { display: none; position: fixed; left: 0px; bottom: 0px; }

.promo { position: absolute; bottom: 0px; left: 0px; border: none; }
.promo img { border: solid black 1px; border-left: none; border-bottom: none; }