.pboty {
  margin-left: 20px;
  border: 1px solid black;
  background-color: ffe97c;
  padding: 10px;
  width: 90%;
}

A.article {
  color: #010d51;
  text-decoration: none;
  font-variant: small-caps;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

A.article:hover {
  background-color: #FFFFEE;
  padding-left: 9px;
  padding-right: 9px;
  border: 1px solid black;
}

A.backlink {
  color: #010d51;
  text-decoration: none;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: bold;
}

A.backlink:hover {
  padding-left: 1px;
  padding-right: 1px;
  background-color: #F2FEFF;
  border: 1px solid black;
}

A.nolink {
  text-decoration: none;
  color: black;
}

.winner a {
  font: 30px/1.2 Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
  border: 1px solid black;
  background: black;
}

.winner a:hover {
  background-color: ffe97c;
}

.hands {
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
}

.date {
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  display: inline;
}


.linkgroup {
  font-variant: small-caps;
  font-weight: bold;
}

.art {
  font-weight: bold;
  margin-left: 10px;
  font-variant: small-caps;
  color: #010d51;
  display: inline;
}

.blurb {
  text-decoration: none;
  margin-left: 50px;
  border: 1px solid black;
  background-color: rgb(220, 165, 220);
  display: none;
}

.indexblurb {
  text-decoration: none;
  margin-left: 50px;
  border: 1px solid black;
  background-color: rgb(220, 165, 220);
  display: none;
}

.author {
  font-weight: bold;
  mmargin-left: 10px;
  text-align: right;
  width: 300px;
  font-variant: small-caps;
  color: #010d51;
  display: inline;
}

a.email {
  font-variant: small-caps;
  font-weight: bold;
  color: #010d51;
  text-decoration: none;
  padding: 2px;
}

a.email:hover {
  padding: 1px;
  border: 1px solid black;
  background-color: #F2FEFF;
  color: black;
}

a.email2:hover {
  padding: 1px;
  border: 1px solid black;
  background-color: #F2FEFF;
  color: black;
  text-decoration: none;
}

a.email2 {
  color: #010d51;
  padding: 2px;
}

.goldpbotw {
  padding: 5px;
  border: 1px solid black;
  background-color: ffe97c;
}

a.link {
  color: black;
  text-decoration: none;
  padding: 2px;
  padding-right: 10px;
  wwidth: 70%;
}

a.link:hover {
  color: black;
  background-color: #F2FEFF;
  padding: 1px;
  padding-right: 9px;
  border: 1px black solid;
  font-size: 12px;
}

a.link:hover .indexblurb {
  color: black;
  display: inline;
  position: absolute;
  padding: 5px;
  width: 20%;
  text-align: center;
  background-color: #FFFFCC;
}

a.link:hover .blurb {
  color: black;
  display: inline;
  position: absolute;
  padding: 5px;
  width: 20%;
  text-align: center;
  background-color: #FFFFCC;
}

a.link:hover .date {
  color: black;
  display: inline;
}

.details {
  text-align: center;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.mendate {
  font-style: italic;
  font-size: 11px;
}

.menart {
  font-weight: bold;
  text-align: center;
}

.menauthor {
  font-style: italic;
  font-size: 11px;
}

BODY {
  background-color: #C0E2F1;
  ackground-color: #ff996b;
  ackground-image: url(images/snowflake.gif);
  background-position: 10px;
  
}

#main {
  border: 0px solid black;
  padding-top: 5px;
  padding-bottom: 100px;
  font:  12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  clear: left;
}

#heading {
  vertical-align: top;
}

#menu {
  width: 40%;
  float: right;
  margin-left: 10px;
  margin-top: 50px;
}

#menulist {
  width: 40%;
  float: right;
  margin-left: 10px;
}

#body {
  margin-top: 10px;
  padding-bottom: 50px;
  background-color: #FFFFEE;
  border: 1px solid black;
}

#xebonbody {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  background-color: #FFFFEE;
  border: 1px solid black;
}

#xebonanswer {
  color: #000055;
}

#xebonanswer b {
  color: #BB0000;
}

#pbotw {
  border: 1px solid black;
  padding: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-bottom: 50px;
  margin-right: 15px;
  margin-top: 10px;
  background-image: url(images/broken.gif);
  bbackground-image: url(images/tree.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #87D0E5;
}

