html, body {
height:100%;
margin:0;
padding:0;
}
body {
COLOR: #272626;
FONT-FAMILY: Helvetica, Verdana, Arial, sans-seri;
FONT-SIZE: 14px;line-height:21px;
FONT-WEIGHT: normal;
background:#c9c9c9 url(/images/topbg.jpg) repeat-x top center;
}
A:link,A:visited {
COLOR: #ff004e; TEXT-DECORATION: none;outline:0;
}
A:hover,A:active {
COLOR: #ff004e; TEXT-DECORATION: underline;outline:0;
}
img{vertical-align:bottom;}

.clear50 { clear:left;height:50px; }

.aboutfaces { float:left;margin:0 18px 20px 0;text-align:center; }

#container {min-height:100%;min-width:990px;position:relative;background:url(/images/windyhop.jpg) no-repeat top center;overflow:hidden;padding:0;}
#body { padding-bottom:330px;width:980px;margin:0 auto; }
#footer{ position:absolute;bottom:0;left:0px;width:100%;height:290px;background:#32150f url(/images/wood.jpg) repeat-x top center;color:#fff;padding:0; }

#toplinks { width:325px;position:absolute;margin:9px 0 0 622px;text-align:right; }
#toplinks A:link,#toplinks A:visited {
COLOR: #8c2d9f; TEXT-DECORATION: none;outline:0;
}
#toplinks A:hover,#toplinks A:active {
COLOR: #8c2d9f; TEXT-DECORATION: underline;outline:0;
}

#navbar { position:absolute;margin:248px 0 0 0;width:761px;height:77px;z-index:3; }
#nav1{  display: block;width: 177px;height: 77px;background: url("/images/navbar.png") no-repeat 0 0;float:left;}
#nav1:hover{   background-position: 0 -77px;}
#nav2{  display: block;width: 152px;height: 77px;background: url("/images/navbar.png") no-repeat 0 0;float:left; background-position: -177px 0;}
#nav2:hover{   background-position: -177px -77px;}
#nav3{  display: block;width: 153px;height: 77px;background: url("/images/navbar.png") no-repeat 0 0;float:left; background-position: -329px 0;}
#nav3:hover{   background-position: -329px -77px;}
#nav4{  display: block;width: 145px;height: 77px;background: url("/images/navbar.png") no-repeat 0 0;float:left;background-position: -482px 0;}
#nav4:hover{   background-position: -482px -77px;}
#nav5{  display: block;width: 134px;height: 77px;background: url("/images/navbar.png") no-repeat 0 0;float:left; background-position: -627px 0;}
#nav5:hover{   background-position: -627px -77px;}
#navbar span{  position: absolute;  top: -999em;}

#leftside2 { width:465px;margin-right:50px;float:left; }
#rightside2 { width:465px;float:left; }

#leftside { width:660px;margin-right:50px;float:left; }
#rightside { width:270px;float:left; }



#home1 { width:360px;float:left;margin-right:40px; }
#home2 { width:270px;float:left;margin-right:40px; }
#home3 { width:270px;float:left; }

.blogpic { border:5px solid #6a6a6a;padding:1px;background-color:#fff;float:left;margin-top:9px; }
.blogpic img {width: 200px; height: 200px; border: 0px none;}
.blogtext { width:417px;margin-left:8px;float:left; }
.blogdate { width:48px;height:48px;overlay:hidden;color:#fff;text-align:center;background:url(/images/datedot.png) no-repeat top center;float:left; }
.blogmonth { padding-top:9px;line-height:12px;size:12px; }
.blogday { line-height:21px;font-size:20px;font-weight:bold; }
.blogtext h1 { float:left;margin:1px 0 0 8px; }

.minievents { border-bottom:2px solid #a1a1a1;padding:7px 0; }
.minidate { width:49px;float:left; }
.minititle { width:221px;float:left; }

@font-face { font-family:BebasNeue;src: url('/BebasNeue.otf'); }
h1 { font-family:BebasNeue, Impact, Arial Narrow;color:#555;margin:0 0 0 0;line-height:normal;font-weight:normal;font-size:40px; }
h2 { font-family:BebasNeue, Impact, Arial Narrow;color:#9d47ab;margin:4px 0 0 0;line-height:normal;font-weight:normal;font-size:30px; }

/* Z-index of #mask must lower than #boxes .window */
#eventmask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;opacity:0.8;
  filter:alpha(opacity=80);
}
   
#eventboxes {
  position:fixed;
  width:600px;
  height:500px;
  display:none;
  z-index:9999;
  background-color:#ffffff;overflow:auto;
}



#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;opacity:0.8;
  filter:alpha(opacity=80);
}
   
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
  height:203px;
}

.inputbg {
color:#4b4b4b;
line-height:27px;
background:#fff url(/images/input-bg.jpg) no-repeat top left;
border:1px solid #c7c7c7;
color:#4b4b4b;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:0 6px;
width:400px;
height:30px;
}
.inputarea {
color:#4b4b4b;
line-height:27px;
background:#fff url(/images/input-bg.jpg) no-repeat top left;
border:1px solid #c7c7c7;
color:#4b4b4b;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
width:500px;

}

.submitbutton {
color:#fff;
font-size:20px;
background:#9d47ab;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:10px 20px;
border:0px;
cursor:pointer;
}
.hidedesktop, .desktophide { display:none; }
.aboutus2 {width:567px; }
#boxes #facebook {
  width:375px; 
  height:203px;
  padding:5px;
  background-color:#ffffff;
}
#contactbox { width: 500px; margin:0 auto; }
.roundedboxes {
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#fff;
padding:12px;
}
#secondlinks { line-height:39px; }
#secondlinks A:link,#secondlinks A:visited, #secondlinks A:hover,#secondlinks A:active {
COLOR: #fff;
}
#aboutus { background:url(images/blues-dancing.png) no-repeat bottom right; }

.where-to-dance{
margin:0;
padding:0;
}
.where-to-dance li{
list-style:none;
margin:0 10px 0 0;
padding:0;
display:block;
float:left;
text-align:center;
line-height:16px;
}
.where-to-dance img{
border:2px solid #6a6a6a;padding:1px;width:80px;height:80px;
}
.hr{
border-radius: 5px;
background:#6a6a6a;
clear:both;
margin:30px 0;
height:8px;
}

ul.eventspage { list-style:none;margin:0;padding:0; }
ul.eventspage li.eventpost { clear:both; }
ul.eventspage li.eventpost img { width:100px;float:right;margin-left:20px; }