#pageheader {
margin-bottom: 32px;
background-color: #0b0b49;
background-image: url("banner.jpg");
background-position: bottom left;
background-repeat: no-repeat;
border-color: #306;
border-style: solid;
border-width: 0 0 1px;
}
#pagename {
top: 34px;
left: 90px;
font-size: 20px;
font-family: Lucida Grande,verdana,arial,helvetica,sans-serif;
color: #eaba00;
}
#forumname {
top: 20px;
left: 90px;
color: #eaba00;
font-size: 10px;
font-family: 'Lucida Grande',verdana,arial,helvetica,sans-serif;
}
#pagefooter {
position: relative;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
border-top: solid #d0c0f0 1px;
}
#bottomcontrols {
background-color: #eee;
border-top: solid #999 1px;
border-left: solid #ddd 2px;
border-right: solid #ddd 1px;
margin-top: 22px;
height: 115px;
}
#commandbuttons {
position: absolute;
right: 5px;
top: 33px;
width: 200px;
text-align: right;
z-index: 5;
}
#keypages {
position: absolute;
right: 160px;
width: 400px;
top: 45px;
font-size: 10px;
text-align: right;
z-index: 5;
color: #9cf;
}
#keypages a {
color: #9cf;
font-weight: bold;
}
#searchform {
position: absolute;
right: 5px;
top: 8px;
width: 200px;
text-align: right;
}
#shortrecentchanges {
font-size: 10px;
position: absolute;
right: 5px;
color: #032568;
top: 62px;
text-align: right;
width: 550px;
}
#pagecontent,#bodycontent {
margin-left: 10px;
min-height: 100px;
}
#commandbuttons a:hover,#shortrecentchanges a:hover {
margin-bottom: 1px;
}
#keypages br,#keypages .keypageheader,#searchform p,#recentchanges {
display: none;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  /* ipad */
  div#shortrecentchanges {font-size:15px;top:82px;}
  div#pageheader {padding-bottom:20px;}
  div#pagename {top:43px;}
  div#commandbuttons {top:40px;right:10px;}
  div#keypages {right:240px;top:53px;}
  div#searchform {top:2px;width:250px;}
}