html {
margin: 0;
padding: 0;
text-align: center;
background: url(images/bg-gradient.jpg) #000 repeat-x;
overflow: auto;
}
body{
padding: 0;
margin: 0 auto;
color: #ababab;
font-family: Verdana, sans-serif;
font-size: 12px;
}
a{
color: #8f2229;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
blockquote{
margin: 0;
padding: 5px 0 10px 5px;
background: #1d1d1d;
border: 1px solid #333;
}
img {
border: 0;
}
/*Start of Music Player Style */
object{
margin: 0;
padding: 0;
}
.musicwrapper{
text-align: center;
width: 100%;
margin: 5px 0 auto;
padding: 0;
}
.musiccontainer{
padding: 0;
position: relative;
margin: 0 auto;
width: 800px;
text-align: center;
}
.musicplayer{
padding-top: 0;
margin-top:0;
text-align: right;
padding-right: 9px;
}
.home-link{
padding-top: 0;
margin-top:0;
float: left;
padding-right: 9px;
width: 100px;
}
.home-link a{
color: #222;
}
.home-link a:hover{
color: #8f2229;
}
/*End of Music Player Styles */
.header{
padding-top: 0;
margin-top:0;
height: 42px;
width: 800px;
}
.footer{
text-align: center;
padding-top: 10px;
padding-bottom: 50px;
font-size: 10px;
}
.clear{
clear: both;
}
.wrapper{
text-align: center;
width: 100%;
margin: 0 auto;
padding: 0;
}
.container{
padding: 0;
position:relative;
background: url(images/bg-content.jpg) 0px 42px no-repeat;
margin: 0 auto;
width: 800px;
text-align: center;
height: 642px;
}
.content{
text-align: left;
}
.page{
width: 759px;
/*IE Hack*/
_width: 800px;
padding: 0 20px;
}
/*Start of Inside Page Styles */
.page img{
border:0;
margin: 1px;
}
.png-logo{
width: 432px;
height: 82px;
*border: 1px solid red;
}
.page ul{
list-style: none;
margin: 5px 0;
padding: 0;
}
.page ul li{
padding-left: 10px;
padding-bottom: 3px;
}
/*About Us */
.png-clubs{
width: 305px;
height: 74px;
}
.about-content{
padding-left: 20px;
}
.club-listing{
text-align: center;
}
.png-logo-centered{
padding-top:20px;
text-align: center;
}
/*Events */
.feat-event-container{
width: 680px;
margin-left: 20px;
}
.feat-event-container h3{
font-size: 14px;
color: #ababab;
}
img.resident-banner {
padding-bottom: 10px;
}
feat-event-desc{
height: 150px;
width: 550px;
border-bottom: 1px solid #343434;
margin-bottom:10px;
}
.desc-last{
border:0;
margin: 0;
}
.feat-event-text{
margin: 0;
float: left;
padding-left: 10px;
width: 450px;
display: inline;
}
.feat-event-text h3{
color: #fff;
margin: 3px 0;
font-size: 14px;
padding: 0 0 10px;
}
.more-events{
padding:0 0 0 0;
margin: 0;
float: right;
position: relative;
}
.previous-events{
padding:0 0 0 0;
margin: 0;
float: left;
position: relative;
}
.more-events p{
padding: 0;
margin: 0;
}
/*Contact Page */
.contact-form{
width:315px;
float:left;
position:relative;
display: inline;
}
#contactFormArea{
}
.contact-form #loadBar{
padding-top:5px;
color: #ccc;
font-weight: bold;
width: 180px;
float:right;
position:relative;
}
.contact-form #emailSuccess{
padding-top:10px;
color: #fff;
font-weight: bold;
width: 180px;
float:right;
position:relative;
}
.contact-form fieldset{
border:0;
margin:0;
padding:0;
}
.contact-form label{
display:block;
color: #ccc;
margin: 5px 0 5px;
}
.contact-form input.text,textarea{
width:300px;
color:#ccc;
padding:3px;
margin:1px 0;
background: #0e0e0e;
border:1px solid #450c0f;
}
.contact-form textarea{
overflow: auto;
}
.contact-form input.submit {
margin:2px 0;
font-weight: bold;
position: relative;
}
.contact-info{
width: 315px;
height: 502px;
padding-left:20px;
margin-right:50px;
float:left;
position:relative;
display: inline;
}
.contact-info ul {
font-size: 10px;
width: 140px;
float: left;
}
.contact-info span.name {
font-weight: bold;
color: #e0e0e0;
}
.contact-info h3, .contact-form h3, .guestlist-info h3{
padding-top:0;
}
.contact-more{
position: absolute;
bottom: 20px;
left: 20px;
width: 314px;
}
/*Guestlist*/
.guestlist-info{
width: 315px;
_width: 325px;
padding-left:20px;
margin-right:50px;
float:left;
position:relative;
display: inline;
}
.guestlist-events{
margin-top:30px;
width: 315px;
_width: 325px;
}
.guestlist-events h3{
padding-bottom: 0px;
}
/*Start of Index Page Styles*/
.left{
float: left;
}
.right{
float:right;
}
h1 {
color: #fff;
font-size: 24px;
margin: 5px;
padding: 0;
}
h3 {
color: #fff;
margin: 3px 0;
font-size: 18px;
padding: 10px 0 10px;
}
p{
margin: 8px 0;
padding: 0;
line-height: 1.2;
}
.main-event-header{
height: 42px;
width: 196px;
}
.png-header1{
padding-left: 20px;
}
.png-header2{
padding-left: 20px;
padding-top: 145px;
}
.png-header3{
padding-left:10px;
}
.featured-pic-header{
height: 212px;
width: 42px;
}
.featured-our-event{
height: 190px;
width: 39px;
}
.left-side{
width: 470px;
height: 300px;
float: left;
}
.left-side h3{
color: #fff;
margin: 3px 0;
font-size: 14px;
padding: 0 0 10px;
}
.left-side-writeup{
float: left;
width: 240px;
position: relative;
}
.left-side img.main-promo{
margin:0 20px 20px;
border: 0;
float: left;
}
.left-side a.main-promo-link{
margin:0 20px 20px;
border: 1px solid #8f2229;
float: left;
}
.left-side-writeup ul{
list-style: none;
margin: 5px 0;
padding: 0;
}
.left-side-writeup ul li{
padding-left: 10px;
padding-bottom: 3px;
}
.guestlist-button img{
border: 0;
padding-right: 0px;
float:right;
}
.right-side{
width: 325px;
float: right;
display:inline;
}
.featuredpics{
width: 260px;
float: right;
}
.featuredpics img{
margin:10px 0;
border: 1px solid #ababab;
}
.featuredevents{
width: 260px;
float: right;
padding-top:10px;
}
.guestlist-events .featuredevents{
float: none;
width: 330px;
}
.featuredevents img{
margin:5px 0;
margin-right: 15px;
}
.featpictitle{
width: 60px;
height: 600px;
float: left;
position: relative;
}
.more{
margin-right: 30px;
padding-right: 0;
font-size:10px;
float: right;
display: inline;
}
.more a{
margin-right: 0;
padding-right: 0;
text-decoration: none;
}
.more a:hover{
text-decoration: underline;
}
.guestlist-events .more{
margin-right: 0;
}
.bd-logo{
padding: 0px 10px 0px 0px;
margin: 0;
}
.png-bd-logo{
width: 463px;
height: 181px;
}
.png-guestlist-button {
width: 179px;
height: 62px;
}