/***********************************************************************
* Project : Cllr Kevin Foster's Website
* Module : kevinfoster.css
* Purpose : Site Cascading Style Sheet
************************************************************************
* Copyright (C) AW CompuTech Ltd
* All Rights Reservered
************************************************************************
* Changes
*
* Version Date        Author               Reason
* 1.0     18/09/2006  Andrew J. Williams   Initial Version
* 2.0     15/01/2009  Andrew J. Williams   Site redesign (layout elements now is art-style.css)
***********************************************************************/


/**************
* Positioning *
**************/

#left 
{
  float: left;
  width: 230px;
  text-align: left;
  margin-right: 30px;
}

#rihjt
{
  float: right;
  width: 438px;  
  text-align: left;  
}

#normal
{
  width: auto;  
  text-align: left;

}


div.centre
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}

/***********
* Calendar *
***********/

.datetime
{
	position:relative;
	z-index:0;
	margin:0 auto;
        width: 63px;
	min-width:31px;
	min-height:31px;
        float: left;
}

.datetime-body
{
	position: relative;
	z-index:1;
	padding: 4px;
}

.datetime-tr, .datetime-tl, .datetime-br, .datetime-bl, .datetime-tc, .datetime-bc,.datetime-cr, .datetime-cl
{
	position:absolute;
	z-index:-1;
}

.datetime-tr, .datetime-tl, .datetime-br, .datetime-bl
{
	width: 38px;
	height: 38px;
	background-image: url('../img/art/Block-s.png');
}

.datetime-tl
{
	top:0;
	left:0;
	clip: rect(auto, 19px, 19px, auto);
}

.datetime-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 19px, 19px);
}

.datetime-bl
{
	bottom: 0;
	left: 0;
	clip: rect(19px, 19px, auto, auto);
}

.datetime-br
{
	bottom: 0;
	right: 0;
	clip: rect(19px, auto, auto, 19px);
}

.datetime-tc, .datetime-bc
{
	left: 19px;
	right: 19px;
	height: 38px;
	background-image: url('../img/art/Block-h.png');
}

.datetime-tc
{
	top: 0;
	clip: rect(auto, auto, 19px, auto);
}

.datetime-bc
{
	bottom: 0;
	clip: rect(19px, auto, auto, auto);
}

.datetime-cr, .datetime-cl
{
	top: 19px;
	bottom: 19px;
	width: 38px;
	background-image: url('../img/art/Block-v.png');
}

.datetime-cr
{
	right:0;
	clip: rect(auto, auto, auto, 19px);
}

.datetime-cl
{
	left:0;
	clip: rect(auto, 19px, auto, auto);
}

.datetime-cc
{
	position:absolute;
	z-index:-1;
	top: 19px;
	left: 19px;
	right: 19px;
	bottom: 19px;
	background-color: #EBF3F5;
}


.datetime
{
	margin: 7px;
        line-height: 1px;
}

/* end Box, Block */

/* begin BlockHeader */
.datetimeHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 5px;
}

.datetimeHeader .t
{
	height: 30px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	white-space : nowrap;
	padding: 0 6px;
	line-height: 30px;
}

.datetimeHeader .l, .datetimeHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('../img/art/BlockHeader.png');
}

.datetimeHeader .l
{
	left:0;
	right:10px;
}

.datetimeHeader .r
{ 
	width:884px;
	right:0;
	clip: rect(auto, auto, auto, 874px);
}


/* end BlockHeader */

/* begin Box, BlockContent */
.datetimeContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.datetimeContent-body
{
	position: relative;
	z-index:1;
	padding: 10px;
}



.datetimeContent-body
{
	color:#266373;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.datetimeContent-body a:link
{
	color: #0065A3;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.datetimeContent-body a:visited, .datetimeContent-body a.visited
{
	color: #64A3AF;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.datetimeContent-body a:hover, .datetimeContent-body a.hover
{
	color: #378FA4;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.datetimeContent-body ul
{
	list-style-type: none;
	color: #133239;
	margin:0;
	padding:0;
}

.datetimeContent-body li
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

/* day of the month (NUMBER) */
div.datetime p.day
{
  font-weight:bold;
  fonst-size: 1.5em;
  letter-spacing:0.13em;
  text-align:center;
}

/* month */
div.datetime p.mon
{
  font-size: x-small;
  letter-spacing:normal;
  text-transform:uppercase;
  text-align:center;
}

/* year */
div.datetime p.yr
{
  font-size: x-small;
  letter-spacing:0.05em;
  text-align:center;
}