body {}

/* Layout */
	#wrapper { width: 96.2em; min-width: 962px; margin: 0 auto;}
		#container { }
			#header {}
			#body {}
				#main { width: 67em; min-width: 670px; padding: 0 1.5em; float: left; overflow: hidden; }
				#right { width: 24em; min-width: 240px; padding: 1em; float: right; overflow: hidden; }
			#footer {}

			

/* Design */

	#wrapper {}

		#container {}
			#header { position: relative; z-index:10; }
				#header .logo  img { margin: 10px; }
				#header span.venue-name { float: left; display: block; position: absolute; top: 13px; left: 168px; font-weight: normal; color:#ffe716; font-size: 1.8em; }
				#navBar { float: right; }
					#navBar form#selectSite { float: right; display: block; margin: 0.5em 0; }
					#navBar form#selectSite select { float: right; }

			#body { background: #050031; }
				#main {}
					#content {}
					#contextual {}
				#right { min-height: 400px; padding: 34px 1.5em 0 0; }
					#navBar { position: absolute; bottom: 0; right: 2px; margin: 0; padding: 0; width: 960px; background:url("../assets/navUserBg.png") repeat-x; }
						#navMain { float: right; position:relative; z-index: 800;}
						#navMain li { display: block; float: left; font-size: 1.3em; margin-bottom: 0; padding: 0; border-left: 1px solid #000; }
						#navMain li a { background: url("../images/ui-nav-arrow.gif") no-repeat center 30px; display: block; line-height: 1.6em; padding: 0.3em 1em; margin: 0; color:#ffffff; }
                        #navMain li a:hover{ background-position:center 24px; text-decoration: none; }
						/* Sub Nav */
							#nav_party,
							#nav_venue,
							#nav_about_us{ position:relative; }
							#navMain ul.subnav{ position:absolute; display: none; width:140px; z-index: 700; border-top:solid 1px #ff0000; background: #39133C; font-size: 0.7em; }
							#navMain ul.subnav li { border-bottom: solid 1px #000; margin:0; border-right: none; width:99%; }
							#navMain ul.subnav li a{ padding:4px 8px; color:#FFF; text-decoration: none; }
							#navMain ul.subnav li a:hover{ color:#FFF; background: #5A295F; }

/* Content */
	#content { padding: 1em 0 }
	.cols2  { background:url("http://www.chicagosbars.co.uk/assets/mainBg.png") repeat-y 49.5em 0;}
		.cols2  #content { width: 48.5em; margin: 0; float: left; }
		.cols2  #contextual { width: 16em; float: right; padding: 1em 0; }
	

