/*rounded corners*/
/* FONTS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}



.wrapper {
   background:transparent;
	
}

.wrapper:after {
   content:"";
   display:block;
   font-size:0px;
   line-height:0px;
   height:0px;
   clear:both;
   visibility:hidden;
}
.mod {
   max-width:65em; 
   position:relative;
   margin:10px 0 0 0;
   z-index:0;
}
.mod .mod-content {
   padding:0px;
   position:relative;
   z-index:2;
}
.mod .bd {
   min-height:150px;
	  _height:150px;
}


#opaque {
   _padding-bottom:6px;
	_overflow-y:hidden;
color: white;
}
#opaque .mod-content {
   border:none;
}


#opaque .y1a { /*opacity layer for dates*/
   display:block;
	float:left;
	background:#000;
	margin-top: 0.3em;
	margin-left:-65px;
	width: 50px;
	height: 50px;
	opacity:.80;
	filter:alpha(opacity="80");
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}


#opaque .x1a { /*opacity layer*/
   display:block;
	background:#000;
	width:100%;
	height:100%;
	_height:2000px;
	position:absolute;
	_bottom:6px;
	opacity:.80;
	filter:alpha(opacity="80");
}
#opaque .x2 { /*offsets shadow by 6px*/
   display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:6px;
	_top:auto;
	_bottom:-6px;
}
#opaque .x2a {
   display:block;
   border:6px solid #000;
   border-top:0;
	border-left:0;
	width:100%;
	height:100%;
   _height:2000px;
   position:relative;
	bottom:6px;
	right:6px;
	opacity:.30;
	filter:alpha(opacity="30");
}

/* date-squares*/

.post-date {
	margin-top: 0.3em;
	margin-left:-66px;
	width: 52px;
	height: 50px;
	float:left;	
	color:#fb3;
}

.post-month {
	font-size: 8px;
	text-transform: uppercase;
	color:#fb3;
	text-align: center;
	display:block;
	line-height: 10px;
	padding-top: 4px;
	padding-left:3px;
}
.post-day {
	font-size: 28px;
	text-transform: uppercase;
	color:#fb3;
	text-align: center;
	display:block;
	line-height: 21px;
	padding-top: 4px;
	margin-left: 1px;
}


/* Begin Topbar */

#topbar {
display: block;
margin-left: 4px;
margin-right: 4px;
height: 22px;
background:url('gfx/bgtp.png') repeat;


}

#topbar ul li{
list-style: none;
margin-right: 2.4em;
left: 0px;
padding: 2px ;
float: left;
}



#topbar ul li ul li {
text-transform: lowercase;
}

#topbar ul li {
display: block;
}

#topbar ul li{
color: #fb3;
background: transparent; 
}

#topbar ul li ul li{
top:3px;
margin-left:-2px;

position: relative;
padding-left: 5px;
padding-right: 5px;
min-width:115px;
background:url('gfx/bg-trans.png') repeat;
}

#topbar li {position: relative;}

#topbar  ul {
margin: 0;
position: relative;
z-index: 500;
}

#topbar  ul ul {
position: absolute;
margin: 0px;
}

div#topbar ul li ul{
display: none;
}

div#topbar  li:hover ul,
div#topbar  ul li:hover ul,
div#topbar  ul ul li:hover ul
{display: block;}