@charset "utf-8";
/* CSS Document */
body {font-family:Arial, Helvetica, sans-serif; font-size:13px;  }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.heading { color:#008ac4; margin:4px 4px 0px 4px; padding:0;}
.subheading { color:#3a3a3a ;  }
#intro { text-align:center; padding-bottom:20px; }








#base {  }

#theme { background: url(i/clbg.jpg) repeat;   line-height:1.5; position:relative; z-index:10;  border:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}

#top-bar { background:#fafafa; padding:3px;  border:1px solid #fff; border-bottom:1px solid #c8c8c8; position:relative; margin:10px;  }
#top-bar>div { float:left; }

#switch { margin:15px 0px 0px 8px; }
#switch a {  color:#5e5e5e; text-shadow:#fff 1px 1px 0px; text-decoration:none; font-size:12px; padding:2px 4px; }
#switch a.active {color:#1b1b1b; text-decoration:underline; text-shadow:#fff 1px 1px 0px; }
#switch>a:first-child { border-right:1px solid #ccc; }
h3 { display:inline; }

#title { text-align:center; margin-top:10px; margin-left:auto;margin-right:auto;color:#525252; font-size:23px; position:absolute; left:40%;  }
#title>a { text-decoration:none; color:#ccc; }


#calendar table {  width:100%; border-collapse:collapse; }
#calendar tbody {   border-top:none;  }
#calendar table th { background:url(i/head.png) top left repeat-x; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; color:#fc0; padding-top:11px; padding-bottom:3px; }
#calendar table tbody td {  padding:3px;}
#calendar table tbody td>div  { background:url(i/td-bg.jpg) repeat-x #f8f8f8;   border:1px solid #fff; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  margin:0!important; color:#000; text-shadow:#fff 1px 1px 0px; text-align:right; font-size:17px;   -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
#calendar table tbody td>div span { margin-right:10px; }
.event { background: url(i/active-bg.jpg) top left no-repeat!important;  }
#calendar table thead tr th.cday { }

#calendar table tbody tr td:hover .tooltip { display:block; }
#calendar table tbody tr td a { text-decoration:none; color:#555; font-size:10px; display:block; text-align:center; }
#calendar table tbody tr td a:hover { text-decoration:none; color:#000; font-size:10px; display:block; text-align:center; font-weight:bold;}
#theme hr { border-top:1px dotted #ccc; border-bottom:none; }
.event-div {display:none; }
.elist{ padding:5px; display:block; list-style:none; background:url(i/td-bg.jpg) repeat-x #f8f8f8;  border:1px solid #ededed; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.event-details .description , .elist li  .description { padding:10px; border:1px solid #CCC; background:#eee; margin:15px 5px 35px 5px; }
h4{
	padding:0 0 5px 0;
	color:#F00;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	}
.event-details h4 , .elist li h4 { display:block!important; text-align:center!important; }
.event-details .right, .elist li .right { float:right;}
.event-details>a , .elist li a { color:#666!important; text-decoration:none; }
#theme hr { border-top:1px dotted #ccc; }
#theme strong {  }

.s900 { width:900px; margin:20px auto; overflow:hidden; }
.s900 #top-bar {  height:45px;  -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
.s900 #calendar table tbody td>div { width:119px; height:119px; }
.s900 #theme { background:url(i/shadow-base.png) center bottom no-repeat; overflow:hidden; }

.s750 { width:750px; margin:20px auto; }
.s750 #top-bar {  height:45px;  -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px;}
.s750 #calendar table tbody td>div {  width:94px; height:94px; }
.s750 #calendar {padding:0px 3px 4px 5px; }
.s750 #title { left:37%;   }

.s600 { width:600px; margin:20px auto; }
.s600 #top-bar {  height:42px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;  }
.s600 #calendar { padding:5px;  }
.s600 #calendar table tbody td>div {width:73px; height:72px; }
.s600 #title { left:35%;   }

.s450 { width:450px; margin:20px auto; }
.s450 #top-bar {  height:45px; -moz-border-radius:5px;  border-radius:5px; -webkit-border-radius:5px;  }
.s450 #calendar table tbody td>div {width:56px; height:57px; }
.s450 #title { left:30%;  font-size:21px;  }

.s300 { width:300px; margin:20px auto; }
.s300 #top-bar {  height:25px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }
.s300 #calendar table tbody td>div { width:34px; height:34px; }
.s300 #calendar table tbody td>div { font-size:11px; }
.s300 #calendar table tbody td>div a{ padding-top:0px; font-size:9px; line-height:8px;}
.s300 #calendar table tbody td>div span { margin-right:4px; }
.s300 #title {margin-top:7px; font-size:16px; position:absolute; left:40%;  }
.s300 #switch {  margin:4px 0px 0px 5px; }
.s300 #switch a { padding:3px; }