@charset "utf-8";

body {
	margin-top: 0px;
    margin-bottom: 0px;
	background-image: url(../images/wall_bg.jpg);
	background-repeat: repeat;
	font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
    line-height : 1.8em;
    color : #000;
}
#wrapper {
    background-image: url(../images/bg_shadow.png);
	background-repeat: repeat-y;
	width: 982px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 73px;
	height: 100%;
	padding-bottom: 50px;
}


#header {
	background-image: url(../images/index_header.png);
	background-repeat: no-repeat;
	height: 257px;
	width: 839px;
}
#main {
	background-image: url(../images/index_main.png);
	background-repeat: repeat-y;
	width: 839px;
}
#footer {
	background-image: url(../images/index_footer.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 839px;
}
#sidebar {
	width: 203px;
    padding-left: 5px;
}
#content {
	width: 565px;
	padding-right: 15px;
	padding-left: 10px;
}
			/*TOP NAVIGATION*/
#navlist {
	padding : 0.4em 0;
	margin : 0 0 0px 0;
	text-align : center;
	letter-spacing : 5px;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 0.5em 0.5em;
margin: 0;
color : #000;
text-decoration : none;
}
#navlist li a:link,#navlist li a:visited {
color : #000;
}
#navlist li a:hover {
color : yellow;
}
#navlist li a#current {
color :  #fff;
}			/*TYPOGRAPHY*/
blockquote {
font-weight : bold;
font-style : italic;
color : #B29B35;
}
/*CLASSES*/
.info {
color : #B29B35;
}
.post {
padding : 3px;
margin : 20px 10px 10px 5px;
border : 1px dashed #8a795d;
font-size : 80%;
color: #aaa;
background : #fff;
} 
.post .date { 
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #ffffff;
	text-align: center;
}
.month {
	border-style: none;
	background-color: #ffffff;
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	border-style: none;
	border-width:1px
}
.dayname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	border-style: none;
	border-width:1px
}
.week {
	border-style: none;
	background-color: #ffffff;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #ffffff;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
	background-color: #ffffff;
}
.yearpicker {
	font-size: 11px;
	background-color: #ffffff;
}
.pickerbutton {

}
.nomonthday {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	height:20px;
	width:20px;
}
.expired {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	height:20px;
	width:20px;
}
.booked {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: red;
	height:20px;
	width:20px;
}
.available {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: green;
	height:20px;
	width:20px;
}
.available a {
	color: white;
	background-color: green;
}
.whitetext {
	color: #FFFFFF;
}
#homepage {
		width: 555px;
}	
#menu {
		width: 160px;
        padding-left: 10px;
}