* {
        font-family:Trebuchet MS, helvetica, arial, verdana, sans-serif;
        margin:0px;
        padding:0px;
}

html {
        height:100%;
}

body {
        background:#333;
        height:100%;
}

.wrapper {
        max-width:960px;
        margin:auto;
}

/* HEADER */
        #header {
                background:#334b66;
                border-bottom:5px solid #333;
        }

        #header #topline {
                color:#fff;
                float:right;
        }

        #header #top h1, #header #top h1 a {
                color:#969eb0;
                text-decoration:none;
                font-size:50pt;
                padding:0px;
                margin:0px;
        }

        #header #top h1 {
                margin-top:20px;
        }

        #header #logo {
                float:left;
                margin:10px 10px 0px 0px;
        }

        #header h1 {
                text-shadow:0 1px 3px #000000;
                padding:15px 0px 15px 0px;
                float:left;
        }

        #header p {
                color:#fff;
                clear:both;
                float:left;
        }

        #header #top {
                float:left;
        }

        #header #top p {
                padding:5px;
                margin:0px;
        }

        #header #menu {
                margin:70px 0px 0px 0px;
                text-align:right;
                float:right;
                width:550px;
        }

        #header #menu a {
                background:#969eb0;
                color:#334b66;
                text-shadow:0 1px 1px #000000;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                font-weight:bold;
                padding:5px 10px 5px 10px;
                text-decoration:none;
                display:block;
                float:left;
                margin-right:10px;
                border:1px solid #333;
        }

        #header #menu a:focus {
                background:#9d9ea0;
        }

/* SEARCHBAR */
        #searchbar {
                padding:5px;
                background:#ddd;
        }

        #searchbar form input, #searchbar form label  {
                float:left;
                margin:0px;
        }

        #searchbar form label {
                margin:1px 3px 0px 0px;
        }

        #searchbar form input[type=text] {
                padding:4px;
                width:300px;
                border:1px solid #666;
        }

        #searchbar form input[type=image] {
                padding:0px;
                margin:1px 0px 0px 3px;
        }

/* MY MENU */
        #mymenu {
                margin-bottom:15px;
        }

        #mymenu a {
                background:#334b66;
                color:#969eb0;
                text-shadow:0 1px 1px #000000;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                font-weight:bold;
                padding:5px 10px 5px 10px;
                text-decoration:none;
                margin-right:10px;
                border:1px solid #333;
        }

        #mymenu a:focus, #mymenu a.active {
                background:#465e78;
        }


/* CONTENTS */
        #contents {
                background:#fff;
        }

        #contents .wrapper {
                padding:15px;
                background:#fff;
                font-size:14px;
        }

        #contents .wrapper small {
                font-size:12px;

        }

/* FOOTER */
        #footer {
                height:150px;
        }

        #footer a, #footer p {
                color:#fff;
                font-size:12px;
                font-weight:normal;
        }

/* MISC */
        a {
                color:#333;
                font-weight:bold;
                text-decoration:none;
        }

        a img {
                border:0px;
        }


        .left {
                float:left;
        }

        .right {
                float:right;
        }

        .alignright {
                text-align:right;
        }

        .aligncenter {
                text-align:center;
        }

        .star {
                float:left;
                margin:5px 5px 0px 5px;
                width:16px;
                height:16px;
        }

        .star img {
                cursor:pointer;
        }


        #add_to_social {
                float:right;
                width:160px;
                text-align:center;
                margin:0px 0px 10px 0px;
        }

        #side_banner {
                float:right;
                width:160px;
                text-align:center;
        }


        sup {
                font-size:8px;
                font-weight:normal;
        }


        small a {
                font-weight:normal;
                color:#335;
                text-decoration:underline;
        }

        small strong, small strong a {
                font-weight:bold;
        }

        .gray, .gray a {
                color:#888;
        }


        a.plain {
                color:#111;
                font-weight:normal;
                text-decoration:none;
        }

        p {
                color:#111;
                margin:5px 0px 10px 0px;
        }


        h2, h2 a {
                color:#333;
                text-decoration:none;
        }

        h2, h3, h4 {
                text-shadow:0 1px 3px #000000;
        }


        h2 {
                font-size:30pt;
                margin-bottom:10px;
                margin-top:10px;
        }

        h3 {
                color:#333;
                font-size:20pt;
                margin-top:20px;
                clear:both;
        }

        h4 {
                color:#333;
                font-size:14pt;
                margin-top:20px;
        }

        .clear {
                clear:both;
        }

        .error {
                border:1px solid #333;
                padding:10px;
                background:#969eb0;
                color:#333;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                width:600px;
        }

        .center {
                text-align:center;
        }

        .error a {
                color:#fff;
                text-decoration:underline;
        }

        ul.categories {
        }

        .index_index ul.categories {
                margin:0px 0px 0px 25px;
        }

        .index_index ul.categories li {
                list-style-image: url(../img/bullet.png);
        }

        ul.categories li ul li {
                margin:0px 0px 0px 30px;
        }

        ul.categories li {
                list-style-type:none;
        }

        ul.categories li a {
                font-weight:normal;
        }

        p.notice {
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                border:1px solid #aaa;
                padding:7px 10px 7px 10px;
                background:#ffb;
        }

        .button {
                display:inline;
                background:#969eb0;
                color:#334b66;
                /*text-shadow:0 1px 1px #000000;*/
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                font-weight:bold;
                padding:5px 10px 5px 10px;
                text-decoration:none;
                margin-right:10px;
                border:1px solid #333;
        }

        .orange {
                background:#ff7800;
                color:#000;
        }

