* {padding: 0;margin: 0;}

body {background: black url(images/backdropblue2.jpg) no-repeat top center;color: white;font: normal 18px/1.5 blue-goblet-alt, georgia, times, sans-serif;text-align: center;}
a {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #e10101;padding: 2px 4px;}
p a, dd a {font-family: ballers-delight, georgia, times, sans-serif;text-decoration: none;font-size: 150%;}
a:hover {background-color: #e10101;text-decoration: none;color: #2e0000;}
section, aside, article, nav {display: block;}


/**** Content Containers ****/
#container {width: 968px;margin: 0px auto;text-align: left;}
#completion #container, #tickets #container {padding-bottom: 300px;}
#history aside, #contact aside {float: right;width: 404px;position: relative;right: 12px;padding: 20px 0 20px 0;}
#history section, #contact section {float: left;width: 462px;position: relative;left: 12px;padding: 20px 0 20px 0;}
h1 {width: 968px;height: 286px;display: block;text-indent: -9999px;}
h2 {text-align: center;font-weight: normal;font-size: 56px;clear: both;padding: 240px 0 0 0;font-family: alta-california, georgia, times, sans-serif}
h3 {font-weight: normal;font-family: alta-california, georgia, times, sans-serif;font-size: 32px;clear: both;padding: 20px 0 0 0;}
h4 {font-weight: normal;font-size: 32px;clear: both;padding: 0 0 24px 0;}
#index h2 {padding: 0px !important;position: relative;left: 75px;bottom: 80px;padding: 0px;margin: 0px;width: 700px;background: transparent url(images/headliners3.jpg) no-repeat top left;width: 888px;height: 700px;display: block;text-indent: -9999px;}
#sale {padding: 20px 0 300px 0 !important;text-align: center;}
#completion p {text-align: center;}
::-moz-selection, ::-webkit-selection, ::selection {background: yellow;}


/**** Parallax home layout ****/
#parallax {position:absolute;left: 0px;top: 0px;z-index: 2;overflow:hidden; width: 100%; height:600px;background-color: black;text-align: center;}
#parallax li {width: 2000px;margin: 0px auto;list-style-type: none;}


/**** Home dj layout ****/
#homedj {position:relative;z-index:50;width:100%;height: 1800px;background: transparent url(images/flyer_new9_1200.png) no-repeat top center;margin: 0px;padding:0px 0px 0px 0px;overflow: hidden;}
#gettickets {width: 177px;height:126px;margin:530px 0px 0px 190px;position: absolute;left: 50%;}
#gettickets a {display:block;width: 177px;height:126px;text-indent: -9999px;background: transparent url(images/buy_static.png) no-repeat 0px 0px;}
#gettickets a:hover {background: transparent url(images/buy_hover.png) no-repeat 0px 0px;}
#dj_information {display: none;}


/**** Up coming event - Home Page that's just text
#index section {display: block;width: 600px;margin: 0px auto;padding: 280px 0 50px 0;}
#index section p {font-size: 26px;line-height: 39px;padding-bottom: 35px;} ****/


/**** Navigation ****/
nav {width: 1000px;height: 67px;margin: 0px auto;text-align: left;background: transparent url(images/p_menu.png) no-repeat top center;position: relative;z-index: 900;}
nav ul {width: 940px;height: 53px;margin: 0px auto;}
nav ul li {list-style-type: none;float: left;height: 53px;width: 134px;text-align: center;}
nav ul li a {display: block;text-decoration: none;height: 53px;font: normal 21px/53px blue-goblet-alt, helvetica, sans-serif;color: black;}
nav ul li a:focus {-moz-outline-width: 0px;}
nav ul li a:hover {color: white;background-color: transparent;}


/**** Making the specific page have the link look like a hover, kindly telling people where they're at ****/
#index #l_event a, #contact #l_find a, #gallery #l_gallery a, #history #l_history a, #reserve #l_reserve a, #tickets #l_ticket a {text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;}


/**** The Gallery ****/
#gallery ol {position: relative;left: 45px;padding: 20px 0 0 0;width: 968px;z-index: 20; clear:both;}
#gallery ol li {list-style-type: none;padding: 0 4px 0 0;float: left;width: 176px;height: 122px;text-align: center;}
#gallery ol li img {width: 160px;height: 102px;border: none;overflow: hidden;margin: 0 0 4px 0;}
#gallery ol li a {-moz-transition: opacity 500ms linear;-webkit-transition: opacity 500ms linear;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 0px !important;opacity: 0.6;display: block;text-decoration: none;}
#gallery ol li a strong {display: none;}
#gallery ol li a:hover {opacity: 1.0;background-color: transparent;}
#gallery ol li a:hover strong {background: transparent url(images/sb_gallery_roll.png) no-repeat top left;width: 176px;height: 122px;display: block;position: relative;left: 0;bottom: 123px;z-index: 21;text-indent: -9999px;}
#other_gal {margin: 10px 0px 0px 30px;text-align: center;}
#other_gal li {list-style:none; float:left; width: 460px;}
#other_gal li a {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;display:block; background-color:black; font-family: helvetica, sans-serif; font-size:14px; color:white; text-decoration:none; padding: 20px; margin: 0px 20px 0px 20px;-webkit-box-shadow: 0px 0px 10px black;}
#other_gal li a:hover {background-color:#580606;}
.photocredit {text-align: center;}


/**** The History ****/
#reserve ol, #history ol {position: relative;left: -5px;padding: 20px 0 0 0;z-index: 20;}
#reserve ol li, #history ol li {list-style-type: none;padding: 0 4px 0 0;float: left;width: 176px;height: 122px;text-align: center;}
#reserve ol li img, #history ol li img {width: 160px;height: 102px;border: none;overflow: hidden;margin: 0 0 4px 0;}
#reserve ol li a, #history ol li a {-moz-transition: opacity 500ms linear;-webkit-transition: opacity 500ms linear;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 0px !important;opacity: 0.6;display: block;text-decoration: none;}
#reserve ol li strong, #history ol li a strong {display: none;}
#reserve ol li a:hover, #history ol li a:hover {opacity: 1.0;background-color: transparent;}
#reserve ol li a:hover strong, #history ol li a:hover strong {background: transparent url(images/sb_gallery_roll.png) no-repeat top left;width: 176px;height: 122px;display: block;position: relative;left: 0;bottom: 124px;z-index: 21;text-indent: -9999px;}
#history section p {padding-bottom: 30px;}
dl dt {padding: 30px 0 5px 0;}
dl dd {padding: 5px;}


/**** Contact Form ****/
#subForm {padding-left: 300px;}
#tickets #container p {text-align: center;}
#contact fieldset, #subForm fieldset {padding: 65px 20px 80px 20px;border: none;}
#contact legend, #subForm legend {display: none;}
#contact label, #subForm label {display: none;}
#contact input, #contact textarea, #subForm input {font: normal 21px/1.5 blue-goblet-alt, georgia, times, sans-serif;margin-bottom: 20px;-webkit-box-shadow: inset 0px 0px 4px black;border: none;background: #164789 url(images/blueback.jpg) no-repeat center center;color: white;width: 285px;padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#contact textarea {height: 150px;}
#contact button, #subForm button {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 5px;font-family: ballers-delight, georgia, times, sans-serif;background-color: black;color: #58a8ed;border: 1px solid #58a8ed;font-size: 150%;display: block;margin: 20px 0 0 0;cursor: pointer;}
#contact button:hover, #subForm button:hover {background-color: #58a8ed;color: black;border-color: #58a8ed;}
#contact aside {padding-top: 80px;}
aside object {margin: 40px 0 0 0;width: 344px;height: 300px;border: none;}
em {display: block;padding-top: 10px;}
#links {padding-bottom: 25px;}
#links li {list-style-type: none;padding-bottom: 15px;}
#links a {font-family: ballers-delight, georgia, times, sans-serif;text-decoration: none;font-size: 150%;}
#links a:hover {background-color: #e10101;text-decoration: none;color: #2e0000;}


/**** Benefits ****/
#benefit {clear: both;padding: 20px 0;text-align: center;background: black url(images/footer_line.png) no-repeat top center;border-width: 1px 0px;}
#benefit p {}
#benefit p a {color: #58a8ed;}
#benefit p a:hover {background-color: #58a8ed;color: black;}


/**** Footer ****/
footer {display: block;padding: 40px 0;text-align: center;clear: both;background: black url(images/footer.jpg) no-repeat top center;}
footer p {font-size: 14px;color: #fff;text-shadow: 0px 0px 4px black;}
footer p a {color: #fff;text-shadow: 0px 0px 4px black;}
footer p a:hover {color: black;background-color: white;text-shadow: none;}


/**** Benefit Black Rock ****/
#blackrock {width: 256px;height: 276px;padding: 0;margin: 0;position: fixed;bottom: 0px;right: 0px;z-index: 9999;}
#blackrock a {width: 256px;height: 276px;text-decoration: none;border-top: 1px solid transparent;border-left: 1px solid transparent;background: transparent url(images/blackrock.png) no-repeat top left;display: block;text-indent: -9999px;}
#blackrock a:hover {border-color: red;}


/**** sold out ****/
#soldout a {display:block;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color: black;position: absolute;z-index: 999999;top: 270px;width: 100%;padding: 20px 0;text-indent: -9999px;background-color: yellow;border-top: 1px solid yellow;border-bottom: 1px solid yellow;background-color: rgba(255,255,0,.6);background-image: url(images/soldout_static.png); background-repeat: no-repeat; background-position: center center;}
#soldout a em {display: inline;}
#soldout a:hover {background-color: yellow;border-color: transparent;}