* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: Verdana;
    font-size: smaller;
}

a {
    color: #44f;
    border-bottom: 1px dotted;
}

.sidebar {
    float: left;
    margin-right: -200px;
    width: 200px;
    padding: 20px;
    text-align: center;
}

.sidebox {
    background-color: #e0e0e0;
    font-size: smaller;
    padding: 5px;
    margin: 20px 0;
}

.header {
    background-color: #9090b0;
    border-bottom: 1px solid #000080;
    height: 60px;
}

.header > div {
    width: 900px; 
}

.announce {
    background-color: #b0b0e0;
    border-bottom: 1px solid #000080;
}

.announce div {
    font-size: 14px;
    padding: 3px 0;
    text-align: center;
    width: 900px;
}

.cyrket {
    float: left;
    font-size: 30px;
    text-align: center;
    padding: 10px;
    width: 200px;
}

.motto {
    float: left;
    font-size: 14px;
    margin: 10px;
    text-align: center;
    width: 420px;
}

#search {
    float: right;
    font-size: 14px;
    margin: 16px 10px;
    width: 184px;
}

#submit {
    background: 3px 3px no-repeat white url(http://cache.saurik.com/crystal/16x16/actions/viewmag.png);
    border: 1px solid black;
    border-left: 0;
    height: 24px;
    width: 24px;
    vertical-align: top;
    float: right;
}

#query {
    float: left;
    border: 1px solid black;
    border-right: 0;
    height: 24px;
    padding-left: 3px;
    width: 160px;
}

.cyrket a {
    border: none;
    color: black;
    text-decoration: none;
}

.category {
    font-size: larger;
    margin: 20px;
}

.content {
    margin: 20px;
    margin-left: 200px;
    width: 700px;
}

.basic {
    text-align: center;
}

.leader {
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
}