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:#ffffff url(/images/mobile-bg.jpg) repeat-x top left;
}
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;}


.footer { background:#e3e4e4;-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;padding:10px;text-align:center;margin-top:40px;clear:both; }

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

#leftside2 {  }
#rightside2 { }

.clear50 { clear:both;padding-top:10px;border-bottom:1px solid #cdcdcd;margin-bottom:10px; }
.aboutfaces img { width:100px !important;height:100px !important; }
#leftside {  }
#rightside { display:none; }
.mobilehide { display:none; }
.blogpic { border:5px solid #6a6a6a;padding:1px;background-color:#fff;margin:9px 0 10px 0;float:left; }
.blogpic img {width: 80px; height: 80px; border: 0px none;}
.blogtext { margin-left:8px;margin-bottom:40px;}
.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:95%;
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:95%;

}

.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;
}


#boxes #facebook {
  width:375px; 
  height:203px;
  padding:5px;
  background-color:#ffffff;
}

.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;
}