@font-face {
  font-family: "TKG Rockwell";
  src: local("Rockwell"), url("rockwell.ttf") format("truetype");
  font-weight: normal;
}

html, body {
   background-color: #f2f2f2;
   margin: 0;
   padding: 0;
}

html, body, div, span, p, .show_support, .show_details, #tweet a, #venues_list h3 { font-family: Georgia, "Times New Roman", serif; }
.header_date span, .sidebar_date span, .sidebar_venue, .header_venue, .ticket_label, .show_date, .show_date span, .venue, #header_info .header_artist, .sidebar_artist, .show_artist a, .show_venue, .sold_out, .home_show_message, #venues_list h2 { font-family: Rockwell, "TKG Rockwell", Georgia, "Times New Roman", serif; }
.header_venue span.arrow, .show_venue span.arrow { font-family: Arial, Helvetica, sans-serif; }

html, body, div, p { color: #fff; }
a { color: #ffff19; text-decoration: none; }
a:hover { color: #b8d136; }
a img { border: 0; }
.fleft { float: left; }
.fright { float: right; }
.cf { clear: both; }
.cf10 { clear: both; height: 10px; }
.cf20 { clear: both; height: 20px; }
.cf40 { clear: both; height: 40px; }

.hr20 {
   background-color: #fff;
   border-top: 1px solid #d9d9d9;
   clear: both;
   height: 1px;
   line-height: 1px;
   margin: 20px 0;
   max-height: 2px;
   width: 100%;
}

#container {
   margin: 0 auto;
   width: 980px;
}

   #container #header {
      border: 1px solid #0a3a47;
      max-width: 980px;
      width: 978px;
   }
   
   #header .fright img { max-width: 500px; }

      #header #logo a {
         background-color: #1993b5;
         background-image: url(../images/logo_tkg.png);
         background-position: 50% 50%;
         background-repeat: no-repeat;
         display: block;
         height: 200px;
         overflow: hidden;
         text-indent: -9999px;
         width: 478px;
      }

      #header #header_info {
         width: 478px;
      }

         #header_info .header_date {
            background-color: #0a3a47;
				color: #fff;
            float: left;
            height: 100px;
            overflow: hidden;
            text-align: center;
            max-width: 90px;
            width: 90px;
         }
				.header_date:hover span { color: #b8d136; }
			
            .header_date span.month { font-size: 36px; margin-top: 12px; }
            .header_date span.day { font-size: 30px; }
            .header_date span.month, .header_date span.day {
               display: block;
               line-height: 36px;
            }

         #header_info .header_artist {
            background-color: #11647a;
            float: left;
            height: 100px;
            max-width: 388px;
            padding: 0 10px;
            width: 368px;
         }

            .header_artist a { font-size: 36px; letter-spacing: -1px; line-height: 30px; }
            .header_venue { color: #c3d3d7; font-size: 24px; }
            .header_venue a { color: #c3d3d7; font-size: 24px; }
            .header_venue a:hover { color: #96b7c0; }

   .main .home_show_sponsor, .main .home_show_alert {
      background-repeat: no-repeat;
      color: #fff;
      font-size: 18px;
      font-style: italic;
      line-height: 32px;
      padding: 5px;
      margin-bottom: 10px;
      max-width: 670px;
      text-align: center;
   }
   .main .home_show_sponsor { background-image: url(../images/bg_sponsor.png);}
      .home_show_sponsor a { color: #fff; text-decoration: underline; }
      .home_show_sponsor a:hover { color: #c6ecf7; text-decoration: none; }

   .main .home_show_alert { background-image: url(../images/bg_alert.png); }
      .home_show_alert a { color: #fff; text-decoration: underline; }
      .home_show_alert a:hover { color: #f7c6c6; text-decoration: none; }

   .main .home_show_message {
      background-color: #dbdb54;
      border: 1px solid #cfcf8e;
      color: #fff;
      font-size: 30px;
      line-height: 30px;
      margin-bottom: 20px;
      padding: 15px 0;
      text-align: center;
      max-width: 668px;
   }

   .main .home_show {
      background-color: #08303b;
      min-height: 260px;
		position: relative;
      width: 670px;
   }
	
      .home_show .fleft {
			height: 100%;
      }
	
      .home_show .fleft img {
         height: 200px;
         width: 333px;
      }

      .home_show .fleft .home_tickets {
         background-color: #08303b;
         height: 40px;
         max-width: 333px;
         padding: 10px;
         width: 313px;
      }

         .home_show .fleft .sold_out, .box .sold_out {
            background-color: #a11616;
            color: #fff;
            font-size: 30px;
            line-height: 40px;
            height: 40px;
            text-align: center;
         }

         .home_show .fleft .unavailable, .box .unavailable {
            background-color: #08303b;
            color: #fff;
            font-size: 20px;
            line-height: 20px;
            height: 40px;
            text-align: center;
         }
			
			.box .home_tickets {
				padding: 10px;			
			}

			.home_tickets span {
            display: block;
            float: left;
         }

         .home_tickets span.ticket_label {
            background-image: url(../images/label_tickets.png);
            background-position: 0 9px;
            background-repeat: no-repeat;
            display: block;
            height: 40px;
            width: 96px;
         }

         .home_tickets span.count input, .home_tickets span.count select {
            background-color: #0c4454;
            border: 1px #256070 inset;
            color: #fff;
            display: block;
            font-size: 24px;
            line-height: 18px;
            margin: 0 9px;
            max-height: 40px;
            max-width: 50px;
            padding: 5px;
            text-align: center;
            width: 48px;
         }

         .home_tickets span.buy_btn input {
            background-color: transparent;
            background-image: url(../images/btn_buy-now.png);
            background-position: 0 0;
            border: 0;
            cursor: pointer;
            display: block;
            height: 39px;
            line-height: 39px;
            overflow: hidden;
            text-indent: -9999px;
            width: 137px;
         }

         .home_tickets span.buy_btn a {
            background-image: url(../images/btn_buy-now.png);
            background-position: 0 0;
            border: 0;
            display: block;
            height: 39px;
            line-height: 39px;
            overflow: hidden;
            text-indent: -9999px;
            width: 137px;
         }

         .home_tickets span.buy_btn a:hover, .home_tickets span.buy_btn input:hover { background-position: 0 -39px; }
         .home_tickets span.buy_btn a:active, .home_tickets span.buy_btn input:active { background-position: 0 -78px; }


   .main #venues {
      background-color: #0f596e;
      padding: 20px;
      max-width: 980px;
   }
      #venues #venues_list {
         list-style-type: none;
         margin: 0;
         padding: 0;
         width: 940px;
      }

      #venues #venues_list li {
         background-color: #333;
         display: inline-block;
         float: left;
         margin: 0;
         padding: 10px;
         max-width: 460px;
         width: 440px;
      }

      #venues #venues_list .odd {
         margin-left: 20px;
      }

         #venues_list h2, #venues_list h3 {
            font-weight: normal;
            margin: 0;
            padding: 0;
         }

         #venues_list h2 { font-size: 24px; margin-bottom: 5px; }
         #venues_list h3 { font-size: 18px; }

      #venues_map, #venues_map div, #venues_map p, #venues_map span, #venues_map a {
         color: #000;
         font-family: Arial, Helvetica, Verdana, sans-serif;
      }
      #venues_map a { text-decoration: underline; }
      #venues_map a:hover { text-decoration: none; }

/* RIGHT COLUMN */
      .home_show .fright {
         background-color: #0f596e;
         padding: 10px;
         min-height: 240px;
         max-width: 327px;
         width: 317px;
      }

         .home_show .fright .show_date {
            color: #e7eff1;
            font-size: 24px;
            text-shadow: 1px 1px 1px #0d4c5e;
         }

            .show_date span.weekday { text-transform: uppercase; }

         .home_show .fright .show_artist {
            font-size: 36px;
				line-height: 30px;
				margin: 5px 0;
            text-shadow: 1px 1px 1px #0d4c5e;
         }

         .home_show .fright .show_venue {
            color: #c3d3d7;
            font-size: 24px;
            text-shadow: 1px 1px 1px #0d4c5e;
         }

            .show_venue a { color: #c3d3d7; letter-spacing: -1px; }
            .show_venue a:hover { color: #96b7c0; }

         .home_show .fright .show_hr {
            background-color: #11647a;
            border-top: 1px solid #0b3e4d;
            height: 1px;
            line-height: 1px;
            margin: 8px 0;
            max-height: 2px;
            width: 100%;
         }

         .home_show .fright .show_support, .box .show_support {
            font-size: 16px;
            font-style: italic;
            margin-bottom: 6px;
            text-shadow: 1px 1px 1px #0d4c5e;
         }

         .home_show .fright .show_details, .box .show_details { font-size: 16px; font-style: italic; line-height: 20px; text-shadow: 1px 1px 1px #0d4c5e; }

            .show_details .vr {
               background-color: #11647a;
               border-left: 1px solid #0b3e4d;
               display: inline-block;
               height: 10px;
               line-height: 20px;
               margin: 0 6px;
               max-width: 2px;
               width: 1px;
            }

            .show_details .label { color: #c3d5db; }


   .fright .box, .fleft .box {
      background-color: #0c4454;
      padding: 10px;
      max-width: 100%;
   }
	
	.fright .tickets {
      background-color: #08303b;
		padding: 0;
	}

      .box .box_title, #disqus_thread #dsq-content #dsq-new-post h3 {
         background-image: url(../images/box_titles.png);
         background-repeat: no-repeat;
         display: block;
         float: left;
         height: 20px;
         margin-top: 4px;
         overflow: hidden;
         text-indent: -9999px;
         width: 170px;
      }

         .box .photos { background-position: 0 0; }
         .box .tweets { background-position: 0 -21px; }
         .box .video { background-position: 0 -42px; }
         .box .audio { background-position: 0 -60px; }
         .box .genres { background-position: 0 -84px; height: 24px; }
         .box .flier { background-position: 0 -110px; width: 100px; }
         .box .details { background-position: 0 -131px; }
         .box .venue { background-position: 0 -152px; height: 24px; }
			#disqus_thread #dsq-content #dsq-new-post h3 { background-position: 0 -178px; float: none; }
         .box .show { background-position: 0 -198px; }

      .box .logo a {
         background-image: url(../images/logos_small.png);
         background-repeat: no-repeat;
         display: block;
         float: right;
         height: 27px;
         overflow: hidden;
         text-indent: -9999px;
      }
         .box .flickr a { background-position: 0 0; width: 61px; }
         .box .twitter a { background-position: -61px 0; width: 92px; }
         .box .youtube a { background-position: -153px 0; width: 67px; }

		.box  ol { margin: 0 0 10px 0; }
			
		/* Flickr Box */
		#flickr_badge_wrapper a img {
         border: 7px solid #49737f;
         display: block;
         float: left;
      }
      #flickr_badge_wrapper a img { border-color: #0c4454; }
      #flickr_badge_wrapper a:hover img { border-color: #09333f; }


      /* Twitter Box */
      .box #tweet {
         background-color: #ffff19;
         overflow: hidden;
         padding: 20px;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
      }

         #tweet span { display: block; }
         #tweet .text {
            color: #404006;
            font-size: 24px;
            font-style: italic;
            margin-bottom: 10px;
         }
         #tweet .text a { color: #9f9f0f; }
         #tweet .text a:hover { color: #404006; }
         
         #tweet .time { float: right; font-size: 14px; font-style: italic; }
         #tweet .time a { color: #9f9f0f; }
         #tweet .time a:hover { color: #404006; }

      .box .bird {
         background-image: url(../images/bird.png);
         background-repeat: no-repeat;
         background-position: 170px 0;
         height: 35px;
         line-height: 40px;
         padding-left: 8px;
         max-width: 100%;
      }

      .box .bird a { color: #c3d3d7; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 1px #0a3a48; }
      .box .bird a:hover { color: #fff; }

   #footer #footer-menu {
      margin: 10px 0;
   }

   #footer #footer-menu a {
      border-color: #d9d9d9 #d9d9d9 #fff #fff;
      border-style: solid;
      border-width: 0 1px;
      color: #8c8c8c;
      display: block;
      float: left;
      font-size: 16px;
      font-style: italic;
      line-height: 21px;
      margin: 0;
      padding: 0 10px;
   }

   #footer #footer-menu a.first { border-left: 0; }
   #footer #footer-menu a.last { border-right: 0; padding-right: 0; }
   #footer #footer-menu a:hover { color: #bfbfbf; }


   #footer #footer-menu .fright { color: #8c8c8c; }

   #footer #footer-menu .fright a {
      border: 0;
      color: #0f596e;
      display: inline-block;
      float: none;
      padding: 0;
   }
   #footer #footer-menu .fright a:hover {color: #80a5b0; }

   #footer #footer-logos {
      background-color: #ffff19;
      height: 45px;
      padding: 0 30px;
      max-width: 100%;
   }

      #footer-logos a {
         background-image: url(../images/logos_footer.png);
         background-repeat: no-repeat;
         color: #7f800d;
         display: block;
         float: left;
         line-height: 45px;
         opacity: 1.0;
         overflow: hidden;
         /* margin: 0 20px; with Tumblr */
			margin: 0 32px;
         text-indent: -9999px;
      }
      #footer-logos a:hover { opacity: 0.5; }

      #footer-logos .myspace { background-position: 0 12px; width: 110px; }
      #footer-logos .twitter { background-position: -111px 8px; width: 92px; }
      #footer-logos .facebook { background-position: -204px 8px; width: 101px; }
      #footer-logos .youtube { background-position: -306px 9px; width: 75px; }
      #footer-logos .flickr { background-position: -382px 9px; width: 69px; }
      #footer-logos .lastfm { background-position: -452px 9px; width: 79px; }
      #footer-logos .tumblr { background-position: -532px 9px; width: 96px; }

		
		.dsq-panel div label, .dsq-popup-title { color: #333; }
		.dsq-panel a.dsq-configure-options{ color: #333; text-decoration: underline; }
		.dsq-panel a.dsq-configure-options:hover { color: #888; }
		
.btn_view-show-details {
	background-image: url(../images/btn_view-show-details.png);
	background-position: 0 0;
   display: block;
	height: 39px;
	overflow: hidden;
	position: absolute;
	left: -7px;
	top: 160px;
	text-indent: -9999px;
	width: 161px;
}
		
.artist_photo:hover .btn_view-show-details { background-position: 0 -39px; }

   .main .show_details_alert {
      background-image: url(../images/bg_alert_980.png);
      background-position: center center;
      color: #fff;
      font-size: 30px;
      font-style: italic;
      line-height: 30px;
      margin-bottom: 20px;
      padding: 15px 0;
      text-align: center;
      width: 980px;
   }
      .show_details_alert a { color: #fff; text-decoration: underline; }
      .show_details_alert a:hover { color: #f7c6c6; text-decoration: none; }

   .main .show_details_sponsor {
      background-image: url(../images/bg_sponsor_980.png);
      background-position: center center;
      color: #fff;
      font-size: 30px;
      font-style: italic;
      line-height: 30px;
      margin-bottom: 20px;
      padding: 15px 0;
      text-align: center;
      width: 980px;
   }
      .show_details_sponsor a { color: #fff; text-decoration: underline; }
      .show_details_sponsor a:hover { color: #c6ecf7; text-decoration: none; }
		
		
         .sidebar_date {
            background-color: #0a3a47;
				color: #fff;
            float: left;
            height: 80px;
            overflow: hidden;
            text-align: center;
            max-width: 70px;
            width: 70px;
         }
            .sidebar_date span.month { font-size: 26px; margin-top: 13px; }
            .sidebar_date span.day { font-size: 24px; }
            .sidebar_date span.month, .sidebar_date span.day {
               display: block;
               line-height: 26px;
            }
				.sidebar_date:hover span{ color: #b8d136; }

         .sidebar_artist {
            background-color: #11647a;
            float: left;
            height: 80px;
            max-width: 200px;
            padding: 0 10px;
            width: 180px;
         }

            .sidebar_artist a { font-size: 26px; letter-spacing: -1px; line-height: 22px; }
            .sidebar_venue { color: #c3d3d7; font-size: 18px; }
            .sidebar_venue a { color: #c3d3d7; font-size: 18px; }
            .sidebar_venue a:hover { color: #96b7c0; }