@charset "utf-8";

@import "forms.css";

/* @group Reset */
/* Reset Stylesheet
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
button { background-color:transparent; border:none; padding:0px; margin:5px 0px; cursor:pointer;}
/* @end */


/*
	(c) Teabagstudios.com 2009
*/


/* @group Site Grid */

	body {
		background:#fff url('../images/bg_snow.jpg') repeat;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:62.5%;
	}
	
	#imagery {
		background: url(../images/bg_player.png) no-repeat fixed -30px top;
	}
	
	#imagery.restaurant {
		background: url(../images/bg_restaurant.png) no-repeat fixed 0px top;
	}
	
	#imagery.sports {
		background: url(../images/bg_sport.png) no-repeat fixed -50px top;
	}
	
	body.gallery #imagery {
		background: url(../images/bg_gallery.png) no-repeat fixed -5px top;
	}
	
	#wrap {
		width:940px;
		padding:140px 10px 10px 10px;
		margin:0px auto;
	}
	
	#header {
		height: 133px;
		width: 100%;
		background: url(../images/bg_header.png) repeat;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	#header div {
		width: 940px;
		padding: 0px 10px 0px 10px;
		margin: 0px auto;
	}


	
	#content {
		clear: both;
	}
	
	
	#sidebar {

	}
	
	#footer {
		clear: both;
		padding: 10px 0px;
	}
	
	#footer div {
		background: url(../images/bg_trans-med.png);
		margin: 10px 0px;
		padding:10px;
		color: #fff;
		font-weight: bold;
		position: relative;
	}
	
	#footer div ul li { 
		display: inline;
	}
	
	#footer .teabag {
		position: absolute;
		right: 5px;
		top: 5px;
		margin: 0px;
	}
	
/* @end */


/* @group Layouts */
	
	.half {
		width: 445px;
		float: left;
	}
	
	.half.right {
		float: right;
	}
	
	.box {
		background:url(../images/bg_trans-med.png);
		padding: 0px;
	}
	
	
	/* Two Col */
	#page.full,
	#page.two-col{
		background:url(../images/bg_trans-med.png);	
	}
	
	#page.full #content {
		padding: 20px;
		color: #fff;
	}
		
	#page.two-col #content {
		width: 540px;
		float: left;
		padding: 0px 20px 10px 20px;
		color: #fff;
	}
	
	#page.two-col #sidebar {
		width: 320px;
		float: right;
		padding: 0px 20px 10px 20px;
		color: #fff;
	}

	#page.two-col #sidebar h2,
	#page.two-col #content h2 {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	/* Homepage splash screen -sigh- */
	
	body#homepage {
		background: #000 none;
	}
	
	body#homepage #wrap {	
		padding:10px;
	}
	
	body#homepage #imagery {
		background: transparent none;
	}	
	
	body#homepage #header {
		position: relative;
		height: 90px;
	}

	body#homepage #header h1 {
		width: 664px;
		height: 37px;
		float:none;
		clear: both;
		margin: 10px auto;
	}

	body#homepage #header h1 a {
		background: url(../images/bg_kandahar-text.png) no-repeat;
	}	

	body#homepage #header #navigation {			
		float: none;
		text-align: center;
		width: 655px;
		margin: 10px auto;
	}
	
	body#homepage #navigation #twitter-link,
	body#homepage #navigation #facebook-link {	
		position: relative;
		top: 0px;
		left: 0px;
	}
	#splash {
		background: url('../images/bg_kandahar-large.png') no-repeat center 150px;
		position:relative;
		height:600px;
		margin: 0px auto;
		width: 680px;
	}
	
	#splash p {
		color: #F1C101;
		text-align:center;
		width: 470px;
		margin: 0px auto 0px auto;
		padding-top: 405px;
	}
	#splash ul li {
		position: absolute;
		height: 156px;
		width: 156px;
	}
	
	#splash ul li a {
		background-image:url(../images/home-sprites.jpg);
		background-repeat: no-repeat;
		display: block;
		width: 153px;
		height: 153px;
		border: 3px solid #fff;
		position: relative;
		color: #F1C101;
		text-decoration: none;
	}
	
	#splash ul li a:hover {
		border: 3px solid #F1C101;
	}
	
	#splash ul li a span {
		background: url(../images/bg_trans-med.png);
		padding: 10px 15px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		font-weight: bold;
		display: block;
		width: 122px;
	}
	
	
	#m_lounge { left:60px; top:0px;}
	#m_lounge a {
		background-position:left top;
	} 

	#m_resturant { right:60px; top: 0px}	
	#m_resturant a { 
		background-position:right top;
	} 	
	
	#m_gallery { top: 200px; }	
	#m_gallery a {
		background-position:left -172px;
	} 
	
	#m_sports { top: 200px; right: 0px;	}
	#m_sports a {
		background-position:right -172px;
	} 
	
	#m_nightclub { left: -60px; top: 400px; }
	#m_nightclub a {
		background-position: left -339px;
	} 	
	
	#m_bar { top: 400px; right: -60px; }
	#m_bar a {
		background-position: right -339px;
	} 	
			