/* Boxes */
	.pod {}
	.pod .title { font-size: 2em; font-weight: normal; color: #F4CC2C; }
	.pod .title a { color:#F4CC2C; }
	
	.newsBox {}
		.newsBox a { color: #F4CC2C; }
		.newsBox .item { border-bottom: solid 1px #68C1FF; margin-bottom: 1.5em; padding-bottom: 1em; }
		.newsBox .headline { font-size: 1.5em; font-weight: normal; }
	
	.eventsBox {}
		.eventsBox .item { overflow: hidden; margin-bottom: 1.5em; position:relative; height: 140px; border:solid 4px #EEE; }
		.eventsBox .item .copy{ position:absolute; bottom :0px; left: 0; right: 0; background: #000; padding: 10px;
				opacity: 0.7;
				filter:alpha(opacity=70);
			}
		.eventsBox .item .copy:hover{
				opacity: 0.75;
				filter:alpha(opacity=75);
			}
		.eventsBox .item .copy .headline {margin:0! important;}
		
	.addressBox { background: #714AAA; padding: 10px; margin-bottom: 1.5em; }
		.addressBox .title { font-size: 2em; font-weight: normal; color: #EEE; }
		.addressBox dl { color: #FFCC00; }
			.addressBox dt { font-weight: bold; display: inline-block; width: 40%; float: left; }
			.addressBox dd { display: inline-block; width: 55%; float: left; margin: 0 0 0.5em 0.5em; }
		.addressBox a { color:#EEEEEE; }

	.galleryBox {}
		.galleryBox .items { background: #EEE; padding: 10px; }
		.galleryBox .items .item .headline a { color:#270F54; font-size: 1.5em; }
		.galleryBox .items .item .headline  { color:#270F54; }

	.bookingForm { padding: 10px 6px; margin-bottom: 3em; background: #771144; color: #EEE; position: relative; }
	.bookingForm .title { font-size: 2em; color: #EEE; font-weight: normal; margin-bottom: 0.3em; }
	.bookingForm .sub-title { font-size: 1.4em; color: #ffcc00; font-weight: normal; }
	.bookingForm form { margin-top: 1em; }
	.bookingForm p { margin-bottom: 1em; }
	.bookingForm label { display: inline-block; width: 120px; margin-right: 10px; text-align: right; }
	.bookingForm input,
	.bookingForm select { border: 1px solid #999; }
	.bookingForm .legend { font-size: 0.8em; float: right; position: absolute; top: 1em; right: 1em; }
	.bookingForm .required { color: #FF0000; border: none; }
	.bookingForm .button {-moz-border-radius: 6px;-webkit-border-radius: 6px; float: right; padding: 5px 10px;  background:url('../images/ui-btn-bg.jpg') repeat-x scroll 0 2px #FFD001; color: #270F54; font-weight: bold; border: none; }
		.bookingForm .partyDetails { width: 49%; float: left; }
		.bookingForm .contactDetails { width: 49%; float: left; }
		.bookingForm .privacyDetails { clear: both; }
		.bookingForm .privacyDetails label { width: auto; }
                .formError{color:red; float:right; font-size:0.8em;text-align:right;margin-right:40px;width:100%;}

                .header .title{font-size: 1.8em; font-weight: normal; color:#68C1FF;}

                .copyDates h2, .eventsList .title, .introBox .title{font-size: 1.8em; font-weight: normal; color:#68C1FF;}
                .eventsList .date{font-style:italic; font-weight: normal; font-size: 1.1em; margin-bottom: 10px!important;}

                .event-div{display:inline-block; margin-bottom: 20px;}
                .event-div .copy{font-size:1.2em;}
                .event-div h1{font-size: 2em; font-weight: normal; color:#68C1FF;}

                .eventsBox .copy h2 a{color:#ffcc00; font-weight: normal; font-size: 1.4em;}
                .eventsBox .copy h3 a, .eventsBox .copy h3{color:#ffffff;font-weight: normal;  font-size: 1.1em;}
                .eventsBox .copy .teaser{font-size: 1.1em!important;}


                .itemLead{width:436px; margin-right: 10px;}
                .itemLead img{width: 463px;}
                /*.itemDefault:first-child{margin-right:0!important;}*/
                .itemDefault{width:205px; margin-right: 10px;}
                .itemDefault img{width:205px;}


        /*=== satellite content ===*/

        p a, span a, li a {color:#ffe716;}


        .sat-col{width:203px; float:left; margin-right:30px;}


        .more{
            text-indent:-9999px;
            background:url('../images/ui-more.gif') no-repeat ;
            width:77px;
            height:15px;
            float:right;
            display:inline-block;
        }

        .playlist{
            float:left;
            width:100%;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .dwld-mp3{
            padding:2px 4px;
            background: #888;
            color:#000000;
            margin:0 0 0 14px;
            border:solid 1px #fff;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
        }

        .pods-wrap{}
        .pods-wrap img{margin-bottom:20px;}

        /*=== Foursquare widget ===*/
        #fsq-container { background:#fff url('http://www.chicagosbars.co.uk/images/fsq-widget/header_bg.png') repeat-x; color:#5A5858; font-size:12px; 
                  font-family:Helvetica,Verdana,Arial,sans-serif; border:1px solid #006AB6; border-bottom-width:14px; margin-bottom:1.5em; }
            #fsq-container A, #fsq-container A:link, #fsq-container A:visited { color:#5A5858; }
        #fsq-container #fsq-content { padding:5px; }
        #fsq-container H1 { text-indent:-9999px; background:transparent url('http://www.chicagosbars.co.uk/images/fsq-widget/widget_fsq_logo.png') no-repeat; height:74px; font-size:24px; line-height:normal; }
        #fsq-container H2 { margin:8px 0 0; padding:0; font-size:18px; line-height:normal; }
        #fsq-container H3 { margin:8px 0 0; text-transform:uppercase; font-size:14px; line-height:normal; }
        #fsq-container P { margin:4px 0 0; padding:0; font-size:12px; }
            #fsq-container P.first { margin:0; }
        #fsq-container .fsq-segment { padding-bottom:10px; border-bottom:1px solid #888; margin-bottom:10px; }
            #fsq-container .fsq-segment.last { border-bottom:none; margin-bottom:0; }
        #fsq-container .fsq-segment.fsq-mayor {  }
            #fsq-container .fsq-segment.fsq-mayor h3 { margin-bottom:4px; }
            #fsq-container .fsq-segment.fsq-mayor DIV { float:left; margin-bottom:10px; }
            #fsq-container .fsq-segment.fsq-mayor .fsq-mayor-photo IMG { max-width:35px; max-height:35px; }
            #fsq-container .fsq-segment.fsq-mayor .fsq-mayor-status { margin-left:5px; width:170px; }

      /*====== Club Packs =====*/
        .club-packs{
            padding:10px 20px 0 20px;
            border:4px solid #260853;
            margin: 0;
        }

        .book-pack{
            margin:0 0 20px;
            padding:6px 0 10px 0;
            background: #260853;
            text-align: center;
        }

      /*=== Modal Pop Up ===*/

      /* Z-index of #mask must lower than #boxes .window */
        #mask {
          position:absolute;
          left:0;
          top:0;
          z-index:9000;
          background-color:#000;
          display:none;
          opacity: 0.7;         
          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
          filter: alpha(opacity=70);
        }

        #boxes .window {         
          position:fixed;
          left:0;
          top:0;
          width:280px;
          height:200px;
          display:none;
          z-index:9999;
          padding:20px;height:200px;
        }

        #boxes #dialog {
          width:280px;
          height:auto;
          padding:20px;
          background: #260853;
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -o-border-radius:10px;
          border-radius:10px;
        }

        .window .pop-btn{          
            margin:20px 0 0 118px;
        }

        #dialog #datepicker{
            width:220px;
            margin:6px auto;
        }

        .close-pop{
            position:absolute;
            top:-5px;
            right:-5px;
            width:20px;
            height:20px;
            cursor:pointer;
            cursor:hand;
        }
        
      /*=== Carousel ===*/
        #carousel_sat_container{
            position:relative;
            margin-bottom:20px;
            overflow:hidden;
            z-index:1!important;
			width:670px;
        }

        #carousel_sat_inner {
            /*float:left;  important for inline positioning */
            width:670px; /* important (this width = width of list item(including margin) * items shown */
            height: 200px;
            overflow: hidden;  /* important (hide the items outside the div) */
            /* non-important styling bellow */
            background: #F0F0F0;
        }



        #carousel_sat_ul {
            position:relative;
            left:-670px; /* important (this should be negative number of list items width(including margin) */
            list-style-type: none; /* removing the default styling for unordered list items */
            margin: 0px!important;
            padding: 0px!important;
            width:9999px; /* important */
            /* non-important styling bellow */
            padding-bottom:10px;
            height:200px;
        }


        #carousel_sat_ul li{
            float: left; /* important for inline positioning of the list items */
            width:660px;  /* fixed width, important */
            /* just styling bellow*/
            padding:0px!important;
            height:190px;
            background: #000000;
            margin:5px!important;
			overflow:hidden;
        }


        #carousel_sat_ul li img {
            .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
            /* styling */
            cursor:pointer;
            cursor: hand;
            border:0px;
        }
        #left_scroll,#right_scroll{
            height:30px;
            width:30px;
            background: transparent;
        }
        #right_scroll{
            float:right;
            margin-right: 5px;
        }
        #left_scroll{
            float:left;
            margin-left: 5px;
        }
        #left_scroll img, #right_scroll img{
            /*styling*/
            cursor: pointer;
            cursor: hand;
        }
        .carousel_sat_nav{
            width:670px;
            top:165px;
            position:absolute;
        }
		
		/* NYE page */
/*		img, div { behavior: url(http://www.chicagosbars.co.uk/images/iepngfix.htc); } */
		#nyeEventContainer { background:url('../images/nye2011bg.jpg') top left no-repeat transparent; width:670px; height:1250px; color:#fff; }
		#nyeHeaderType { background:transparent/* url('../images/headerType.png') top left no-repeat */;  width:670px; height:483px; }
		#nyeMainCopy { font-size:20px; font-family:Helvetica, Arial, sans-serif; letter-spacing:-1px; font-weight:bold; width:570px; margin:-20px auto 0; }
		#nyeBuyTicketsContainer { margin:35px auto; width:578px; height:78px; }
		
	/* Gallery */
	.gal-albumInfo { padding-bottom:4px; margin-bottom:0px; border-bottom:1px solid #402777; color:#FFCC00; font-size:15px; }
	
	.gal-albumSumPagination { margin:6px 0px; }
		.gal-albumSumPagination a { color:#FC0; }
	.gal-albumSumPagination>DIV { width:50%; float:right; text-align:right; }
	.gal-albumSumPagination>DIV:first-child { width:50%; float:left; text-align:left; }
	
	.gal-imgThumb { background:#402777; border:1px solid #714AAA; display:block; float:left; height:80px; margin:0px 3px 3px 0px; padding:5px; text-align:center; width:80px; overflow:hidden; }
	.gal-imgThumb>a { width:80px; height:80px; overflow:hidden; display:block; }
	.gal-imgThumb img { min-width:80px; min-height:80px; }
	
	H2.gal-imgTitle { color:#FC0; font-size:16px; font-weight:normal; line-height:1em; margin-bottom:8px; }
	
	.gal-leftCol { width: 25%; }
		.gal-leftCol a { color:#FC0!important; }
	.gal-rightCol { width: 70%; margin:9px 0px 9px 9px; padding:6px; background:#714AAA; border:1px solid #6A5B8E; height:207px; }
	
	.gal-socialButtons { }
		.gal-socialButtons .page-title { margin:0; }
	.gal-socialButtons>DIV { margin:7px 0px; }
	.gal-socialButtons, .gal-rating { padding:6px; background:#714AAA; border:1px solid #6A5B8E; margin:9px 0px 9px 0px; }
	
	.gal-rating { height:80px; }
	.gal-rating .page-title { margin:0 0 4px; }
	
	#gallery_send_to_friend DIV { padding:4px 0px; }
	#gallery_send_to_friend DIV>DIV { float:left; width:90px; vertical-align:middle; text-align:right; margin-right:6px; font-size:1.1em; }
	#gallery_send_to_friend DIV>DIV .lbl { width:auto; display:inline; }
	
		/* Gallery Rating widget */
		.gal-ratingList { padding:0; margin:0; width:151px; height:14px; list-style:none; position:relative; 
				background:url(http://www.chicagosbars.co.uk/images/ratingStars.png) no-repeat 0 0; }
		.gal-ratingList li { float:left; text-indent:-999em; cursor:pointer; list-style:none!important; }
		.gal-ratingList li a { position:absolute; left:0; top:0; width:15px; height:14px; text-decoration:none; 
				z-index:333; }
			.gal-ratingList li a:hover { z-index:2; width:151px; height:14px; overflow:hidden; left:0; 
					background:url(http://www.chicagosbars.co.uk/images/ratingStars.png) no-repeat 0 0; }
					
		li.gal-ratingOne a { left:0; }
			li.gal-ratingOne a:hover { background-position:0 -14px; }
		li.gal-ratingTwo a { left:15px; }
			li.gal-ratingTwo a:hover { background-position:0 -28px; }
		li.gal-ratingThree a { left:30px; }
			li.gal-ratingThree a:hover { background-position:0 -42px; }
		li.gal-ratingFour a { left:45px; }
			li.gal-ratingFour a:hover { background-position:0 -56px; }
		li.gal-ratingFive a { left:60px; }
			li.gal-ratingFive a:hover { background-position:0 -70px; }
		li.gal-ratingSix a { left:75px; }
			li.gal-ratingSix a:hover { background-position:0 -84px; }
		li.gal-ratingSeven a { left:90px; }
			li.gal-ratingSeven a:hover { background-position:0 -98px; }
		li.gal-ratingEight a { left:105px; }
			li.gal-ratingEight a:hover { background-position:0 -112px; }
		li.gal-ratingNine a { left:120px; }
			li.gal-ratingNine a:hover { background-position:0 -126px; }
		li.gal-ratingTen a { left:135px; }
			li.gal-ratingTen a:hover { background-position:0 -140px; }
	
	/* Gallery CMS */
	#main_catalog {  }
	#main_catalog a { color:#FC0; }
	#main_catalog .galcms-albumrow { cursor:pointer; padding:6px 3px; background:none repeat scroll 0 0 #EEEEEE; border:1px solid #DDDDDD; border-top:none; }
		#main_catalog .galcms-albumrow:first-child { cursor:pointer; padding:6px 3px; background:none repeat scroll 0 0 #EEEEEE; border:1px solid #DDDDDD; }
	#main_catalog .galcms-albumrow:hover { background:none repeat scroll 0 0 #DDDDDD; }
	#main_catalog .galcms-albumrow>.GalleryChild:hover, #main_catalog .galcms-albumrow>.GalleryParent:hover { text-decoration:underline; }
	
	.galcms-backLink { font-size:14px; color:#333; }
	
	.galcms-areaTitle { font-size:18px; margin:6px 0px; }
	
	.galcms-uploadContainer { margin:12px 0px; padding:14px; background:#FAFAFA; border:1px solid #DADADA; min-width:815px; }
	.galcms-uploadContainer>DIV { width:50%; min-width:385px;  float:left; height:100%; }
	.galcms-uploadContainer>DIV>DIV { padding:5px; margin:0px 0px 0px 6px; background:#FFF; border:1px solid #EAEAEA; height:auto; min-height:140px; height:100%; }
	.galcms-uploadContainer>DIV:first-child>DIV { margin:0px 6px 0px 0px; }
	.galcms-uploadContainer>DIV>DIV h4 { font-size: 14px; margin: 0px 0px 4px; }
	
	.galcms-photobox { border: 1px solid #DADADA; background:#FAFAFA; margin:0px 14px 12px 0px; padding:15px 6px; float:left; width:125px; min-height:165px; }
	.galcms-photobox>div { text-align:center; }
	.galcms-photobox>div:first-child { height:100px; }
		.galcms-photobox .galcms-imgtitle { height:34px; padding:10px 0px 0px; }
	
	.galcms-photobox input.swc_Input { width:118px; font-size:12px; padding:2px 2px 4px!important; }
	
	.galcms-catEdit FORM>DIV { padding:4px; background:none repeat scroll 0 0 #EEEEEE; border:1px solid #DDDDDD; border-top:none; vertical-align:middle; }
/*		.galcms-catEdit FORM>DIV:hover { padding:4px; background:none repeat scroll 0 0 #DDDDDD; }*/
	.galcms-catEdit DIV>DIV:first-child { float: left; width: 90px; padding-top:5px; margin-right:5px; text-align:right; }
	
	/* Utility */
	.util-floatLeft { float:left; }
	.util-floatRight { float:right; }
	a.blackLink { color:#000!important; }
	#divPopupContainer { min-width:870px; }
	#divPopupTitle { padding:5px!important; }