/* 
   Client CSS
	 -----------------------------------------------------------------------
   Customise your copy of Ocean Mist 2.0... 
	 
	 This stylesheet contains all the styles which you can safely change without risking breaking your site's layout.
	 I've tried to comment on every line so that you can easily tell what you need to edit...
*/

 .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
		 list-style:none;
		 		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#FFF;
		
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
		 font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#FFF;
		 list-style:none;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
		padding: 2px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#FFF;
		list-style:none;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#FFF;
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#526a74;
     }
     .calendar-next {
        width:25%;
        text-align:center;
		color:#FFF;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
		color:#FFF;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #4b5559;
        background-color:#EBF2EA;
		font-family:Verdana, Geneva, sans-serif; 
		font-size:11px;
		color: #526a74; 
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #4b5559;
        background-color:#EBF2EA;
		font-family:Verdana, Geneva, sans-serif; 
		font-size:11px;
		color: #526a74; 
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #4b5559;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #4b5559;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
		
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
		display:none;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
		font-family:Verdana, Geneva, sans-serif; 
		font-size:11px;
		color: #526a74; 
     }
     .todays-events ul li span a {
        border:0;
     }
     .todays-events ul li span a:hover {
        border:0;
     }
     .todays-events ul li span a:visited {
        border:0;
     }
     .upcoming-events ul li ul li {
        background-color:#FFFFFF;
        border:0;
     }
      .upcoming-events ul li ul li span a {
        border:0;
     }
     .upcoming-events ul li ul li span a:hover {
        border:0;
     }
     .upcoming-events ul li ul li span a:visited {
        border:0;
     }
     #sidebar ul ul li span a {
        display:inline;
        padding-right:0;
     }


h2 {color:#526a74; font-size:32px; font-family: Helvetica, Ariel, sans-serif}
h3 {color:#86a8b8; font-family: Helvetica, Ariel, sans-serif}

/* Main background colour */
body, .leftCorner, .rightCorner {background-color: #9bc3d5;}

/* Header colour */
#header, #header .dot {background-color: #4b5559; height:100px; background-image: url(../images/header.png); }

/* Side column & Footer background colour */
#container, #footer, #footer .dot, .or span {background-color: #e6eef8;}

/* Main column colour */
#mainCol {background-color: #fff;}

/* Default Text colour */
body, .author span {color: #34444c;}

/* Links */
a, a:visited {color: #999;}
a:hover {color: #c40000;} /* Rollovers */

/* Stripes above & below the main image */
#header, #photo, #nav ul li a {border-color: #67939B;}

/* Main Page Navigation */
#nav li a {background-color: #526a74; color: #fff;} /* Tabs & dropdowns */
#nav li a:hover {background-color: #5c7d86;} /* Tabs & dropdowns rolover colour */

/* Side column headings */
#subCol h2 {background-color: #cadfed; color: #32474B;}

/* Main column titles eg. Latest Posts or Comments */
.title {background-color: #E2EBF8; color: #4B5D67;}

/* single pixel line between posts */
.post + .post {border-top: 1px solid #cad6e1;}

/* "or" between browse & search fields */ 
.or {border-color: #cad6e1; color: #a9b8c0;}

/* Date boxes */
.date {color: #75868f;} /* Day */
.d2 {background-color: #E2EBF8;} /* Month */
.d3 {background-color: #cadfed;} /* Year */

/* Footer */
#footer p {color: #687983;} /* footer text */
#footer a, #footer a:visited {color: #34444c;} /* footer links */
#footer a:hover {color: #c40000;} /* footer links rollovers */