mallardnet/views/styles/main.css

body {
    background: url('/images/background.gif') no-repeat;
    background-color: #9D9D82;
    font-family: Comic Sans MS, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

table {
    border-collapse: collapse;
}

td.slogan {
    padding: 5px;
    font-size: 10px;
    color: #5a5a4a;
    width: 370px;
}

a {
    color: #5a5a4b;
}

.header a:hover {
    text-decoration: underline;
}

.header a {
    text-decoration: none;
}

.container {
    width: 740px;
}
.introduction {
    font-size: 10px;
    padding: 10px;
}

h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

table.form-box {
    width: 100px;
    background-color: #838266;
    border: 1px Solid black;
}

table.login-box {
    width: 100px;
}

input {
    border: 1px Solid black;
    padding: 2px;
    font-size: 10px;
}

label {
    font-size: 10px;
}

input[type="submit"] {
    font-weight: bold;
    padding: 4px;
}

td.form-container {
    padding: 0px 10px 0px 10px;
}

.form-box input[type="submit"] {
    margin-top: 5px;
    background-color: #6e6d55;
    color: white;
}

.form-box form {
    padding: 5px;
    text-align: center;
    margin: 0px;
}

.form-box label {
    float: left;
}

.form-box input[type="text"], .form-box input[type="password"] {
    width: 94px;
}

.form-box th {
    font-size: 12px;
    text-align: left;
    padding: 4px;
    background-color: #62624f;
    color: white;
    border-bottom: black;
}

hr {
    border-top: 1px Solid #8c8c74;
    border-bottom: none;
    margin-bottom: 4px;
}

table.form-box.big-box {
    width: 700px;
}

.big-box td {
    padding: 4px;
    font-size: 12px;
}

.big-box input[type="text"], .big-box input[type="password"] {
    width: 200px;
}

td.label-box {
    width: 120px;
    font-weight: bold;
}

td.right-hidden-border {
    border-right-style: hidden;
}

tr.top-hidden-border {
    border-top-style: hidden;
}

td.small-text {
    font-size: 10px;
}

td.submit-pad {
    padding: 0 0 5 0;
}

table.form-box.big-box.login {
    width: 390px;
}

td.account-status {
    width: 200px;
    font-size: 15px;
}

table.box-tab {
    width: 500px;
}

.box-tab th a {
    border-left: 1px Solid #808080;
    border-right: 1px Solid #808080;
    border-top: 1px Solid #808080;
    border-bottom: 1px Solid #abab88;
    padding: 0px 7px 0px 7px;
    font-size: 14px;
    text-decoration: none;
    background-color: #abab88;
    z-index: 2;
    position: relative;
}

.box-tab th a:hover, #non-selected:hover {
    background-color: #9f9f7d;

}

#non-selected {
    display: inline-block;
    z-index: 1;
    background-color: #939373;
}

.box-tab th {
    position: absolute;
    margin-left: 5px;
}

.box-tab td, .quack-container {
    border: 1px Solid #808080;
    background-color: #abab88;
    z-index: 1;
    position: relative;
    display: block;
    margin-top: 23px;
    padding: 5px;
}

table.open-form {
    width: 480px;
}

.box-tab .open-form td {
    display: inline-block;
    margin: 0;
    padding: 3px;
    position: static;
    width: 130px;
    border: 0;
    font-size: 12px;
}

th.form-header {
    position: static;
    border-bottom: 1px Solid #87876a;
    color: #6f6f5b;
    margin-bottom: 6px;
    display: block;
}

.open-form td.small-text {
    width: 200px;
    font-size: 10px;
}

textarea {
    border: 1px Solid black;
}

.form-box font {
    font-size: 10px;
}

table.sidebar-tabs {
    background-color: #adad94;
    border: 1px Solid #888888;
    width: 122px;
    margin-bottom: 10px;
}

.sidebar-tabs td {
    width: 120px;
}

.sidebar-tabs a {
    text-decoration: none;
    display: block;
    padding: 2px 5px 2px 5px;
    font-size: 14px;
}

.sidebar-tabs a:hover {
    background-color: #999982;
}

span.tab-header {
    font-size: 14px;
    font-weight: bold;
    color: #5a5a4a;
}

.sidebar-tabs img {
    vertical-align: middle;
}

a, img {
    border: none;
}

.post-container .speech-bubble {
    width: 352px;
    height: 100;
    background: url("/images/speech_bubble_post.gif");
}

.post-container .pfp {
    border: 1px Solid #888888;
}

textarea.post-text, input.post-text {
    font-family: Comic Sans MS;
    font-size: 12px;
    margin-bottom: 2px;
    border: 1px Solid #87873b;
    background-color: #b7b750;
    margin-left: 19px;
    width: 293px;
    resize: none;
}

span.post-label {
    font-size: 9px;
    font-weight: bold;
    font-family: Verdana;
    float: right;
    margin-right: 40px;
}

.post-container input[type="submit"] {
    width: 47px;
    margin-top: 5px;
}

input[type="submit"]:hover {
    background-color: #d1d1d1;
    cursor: hand;
}

.form-box input[type="submit"]:hover {
    background-color: #4d4c3c;
}

input.post-text {
    font-weight: bold;
}

.box-tab.small-tabs a {
  font-size: 12px;
}
.box-tab.small-tabs.feed {
  width: 402px;
}

.status-feed, .status-box {
  width: 100%;
}

.status-feed td, .status-box td {
  margin: 0;
}

.status-box h1 {
  font-size: 14px;
}

.status-box h2 {
  font-size: 10px;
  font-weight: normal;
  margin-left: 3px;
  color: #6c6c58;
}

.status-box .title {
  display: inline-block;
  width: 100%;
}

.status-box td {
  font-size: 11px;
  padding: 0px;
  border: 0;
  word-break: break-all;
}

.status-box h1, .status-box h2 {
  /*! float: left; */
  vertical-align: middle;
  display: inline;
}

.status-box img {
  vertical-align: middle;
}

.bottom-border.status-box {
  border-bottom: 1px dashed gray;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: block;
}

.hint {
  color: #7b7b5a;
  font-size: 11px;
}

.blog-button {
    text-decoration: none;
    color: black;
    padding: 1px;
}

.blog-button:hover {
    background-color: #91916e;
}

.right {
    float: right;
}

.bottom-border tr, .bottom-border td, .bottom-border tbody {
    display: block;
}

.quack-container {
    width: 70%;
}

.quack-container td {
    margin-top: 10px;
}

td.quack-content {
    font-size: 12px;
    word-break: break-word;
}