/* @end */



/* @group Typography / Links */


	h1 {
		width:291px;
		height:107px;
		margin: 0px 0px 0px 0px;
		float: left;
	}
	
	h1 a {
		display:block;
		height:100%;
		width:100%;
		text-indent:-9999px;
		overflow:hidden;
		background:url('../images/kandahar.png') no-repeat;
	}
	
	h2 {
		background: url(../images/bg_yellow.png) repeat;
		padding: 10px;
		font-size: 3em;
		color: #000;
	}
	
	
	h3 {
		color: #FFCC00;
		font-size: 2em;
		margin: 10px 0px
	}
	
	h4 {

	}
	
	h5 {

	}
	
	.box h2 {
		margin-bottom:20px;
	}
	
	.box p {
		color: #fff;
	}
	
	
	
	/* @group Links */
	
	a {
		color: #CC3300;
	}
	
	a:hover {
		color: #fff;
	}
	
	a:visited {
	
	}
	
	a:focus {
	
	}

	a.block-link {
		background-color: #CC3300;
		padding: 5px 20px;
		font-size: 2em;
		color: #fff;
	}
	
	a.block-link:hover {
		text-decoration: underline;
	}
	
	li a.block-link {
		font-size: 1.8em;
	}
	/* @end */
	
	


/* @end */

/* @group Core Elements */

	p, 
	li,
	dd,
	blockquote {
		font-size:1.2em;		
	}

	dt {
		color: #FFCC00;
		font-size: 2em;
	}
	
	blockquote {
		line-height:2em;
		color:#666666;
	}
	
	dl, p {
		margin:10px 0px;
		line-height:1.8em;
	}

	ul.list {
		margin:5px 5px 5px 10px;
	}
	
	ul.list li {
		list-style-type:disc;
		color:#23912D;		
	}

	ul.list li span {
		color:#fff;
	}
	
	
	/* misc */
	.clear { clear:both; }
	hr.divide { height:0px; border:none; clear:both; }

/* @end */


/* @group Navigation */

	#navigation {
		float: right;
		margin-top: 50px;
		position:relative;
	}
	
	#navigation li {
		display:inline;
		padding: 0px 10px;
	}
	
	#navigation a {
		color:#fff;
		font-weight: bold;
		font-size: 1.4em;
		text-decoration: none;
	}
	
	#navigation a:hover {
		color: #FFCC00;
	}
	
	#navigation #twitter-link,
	#navigation #facebook-link {
		position: absolute;
		right: 0px;
		top: -40px;
	}
	#navigation #twitter-link {
		right: 100px;
	}
	
/* @end */



/* @group Decorative */


/* @end */



