/* Start of CMSMS style sheet 'mystyle' */
@charset "utf-8";
/* CSS Document */

html { height: 100%; }

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0px;
	background: url(uploads/images/main-background.jpg) top center no-repeat #000;
}

a img {border: none;}

#top-design {
  margin: 14px auto 0px auto;
  width: 768px;
  line-height: 0px;
  font-size: 0px;
}

#container {
  margin: 0px auto;
  width: 748px;
  border-left: 10px solid #363637;
  border-right: 10px solid #363637;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: url(uploads/images/content-background.png) 0px 400px repeat-x #FFFFFF;
}

#logo-search {
  background: url(uploads/images/header-background.png) repeat-x;
}

#logo-search img.logo {
  float: left;
  padding: 28px 0px 32px 30px;
}

input#sbutton {
  position: relative;
  width: 30px !important;
  height: 25px !important;
}

#search-theme {
  float: right;
  padding: 10px 10px 10px 10px;
  text-align: left;
  background: url(uploads/images/select-theme-background.png) 11px 50px no-repeat;
  margin-top: 22px;
}

#search-theme form {
  border: none;
  background: url(uploads/images/search-background.png) top left no-repeat;
  height: 24px;
  width: 176px;
  text-align: left;
  margin: 0px;
}

#search-theme input {
  border: none;
  padding-top: 2px;
  background: none;
  width: 140px;
}

#search-theme p {
  margin: 24px 0px 0px 10px;
  padding: 0px;
}

#search-theme img {
  vertical-align: middle;
  margin-right: 4px;
}

#navigation {
  clear: both;
  list-style: none;
  margin: 0px;
  padding: 6px 0px 6px 0px;
  z-index: 100;
  background: url(uploads/images/menu-background.png) no-repeat;
}

#navigation li {
  display: inline;
  width: 60px;
}

#navigation li a {
  display: inline-block;
  padding: 8px 8px 12px 8px;
  color: #c6c6c6;
  text-decoration: none;
}

#navigation li a:hover {
  color: #FFFFFF;
}



#navigation li ul { /* second-level lists */
	display: none;
	position: absolute;
	padding: 10px 2px 10px 10px;
	list-style: none;
	background-color: #FFF;
	border: 1px solid #303030;
	text-align: left;
}

#navigation li ul li {
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: left;
}

#navigation li ul li a {
  padding: 4px 0px;
  color: #303030;
  width: 230px;
}

#navigation li ul li a:hover {
  color: #265787;
}

#navigation li>ul {
	top: 161px;
	left: auto;
}

/* \*/
* html #navigation li ul {
    top: 161px;
	left: 9px; /* equivalent to padding main list item */
}
/* */

#navigation li:hover ul, #navigation li.over ul { 
	display: block;
	width: 230px;
	margin: 0px;
}

#navigation li ul.shows { /* second-level lists */
  left: 420px;
  z-index: 150;
}




#shows {
  width: 734px;
  margin: 0px auto;
}

#container.none {
  background: none;
  background-color: #FFFFFF;
}

#featured {
  float: left;
}

#content {
  float: left;
  width: 440px;
  text-align: left;
  padding: 10px;
}

#show-details {
  float: right;
  text-align: left;
  background: url(uploads/images/show-bottom-curve.png) no-repeat bottom #9fa0a3;
  padding-bottom: 16px;
  height: 311px;
}

#show-details-flex {
  float: right;
  text-align: left;
  background: url(uploads/images/show-bottom-curve.png) no-repeat bottom #9fa0a3;
  padding-bottom: 16px;
}

p.shows {
  text-align: center;
}

#tabs {
  list-style: none;
  margin: 0px;
  padding: 15px 0px 8px 8px;
  clear: both;
}

#tabs li {
  display: inline;
  margin: 0px;
}

#tabs li a {
  background-color: #c0c0c0;
  padding: 8px 10px;
  text-decoration: none;
  color: #555555;
}

#tabs a.selected {
  background-color: #FFFFFF;
}

#show-box {
  background-color: #FFF;
  margin: 0px auto;
  padding: 10px 0px 0px 0px;
  margin: 0px 5px 0px 8px;
  display: block;
  width: 249px;
}

#event-box {
  background-color: #FFF;
  margin: 0px auto;
  padding: 10px 0px 0px 0px;
  margin: 0px 5px 0px 8px;
  display: none;
  width: 249px;
}

ul.show-column {
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  height: 150px;
  list-style-type: none;
  width: 115px;
}

ul.show-column.wide {
  width: 240px;
}

ul.show-column.wide a {
  margin: 0px 0px 0px 8px;
  padding: 0px 0px 6px 20px;
}

ul.show-column li a {
  display: inline-block;
  margin: 0px 0px 0px 8px;
  padding: 6px 0px 6px 14px;
  background: url(uploads/images/bullet.png) 0px 9px no-repeat;
  text-decoration: none;
  color: #000000;
}

ul.show-column li a.none {
  background: none;
  padding: 0px 0px 0px 14px;
} 

#view-sponsors, #view-network, #view-events {
  clear: both;
  display: block;
  margin: 0px 10px 0px 10px;
  padding: 4px 0px 6px 0px;
  text-align: center;
  background-color: #a3b9cf;
  color: #113b61;
}

#show-images {
  clear: both;
  background: url(uploads/images/show-box-updated.png) no-repeat;
  width: 734px;
  margin: 10px auto 0px auto;
  padding: 12px 0px 16px 0px;
}

#show-images img {
  padding: 0px 20px;
}

#others {
  clear: both;
  background: url(uploads/images/others-background.png) repeat-x;
  width: 734px;
  margin: 10px auto 0px auto;
  height: 115px;
}

#others  p {
  text-align: left;
  width: 220px;
  float: left;
  margin: 0px 6px 0px 0px;
  padding: 12px 10px;
  background: transparent;
}

#others p.last {
  margin-right: 0px;
}

#others img {
  float: left;
  vertical-align: top;
  margin: 0px 10px 0px 0px;
  padding: 4px;
  border: 1px solid #c9c9c9;
}

#others a {
  color: #555555;
  text-decoration: none;
}

#others a:hover {
  color: #000000;
}

#videos {
  clear: both;
  width: 704px;
  margin: 0px auto;
  padding: 0px;
}

#videos h2 {
  clear: both;
  font-size: 13px;
  text-align: left;
  margin: 5px 0px;
}

#videos ul {
  float: left;
  margin: 0px 40px 0px 0px;
  padding: 0px;
  list-style: none;
  line-height: 1.5em;
}

#videos ul li {
  background: url(uploads/images/bullet-video.png) 0px 5px no-repeat;
}

#videos ul li a {
  text-decoration: none;
  color: #555555;
  padding: 0px 0px 0px 20px;
}

#videos ul li a:hover {
  color: #000000;
}

#videos h2 {
  color: #000000;
  font-size: 13px;
  font-family: "Trebuchet MS", verdana;
}


#footer {
  clear: both;
  background: url(uploads/images/footer-background.png) repeat-x;
  color: #959595;
  padding-bottom: 10px;
}

#footer ul {
  margin: 10px 0px 0px 0px;
  padding: 20px 0px;
  list-style: none;
}

#footer ul li {
  display: inline;
}

#footer ul li a {
  color: #c6c6c6;
  text-decoration: none;
  padding: 0px 10px;
}

#footer ul li a:hover {
  color: #FFFFFF;
}

#footer p {
  margin: 0px;
  padding-bottom: 4px;
}

#footer p a {
  color: #959595;
  text-decoration: none;
}

#footer p a:hover {
  color: #FFFFFF;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
/* End of 'mystyle' */