
    html {
        min-height:100%;
        height:100%;
    }

    body {
        margin:0px;
        min-height:100%;
        height:100%;
        background:#464646;
        font-family:Arial, Verdana, Helvetic, sans-serif;
        font-size:10pt;
        color:#ffffff;
    }

    a {
        color:#ffaf46;
    }

    p {
        margin:0px;
        margin-bottom:15px;
    }

    input, textarea {
        border:1px solid #ffaf46;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        width:140px;
        padding-left:2px;
        padding-right:2px;
        font-size:9pt;
        font-family:Arial, Verdana, Helvetic, sans-serif;
        color:#797979;
    }

    input.button {
        border:1px solid #464646;
        width:auto;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        background-color:#464646;
        color:#ffffff;
    }

    .container {
        position:relative;
        margin:0px auto;
        width:915px;
        min-height:100%;
        background:#ffffff url(/img/wrt_bottom.png) no-repeat 10px bottom;
        color:#464646;
    }

    .header {
        position:relative;
        padding:10px;
    }

    .logo {
        width:155px;
        height:105px;
        background:url(/img/logo.png);
        cursor:pointer;
    }

    .wrt {
        position:absolute;
        top:10px;
        right:40px;
        width:144px;
        height:66px;
        background:url(/img/wrt_top.png);
    }

    .search {
        position:absolute;
        top:90px;
        right:20px;
        width:170px;
    }

    .search .input {
        float:left;
    }

    .search input {
        border:1px solid #ffaf46;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        width:140px;
        padding-left:2px;
        padding-right:2px;
        font-size:9pt;
        color:#797979;
    }

    .search .button {
        float:right;
        padding-left:2px;
        cursor:pointer;
    }

    .banner {
        position:relative;
        background:#ffaf46 url(/img/banner.jpg) no-repeat right;
        height:166px;
    }

    .nav {
        padding-left:40px;
        padding-top:25px;
        font-weight:bold;
    }

    .nav div {
        padding-bottom:2px;
    }

    .nav a {
        text-decoration:none;
        color:#2c2b2b;
        font-size:11pt;
    }

    .banner .title {
        position:absolute;
        right:45px;
        bottom:-17px;
        bottom:expression(-13+'px');
        font-size:55px;
        color:#ffffff;
        font-weight:bold;
        font-family:Helvetica;
        z-index:2;
    }

    .banner .title-shadow {
        position:absolute;
        right:43px;
        bottom:-17px;
        bottom:expression(-13+'px');
        font-size:55px;
        color:#464646;
        font-weight:bold;
        font-family:Helvetica;
        z-index:1;
    }

    .content-left {
        float:left;
        width:285px;
        min-height:200px;
        padding:15px;
    }

    .content-left .gallerythumb {
        border:1px solid #464646;
        padding-bottom:0px !important;
        margin-bottom:10px;
    }

    .content {
        float:right;
        width:560px;
        padding:15px 20px;
        padding-bottom:30px;
    }

    .content .error {
        border:1px solid red;
        color:red;
        font-weight:bold;
        padding:5px;
    }

    .spacer {
        clear:both;
    }

    .footer {
        position:absolute;
        bottom:0px;
        right:10px;
        left:300px;
        clear:both;
        border-top:1px solid #ffaf46;
        color:#797979;
        font-size:9pt;
        text-align:right;
        padding:2px 0px;
    }

    .footer a {
        color:#797979
    }

    /**
     * Blog stuff
     */
    .blogpost, .blogcomment {
        position:relative;
        margin-bottom:20px;
    }

    .blogpost .date, .blogcomment .date {
        float:right;
    }

    .blogpost .title, .blogcomment .name {
        float:left;
        font-weight:bold;
    }

    .blogpost .title a {
        text-decoration:none !important;
    }

    .blogpost .body, .blogcomment .body {
        clear:both;
        border-top:1px solid #464646;
        padding:5px 0px;
    }

    .blogpost .links, .blogcomment .links {
        padding-bottom:5px;
        border-bottom:1px dashed #464646;
    }

    .links a {
        padding-right:12px;
    }

    .blogpost-disabled {
        color:#999999;
        margin-bottom:25px;
    }

    .blog-newpost, .blog-newcomment, .signup {
        width:100%;
        margin-bottom:25px;
    }

    .blog-newpost th, .blog-newcomment th, .signup th {
        text-align:left;
        vertical-align:top;
        width:15%;
        white-space:nowrap;
    }

    .blog-newpost td input, .blog-newcomment td input, .signup td input {
        width:100%;
    }

    .blog-newpost td textarea, .blog-newcomment td textarea, .signup td textarea {
        width:100%;
        height:100px;
    }

    .blog-newpost .blogbutton, .blog-newcomment .blogbutton, .signup .signupbutton {
        width:auto;
    }

    /**
     * Search results
     */
    .searchresults {
        border-collapse:collapse;
    }

    .searchresults th {
        text-align:left;
    }

    .searchresults td {
        padding:4px;
        vertical-align:top;
    }

    .searchresults td a {
        text-decoration:none;
        color:#464646;
    }

    .searchresults .date, .searchresults .type {
        white-space:nowrap;
    }

    .searchresults .alt {
        background-color:#ececec;
    }

    .login {
        border:1px solid #464646;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        background-color:#ffffff;
        margin-bottom:10px;
    }

    .home {
        width:100%;
        border-collapse:collapse;
    }

    .home td {
        vertical-align:top;
    }

    .recent-blog, .recent-comments {
        margin-bottom:15px;
        border:1px solid #ffaf46;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        padding:4px;
        overflow:hidden;
        background-color:#ffffff;
    }

    .recent-blog div, .recent-comments div {
        white-space:nowrap;
        margin-bottom:5px;
    }

    .recent-blog div a, .recent-comments div a {
        text-decoration:none;
    }

    /**
     * Gallery css
     */
    .gallery {
        padding:0px 6px;
    }

    .gallery .gallery-image {
        vertical-align:center;
        text-align:center;
    }

    .gallery .gallery-image img {
        border:1px solid #464646;
    }

    .gallery .gallery-nav {
        position:relative;
    }

    .gallery .thumbnails {
        margin:0px 20px;
        padding:2px 0px;
        overflow:hidden;
    }

    .gallery .thumbnails .thumbnail {
        float:left;
        margin:1px;
        border:1px solid #464646;
        text-align:center;
        /* TODO: How to vertical align the image */
        background-color:#464646;
        cursor:pointer;
    }

    .gallery .thumbnails img {
    }

    .gallery .prev {
        position:absolute;
        top:30px;
        left:0px;
        width:12px;
        height:20px;
        background:url(/img/prev.png);
        cursor:pointer;
    }

    .gallery .next {
        position:absolute;
        top:30px;
        right:0px;
        width:12px;
        height:20px;
        background:url(/img/next.png);
        cursor:pointer;
    }

    .galleryphoto {
        position:relative;
        text-align:center;
    }

    .galleryphoto h1 {
        margin:0px;
        margin-bottom:5px;
        text-align:left;
    }

    .galleryphoto .button {
        position:absolute;
        top:5px;
        right:5px;
        cursor:pointer;
    }

    .galleryphoto img {
        border:1px solid #464646;
    }

    .galleryphoto p {
        text-align:left;
        margin:5px 0px;
    }

    .gallerythumbs div.gallerythumb {
        float:left;
        margin-right:4px;
        padding-bottom:20px;
    }

    .gallerythumbs img {
        border:0px none;
    }

    .gallerynav {
        clear:both;
    }

    .gallerynav img {
        border:0px none;
    }

    .tags-index {
        margin-bottom:15px;
        border:1px solid #ffaf46;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        padding:4px;
    }

    .tags {
        margin-bottom:15px;
        border:1px solid #ffaf46;
        -moz-border-radius:0.3em;
        border-radius:0.3em;
        padding:4px;
        background-color:#ffffff;
    }

    .tags a, .tags-index a {
        text-decoration:none;
        padding-right:7px;
        float:left;
        line-height:17px;
    }

    .flqnetwork {
        font-size:12px;
        background-color:#000000;
        width:100%;
        padding:4px 0px;
        text-align:center;
        color:#ffffff;
    }

    .flqnetwork a {
        padding-right:4px;
        padding-left:4px;
        border-right:1px solid #686868;
        color:#09688c;
    }