/* @group Widgets */


	/* @group Table Plan */
		
	.bookingTableSports {
		background:url(../images/bg_table-plan.png);
	}
	
	.bookingTable {
		background:url(../images/bg_table-plan-book.png);
	}
	
	#booking-table {
		height: 486px;
		width: 311px;
		position: relative;
		margin:20px 0px;
	}
	
	#booking-table a {
		display: block;
		height: 25px;
		width: 30px;
		position: absolute;
		padding-top: 5px;
		color: #fff;
		text-decoration: none;
		font-size: 0.9em;
		border: 1px solid #fff;
		text-align: center;
		background: url(../images/bg_trans-med.png);
	}
	
	#booking-table a:hover {
		border-color: #FFCC00;
		cursor: help;
	}
	
	#booking-table a.round {
		border: 0px;
		height: 21px;
		background:url(../images/bg_round-table.png) no-repeat top center;
	}
	
	#booking-table a.bar {
		border:0px none;
		background: transparent none;
	}
	
	#booking-table a.long {
		width: 60px;
		height: 20px;
	}
	
	#booking-table a.round:hover {
		background-position: bottom center;
	}
	
	#booking-table a span {
		display: none;
	}	
	
	
	#booking-table a:hover span {
		display: block;
		background-color:#FFCC00;
		padding: 5px 10px;
		position: absolute;
		top: -35px;
		color: #111;
		width: 100px;
		z-index: 100;
	}	
	
	#booking-table a.bar:hover{
		color: #EECC00;
	}
	
	#booking-table a.bar:hover span {
		width: 70px;
	}
	/* Table Positions */
	
	a#table-1 { top:443px; left:72px; }
	a#table-2 { top:401px; left:72px; }
	a#table-3 { top:359px; left:72px; }
	a#table-4 { top:283px; left:72px; }
	a#table-5 { top:283px; left:27px; }
	a#table-6 { top:237px; left:27px; }
	a#table-7 { top:190px; left:27px; }
	a#table-8 { top:190px; left:72px; }
	a#table-9 { top:116px; left:72px; }
	a#table-10 { top:116px; left:27px; }
	a#table-11 { top:72px; left:28px; }
	a#table-12 { top:38px; left:28px; }
	a#table-13 { top:38px; left:65px; }
	a#table-14 { top:38px; left:226px; }
	a#table-15 { top:38px; left:263px; }
	a#table-16 { top:72px; left:263px; }
	a#table-17 { top:116px; left:258px; }
	a#table-18 { top:160px; left:258px; }
	/* Sports Only */
			
	a#table-19 { top:179px; left:225px; }	
	a#table-20 { top:243px; left:208px; }
	a#table-21 { top:300px; left:208px; }
	a#table-22 { top:360px; left:208px; }
	a#table-23 { top:430px; left:162px; }
	a#table-24 { top:327px; left:179px; }
	a#table-25 { top:327px; left:139px; }
	a#table-26 { top:238px; left:144px; }
	a#table-27 { top:202px; left:144px; }
	a#table-28 { top:167px; left:144px; }									
	/* @end */
	/* @group Events Page */
	
	#week-nav {
		background: url(../images/bg_trans-med.png);
		padding: 10px;
		position: relative;
	}
	
	#week-nav ul {
		position: absolute;
		width: 920px;
		font-size: 1.2em;
	}
	
	#week-nav #prev-week {
		position: absolute;
		left: 10px;
		top: 10px;
	}
	
	#week-nav #next-week {
		position: absolute;
		right: 10px;
		top: 10px;
	}  
	
	#current-week {
		font-size: 1.7em;
		text-align: center;
	}
	
	#current-week strong {
		padding-right: 10px;
		color: #fff;
	}
	
	#current-week em {
		color: #FFCC00;
		font-weight: strong;
		text-style:normal;
	}
	
	#select-week {
		bottom:5px;
		left:10px;
		position:absolute;
		z-index:100;
	}
	
	#cat-nav {
		height: 40px;
		margin-bottom: 10px;
		padding:10px 0px 10px 600px;
		background: url(../images/bg_trans-light.png);
        top: 0px;
        width: 340px;
        height:40px;
        position: relative;
        z-index: 20;
	}
	
	
	#cat-nav li {	
		float: left;
		margin-right: 10px;
		padding-bottom: 7px;
	}
	
	#cat-nav li.on,
	#cat-nav li:hover {
		background: url(../images/menu_highlight.png) no-repeat bottom center;
	}

	#cat-nav a {	
		float:left;
		color: #000;
		font-size: 1.8em;
		font-weight: bold;
		padding: 5px 10px;
		background-color: #fff;
	}
	
	#cat-nav #select-week a {	
		 background-color: #CC3300;
	}
	
	#cat-nav li.on a,
	#cat-nav a:hover {	
		background-color: #FFCC00 !important;
	}
	
	#event-wrapper {
		width: 940px;
		position: relative;
		overflow: hidden;
		min-height: 1300px;
	}		
	
	#event-scroll {
		width: 4000px;
		position: absolute;
	}
	
	.arena-wrap {
		width: 940px;
		float: left;
		margin-right: 20px;
	}
	
	.day {
		margin-bottom: 10px;
		border: 5px solid #000;
		min-height: 100px;
		height: 165px;
		clear: both;
		position: relative;
	}
	
	.day h3 {
		font-size: 2.5em;
		color: #fff;
		background-color: #000;
		float: left;
		position: relative;
		width: 178px;
		padding: 10px;
		height: 145px;
		margin: 0px;
	}
	
	.day h3 span {
		display: block;
		font-size: 0.9em;
		margin-top: 10px;
		color: #E1AA1B;
	}
	
	.day .block {
		padding: 10px;
		float: left;
		width: 163px;
		background:url(../images/bg_trans-med.png);
		height: 145px;
	}
	
	.day .block.mini .image,
	.day .block.one .image{
		display: none;
	}
	
	.day .block:hover {
		background: url(../images/bg_trans-dark.png);
	}
	
	.day dl {
		margin: 0px;
		color: #fff;
	}
	
	.day dt {
		margin-bottom: 10px;
		line-height:1.3em;
	}
	
	.day dt.image {
		float: left;
		margin: -10px 10px 0px -10px;
	}
	
	.day .block.mini {
		width: 126.4px;
	}
	
	.day .block.two {
		width: 346px;
	}
	
	.day .block.full {
		width: 712px;
	}
	
	
	.day h4.no-event {
		color: #FFCC00;
		font-size: 2em;
		position: absolute;
		left: 50%;
		width:380px;
		margin-left: -100px;
		top: 50%;
		margin-top: -20px;
		padding: 10px;
		background: url(../images/bg_trans-med.png);
	}
	/* @end */


