@charset "utf-8";

@media (max-width: 640px){

    .full-mobile,
    .mobile{display:block}
    body{}

    img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video{max-width:100%}
    textarea,table,td,th,code,pre,samp{hyphens:auto;word-wrap:break-word}
    code,pre,samp{white-space:pre-wrap}

    .form{}
    .form tr td.label{background:#eee;font-weight:bold}
    .form textarea,
    .form input[type=text],
    .form div{max-width:230px}

    .mbox{background:rgba(255,255,255,.97);box-shadow:none}
    .mbox .bar{display:none}
    .mbox .content{margin:10px;max-width:960px;max-height:500px;overflow:auto}
    .mbox .close{display:none}

    #header{padding:0;min-width:0}
    #banner{display:none}
    #navigator{margin:0}
    #navigator #f{width:auto}
    #menu{display:none}
    #search,
    .compact #search{width:165px}
    #search input[type=text],
    .compact #search input[type=text]{width:115px}
    #para {margin-right:5px}
    #para ul.boat li a:link,
    #para ul.boat li a:visited,
    #user ul.boat li a:link,
    #user ul.boat li a:visited{line-height:30px;font-size:14px}
    #user ul.boat li a span.checkbox{margin:5px 0 0 0}

    .db a.icon{width:64px;height:64px;margin:11px}
    .bbcode img{max-width:400px}

    .suptab,
    .subtab{height:auto;overflow:hidden}
    .subtab li a:link,
    .subtab li a:visited{line-height:40px;padding:0 10px}
    .subtab li a.selected{line-height:40px}
    .padding{padding:15px 5px}

    .suptab{}
    .suptab li{height:40px}
    .suptab li a:link,
    .suptab li a:visited{line-height:30px}
    .suptab li a.selected{color:#fff;background:#222;border-radius:5px}

    .mixed{float:none;margin:auto}

    .db-picture {float:none;margin:10px auto}
    .db-details {}

    .bb-buttons div{width:50%;display:none;margin:0 0 10px 0}
    .bb-buttons div.full-mobile{display:block;width:80%}

    .item li{position:relative}
    .item .i2,
    .item .i3,
    .item .i4{width:100%}
    .item .head{height:auto;overflow:hidden}
    .item .head input{display:inline-block;margin-bottom:5px}
    .item .head input[type=text]{max-width:80px}
    .item .head .sort{float:none;text-align:right;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:5px}
    .item .head .select{float:none;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:5px}
    .item .head .query{float:none;margin-top:10px}
    .item .head .query input[type=text]{max-width:200px}
    .item li .c20,
    .item li .c10,
    .item li .c8,
    .item li .c6,
    .item li .c5,
    .item li .c4,
    .item li .c3,
    .item li .c2{width:auto;clear:both;text-align:left;float:left;padding:5px}
    .item li .sub small.goto{clear:left;display:block;line-height:35px;margin-left:40px}
    .item .s-stamp{min-height:36px;height:auto}
    .item .m-stamp{min-height:64px;height:auto}
    .item .p{float:none;line-height:30px;border-bottom:1px dotted #e2e2e2;padding:0 0 10px 0;text-align:center}
    .item .num{display:inline-block;font-weight:bold;line-height:30px;padding:10px 0 0 0}
    .item .p a:link,
    .item .p a:visited{color:#666;text-decoration:none;font-weight:normal;display:inline-block;padding:0 6px;border:1px solid #eee}
    .item .p .selected{color:#000;background:#ffc;display:inline-block;padding:0 6px;border:1px solid #eee}
    .item .stat .label{width:100%;margin-bottom:10px}

    .manage-pms .item li .c4{clear:none;padding:4px 20px 0 8px;width:20%}
    .manage-pms .item li .c2{clear:both;padding:0;margin:15px 0 0 40px}
    .manage-pms .item li .c2 .sub{font-size:11px}
    .manage-pms .item li .c4 .thumbnail,
    .manage-pms .item li .c4 .sub{display:none}

    .cmd{line-height:30px;border:1px dotted #e2e2e2;margin:0;padding:0 5px;text-align:center;background:#f4f4f4}
    .cmd img{display:none}
    .item li .cmd{position:absolute;top:5px;right:5px}

    .manage-collection .item li .c3{clear:none;padding:0}
    .manage-collection .item li .c4{width:100%;padding:10px 0}
    .manage-collection .item li .c6{clear:none;padding:10px;text-align:right}
    .manage-collection .item li .c10{clear:none;padding:10px;text-align:right}

    .manage-budget .item li .c4{clear:none;padding:0;width:50%}
    .manage-budget .item li .c6{padding:10px;}
    .manage-budget .item li .c8{clear:none;padding:10px;text-align:right}
    .manage-budget .item li .c20{clear:none;padding:10px;text-align:right}

    .manage-wishlist .item li .c2{clear:none;padding:0;width:50%}
    .manage-wishlist .item li .c6{padding:10px;}

    .manage-trash .item li.hover{min-height:62px}

    .manage-pictures .item li.hover{min-height:80px}
    .manage-picture-count{width:auto;position:absolute;top:60px;left:5px}
    .manage-pictures .item li .cmd{position:absolute;top:50px;right:0px}
    .manage-pictures .item li .cmd p,
    .manage-picture-count p{float:left;padding:0 10px}

    .manage-blog .item li.hover{min-height:80px}
    .manage-blog-count{width:auto;position:absolute;top:60px;left:5px}
    .manage-blog .item li .cmd{position:absolute;top:50px;right:0px}
    .manage-blog .item li .cmd p,
    .manage-blog-count p{float:left;padding:0 10px}

    .manage-shop .item li.hover{min-height:88px}
    .manage-shop .item li .c2{clear:none;padding:0;width:50%}
    .manage-shop .item li .c10{position:absolute;top:70px;right:0}
    .manage-shop .item li .cmd{position:absolute;top:5px;right:0}
    .manage-shop .item li .c10 p{float:left;padding:0 5px}

    .manage-lists .item li.hover{min-height:80px}
    .manage-lists .item li .cmd{position:absolute;top:50px;right:0px}
    .manage-lists .item li .cmd p{float:left;padding:0 10px}

    .manage-clubs .item li.hover{min-height:80px}
    .manage-clubs .item li .cmd{position:absolute;top:50px;right:0px}

    .manage-pms .item li .query,
    .manage-collection .item li .query,
    .manage-budget .item li .query,
    .manage-wishlist .item li .query,
    .manage-trash .item li .query,
    .manage-pictures .item li .query,
    .manage-blog .item li .query,
    .manage-shop .item li .query,
    .manage-lists .item li .query,
    .manage-friends .item li .query,
    .manage-favs .item li .query,
    .manage-notes .item li .query,
    .manage-subs .item li .query{text-align:right}

    .manage-collection .item .head .checkbox,
    .manage-subs .item .head .checkbox,
    .manage-friends .item .head .checkbox,
    .manage-favs .item .head .checkbox,
    .manage-notes .item .head .checkbox{float:none;border-bottom:1px solid #fff;padding:5px;margin:0}

    .manage-subs .item li.hover{min-height:80px}
    .manage-subs .item li .cmd{position:absolute;top:50px;right:0px}
    .manage-subs .item li .cmd p{float:left;padding:0 10px}

    .item li.item-discussions .right-bubble{position:absolute;bottom:5px;right:0}
    .item li.item-discussions .club-name{display:block;line-height:35px;font-size:11px}
    .item li.item-discussions .club-name img{vertical-align:middle}

    .seller{width:auto}
    .split-a{float:none;width:100%;max-width:100%}
    .split-b{margin-top:20px;float:none;width:100%;max-width:100%}

    .timeline{width:328px;margin:auto}
    .timeline-wrapper{width:140px}
    .timeline-label{max-width:120px;line-height:20px;padding-top:20px}
    .timeline-odd .timeline-wrapper{background-position:-7px 20px}
    .timeline-even .timeline-wrapper{background-position:153px 20px}

    .item-release-date{width:50%;text-align:center}
    .item-release-run{width:50%;text-align:center}
    .item-release-event{width:50%;text-align:center}
    .item-release-price{width:50%;text-align:center}
    .item-release-barcode{clear:both;float:left;text-align:center;width:50%}
    .item-release-catalog{float:left;text-align:center;width:50%}

    .item-search-entry,
    .item-view-entry,
    .item-search-add-entry{display:inline-block;line-height:30px;padding:0 10px;margin:10px;border-radius:5px;background:#eee;color:#444}

    .square{margin-top:12px}

    .p1,
    .p2,
    .p3,
    .p4,
    .p6{width:170px}

    .mox{border:0;box-shadow:none}
    .mbox .content{max-width:auto;max-height:auto}

    ul.sd li {padding:0;line-height:30px}
    .msg{line-height:25px}

    .pager{padding:10px 0;margin:10px 0;line-height:30px}
    .pager a:link,
    .pager a:visited,
    .pager a.number:link,
    .pager a.number:visited{margin:0;color:#666;text-decoration:none;font-weight:normal;display:inline-block;padding:0 6px;border:1px solid #eee}
    .pager span.selected{color:#000;background:#ffc;display:inline-block;padding:0 6px;border:1px solid #eee}

    .reply{background:#fff;margin:10px 0}
    .reply .top{padding:0 2px;background:#fff;border-bottom:1px solid #ccc;line-height:24px}
    .reply .info{float:none;padding:5px;background:#fff url(../pics/shadow-2.png) repeat-x 0 0;overflow:hidden;width:auto}
    .reply .info .identity{float:left;margin:0}
    .reply .info .avatar{float:right}
    .reply .info .avatar img{width:32px;height:32px}
    .reply .info .data{display:none}
    .reply .info .navigator{display:none}
    .reply .content{margin:0;padding:5px;max-width:340px;overflow:auto}
    .reply .content img{max-width:300px}
    .reply .content .time{margin-bottom:0}
    .reply .content .signature{display:none}
    .reply .action{overflow:hidden;border-top:0;background:#fff;margin-top:20px;padding:5px}
    .reply .action .id{font-size:10px}
    #id_reply{display:inline-block;padding:0 10px;line-height:30px;border:1px solid #ccc;border-radius:5px;background:#f2f2f2}

    .comment .head{position:relative;height:42px}
    .comment .head .time{position:absolute;left:44px;bottom:7px}
    .comment .head .title{}
    .comment blockquote{clear:both}
    .reply blockquote img{max-width:300px}
    .comment .foot{margin:0}

    #pic {}
    #pic .next{display:none}
    #pic .prev{display:none}
    #pic .thepic{box-shadow:none;max-width:330px}

    #neck{display:none}
    #more{display:none}
    #content{width:auto;padding:0;position:relative;overflow:hidden;background:#fff}
    #footer{margin-bottom:100px}
    #footer .align,
    .custom #footer .align{width:auto}

    #wide{float:none;width:auto;background:#fff}
    #side{float:none;position:absolute;right:-360px;top:10px;z-index:97;background-color:#fff;border:1px solid #ccc;border-width:1px 0 0 1px;box-shadow:0 0 8px rgba(0,0,0,.3)}

    #mobile-menu{float:none;position:absolute;width:160px;left:-161px;top:5px;z-index:98;background:#eee;border:0;border-bottom-right-radius:4px;border-top-right-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.3)}

    #mobile-menu ul.primary{margin:4px}
    #mobile-menu ul.primary li.primary{background:#fff url(../pics/shadow-3.png) repeat-x 0 0}
    #mobile-menu ul.primary li.primary a{display:block}
    #mobile-menu ul.primary li.primary a:link,
    #mobile-menu ul.primary li.primary a:visited{display:block;margin:1px 0;padding:0;line-height:42px;font-size:14px;font-weight:bold;color:#666;background:none;text-align:center;text-decoration:none;text-shadow:1px 1px 0 #fff;border:1px solid #ccc}
    #mobile-menu ul.primary li.primary a.selected:link,
    #mobile-menu ul.primary li.primary a.selected:visited{border-right:1px solid #ccc;background:#ddd;color:#444}
    #mobile-menu ul.primary li.primary ul.secondary{position:static;margin:0}
    #mobile-menu ul.primary li.primary ul.secondary li.secondary{background:#eee}
    #mobile-menu ul.primary li.primary ul.secondary li.secondary a:link,
    #mobile-menu ul.primary li.primary ul.secondary li.secondary a:visited{display:block;margin:0;padding:0 10px;line-height:30px;text-align:left;background:none;border:0;color:#666;font-weight:normal;font-size:13px}
    #mobile-menu ul.primary li.primary ul.secondary li.secondary a.selected:link,
    #mobile-menu ul.primary li.primary ul.secondary li.secondary a.selected:visited{background:#ccc;color:#444;text-decoration:none}

    .toggle-sidebar{z-index:99;position:fixed;bottom:5px;right:5px;width:54px;height:54px;border-radius:27px;background:#800 url(../pics/toggle-sidebar.png) no-repeat center center;display:block}

    .toggle-menu{z-index:99;position:fixed;bottom:5px;left:5px;width:54px;height:54px;border-radius:27px;background:#080 url(../pics/home.png) no-repeat center center;display:block}

    .opened{background-color:#888}

    ul.tab{margin:1px 0 0 0;padding:0;height:auto;overflow:hidden}

    .homelogin{display:none}

    .ad-wide-bottom{width:auto;height:auto;margin:auto;overflow:hidden;background:#fff}
    .ad-wide-bottom ins{display:block;width:320px;height:50px;margin:auto}

    a.desktop,
    .subtab li a.desktop:link,
    .subtab li a.desktop:visited,
    .desktop{display:none}

    #footer-menu ul{margin:0 0 10px 0;overflow:hidden}
    #footer-menu ul li{margin:5px;float:left}
    #footer-menu ul li a{display:block;border:1px solid #ccc;background:#ddd;padding:5px;font-size:13px}
    #footer .footer-nav{display:none}
    #footer .benchmark{display:block;margin:10px 0;border:1px solid #ccc;background:#fff;padding:5px}

}