@import "http://www.geocities.com/libbazet/all.css"; /* just some basic formatting, no layout stuff */

body {
background: #cc99ff;
}

p {
margin-top:0px;
margin-bottom:0px;
padding:0px 20px 0px 20px;
}

li {
margin-top:0px;
margin-bottom:0px;
padding:0px 20px 0px 0px;
}

h2 {
font-size:22px;
padding:0px 20px 0px 10px;
margin-bottom:0px;
}

h3 {
font-size:18px;
padding:0px 5px 0px 20px;
margin-bottom:0px;
}

h4 {
margin-top:0px;
font-size:16px;
padding:0px 20px;
margin-bottom:0px;
}

img {
padding:10px;
margin-left:20px;
}

hr {
margin-left:20px;
margin-right:20px;
}

#menu {
width:240px;
padding:0px;
margin-left:20px;
margin-right:-3px;
float:right;
voice-family: "\"}\"";
voice-family: inherit;
}

html>body #menu {
margin-right:-6px;
}

#menu h4 {
font-size:16px;
padding:0px 5px;
margin-bottom:0px;
}

#content {
margin-right:2.5%;
margin-left:2.5%;
margin-top:4%;
padding-bottom:30px;
background:#fff;
border:1px solid #660099;
text-align:left;
min-width:500px;
}

#blog p {
margin-top:0px;
margin-bottom:10px;
text-indent:20px;
}

#blog a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #334;
}

#blog a:hover {
background: #cc99ff;
}

#menufooter  {
margin-bottom:20px;
}

#menusitelinks {
font-size:12px;
}

#archives {
border-left:1px solid #660099;
border-bottom:1px solid #660099;
border-top:1px solid #660099;
border-right:10px solid #660099;
background:#fff;
color:#000;
padding:10px;
margin-bottom:30px;
font-size:12px;
}

#archives h4 {
font-size:16px;
padding:0px 5px;
margin-bottom:0px;
}

#archives p {
margin-top:0px;
margin-bottom:0px;
padding:0px 20px 0px 30px;
text-indent:-10px;
}

#archives a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #334;
}

#archives a:hover {
background: #cc99ff;
}

#wip {
border-left:1px solid #660099;
border-bottom:1px solid #660099;
border-top:1px solid #660099;
border-right:10px solid #660099;
background:#fff;
color:#000;
padding:10px;
margin-bottom:10px;
font-size:12px;
}

#wip p {
margin-top:0px;
margin-bottom:0px;
padding:0px 20px 0px 30px;
text-indent:-10px;
}

#wip a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #334;
}

#wip a:hover {
background: #cc99ff;
}



#calendar {
border-left:1px solid #660099;
border-bottom:1px solid #660099;
border-top:1px solid #660099;
border-right:10px solid #660099;
background:#fff;
color:#000;
padding:10px;
margin-bottom:10px;
font-size:10px;
}

#calendar a {
background: #cc99ff;
padding: 0 3px 0 3px;
color: #000;
text-decoration: none;
border-bottom-style: none;
}

#calendar td {
font-weight: bold;
padding: 2px;
text-align: center;
}

#kal {
border-left:1px solid #660099;
border-bottom:1px solid #660099;
border-top:1px solid #660099;
border-right:10px solid #660099;
background:#fff;
color:#000;
padding:10px;
margin-bottom:10px;
font-size:12px;
}

#buttons {
padding:5px 0px;
}

.menus {
border-left:1px solid #660099;
border-bottom:1px solid #660099;
border-top:1px solid #660099;
border-right:10px solid #660099;
background:#fff;
color:#000;
padding:10px;
margin-bottom:10px;
text-align:left;
}

#title {
padding:0px;
margin-right:-6px;
margin-left:-6px;
width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
voice-family: "\"}\"";
voice-family: inherit;
width:auto;
}

html>body #title {
width:auto;
}

#title h1 {
font-size:24px;
border-top:1px solid #660099;
border-bottom:1px solid #660099;
border-right:10px solid #660099;
border-left:10px solid #660099;
margin-top:10px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}

span.date {
font-size: 8pt;
border: 1px solid #BDBABD;
color: #000000;
background: #EFEFEF;
padding: 1px 1px;
position: relative;
top: 4px;
left: -18px;
font-weight: bold;
font-size: 11px;
}

div.text {
margin: 3px 0px 3px 17px;
background: #EFEFEF;
border: 1px solid #BDBABD;
padding: 3px;
}

div.subject {
margin: 3px 0px 3px 0px;
padding: 3px 3px;
font-size: 14px;
color: #333;
background: 4px 4px #DEDFDE;
border: 1px solid #bbb;
font-weight: bold;
}

div.top {
float: right;
padding: 2px 2px 2px 2px;
}

div.image {
margin: 3px 0px 3px 17px;
font-size: 8pt;
border: 1px solid #bbb;
background: #EEEFEE;
}

span.none {
font-style: italic;
}