/* Room */

body#room-room h1 {
  float:left;
  
  margin-right: 0.2em;
  
  font-size: 3em;
}

#controls {
  margin: 10px 0;
  
  text-align: right;
}

#right {
  float: right;
}

#controls .control {
  font-size: 1.2em;
}

.activity {
  color: #801500;
}

#blurb {
  margin: 10px 0;
}

#blurb p {
  font-size: 1.2em;
}

#start {
  margin: 40px 0;
  text-align: center;
}

#start .control a,
#start .control p,
#start .control input[type='submit'],
#start #permit input[type='text'] {
  font-size: 24px;
}

#start .control p {
  margin: 20px 0;
}

#start #permit input[type='text'] {
  padding: 5px;
}

#start #permit {
  margin: 10px 0;
}

#invite {
  margin: 40px 0 0;
}

#invite h4 {
  margin: 0 0 5px;
}

#invite input[type='text'] {
  font-size: 1em;
}

#invite input[type='text'] {
  width: 50%;
}

#content h3 {
  clear: both;
  
  border: solid #cb7500;
  border-width: 0 0 1px;
  
  margin: 0 0 10px;
}


/* Icons */

body#room-room .icon {
  width: 64px;
  height: 64px;
  
  margin: 0 8px 8px 0;
}

body#room-room .icon img {
  min-width: 64px;
  min-height: 64px;
}

body#room-room .icon .title {
  font-size: 0.7em;
}

body#room-room .icon .title .owner {
  font-size: 0.8em;
}

body#room-room .icon .presence {
  bottom: 2px;
  right: 2px;
}


/* Manage */

#tabs {
  margin: 20px 60px 0;
}

#tabs a.manage,
#tabs a.manage_members,
#tabs a.manage_bots {
  position: relative;
  top: 1px;
  
  display: block;
  
  float: left;
  
  padding: 5px 10px;
}

body#room-manage #tabs a.manage,
body#room-manage_members #tabs a.manage_members,
body#room-manage_bots #tabs a.manage_bots {
  background: #fff;
  
  border: 1px solid;
  border-color: #ddd #bbb #fff #ddd;
}

#tabs a.right {
  float: right;
}

.smoother {
  clear: both;
}


/* Manage members and bots */

body#room-manage_members .member,
body#room-manage_bots .bot {
  float: left;
  
  margin-bottom: 20px;
}

body#room-manage_members a.icon,
body#room-manage_bots a.icon {
  margin-bottom: 5px;
}

body#room-manage_members .member .control,
body#room-manage_bots .bot .control {
  clear: both;
  
  width: 128px;
  
  text-align: center;
  font-size: 0.8em;
}


/* Invite a bot */

body#room-manage_bots #invite {
  padding: 10px 0 0;
  
  border: solid #CB7500;
  border-width: 1px 0 0;
  
  text-align: center;
}

body#room-manage_bots #invite input[type='text'] {
  margin: 10px 0;
  padding: 5px;
  font-size: 1.2em;
}