.pagetitle
{
	color: #483d8b;
	font-size: 24px;
	text-align: right;
    text-shadow: 4px 4px 5px grey;
}

.pagesubtitle
{
	color: #483d8b;
	font-size: 12px;
	position: relative; bottom:-5px; left:-100px;
    text-shadow: 4px 4px 5px grey;
   
}

.comments {float:right;}
.dateheader {padding-left: 1em; font-weight:bold;}
.blue-box td.story-title {background-color: #9090d0;}
.actualComments { }

.calendar { }
.month-calendar, .year-calendar {
        border-collapse:        collapse; 
        font-size:				60%;
}
.month-calendar-head, .year-calendar-head {
        font-size:              60%;
        font-weight:            bold;
}
.month-calendar-day-head, .year-calendar-subhead {
        font-weight:            normal;
        font-size:              50%; 
}

.month-calendar-day-noday,
.month-calendar-day-link,     .year-calendar-month-link,
.month-calendar-day-nolink,   .year-calendar-month-nolink,
.month-calendar-day-this-day, .year-calendar-this-month,
.month-calendar-day-future,   .year-calendar-month-future  {
        text-align:             center;
        font-family:            "Georgia", "New Century Schoolbook", "Times", serif;
}

.month-calendar-day-future, .year-calendar-month-future {
        color:                  #83660F;
}

.Saturday, .Sunday {
        background:             #BB5588;
}

.month-calendar-day-this-day, .year-calendar-this-month {
        background:             #a0a0e0;
} 				


.search {font-size:10px;}
.categories {
	font-size:		75%;
        list-style-type:        none;
        margin-left:            -20px;
  }
.categories ul {
        list-style-type:        none;
        padding-left:           1ex;
        margin-left:            0px;
        border-left:            1px dotted #333333;
} 

.version {
  position:relative;
    top:-25px;
	left:200px;
    margin: 0px 0px 0px 2em;
   padding: 0px 0px 0px 0px;
color: white;
	font-size: 12px;
	font-family: Optima, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}
  

.version .button-left
{
	background-image: url(Decoration/Grey/BlueBox/ButtonLeft.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

.version .button-right
{
	background-image: url(Decoration/Grey/BlueBox/ButtonRight.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

.version .button-fill
{
	background-image: url(Decoration/Grey/BlueBox/ButtonFill.gif);
	background-repeat: repeat-x;
	height: 20px;
}

/*
 * TITLE: Transparent Rounded Drop Shadow
 * URI: http://81100.eu.org/em/shadow/shadow.css
 * CREATED: Wed, 27 Jul 2005 18:58:42 +0200
 * MODIF: Wed, 27 Jul 2005 18:58:50 +0200
 * Inspired by the technique presented by Alessandro 
 * (http://web-graphics.com/mtarchive/001589.php) and the one called
 * ":befTer Drop Shadow" 
 * (http://www.hszk.bme.hu/~hj130/css/before_after/befter_dropshadow/index_nopos.html).
 * This stylesheet adds a transparent (if the shadow image has an alpha 
 * channel) drop shadow with rounded corners to the selected block elements
 * surrounded by a container <div> with class "shadow":
 *
 * <div class="shadow">
 *   <img src="foo.jpg" />
 * </div>
 *
 * KNOWN BUGS: 
 * - Mozilla 1.7 (probably other versions also) has a bug with non-floated
 *   elements: at the end of the file there is a simple workaround which
 *   you can enable as you need.
 */

/* The shadow */
div.shadow {
    float:left;
    display: block;
    background: url(/images/shadow.png) no-repeat bottom right;
    margin: 18px 0 0 18px;
}

/* The top-right corner of the shadow */
div.shadow:before {
    content:"";
    background: url(/images/shadow.png) no-repeat top right;
    margin: -9px 0 0 0;
    display:block;
    height: 9px;
}

/* The bottom-left corner of the shadow */
div.shadow:after {
    content: "";
    background: url(/images/shadow.png) no-repeat bottom left;
    margin: -30px 0 0 -9px;
    display: block;
    width: 9px;
    height: 30px;
}

/* The item with the shadow */
div.shadow > * {
    margin:0;
    display: block;
    position: relative;
    border: 1px solid #000;
    background-color: #a0a0e0;
    top: -9px; 
    left: -9px;
   
}

/* Workaround for a bug in Mozilla 1.7 (1.7.10-1 Debian)
 *
 * For non-floated elements the div.shadow will extend to contain 
 * the whole :before rect, which has negative margins and should
 * be put instead outside it's parent. Putting a border around the 
 * div seems to fix the problem. 
 *
 * Enable the following rule if you want to use non floated content.
 */

/*
div.shadow { border: 0.1px solid transparent; }
*/

div.shadow .box-body
{
    width:750px;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
}

div.shadow img {
   float: left;
}

div.shadow .box-text {
   color: black;
    font-size: 12px;
   text-Decoration: none;
position:relative;
top: -10px;
left: 22px;
}