/* TABLE */
        table {
                border-collapse: collapse;
                width:100%;
        }

        table td, table th {
                border:1px solid #aaa;
                padding:5px;
        }

        table th {
                background:#334B66;
                color:#eee;
        }

        table tr.offline td, table tr.offline td a {
                color:#999;
        }

/* SMALL FORM ELEMENTS */
        textarea {
                border:1px solid #333;
                padding:5px;
                display:block;
                margin-bottom:10px;
        }

/* DEFAULT FORM */
        form input[type=text], form input[type=password] {
                border:1px solid #333;
                padding:5px;
                width:300px;
                margin-bottom:10px;
                display:block;
        }

        form input[type=submit], form input[type=button] {
                padding:5px 15px 5px 15px;
                border:1px solid #333;
                margin-top:10px;
                margin-bottom:10px;
                cursor:pointer;
        }

        form input[type=checkbox], form input[type=radio] {
                cursor:pointer;
        }

        form textarea {
                border:1px solid #333;
                padding:5px;
                width:80%;
                height:160px;
                display:block;
                margin-bottom:10px;
        }

        form label {
                display:block;
                cursor:pointer;
        }

        form .line {
                clear:both;
        }

        form .line input, form .line label {
                float:left;
                display:block;
        }

        form .line input {
                margin:10px 0px 10px 0px;
        }

        form .line label {
                margin:5px 5px 5px 5px;
        }

/* OVERLAY FORM */
        .simple_overlay form input[type=text], #login form input[type=password] {
                border:1px solid #eee;
        }

        .simple_overlay form input[type=submit], .simple_overlay form input[type=button] {
        }

        .simple_overlay form label[for=remember] {
                display:inline;
        }

        .simple_overlay form p, .simple_overlay form p a {
                color:#fff;
        }

        .simple_overlay form p a {
                text-decoration:underline;
                font-weight:normal;
        }

/* OVERLAY */
        .simple_overlay {
            display:none;
            z-index:10000;
            padding:10px;
            background-color:#333;
            color:#fff;
            width:500px;
            min-height:200px;
            border:1px solid #666;
            box-shadow:0 0 90px 5px #000;
            -moz-box-shadow:0 0 90px 5px #000;
            -webkit-box-shadow: 0 0 90px #000;
        }

        .simple_overlay .close {
            background-image:url(../img/close.png);
            position:absolute;
            right:-15px;
            top:-15px;
            cursor:pointer;
            height:35px;
            width:35px;
        }

/* IMAGE OVERLAY */
        .image_overlay {
            display:none;
            z-index:10000;

            padding:10px;
            background-color:#333;
            color:#fff;
            width:640px;
            min-height:200px;
            text-align:center;
            border:1px solid #666;
            box-shadow:0 0 90px 5px #000;
            -moz-box-shadow:0 0 90px 5px #000;
            -webkit-box-shadow: 0 0 90px #000;
        }

        .image_overlay .close {
            background-image:url(../img/close.png);
            position:absolute;
            right:-15px;
            top:-15px;
            cursor:pointer;
            height:35px;
            width:35px;
        }

