﻿body { background-color: #FFF; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; }
a:link { color: #034af3; text-decoration: underline; }
a:visited { color: #505abc; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #12eb87; }
a img { border:0; }
p, ul { margin-bottom: 20px; line-height: 1.6em; }

/* Heading */
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #696969; font-family: Georgia, "Times New Roman"; }
h1 { font-size: 3em; padding-bottom: 0; margin-bottom: 0; color: #696969; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #696969; text-decoration: none; }
h2 { font-size: 2em; padding: 0 0 10px 0; color: #BB7093; text-align: center; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
p#payoff { font-size: 1em; margin-top: -5px; padding-left: 20px; text-transform: uppercase; color: #C6D4E4; font-weight: bold; }

/* Layout Elements */
#page { width: 706px; margin-left: auto; margin-right: auto; background-color: #FFF; }
#page.article { width: 600px; }
#footer { color: #999; margin: 40px 0; line-height: normal; font-size: 1em; border-top: solid 1px #C6D4E4; padding-top:10px; }
#intro { padding:0 10px; border: solid 1px #C6D4E4; background-color: #e8eef4;  }

/* Forms */
fieldset { margin-top: 1em; padding: 1em; border: 1px solid #CCC; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input[type="text"] { width: 200px; border: 1px solid #CCC; }
input[type="password"] { width: 200px; border: 1px solid #CCC; }
textarea { width: 200px; border: 1px solid #CCC; }
p.buttons { text-align: center; }

/* Tables */
table { border: solid 1px #C6D4E4; border-collapse: collapse; }
table td { padding: 5px; border: solid 1px #C6D4E4; }
table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #C6D4E4; }

/* Calendar */
#calendar { width: 706px; margin: auto; clear:both; }
#calendar th, #calendar td { width: 100px; }
#calendar thead th { padding: 0; text-transform: uppercase; text-align: center; }
#calendar tbody td { padding: 0; height: 100px; vertical-align: top; }
#calendar tbody td.off { background-color:#EEE; }
.link-day { padding: 2px 5px; width: 90px; height: 18px; text-align: right; font-family: Georgia, "Times New Roman"; color: #555; font-weight: bold; font-size: 14px; }
.link-content { display: block; padding: 5px; width: 90px; height: 70px; text-align: center; overflow:hidden; }
a.link-buy, .link-booked { display: block; width: 100%; margin-top: 20px; text-align: center; text-transform: uppercase; font-size: 2em; font-weight: bold; color: #EEE; text-decoration: none; }
.link-booked { font-size:1.5em; }
a.link-buy:hover { color: #1d60ff; text-decoration: underline; }
.link-special { padding: 2px; width: 94px; height: 14px; text-align: center; text-transform: uppercase; color: #BB7093; border: solid 1px #BB7093; background-color: #F3E7EE; }

/* Calendar navigation */
.navigation { padding: 0; margin: 5px 0; margin-left:-7px; list-style: none; width: 720px; }
.navigation li { width: 120px; margin:0; padding:0; }
.navigation li.central { width:468px; text-align:center; float:left; }
.navigation li.previous { float: left; text-align: left; }
.navigation li.next { float: right; text-align: right; }

/* Buy page */
#date { font-size: 1em; font-weight: bold; text-align: center; }
#change-day { font-size: .9em; font-weight: normal; text-align: center; }
#price { font-size: 5em; color: #BB7093; text-align: center; font-family: "Times New Roman"; margin: 10px 0; }
.not-available { text-decoration: line-through; }
#description { font-size: 1.2em; text-transform: uppercase; font-weight: bold; text-align: center; }


/* Footer */
#footer dl { width: 235px; float: left; }
#footer dt { font-size: 1.1em; padding: 0 0 10px 0; color: #BB7093; font-family: Georgia, "Times New Roman"; text-transform: uppercase; font-weight: bold; }
#footer dd { margin: 0; }
#footer dd ul { padding-left: 20px; margin-left: 10px; }
#footer dd ul li { }

/* Misc */
.clear { clear: both; }
#joe-photo { width: 100px; padding: 0; margin: 0; float: left; }
.field-validation-error { color: #E64941; }
.middle { width: 400px; margin-left: auto; margin-right: auto; }
.error { margin: 10px auto; background-color: #D3A3BA; border: solid 1px #BB7093; color: #FFF; padding: 10px; }
.slogan { text-align:center; font-size:2.4em; }
