@charset "utf-8";


body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#FFFFFF;
background-image:url(../images/dropshadow.jpg);
background-repeat:repeat-y;
background-position:center;
}

a:link {
text-decoration:none;
color:#CCCCCC;
}

a:visited {
text-decoration:none;
color:#CCCCCC;
}

a:hover {
text-decoration:underline;
color:#666666;
}

#content {
margin-left:auto;
margin-right:auto;
width:900px;
background-color:#FFFFFF;
height:auto;
height:100%;
}



/*:::::::::::::::::::::::::::::::::::
styling for the header elements
:::::::::::::::::::::::::::::::::::*/

#top_container {
float:left;
width:900px;
height:50px;
margin-top:2px;
}

.coming_soon {
float:left;
margin-left:200px;
}

#welcome {
float:left;
position:absolute;
margin-left:20px;
border-bottom:1px solid #CCCCCC;
color:#CCCCCC;
padding:5px;
width:250px;
}

.username {
color:#FF0066;
}

#login {
float:left;
margin-left:300px;
border-bottom:1px solid #CCCCCC;
padding:5px;
color:#CCCCCC;
width:180px;
}

#language {
float:right;
margin-right:20px;
border-bottom:1px solid #CCCCCC;
padding:5px;
color:#CCCCCC;
}

/*::::::::::::::::::::::::::::::::::::::::::
 Facebook link styling 
::::::::::::::::::::::::::::::::::::::::::*/

#facebook_img {
float:left;
margin-left:20px;
margin-top:-11px;
}

#facebook_txt {
float:left;
margin-left:5px;
margin-top:-11px;
color:#CCCCCC;
}

.facebook_img {
margin-top:-2px;
}

/*:::::::::::::::::::::::::::::::::::::::::
  navigation styling
::::::::::::::::::::::::::::::::::::::::::::*/

#navigation {
float:right;
width:523px;
margin-bottom:4px;
margin-top:-13px;
z-index:15;
}

#home_btn a {
background-image:url(../images/home_link.jpg);
width:71px;
height:20px;
float:left;
}

#home_btn a:hover {
background-image: url(../images/home_link_hover.jpg);
}

#home_btn span {
display:none;
}

#bars_btn a {
background-image:url(../images/bars_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#bars_btn a:hover {
background-image: url(../images/bars_link_hover.jpg);
}

#bars_btn span {
display:none;
}

#clubs_btn a {
background-image:url(../images/clubs_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#clubs_btn a:hover {
background-image: url(../images/clubs_link_hover.jpg);
}

#clubs_btn span {
display:none;
}

#gallery_btn a {
background-image:url(../images/gallery_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#gallery_btn a:hover {
background-image: url(../images/gallery_link_hover.jpg);
}

#gallery_btn span {
display:none;
}

#guide_btn a {
background-image:url(../images/guide_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#guide_btn a:hover {
background-image: url(../images/guide_link_hover.jpg);
}

#guide_btn span {
display:none;
}

#map_btn a {
background-image:url(../images/map_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#map_btn a:hover {
background-image: url(../images/map_link_hover.jpg);
}

#map_btn span {
display:none;
}

#forum_btn a {
background-image:url(../images/forum_link.jpg);
width:71px;
height:20px;
float:left;
margin-left:1px;
}

#forum_btn a:hover {
background-image: url(../images/forum_link_hover.jpg);
}

#forum_btn span {
display:none;
}



/*:::::::::::::::::::::::::::::::::::::
styling for main content
::::::::::::::::::::::::::::::::::::::*/

div#terms {
font-size:0.8em;
color:#666666;
width:800px;
margin-left:50px;
float:left;
}

div#advertise {
font-size:0.8em;
color:#666666;
width:350px;
margin-left:50px;
float:left;
}

div#advertise_img {
float:left;
}

hr {
height:1px;
background-color: #CCCCCC;
border:0;
}

div#main_image {
position:relative;
margin-top:2px;
float:left;
}

div#main_images {
margin-left:25px;
width:900px;
}

.clubs {
float:left;
}

.bars {
float:left;
margin-left:-5px;
}

.gallery {
float:left;
margin-left:-1px;
}

.break {
margin-left:35px;
margin-top:-3px;
float:left;
}

div#ads {
margin-left:120px;
margin-top:5px;
width:900px;
float:left;
}



.bcm_ad {
float:left;
}

div#site_links {
width:900px;
float:left;
}

.forum_img {
float:left;
margin-left:50px;
margin-top:-70px;
z-index:1;
position:relative;
}

div#podcast {
float:left;
margin-left:110px;
margin-top:-12px;
z-index:1;
position:relative;
}

.dj_img {
float:left;
margin-left:630px;
margin-top:-100px;
position:relative;
z-index:1;
}

