@charset "utf-8";
/* CSS Document */

/* =RESET MARGINS & PADDING
---------------------------------------------------------------------
*/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

hr{
   display: none;
}

/* =RESET TYPOGRAPHY
---------------------------------------------------------------------
*/

body {
  margin:0;
  padding:0;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 62.5%;  /* Rest font to a 10px baseline when using ems */
  font-weight: normal;
  line-height: 140%;   
  background: #FFFFFF;
}

h1 {
  font-size: 2em; /* font-size doesn't matter since we hide this with a logo */
  font-weight: normal;
}

h2 {
  font-size: 2em;
  line-height: 1.6;
  font-weight: bold;
  margin:0 0 8px 0;
}

h3 {
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: bold;
  margin:0 0 8px 0;
}
h4 {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
  margin:0 0 8px 0;
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
  margin:0 0 8px 0;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
  margin:0 0 8px 0;
}

p {
  font-size: 1.2em;  /* Sets content font at 12px */
  font-weight: normal;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* =DEFAULT LINKS
---------------------------------------------------------------------
*/

a {
  margin: 0;
  padding: 0;
  color:#000000;
  text-decoration: none;
  overflow: hidden;
  outline:none;
}

a:hover,
a:active {
  text-decoration: none;
}

/* =Helper Classes
---------------------------------------------------------------------
*/

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =Layout
---------------------------------------------------------------------
*/

#wrapper {
	margin:0;
	padding:0;
}

#container {
	position:relative;
	margin:0 auto;
	padding:15px 0 0 0;
	width:1000px;
	height:645px;
	background:url(../images/backgrounds/background1.jpg) no-repeat top center;
}

#header {
	margin:0 auto 0 auto;
	padding:0;
	width:964px;
	height:15px;
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	line-height:16px;
}

#header #wrapper {
	float:right;
	padding:0 10px;
	background:#FFFFFF;
}

#main-menu {
	margin:15px auto 0 auto;
	padding:0;
	width:964px;
	font-weight:bold;
}

#logo {
	float:left;
	margin:3px 0 0 0;
	padding:0;
	width:229px;
	height:89px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat top center;
}

#logo a {
	display:block;
	margin:0;
	padding:0;
	width:229px;
	height:89px;
}

#the-menu {
	float:right;
	margin:0 2px 0 0;
	padding:5px 10px 5px 15px;
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	background:#FFFFFF;
}

#the-menu .mainLink {
	color:#000000;
}

#the-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#the-menu ul li {
	margin:0;
	padding:0;
	line-height:15px;
}

#sub-menu {
	margin:15px auto 10px auto;
	padding:0 0 0 5px;
	width:959px;
	height:15px;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	background:#FFFFFF;
}

#sub-menu a {
	color:#000000;
}

#sub-menu .togglePane {
	margin:0 0 0 5px;
}

#sub-menu .showall {
	margin:0 0 0 5px;
	padding:0;
}

#dashboard {
	margin:0;
	padding:0;
	width:1450px;
	height:420px;
	font-size:1.1em;
	z-index:1;
}

#dashboard .widget {
	display:none;
	float:left;
	margin:0 0 0 8px;
	padding:0;
	width:235px;
	height:420px;
	background:#CCCCCC;
}

#dashboard #heading {
	position:relative;
	margin:6px auto 0 auto;
	padding:0 0 0 5px;
	width:218px;
	height:12px;
	font-weight:bold;
	color:#000000;
	background:#FFFFFF;
	z-index:2;
}

#dashboard #heading #minimize {
	position:absolute;
	top:5px;
	right:5px;
	margin:0;
	padding:0;
	width:15px;
	height:3px;
	background:#000000;
}

#dashboard #heading #minimize .hidePane {
	display:block;
	margin:0;
	padding:0;
	width:15px;
	height:3px;
	background:#000000;
}

#dashboard #content {
	margin:6px auto 0 auto;
	padding:0;
	width:223px;
	overflow:hidden;
}

#dashboard #content .content-list {
	margin:0 0 0 18px;
}

#dashboard #content .content-list li {
	margin-bottom:8px;
}

#dashboard #content .eventTitle {
	margin:0 0 9px 0;
	padding:0;
}

#dashboard #content .eventDate {
	margin:1px 0 0 0;
	padding:0;
	width:55px;
	color:#FFFFFF;
	text-align:center;
	background:#000000;
}

