/* Sunset Morar CSS */

body {
	margin: 0px;
	padding: 0px;
	background: #660000 url('media/wood-bg.jpg');
	font-family: HelveticaNeue, sans-serif;
	font-size: 14px;
	color: #222222;
	text-align: center;
	height: 100%;}

a:link		{ color: #ffe8d4; font-weight: bold; text-decoration :none; text-shadow: 0px -1px 1px #000000; }
a:visited	{ color: #ffe8d4; font-weight: bold; text-decoration :none; text-shadow: 0px -0.5px 1px #000000; }
a:hover		{ color: #ffe8d4; font-weight: bold; text-decoration :underline; text-shadow: 0px -0.5px 1px #000000; }
a:active	{ color: #ffe8d4; font-weight: bold; text-decoration :underline; text-shadow: 0px -0.5px 1px #000000; }

iframe		{ border: none; margin: 0px; }
a img		{ border: none; }
hr			{ border: none; height: 50px; }

input[type="checkbox"] {
	vertical-align:middle;
}

.card {
	margin: 10px;
	padding: 10px;
	background: #ffe8d4 url('media/paper-bg.jpg');
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-box-shadow: 0px 2px 15px #000000;
	-webkit-box-shadow: 0px 2px 15px #000000;
	box-shadow: 0px 2px 15px #000000;}

	.card:nth-child(odd) {
		-moz-transform: rotate(0.5deg);
		-webkit-transform: rotate(0.5deg);}

	.card:nth-child(even) {
		-moz-transform: rotate(-0.5deg);
		-webkit-transform: rotate(-0.5deg);}

	.card:nth-child(3n) {
		-moz-transform: rotate(-1.0deg);
		-webkit-transform: rotate(-1.0deg);}

	.card:nth-child(4n) {
		-moz-transform: rotate(1.0deg);
		-webkit-transform: rotate(1.0deg);}

	.photocard:hover {
		background: white;}

h1 {
	display: block;
	height: 75px;
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 45px;
	color: #ffe8d4;
	font-size: 32px;
	font-weight: normal;
	text-align: left;
	text-shadow: 0px -1px 1px #000000;}

h2 {
	display: block;
	height: 40px;
	margin: 10px;
	padding-top: 26px;
	color: #ffe8d4;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	text-shadow: 0px -1px 1px #000000;}

h3 {
	display: block;
	height: 30px;
	margin: 10px;
	padding-top: 12px;
	color: #ffe8d4;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	text-shadow: 0px -1px 1px #000000;}

h4 {
	display: block;
	height: 24px;
	margin: 10px;
	padding-top: 24px;
	color: #ffe8d4;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	text-shadow: 0px -1px 1px #000000;}

h1 a { font-weight: normal !important; }
h2 a { font-weight: normal !important; }
h3 a { font-weight: normal !important; }
h4 a { font-weight: normal !important; }

.left {
	float: left;
	margin-right: 20px;}

.right {
	float: right;
	margin-left: 20px;}

.inline-image {
	width: 240px;
	height: 180px;
	margin: 20px;}

.full-image {
	width: 740px;
	height: 220px;
	margin-top: 20px;
	margin-bottom: 20px;}

.attribution {
	display: block;
	margin-top: -25px;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	text-shadow: none;}

	.attribution a {
		color: #FFFFFF;
		font-weight: normal;
		text-shadow: none;}

.half-box {
	width: 370px;}

a.box-link {
	display: block;
	width: 220px;
	margin: 10px;
	margin-top: 15px;
	padding: 5px;
	background: #ffe8d4 url('media/paper-bg.jpg');
	font-size: 13px;
	color: #222222;
	text-shadow: none;}

	a.box-link:hover {
		color: #000000;
		text-decoration: none;
		text-shadow: none;
		background: #FFFFFF;}

#cell {
	position: absolute;
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;}

#sidebar {
	float: left;
	width: 220px;}

	#logo {
		width: 180px;
		height: 100px;
		background: none !important;
		-moz-transform: rotate(0.0deg);
		-webkit-transform: rotate(0.0deg);}

		#logo img {
			margin: -10px;}

	.navblock {
		margin-top: 20px;}

		.navblock ul {
			margin: 0px;
			padding: 0px;
			list-style: none;}

			.navblock ul li a {
				display: block;
				margin: 0px;
				padding: 8px;
				color: #222222;
				font-size: 18px;
				text-shadow: 0px 1px 1px #FFFFFF;}

			.navblock ul li a:hover {
				background: #FFFFFF;
				color: #000000;
				text-decoration: none;
				text-shadow: none !important;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;}

			.navblock ul li a:active {
				background: #FFFFFF;
				color: #000000;
				text-decoration: none;
				text-shadow: none !important;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;}

				.navblock ul li a.selected {
					background: #03245F;
					color: #FFFFFF;
					text-shadow: none !important;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border-radius: 4px;}

	.mini-nav {
		text-align: left;}

		.mini-nav ul li {
			display: inline-block;
			margin: 2px;}

		.mini-nav a.link {
			float: right;
			margin-top: 12px;
			margin-bottom: 0;
			margin-right: 6px;
			color: #222222;
			text-shadow: none !important;}

#content {
	float: right;
	width: 780px;
	margin-top: -10px;
	margin-left: 14px;}

	#content p {
		margin: 10px;
		color: #ffe8d4;
		text-align: left;
		text-shadow: 0px -1px 1px #000000;}

	.news-box {
		width: 240px;}

		.news-box h3 {
			margin-top: -5px;
			margin-bottom: -10px;
			color: #222222;
			font-size: 16px;
			font-weight: bold;
			text-shadow: 0px 1px 1px #FFFFFF !important;}

		.news-box p {
			color: #222222 !important;
			text-shadow: 0px 0.5px 1px #FFFFFF !important;}

		.news-box a {
			color: #222222 !important;
			text-shadow: 0px 1px 1px #FFFFFF !important;}

		.news-box a:hover {
			color: #000000 !important;
			text-decoration: underline !important;
			text-shadow: 0px 1px 1px #FFFFFF !important;}

		.news-box a:active {
			color: #000000 !important;
			text-decoration: underline !important;
			text-shadow: 0px 1px 1px #FFFFFF !important;}

	.menu-card {
		margin: 10px;
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 10px;
		background: #ffe8d4 url('media/paper-bg.jpg');
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-box-shadow: 0px 2px 15px #000000;
		-webkit-box-shadow: 0px 2px 15px #000000;
		box-shadow: 0px 2px 15px #000000;}

		.menu-card h2 {
			color: #222222 !important;
			font-size: 22px;
			font-style: italic;
			text-decoration: underline;
			text-shadow: none !important;
			text-align: center !important;}

		.menu-card h3 {
			color: #222222 !important;
			margin-bottom: -10px;
			font-size: 16px;
			font-weight: bold;
			text-shadow: none !important;
			text-align: center !important;}

		.menu-card p {
			color: #222222 !important;
			text-shadow: none !important;
			text-align: center !important;}

		.menu-card td {
			vertical-align: top;}

			.menu-column {
				width: 320px;
				margin-left: 20px;
				margin-right: 20px;
				text-align: center;}

				.menu-tag {
					display: inline-block;
					float: left;
					margin-top: -17px;
					height: 15px;
					width: 30px;
					font-size: 11px;
					font-weight: bold;
					text-shadow: none !important;
					border: 1px solid;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border-radius: 4px;}

				.menu-price {
					display: inline-block;
					float: right;
					margin-top: -17px;
					height: 20px;
					width: 50px;}

	.review-card {
		width: 500px;
		margin-bottom: 50px;
		margin-left: 80px;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;}

		.review-card h2 {
			margin: 0px;
			margin-top: 10px;
			margin-bottom: -15px;
			padding: 0px;
			color: #222222;
			font-size: 14px;
			font-weight: normal;
			text-shadow: none;
			text-align: right;}

		.review-card h3 {
			margin: 0px;
			margin-bottom: -10px;
			padding: 0px;
			color: #222222;
			font-size: 14px;
			font-weight: bold;
			text-shadow: none;
			text-align: right;}

		.review-card p {
			color: #222222 !important;
			text-shadow: none !important;}

	.photo-grid {
		overflow: auto;
		width: 100%
	}

		.photo-grid ul {
			margin: 0px;
			padding: 0px;
			list-style: none;}

			.photo-grid ul li {
				float: left;
				margin: 15px;
				padding: 0px;}

			.photo-grid ul li:hover {
				background: #FFFFFF;
				-moz-transform: rotate(0.0deg);
				-webkit-transform: rotate(0.0deg);}

				.photo-grid ul li a {
					display: block;
					padding: 10px;
					padding-bottom: 8px;
					color: #222222;
					text-decoration: none;
					text-shadow: 0px 1px 1px #FFFFFF;}

				.photo-grid ul li a:hover {
					color: #000000;
					text-decoration: none;
					text-shadow: 0px 1px 1px #FFFFFF;}

	.contact-form {
		background: #FFFFFF;
		width: 500px;
		margin-bottom: 50px;
		margin-left: 80px;
		padding: 20px;
		text-align: left;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-box-shadow: 0px 2px 15px #000000;
		-webkit-box-shadow: 0px 2px 15px #000000;
		box-shadow: 0px 2px 15px #000000;}

		.contact-form h3 {
			margin-top: 0px;
			color: #222222;
			font-weight: bold;
			text-shadow: none;}

		.contact-form p {
			color: #222222 !important;
			text-shadow: none !important;}

		.contact-form hr {
			background: #666666;
			height: 1px;
			border: none;}

		.contact-form label.form-left {
			float: left;
			display: block;
			width: 70px;
			height: 20px;
			margin: 0px;
			margin-top: 2px;
			padding: 0px;
			font-weight: bold;
			text-align: right;}

		.contact-form input {
			height: 20px;
			margin: 0px;
			margin-bottom: 2px;
			padding: 0px;
		}

		.textarea {
			width: 420px;
			background: #FFFFFF;
			color: #444444;
			font-size: 14px;
			font-weight: normal;
			outline: none;
			border: none;}

		.textarea:focus {
			outline: none;
			border: none;}

		#messagebox {
			width: 495px !important;}

		#reviewbox {
			width: 495px !important;}

		#submitbutton {
			float: right;
			width: 220px;
			height: 30px;
			margin-top: 5px;
			background: #333333;
			color: #FFFFFF;
			font-size: 14px;
			border: none;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;}

		#submitbutton:hover {
			background: #222222;}

		#submitbutton:active {
			background: #111111;}

#footer {
	margin: 20px;
	margin-top: 25px;
	color: #ffe8d4;
	font-size: 12px;
	text-align: center;
	text-shadow: 0px -1px 1px #000000;}

#timetable {
	background: #ffe8d4 url('media/paper-bg.jpg');
	width: 700px;
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 20px;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-box-shadow: 0px 2px 15px #000000;
	-webkit-box-shadow: 0px 2px 15px #000000;
	box-shadow: 0px 2px 15px #000000;}

	#timetable h2 {
		margin-top: 0px;
		padding-top: 10px;
		color: #222222;
		text-shadow: none;}

	#timetable p {
		color: #222222;
		text-shadow: none;}

	#timetable a {
		color: #222222;
		text-shadow: none;}

	#timetable table {
		width: 100%;
		border-collapse:separate;
		border-spacing: 10px 10px;​}

	#timetable td {
		width: 12.5%;
		height: 50px;
		vertical-align: middle;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;}

	td.closed {
		background: #D8D8D8;}

	td.booked {
		background: #FA5858;}

	td.available {
		background: #81F781;}

	td a {
		color: #222222;
		text-shadow: none !important;}