#logos {
float:left;
margin-left:35px;
width:900px;
margin-top:5px;
}

.alert_one {
float:left;
}

.guide_one {
float:left;
color:#FF6600;
width:310px;
margin-left:20px;
}

.quote_one {
float:left;
margin-left:-5px;
}

div#quote_two {
margin-left:15px;
float:left;
}

.radio_one {
float:left;
margin-left:35px;
margin-top:60px;
}

.bcm_title {
float:left;
width:400px;
margin-left:15px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.bcm_title {
float:left;
width:600px;
margin-left:-235px;
margin-top:30px;
}
}

#bcm_guide {
color:#FF6600;
float:left;
width:400px;
margin-left:20px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#bcm_guide {
color:#FF6600;
float:left;
width:400px;
margin-left:20px;
}
}

#mainstrip_title {
float:left;
margin-left:80px;
margin-top:10px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#mainstrip_title {
float:left;
margin-left:480px;
margin-top:-40px;
}
}

#mainstrip_guide {
float:left;
color:#FF6600;
width:380px;
margin-left:20px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#mainstrip_guide {
float:left;
color:#FF6600;
width:380px;
margin-left:450px;
margin-top:-160px;
}
}


#alert_two {
float:left;
margin-top:-350px;
margin-left:35px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#alert_two { margin-top:-300px; 
margin-left:35px;
float:left;}
}

.guide_forum {
float:left;
margin-left:-550px;
margin-top:230px;
}

#guide_dj {
float:left;
margin-left:-430px;
margin-top:380px;
}

#quote_two {
float:left;
}

#expect {
float:left;
margin-left:60px;
}

#pirates_ad {
float:left;
margin-left:60px;
margin-top:5px;
}

#waterpark_ad {
float:left;
margin-left:5px;
margin-top:5px;
}

#greenbanana_logo {
float:left;
margin-left:30px;
margin-top:0px;
width:400px;
}

#greenbanana_text {
float:left;
width:400px;
margin-left:20px;
color: #666666;
margin-top:15px;
text-align:justify;
}

#tshirt_ad {
float:left;
margin-left:70px;
}

.bars_one {
margin-left:-10px;
}

.bars_two {
margin-left:-10px;
}

div#links_container {
float:left;
width:800px;
color:#FF0066;
margin-left:130px;
margin-bottom:20px;
}

.link_title {
border-bottom:1px dotted #FFCEE7;
}

/*:::::::::::::::::::::::::::::::::::::
 styling for the gallery
:::::::::::::::::::::::::::::::::::::*/

div#gallery {
float:left;
margin-left:30px;
margin-bottom:10px;
border:2px solid #EAF9FF;
padding:5px;
width:836px;
padding-bottom:1px;
}

.gallery_img {
border:3px solid #71B8FF;
}

.gallery_img:hover {
border:3px solid #0066CC;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::
Styling for the contact and advertise with us form
:::::::::::::::::::::::::::::::::::::::::::::::::*/

#form1 {
clear:left;
color:#FF0066;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color: #FF0066;
margin-left:10px;
margin-top:1px;
font-size:5em;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color: #FF0066;
margin-left:10px;
margin-top:1px;
font-size:3em;
}

h3 {
margin-left:15px;
}

label {
position:absolute;
text-align:left;
width:130px;
}

input {
margin-left:130px;
margin-top:-1px;
float:left;
color:#666666;
border:1px solid #CCCCCC;
}

input:hover {
background-color: #CCCCCC;
border:1px solid #cccccc;
}

textarea {
margin-left:130px;
margin-top:-19px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#666666;
}

select {
margin-left:130px;
margin-top:-19px;
float:left;
}


.submit_btn {
float:left;
background-color:#CCCCCC;
border:1px solid #CCCCCC;
color:#666666;
padding:1px;
}

.submit_btn:hover {
background-color: #FFFFFF;
}

.error {
font-weight:bold;
color:#990000;
}

div#contact_container {
background-color:#ffffff;
width:600px;
height:auto;
padding:5px;
color: #333333;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-top:10px;
margin-left:10px;
}

div#contact_container:hover {
background-color:#F0F0F0;
}

/*::::::::::::::::::::::::::::::::::::::::::
styling for register and login form
:::::::::::::::::::::::::::::::::::::::::::::*/
div#register_form {
color:#FF0066;
float:left;
margin-left:5px;
margin-bottom:20px;
font-size:1.2em;
width:450px;
}


/*:::::::::::::::::::::::::::::::::::::
styling for footer
::::::::::::::::::::::::::::::::::::::*/

#footer_info {
margin-top:5px;
color: #FF0066;
padding-bottom:5px;
padding-left:10px;
}

#footer_info a {
color:#FF0066;
}

#footer_info a:visited {
color:#FF0066;
}

#footer_info a:hover {
color:#C60063;
}