#dashboard #content .tweet {
	margin:0 0 8px 0;
	padding:0;
}

#dashboard #content .tweet a {
	font-weight:bold;
	color:#bf302f;
}

#dashboard #content .createdon {
	font-size:.9em;
	color:#666666;
}

#dashboard #content .about {
	margin:0 5px 0 3px;
	font-size:1.0em;
}

#dashboard #content .flickr {
	float:left;
	position:relative;
	margin:0 5px 5px 0;
	padding:0;
	width:69px;
	height:69px;
	overflow:hidden;
}

#dashboard #content .flickr a {
	display:block;
	width:69px;
	height:69px;
}

#dashboard #content .flickr img {
	position:absolute;
	display:block;
	top:0px;
	left:-25px;
	cursor:pointer;
}

#dashboard #content .ad {
	margin:0 0 8px 0;
	padding:0;
}

#dashboard #content .ad .title {
	font-size:1.1em;
	font-weight:bold;
}

#dashboard #content .ad .title a {
	color:#bf302f;
}

#dashboard #content .ad .desc {
	margin:0 5px 0 3px;
	display:none;
}

#dashboard #content #wantList {
	margin:0;
	padding:0;
	list-style:none;
}

#dashboard #content #wantList li {
	margin:0 0 10px 0;
	padding:0;
}

#dashboard #content #wantList li strong {
	font-size:1.1em;
	color:#bf302f;
}

#dashboard #content .houseEvent {
	margin:0 0 8px 0;
	padding:0;
}

#dashboard #content .houseEvent .title {
	font-size:1.1em;
	font-weight:bold;
}

#dashboard #content .houseEvent .title a {
	color:#bf302f;
}

#dashboard #content .houseEvent .desc {
	margin:0 5px 0 3px;
	display:none;
}
#dashboard #content #slider{}	
#dashboard #content #slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#dashboard #content #slider li{ 
	width:223px;
	height:381px;
	overflow:hidden; 
}

#pane1 #calendar-outer{
   position: relative;
}

#pane1 table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#pane1 table.calendar caption{
   padding-bottom:0;
   font-size: 1.4em;
   font-weight:bold;
   color: #000000;
}

#pane1 table.calendar caption span{
   width: 18px;
   height: 19px;
   margin:0;
   padding:0;
   color:#000000;
}

#pane1 table.calendar caption span.calendar-prev{
   float:left;
   margin:0 0 0 0;
   padding:0;
   background-image:url(../images/bigcal_previous.png);
}

#pane1 table.calendar caption span.calendar-next{
   float:right;
   margin:0 0 0 0;
   padding:0;
   background-image: url(../images/bigcal_next.png);
}

#pane1 table.calendar th{
   padding: 6px 0;
   background: #EDEBE8;
   color: #545454;
   font-size: 1.2em;
   font-weight: normal;
   text-align: center;
}

#pane1 table.calendar td{
   width: 100px;
   height: 52px;
   padding: 2px;
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#pane1 table.calendar td.empty{
   background: #f6f5f3;
}

#pane1 table.calendar td a{
   text-decoration: none;
}

#pane1 table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#pane1 table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: 6px;
   font-size: .9em;
   line-height: 1.2;
   background: none;
}

#pane1 table.calendar td li a{
   text-decoration: underline;
}

#pane1 table.calendar td li a:hover{
   text-decoration: none;
}

#pane1 table.calendar .current{
	background-color:#eaeaea;
}

#nextBtn{
	float:right;
} 


#window {
	margin:0 auto;
	padding:0;
	width:964px;
	height:420px;
	overflow:hidden;
}

#scrollbar {
	display:none;
	position:relative;
	width: 490px;
	height: 2px;
	margin: 20px auto 0 auto;
	background: #FFFFFF;
	border:none;
	filter: alpha (opacity=75);
	opacity: .75;
	-moz-opacity:.75;
}

.ui-slider-handle {
	width: 13px;
	height: 13px;
	position: absolute;
	top: -5px;
	background: #000000;
	border: none;
}

#footer {
	position:absolute;
	bottom:15px;
	left:18px;
	margin:0;
	padding:0;
	width:964px;
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	line-height:16px;
	
}

#footer #left {
	float:left;
	margin:4px 0 0 0;
	padding:0 5px;
	line-height:16px;
	background:#FFFFFF;
}

#footer #right {
	float:right;
	margin:0;
	padding:0;
}

#footer #right img {
	margin:0 -2px 0 0;
}