/**
 * home.css
 * styles used on main m4b page
 * @author Peter Edwards <tech@e-2.org>
 * @package m4b
 */
body {
  background:#300 url(../images/bg/newskin.jpg);
}
/**
 * styles for the content panels - layers which float over the page containing
 * images and a frameset for text content
 */
#panel, #staticpanel {
  position:absolute;
	left:198px;
	top:43px;
	width:737px;
	height:602px;
	visibility:hidden;
	z-index:100;
}
.closebutton, .draghandle, #panel-content, #staticpanel-content {
  position:absolute;
}
.draghandle {
  display:block;
	width:600px;
	height:30px;
	top:0;
  left:40px;
}
.draghandle:hover, .draghandle.over {
  cursor:move;
}
.closebutton {
  right:3px;
	top:27px;
  width:77px;
	height:54px;
	z-index:100;
}
#panel #panel-content {
	left:67px;
	top:60px;
  background-color:transparent;
  width:615px;
	height:465px;
}
#staticpanel #staticpanel-content {
	left:67px;
	top:60px;
  background-color:transparent;
  width:620px;
	height:465px;
}
/* scrollbar used to scroll panel frame */
#scrollbar, #scrollArea, #scroller, #upbutton, #downbutton {
  position:absolute;
	width:15px;
}
#scrollbar {
  right:0px;
	top:30px;
	height:435px;
}
#scrollArea {
	left:0px;
	top:10px;
	height:415px;
	overflow:hidden;
}
#scroller, #upbutton, #downbutton {
	left:0px;
	height:9px;
}
#scroller {
	top:0px;
	background:transparent url(../images/scrollbar/dragbar.gif) no-repeat left top;
}
#upbutton {
	top:0px;
	background:transparent url(../images/scrollbar/up.gif) no-repeat left top;
}
#downbutton {
	top:426px;
	background:transparent url(../images/scrollbar/down.gif) no-repeat left top;
}
/**
 * introduction blob
 */
#introblob {
  position:absolute;
	left:292px;
	top:170px;
	width:494px;
	height:344px;
	visibility:hidden;
}
#introblob .draghandle {
  position:absolute;
  display:block;
	width:400px;
	height:30px;
	top:0;
  left:0;
}
#introblob .draghandle:hover, #introblob .draghandle.over {
  cursor:move;
}
#introblob .closebutton {
  position:absolute;
  right:21px;
	top:31px;
  width:51px;
	height:36px;
	z-index:100;
}

/**
 * logo
 */
#logo {
  position:absolute;
  left:31px;
	top:420px;
}
	
/**
 * blobs
 */
.largeblob, .smallblob, .mediumblob {
  position:absolute;
	background-color:transparent;
	visibility:hidden;
}
.largeblob a, .smallblob a, .mediumblob a, #logo a {
  display:block;
}
.largeblob a, .largeblob span {
	width:171px;
  height:140px;
}
.mediumblob a, .mediumblob span {
	width:125px;
  height:102px;
}
.smallblob a, .smallblob span {
	width:79px;
  height:63px;
}
/**
 * blob Positioning
 */
#what_is_it_all_about {
  left:398px;
	top:153px;
}
#sonic_bed_london {
  left:444px;
	top:266px;
}
#sonic_bed_shanghai {
  left:629px;
	top:154px;
}
#sonic_armchair {
  left:444px;
	top:76px;
}
#chaise {
  left:537px;
	top:41px;
}
#the_daily_sporadic {
  left:215px;
	top:305px;
}
#kaffes_biography {
  left:628px;
	top:40px;
}
#scores {
  left:766px;
	top:269px;
}
#discussion_room {
  left:813px;
	top:534px;
}
#history {
  left:536px;
	top:115px;
}
#vibration_room {
  left:766px;
	top:119px;
}
#making_music {
  left:491px;
	top:420px;
}
#research {
  left:400px;
	top:572px;
}
#the_bigger_picture {
  left:307px;
	top:420px;
}
#instrument_lab {
  left:675px;
	top:382px;
}
#next_event {
  left:214px;
	top:76px;
}