#leftbar {float: left; width: 251px;background-color:#fff;}
    #lefttitle {width: 211px; height: 250px; padding: 0 20px; background: url(../../images/family/lefttitlebg.jpg) no-repeat; font-weight: bolder; font-size: 16px; color: #9FA7BE; letter-spacing:6px; position:relative;}
		#lefttitle center {position:absolute;top:100px;}
	#leftnav {background: #E1E3D0 url(../../images/family/leftnavbg.gif) no-repeat bottom; padding: 10px 20px; width: 200px; margin-left: 6px;}
		#leftnav a {color: #3B5998; text-decoration: none;}
		#leftnav a:hover {text-decoration: underline;}
		#leftnav b {color: #555}
		#leftnav ul {margin: 5px; padding: 0; list-style-type: none;}
		#leftnav ul#tag li {float: left;margin-right: 10px;}
	
  #content {float: left; width: 589px; padding: 0 10px; color: #333; background-color: #fff;}
  	#content a {color: #92A7B9}
	#content a:hover {text-decoration: none;}
  	#content p {margin: 0; word-wrap:break-word;}

	#content form {padding: 10px; background: #FCF9F0;}
	#content form p {padding: 5px 0;}
	#content form input {width: 60%}
	#content form input.checkbox {width: auto}
	#content form input.radio {width: auto; background: #FCF9F0}
	#content form input.checkbox {width: auto; background: #FCF9F0}
	#content form input.btn {width: auto}
	#content form {border: 1px dotted #E8EADF}

	#content .Remind, #content .Babything, #content .Familything {color:#E297B6; text-decoration: underline; display: block;}
	#content .Babything {color: #1CA0C0}
	#content .Familything {color: #8FCC2B}
	#content #event_list p em {background-color: #efefef;color:#8FCC2B;}
  #event_form_div .loader {background: transparent url(../../images/ajax-loader-blue.gif) no-repeat;}
  /*
  A blue based theme, inspired by Blinksale and their ColorBurn widget. http://firewheeldesign.com
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
  
  Colors: 
    Light Blue: bbccff 
    White: eeddee
    Turq: 003355
    Cream: ffffdd
*/

.calendar {
  margin: auto;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 12px;
  padding: 5px;
  border: 1px solid #A2BBDD;
  background-color: #C3D9FF;
  color: #112ABB;
  width: 65px;
}
.calendar td{
  border: 1px solid #e6e6e6;  
  text-align: center;
  height: 60px;
  vertical-align: top;
  text-align: left;
}
.calendar .td div {
	position: absolute;
}
.calendar td p {
  margin: 0;
  padding:0 10px;
  background-color: #E0E5F0;
  color: #747EB3;
  text-align: center;
  font-family: georgia, "times new roman", serif;
  font-size: 10px;
  text-align: right;
}
td.otherMonth {
  color: #ddd;
  background-color: #fbfbfb;
  border-color: #efefef;

}
td.otherMonth p {background: #f0f0f0; color: white}

td a {font-size: 12px;}

td.weekendDay p {
  background-color: #fc9;
  color: #bb0404;
}
td.today p{
	background-color: #bcd;
}
td.today {background-color: #ffc} 
td.focus {background-color: #EEFED7;}
#event {
	width: 268px;
	height: 157px;
	position: absolute;
	z-index: 10;
}
.eventleft {background: url(../../images/family/event_bg1.gif) no-repeat;}
.eventright {background: url(../../images/family/event_bg2.gif) no-repeat;}
#event_form_div {float: left;}
#event #close {border: 0; float: right; height: 12px; width: 14px; cursor: pointer; margin: 6px 21px 0 0;}
#event form {
	background-color: transparent;
	margin: 10px;
	border: 0;
	text-align: left;
}
#event form p {
	background: transparent;
	text-align: left;
	padding: 5px 0;
}
#event form input { width: 160px;}

.Remind_color, .Babything_color, .Familything_color {padding: 6px;background-color: #1CA0C0;}
.Remind_color {background-color: #E297B6}
.Familything_color {background-color: #8FCC2B}

.author {text-align:right; color: #888;font-weight: bolder;}
h1{font-size: 16px;}