/* @end */


/* @group Form Styles */
	
	.ryf textarea,
	.ryf select,
	.ryf input[type="text"],
	.ryf .text {
		border: 2px solid #333;
		padding: 3px 5px;		
		min-width: 300px;
	}
	
	legend {
		color: #fff;
		font-weight: bodl;
	}
	
	label {
		margin-bottom: 5px;
	}
	
	button {
		background-color: #CC3300;
		padding: 5px 20px;
		font-size: 2em;
		color: #fff;
		text-transform: lowercase;
		text-decoration: none;		
	}

/* @end */


/* @group Page Styles */


	/* @group Page Masts */
		
	#intro-mast{
		background: url(../images/bg_ski.jpg) no-repeat;	
	}
	#event-mast {
		background: url(../images/bg_event-mast.jpg) no-repeat;
	}
	
	#intro-mast,
	#event-mast {
		margin-bottom: 20px;
	}
	
	#bookings.box {
		background: url(../images/bg_bookings.jpg) no-repeat;
	}
	
	#gallery.box {
		background: url(../images/bg_gallery.jpg) no-repeat;
	}
	
	#bookings.box h2,
	#gallery.box h2,
	#event-mast h2,
	#intro-mast h2	{
		margin-bottom: 83px
	}
	
	#intro-mast h2 {
		background: url(../images/bg_trans-dark.png);
		color: #fff;
	}
	
	#intro-mast h2 strong{
		color: #FFCC00;
	}
	
	#event-mast h2 {
		margin-bottom: 160px
	}
	
	#page.landing #content ul {
		left:0px;
		position:absolute;
		top:-32px;
		width: 100%;
	}
	
	.event-detail ul.actions li,
	#page.landing #content ul li,
	#intro-mast ul li ,
	#event-mast ul li {
		display: inline;
		padding-right: 10px
	}
	
	#page.landing #content ul li a {
		text-decoration: underline;
	}
	
	#page.landing #content ul li.place-right  {
		right: -10px;
		position: absolute;
	}
	
	p.caption {
		background: url(../images/bg_trans-med.png);
		padding: 10px 10px;
		color: #fff;
		margin: 5px 0px 0px 0px;
	}
	/* @end */

	/* @group Event Details Page */
	h2.event-detail {
		position: relative;
	}	
	
	h2.event-detail .date {
		float: right;
		font-size: 0.6em;
		color: #111;
		text-align:right;
		margin-top: -5px;
	}
	
	#content.event-detail p.flyer {
		float: right;
		margin:10px 10px 20px 60px;
	}
	#content.event-detail .caption {
		background: url(../images/bg_trans-med.png);
		padding: 5px;
		color: #fff;
		margin: -20px -20px 20px -20px;		
	}
	/* @end */
	
	/* @group Jobs */
		
	dl.job dt {
		margin-bottom: 5px;
	}
	
	dd p {
		font-size: 1em;
	}
		
	
	/* @end */
	
	/* @group Contact */
		
	.vcard {
		margin: 10px 0px;
		font-size: 1.5em;
		line-height: 2em;
	}
	
	/* @end */

	/* @group Landing Pages */
	
	#page.landing #content {
		padding: 260px 20px 20px 20px;
		margin-bottom: 20px;
	}
	#page.landing #content h2 {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#page.landing #content .wrap {
		position: relative;
	}
	
	#page.landing #content .wrap {
		background: url(../images/bg_trans-med.png);
		padding: 20px;
		margin: 0px -20px;
		color: #fff;
	}
	
	#page.landing #content .wrap h3 {	
		margin-top: 0px;
	}
	
	#page.landing #content.lounge-landing {
		background: url(../images/bg_lounge-large.jpg) no-repeat top left;
	}
	
	#page.landing #content.restaurant-landing {
		background: url(../images/bg_restaurant-large.jpg) no-repeat top left;
		padding: 452px 20px 20px;
	}	
	
	#page.landing #content.club-landing {
		background: url(../images/bg_club-large.jpg) no-repeat top left;
	}
	
	#page.landing #content.bar-landing {
		background: url(../images/bg_bar-large.jpg) no-repeat top left;
		padding: 320px 20px 20px;
	}			

	#page.landing #content.sports-landing {
		background: url(../images/bg_sports-large.jpg) no-repeat top left;
		padding: 364px 20px 20px;
	}		
	
	/* @end */


/* @end */