@charset "utf-8";

/*  The following reset is Erik Meyer CSS Reset
http://meyerweb.com/eric/tools/css/reset/         */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0; }
body { line-height:1;min-width: 600px;}
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
header, hgroup {display: block; width:100%;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
.focus-only {
    position:absolute;
    top:-1000px;
    left:-99999px;
}
body {
	padding: 11px;
}

.focus-only:focus { position:static; }

a {
	color: #ff6200; /* fcc60e */
	font-weight: bold;
	font-size: 22px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	text-decoration: none;
}

a:hover {
	color: #fff;
}

h1 {
	font-weight: lighter;
	font-size: 33px;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 1px rgba(0,0,0,0.6);
	text-align: center;
	margin: 0 auto 15px;
	padding: 10px;
}
h1 strong {
	text-transform: capitalize;
}

.tile {
	clear: both;
	width: 800px;
	margin: 10px auto 0;
	min-height: 210px;
	border: 1px solid #3f3f3f;
	box-shadow: 0 0 7px #111;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	line-height: 22px;
	padding-bottom: 20px;
}


.big-link {
	margin: 10px auto;
	font-size: 22px;
	line-height: 30px;
	width: 100%;
	display: block;
	text-align: center;
}

.tile ul {
	margin: 10px 40px;
}

.descr h3 {
	text-align: center;
}

.violet-tile {
	background: rgb(230,155,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,155,255,0.7) 0%, rgba(168,99,237,0.9) 50%, rgba(177,107,246,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,155,255,0.7)), color-stop(50%,rgba(168,99,237,0.9)), color-stop(100%,rgba(177,107,246,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,155,255,0.7) 0%,rgba(168,99,237,0.9) 50%,rgba(177,107,246,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,155,255,0.7) 0%,rgba(168,99,237,0.9) 50%,rgba(177,107,246,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(230,155,255,0.7) 0%,rgba(168,99,237,0.9) 50%,rgba(177,107,246,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(230,155,255,0.7) 0%,rgba(168,99,237,0.9) 50%,rgba(177,107,246,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69bff', endColorstr='#b16bf6',GradientType=0 ); /* IE6-9 */

	text-shadow: 0 1px 2px #6222a6;
}

.green-tile {
	background: rgb(178,219,100); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(178,219,100,0.9) 0%, rgba(126,188,10,0.9) 43%, rgba(119,175,15,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,219,100,0.9)), color-stop(43%,rgba(126,188,10,0.9)), color-stop(100%,rgba(119,175,15,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(178,219,100,0.9) 0%,rgba(126,188,10,0.9) 43%,rgba(119,175,15,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(178,219,100,0.9) 0%,rgba(126,188,10,0.9) 43%,rgba(119,175,15,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(178,219,100,0.9) 0%,rgba(126,188,10,0.9) 43%,rgba(119,175,15,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(178,219,100,0.9) 0%,rgba(126,188,10,0.9) 43%,rgba(119,175,15,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2db64', endColorstr='#77af0f',GradientType=0 ); /* IE6-9 */

	text-shadow: 0 1px 2px #286700;
}

.orange-tile {
	background: -moz-linear-gradient(top,  rgba(230,156,125,0.9) 0%, rgba(223,139,0,0.9) 50%, rgba(223,180,41,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,156,125,0.9)), color-stop(50%,rgba(223,139,0,0.9)), color-stop(100%,rgba(223,180,41,0.9)));
	background: -webkit-linear-gradient(top,  rgba(230,156,125,0.9) 0%,rgba(223,139,0,0.9) 50%,rgba(223,180,41,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(230,156,125,0.9) 0%,rgba(223,139,0,0.9) 50%,rgba(223,180,41,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(230,156,125,0.9) 0%,rgba(223,139,0,0.9) 50%,rgba(223,180,41,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(230,156,125,0.9) 0%,rgba(223,139,0,0.9) 50%,rgba(223,180,41,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e69c7d', endColorstr='#e6dfb429',GradientType=0 );

	text-shadow: 0 1px 2px #744709;
}
.violet-tile .descr,
.green-tile .photos {
	float: right;
	margin: 40px 40px 10px 20px;
}

.green-tile .descr,
.violet-tile .photos,
.tile .text {
	float: left;
	margin: 40px 20px 10px 40px;
}

.tile .text {
	margin: 40px 40px;
	width: 720px;
}
.tile .second-text {
	margin: 0 40px;
}

.tile:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tile table {
	margin: 15px auto;
	width: 640px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	border: 5px solid white;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	background: white;
}

.orange-tile table {
	background: transparent;
}



.violet-tile table {
	border: 10px solid rgb(168,99,237) ;
}
.green-tile table {
	border: 10px solid rgb(126,188,10) ;
}
.orange-tile table {

}

.tile table a,
.tile table a:hover {
	text-decoration: none;
	color: white;
	font-size: 17px;
}


.tile td,
.tile th {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	width: 88px;
}


.green-tile td,
.green-tile th {
	color: #dcfaa4;
	border: 1px solid rgb(119,175,15);

}
.violet-tile td,
.violet-tile th {
	color: #e6ccff;
	border: 1px solid rgb(102,0,204);
}

.tile td span {
	font-weight: bold;
}


td.sunday {
	font-weight: bold;

}

.green-tile td.busy {
	background: rgb(126,188,10);
}
.violet-tile td.busy {
	background: rgb(168,99,237);
}
.orange-tile td.busy {
	background: #74B5CC

}
td.free {
	background: rgb(255,255,255);
}

td.reserved {
	background: orange;
}
.tile table td span {
	display:block;
	width: 100%;
}

.tile table td span.dayno {
	font-size: 24px;
}
.tile table td span.price {
	font-weight: lighter;
	font-size: 14px;
}
td span.busn {
	font-size: 11px;
	line-height: 15px;
}

.green-tile .price,
.green-tile th {
	color: rgb(126,188,10);
}

.violet-tile .price,
.violet-tile th {
	color: rgb(168,99,237) ;
}
	#timeline {
		width: 700px;
		height: 455px;
		overflow: hidden;
		margin: 10px auto;

		position: relative;
		background: url('img/dot.gif') left 45px repeat-x;

	}
		#dates {
			width: 700px;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 40px;
				font-size: 18px;
				text-align: center;
				background: url('img/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 26px;
					padding-bottom: 10px;
				}
				#dates .selected {
					color: white;
			        font-size: 26px;
					font-weight: bold;
				}

		#issues {
			width: 700px;
			height: 455px;
			overflow: hidden;
		}
			#issues li {
				width: 700px;
				height: 455px;
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out;
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;
				}


		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -77px;
			}
			#next {
				right: 0;
				background-image: url('img/next.png');
			}
			#prev {
				left: 0;
				background-image: url('img/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}