#cotm {
  border: 1px solid black;
  padding: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 15px;
  background-image: url(images/broken.gif);
  bbackground-image: url(images/tree.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #87D0E5;
}

#welcome {
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#pbotwarticle {
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
  

#horoscope {
  padding: 10px;
}

#latest {
  padding: 10px;
  margin-bottom: 5px;
}

.topright {
  font:  18px/1.2 Verdana, Arial, Helvetica, sans-serif; 
  font-style: italic;
  margin-bottom: 10px;
  background-color: #FFFFCC;
  background-image: url(images/topright.gif);
  background-repeat: no-repeat;
  background-position: top right; 
}

.toprightsmall {
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  display: inline;
  text-align: right;
}

.blogdate {
  font: 16px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.blogcomment {
  font: 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
}
  

.topleft {
  background-image: url(images/topleft.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

.bottomleft {
  background-image: url(images/bottomleft.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-left: 5px;
}

.bottomright {
  background-image: url(images/bottomright.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.toprightside {
  font:  18px/1.2 Verdana, Arial, Helvetica, sans-serif; 
  font-style: italic;
  margin-bottom: 10px;
  background-color: #FFFFCC;
  background-image: url(images/toprightside.gif);
  background-repeat: no-repeat;
  background-position: top right; 
}

.topleftside {
  background-image: url(images/topleftside.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

.bottomleftside {
  background-image: url(images/bottomleftside.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-left: 5px;
  padding-right: 5px;
}

.bottomrightside {
  background-image: url(images/bottomrightside.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}


.right {
  background-image: url(images/blackpix.gif);
  background-repeat: repeat-y;
  background-position: top right;
}

.articlehead {
  font:  25px/1.9 Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
}
  
.articletitle {
  font: 24px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
}

.xebontitle {
  font: 18px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
}

th, td {
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
}  

h2 {
  font: 22px/1.2 Verdana, Arial, Helvetica, sans-serif;
}
  
h3 {
  font: 18px/1.2 Verdana, Arial, Helvetica, sans-serif;
}


#pbotw .title {
  padding-left: 5px;
  text-align: center;
}

#cotm .title {
  padding-left: 5px;
  text-align: center;
}

ul {
	margin: 0;
        padding: 0;
	list-style: none;
	width: 110px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
        float:left;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 109px; /* Set 1px less than menu width */
	top: 0;
        width: 200px;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
  background-color: #F2FEFF;
	padding: 5px;
	border-bottom: 0px none;
  font:  12px/1.2 Verdana;  
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { 
  color: #E2144A; 
  color: black;
  background: #f9f9f9; 
  background-color: #FFFFEE;
} /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/* horoscope page */

#horomenu {
  border: 1px solid black;
  background-color: ffe97c;
}

.pbotwyear {
  font: 22px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}

.pbotwlistheading  {
  border: 1px solid black;
  background-color: ffe97c;
  margin-bottom: 20px;
}

.pbotwlist20 {
  font-weight: bold;
  text-position: center;
  font: 18px/1.2 Verdana, Arial, Helvetica, sans-serif;
}

.pbotwlistheading td {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.pbotwlistheading a {
  text-decoration: none;
  font: 18px/1.2 Verdana, Arial, Helvitica, sans-serif;
  color: #010d51;
  padding: 2px;
}

.pbotwlistheading a:hover {
  color: black;
  background-color: #F2FEFF;
  border: 1px black solid;
  padding: 1px;
}

.horohead {
  font: 18px/1.2 Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#set {
  display: inline; 
  padding: 25px;
}

/* For the data log */

.log {
  font: 12px Courier New;
  margin-right: 10px;
}

.time {
  width: 40%;
  margin-right: 10px;
  text-align: left;
}

.ip {
  width: 15%;
  margin-right: 10px;
  text-align: left;
}

.internalreferer {
  width: 20%;
  color: blue;
  margin-right: 10px;
  text-align: center;
}

.noreferer {
  width: 20%;
  color: red;
  margin-right: 10px;
  text-align: center;
}

.referer {
  margin-right: 10px;
  width: 20%;
  text-align: left;
}

.page {
  margin-right: 10px;
  width: 15%;
  text-align: left;
}