/* COLS */
        .pct20 {
                float:left;
                width:20%;
        }

        .pct25 {
                float:left;
                width:25%;
        }

        .pct30 {
                float:left;
                width:30%;
        }

        .pct33 {
                float:left;
                width:33%;
        }

        .pct40 {
                float:left;
                width:40%;
        }

        .pct45 {
                float:left;
                width:45%;
        }

        .pct50 {
                float:left;
                width:50%;
        }

        .pct60 {
                float:left;
                width:60%;
        }

        .pct70 {
                float:left;
                width:70%;
        }

        .pct75 {
                float:left;
                width:75%;
        }

        .pct80 {
                float:left;
                width:80%;
        }


/* NEW ITEM */
        #new_item #steps {
                float:left;
                width:20%;
                margin-top:10px;
        }

        #new_item #steps ul, #new_item #steps ul li {
                list-style-type:none;
                padding:0px;
                margin:0px;
        }

        #new_item #steps ul li {
                padding:2px 0px 2px 15px;
                margin:0px 10px 10px 0px;
                border:1px solid #333;
                border-radius:3px;
                -moz-border-radius:25px 0px 0px 25px;
                -webkit-border-radius:3px;
        }

        #new_item #steps ul li a {
                color:#334b66;
        }

        #new_item #steps ul li#selected {
                background:#969eb0;
        }

        #new_item #steps ul li#selected a {
                color:#334b66;
        }

        #new_item #item {
                float:left;
                width:80%;
        }

        select#weeks {
                width:150px;
                margin-bottom:25px;
        }

/* NEW ITEM SELECT */
        #categories div {
                width:25%;
                float:left;
        }

        #categories select {
                border:1px solid #333;
                height:320px;
                width:98%;
                padding:2px;
        }

        input#next {
                margin-top:10px;
                float:left;
                display:block;
        }

        .loader {
                float:left;
                display:block;
                margin:17px 0px 0px 20px;
                display:none;
        }

        #images {
        }

        #images div.image {
                width:75px;
                height:75px;
                padding:3px;
                border:1px solid #aaa;
                text-align:center;
                float:left;
                margin:0px 5px 5px 0px;
        }

        #remove_images {
                display:none;
                clear:both;
        }

/* FEED */
        #feeds {
        }

        #feeds .feed {
                margin-bottom:20px;
        }

        #feeds .feed .item {
                clear:both;
                padding:5px;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
        }

        #feeds .feed .item .inner {
                padding:0px 15px 0px 15px;
        }

        #feeds .feed .item .info {
                text-align:center;
                float:right;
                padding:5px;
                margin:0px 0px 5px 5px;
        }

        #feeds .feed .item .left {
                float:left;
                margin:0px 5px 5px 0px;
        }

        #feeds .feed .item .right {
                float:right;
        }

        #feeds .feed .item img.preview {
                border:1px solid #aaa;
                padding:2px;
        }

        #feeds .feed .item .price {
                width:100px;
        }

        #feeds .feed .item .price a {
                font-weight:bold;
        }

/* TYPE TAGS */
        .type_tag {
                float:left;
                margin:0px 5px 0px 0px;
                padding:0px 5px 0px 5px;
                font-size:12px;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
        }

        a .type_tag {
                font-weight:normal;
        }

        .item .type_tag {
                margin:0px 5px 0px 0px;
        }

        .feed .item .type_tag {
                margin:0px 5px 0px 0px;
        }

        .type_sale {
                background:#363;
                color:#fff;
        }

        .type_buy {
                background:#633;
                color:#fff;
        }

        .type_swap {
                background:#336;
                color:#fff;
        }

        .type_free {
                background:#666;
                color:#fff;
        }

        .type_rent {
                background:#663;
                color:#fff;
        }

        .type_other {
                background:#366;
                color:#fff;
        }

/* ITEM */
        .item .images {
                padding:10px;
        }

        .item .images img.preview {
                cursor:pointer;
                border:1px solid #aaa;
                padding:2px;
        }

