/* PHP Event Calendar CSS */

body { font-family: Georgia, "Times New Roman", Times, serif; background-color: #030500; color: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; text-transform: uppercase; padding:0px 0 0 0; margin: 0; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding-bottom: 3px; margin-bottom: 0; }

.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #030500; }
#event_row { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#event_row_last { padding-bottom: 5px; }

#header, #calendar, #main, #footer { margin: 0 auto;margin-bottom: 15px; width: 520px; overflow: hidden; }
#calendar, #main { background-color: #030500; border: none; }

#calendar_wrap { width: 518px; margin-bottom: 6px; overflow: hidden; text-align: left; }
#calendar_wrap .title_bar { font-weight: bold; color: #f9ad81; text-align: center;  border:1px solid #030500; margin-bottom:15px; margin-top:10px; }
#calendar_wrap .title_bar .previous { float: left; display: block; width: 60px; height: 26px; background: url(assets/previous_month.png) left top no-repeat; margin-top:10px; margin-left:2px;  }
#calendar_wrap .title_bar .next { float: right; display: block; width: 60px; height: 26px; background: url(assets/next_month.png) right top no-repeat; margin-top:10px; margin-right:10px;  }
#calendar_wrap .title_bar .month {  width: 520px; margin:10px auto; padding-bottom:0 !important; padding-bottom:10px; }
#calendar_wrap .title_bar h2 { font-size: 18px; }

.cal_day { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -4px 0; width: 70px; height: 49px; background: url(assets/day_wooden1.png) top no-repeat; }
.cal_day .day_heading { position: relative; width: 100%; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #030500; padding-top: 5px; text-align: center;text-transform: uppercase; clear:left; z-index:999;  }
.cal_day .day_number { position: relative; width: 100%; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #333; padding-top: 6px; text-align: center; z-index:999; clear:left; top: -14px; }
.cal_day .day_number.today { color: #060; }
.empty_day { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -4px 0; width: 70px; height: 49px;}

.cal_day_event { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -4px 0; width: 70px; height: 49px; background: url(assets/day_wooden2.png) top no-repeat; }
.cal_day_event .day_heading { position: relative; width: 100%; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #030500; padding-top: 5px; text-align: center;text-transform: uppercase; clear:left; z-index:999;  }
.cal_day_event .day_number { position: relative; width: 100%; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #900; padding-top: 6px; text-align: center; z-index:999; clear:left; top: -14px; }

span.event { width:55px; margin-top: -1px; padding:2px 0 !important; padding:1px 0 1px; display:inline-block; text-align:center; background-color: #030500; opacity:0.4; filter:alpha(opacity=40); -moz-border-radius: 8px; -webkit-border-radius:8px; }

#footer { text-align: right; font-size: 10px; }