/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #3f2c72; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
.hand{font-family: 'Indie Flower', cursive; font-size:18px; padding:15px;}
.handbig{font-family: 'Indie Flower', cursive; font-size:24px; padding:15px;}
body {
	background: url('../../images/template_3/background.jpg') repeat-x #c3b8e0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}
html>body
{
width: 968px; margin:0 auto;
}
#wrapper { width: 968px; margin:0 auto; }

#top-border { width: 100%; height: 10px; background: url( '../../images/template_3/content-top-bottom.png' ) no-repeat; }
#bottom-border { width: 100%; height: 10px; background: url( '../../images/template_3/content-top-bottom.png' ) 0 -10px no-repeat; margin-bottom: 10px; }

#content-wrapper { width: 960px; padding: 5px 5px 5px 4px; background: url('../../images/template_3/content-bg.png') repeat-y; }
#content-wrapper #header { width: 100%; height: 83px; }
#content-wrapper #header #logo { float: left; width: 386px; height: 83px; margin-left: 5px; }
#content-wrapper #header #ratings { float: right; margin-right: 10px; }

#content-wrapper #photo-banner { width: 100%; height: 150px; background: url('../../images/template_3/banner-bg.jpg') repeat-x; margin: 10px 0 0 0; }
#content-wrapper #photo-banner img { border: 5px solid #fff; margin: 10px 0 0 17px; }

#content-wrapper #menu { width: 100%; height: 35px; margin: 10px 0; }
#content-wrapper #menu ul { width: 100%; list-style-type: none; }
#content-wrapper #menu ul li { float: left; width: 110px; height: 35px; margin: 0 0 0 8px; line-height: 35px; text-indent: 5px; font-size: 1.2em; }
#content-wrapper #menu ul li a { display: block; width: 110px; height: 35px; background: url('../../images/template_3/menu-bg.jpg') 0 -35px no-repeat #ded9ed; color: #5d41a8; }
#content-wrapper #menu ul li a:hover, #content-wrapper #menu ul li a.selected { background: url('../../images/template_3/menu-bg.jpg') no-repeat #5d41a8; color: #fff; text-decoration: none; }

#content-wrapper #main-content { float: left; width: 650px; margin-left: 10px; margin-top: 10px; }
#content-wrapper #main-content .comment { float: left; width: 252px; height: 137px; margin: 30px 0 0 35px; background: url('../../images/template_3/comments-bg.jpg') no-repeat #ccc; padding: 8px 8px 0 8px; }
#content-wrapper #main-content .comment p { padding: 0; height: 165px; line-height: normal; }
#content-wrapper #main-content .comment p.author { font-weight: bold; height: auto; text-align: center; margin-top: 5px; font-size: 1.0em; }
#content-wrapper #column-right { float: right; width: 249px; margin-right: 10px; margin-top: 10px; }
#content-wrapper #column-right .box { width: 249px; overflow: hidden; color: #fff; margin: 0 0 10px 0; }
#content-wrapper #column-right .box .box-title { width: 249px; height: 25px; position: relative; z-index: 1; background: url('../../images/template_3/purple-header.png') no-repeat; line-height: 25px; color: #fff; font-size: 1.2em; text-indent: 8px; }
#content-wrapper #column-right .box .box-title a { color: #fff; }
#content-wrapper #column-right .box .box-title a:hover { text-decoration: none; }
#content-wrapper #column-right .box img { margin-top: -25px; }
#content-wrapper #column-right .box .text { position: relative; z-index: 1; top: -25px; color: #3f2c72; font-size: 1.3em; font-weight: bold; text-align: center; }

#content-wrapper #footer { width: 100%; border-top: 3px solid #5d41a8; margin-top: 20px; }
#content-wrapper #footer #copyright { float: left; width: 172px; height: 36px; background: url('../../images/template_3/copyright-bg.jpg') no-repeat; margin: 10px 0 0 10px; line-height: 36px; text-indent: 10px; color: #777; }
#content-wrapper #footer #address { float: left; margin: 12px 0 0 20px; line-height: 16px; color: #999; }
#content-wrapper #footer #links { float: right; margin: 12px 20px 0 0; line-height: 16px; color: #999; text-align: right; }
#content-wrapper #footer a { color: #999; }
#content-wrapper #footer a:hover { color: #3f2c72; }

#location_map { float: right; width: 400px; height: 300px; }

table#availability { width: 600px; margin: 20px auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.0em; }
table#availability tr { text-align: center; color: #3f2c72; }
table#availability tr th { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 0; background: #eee; }
table#availability tr td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 3px 0; }
table#availability .unavailable { color: #aaa; background: #eee; }
table#availability .dayofweek { border-bottom: 1px solid #888; color: #777; }
table#availability .empty { background: #bbb; }

#calendar_key { width: 440px; text-align: center; margin: 20px auto; }
#calendar_key .block { float: left; width: 200px; margin: 0 10px; }
#calendar_key .block span { border: 1px solid #ccc; padding: 5px 20px; }
#calendar_key .block span.unavailable { color: #aaa; background: #eee; }
#calendar_key .block span.available { color: #3f2c72; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-family: 'Century Gothic', Century, Arial, sans-serif; color: #3f2c72; font-size: 2.2em; margin-left: 5px; }
h2 { font-family: 'Century Gothic', Century, Arial, sans-serif; color: #5d41a8; font-size: 1.3em; margin-left: 5px; }

p { font-size: 1.2em; color: #777; padding: 10px 0 10px 20px; line-height: 20px; }