/* COMMENT */
        .comments .comment_wrapper {
                font-size:12px;
                margin-bottom:10px;
                padding:5px;
                background:#f6f6f6;
                border:1px solid #aaa;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
        }

        .comments .comment_wrapper .delete_comment {
                text-decoration:underline;
                cursor:pointer;
        }

        .comments .comment_wrapper .date {
                padding:3px 0px 0px 0px;
                font-size:10px;
                color:#666;
        }

        .comments .comment_wrapper .name {
                float:left;
                margin-right:5px;
        }

        .comments .comment_wrapper .name a {
                text-decoration:none;
                font-weight:bold;
                color:#005;
        }

        .comments .new .form {
                float:left;
                width:98%;
                margin:0px 3px 0px 0px;
        }

        .comments .new .form input {
                margin-top:0px;
                float:right;
                border:1px solid #333;
                background:#333;
                color:#fff;
                padding:1px;
                font-size:10px;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
        }

        .comments .new .form textarea {
                border:1px solid #aaa;
                width:100%;
                height:60px;
                font-size:12px;
                padding:3px;
        }

        .comments .owner {
                background:#d0d0ff;
        }

/* ITEM CONTACT */
        #contact .thread {
                border:1px solid #333;
                padding:10px;
                margin:15px 0px 0px 40px;
                background:#eee;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
        }

        #contact label, #contact input, #contact textarea, #contact p {
                font-size:12px;
        }

        #contact input[type=text], #contact textarea {
                width:95%;
        }

        #contact textarea {
                width:95%;
                height:60px;
        }

        #contact input[type=submit] {
                font-size:10px;
                margin:0px 0px 0px 0px;
                float:right;
                border:1px solid #333;
                background:#333;
                color:#fff;
                padding:1px 5px 1px 5px;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
        }

        #contact .message {
                padding:5px;
                margin:0px 0px 5px 0px;
                background:#eba;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
        }

        #contact .message p {
                margin:0px;
        }


        #contact .my_message {
                background:#9c9;
        }

/* CATEGORY VIEW */
        .category_list .items .item:hover {
                background:#eef;
        }

        .category_list .items .item {
                clear:both;
                padding:3px;
                margin:0px0px;
                border-bottom:1px solid #aaa;
        }

        .category_list .items .item a {
                font-weight:normal;
        }

        .category_list .items .item .text {
                float:left;
                width:100%;
                margin-bottom:2px;
                clear:both;
        }

        .category_list .items .item .info {
                float:right;
        }

        .category_list .items .item .type {
                display:inline;
        }

        .category_list .items .item .star {
                display:inline;
                margin:1px 3px 0px 0px;
                padding:0px;
        }

        .category_list .items .item .images {
                padding:0px;
                margin:-2px 3px 0px 0px;
                float:right;
                display:inline;
                height:18px;
        }

        .category_list .items .item .images a {
                font-size:12px;
        }

        .category_list .items .item .images img {
                font-size:12px;
        }

        .category_list .items .item .image {
                float:right;
                margin:0px 0px 3px 5px;
        }

        .category_list .items .item .image img {
                padding:2px;
                float:right;
        }

        .category_list .items .item .categories {
                float:left;
        }

        .category_list .items .item .categories, .category_list .items .item .categories a {                
                font-size:10pt;
                color:#333;
        }

        .category_list .items .item .price {
                float:right;
                text-align:right;
                width:80px;                
        }

        .category_list .items .item .price a {
                font-weight:bold;
        }

        .category_list .items .bold {
                background:#ddd;
        }

        .category_list .items .bold a {
                font-weight:bold;
        }

        .cateogry_empty {
                margin-bottom:30px;
                text-align:center;
        }

        .item_extras .category_list .items .item,
        .item_done .category_list .items .item {
                border:1px solid #aaa;
                margin-bottom:25px;
        }

/* ADMIN */
        .admin_wrapper {
                border:1px solid #333;
                padding:10px;
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                background:#eee;
        }

        .admin_wrapper form {
                float:left;
                margin:0px 10px 0px 0px;
                padding:0px;
        }

        .admin_wrapper form input[type=submit] {
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                background:#eee;
                color:#fff;
                background:#333;
                margin:0px;
        }

/* PAGER */
        .pager {
                float:right;
        }

        .pager a, .category_view .pager span {
                border:1px solid #333;
                display:block;
                float:left;
                padding:2px 7px 2px 7px;
                margin-left:2px;
                text-align:center;
        }

        .pager .current {
                background:#334B66;
                color:#fff;
        }

        .pager a {
                background:#eee;
        }