pirate/css/main.css

.sprite {
    width: 32px;
    height: 32px;
    position: absolute;
}

.animate {
    background-position: left bottom !important;
}

.spriteUtils {
    position: absolute;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0;
}

.flower {
    width: 32px;
    height: 32px;
    background: url(../img/objectlayer.png) 125px -29px;
    ;
}

.tree1 {
    width: 60px;
    height: 60px;
    z-index: 110 !important;
    background: url(../img/objectlayer.png) 315px -70px;
}

.stone1 {
    width: 32px;
    height: 35px;
    background: url(../img/objectlayer.png) 158px -65px;
}

.default_ship {
    width: 70px;
    position: relative;
    top: -24px;
    left: -33px;
}

.guy {
    width: 32px;
    height: 32px;
    position: relative;
    top: -13px;
    left: -13px;
    background: url(../img/guy_sprite.png) 0px 0px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0;
}

/* Items */
.item_boots_boots1 {
    background: url(../img/items.png) 0px -95px;
    width: 30px;
    background-size: 500px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_boots_boots2 {
    background: url(../img/items.png) -32px -95px;
    width: 30px;
    background-size: 500px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_boots_boots3 {
    background: url(../img/items.png) -64px -94px;
    width: 30px;
    background-size: 500px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_boots_boots4 {
    background: url(../img/items.png) -96px -95px;
    width: 30px;
    background-size: 500px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_boots_boots5 {
    background: url(../img/items.png) -125px -94px;
    width: 30px;
    background-size: 500px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_tool_axe1 {
    background: url(../img/items.png) 0px -208px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_tool_axe2 {
    background: url(../img/items.png) -28px -208px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_tool_axe3 {
    background: url(../img/items.png) -60px -208px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_tool_axe4 {
    background: url(../img/items.png) -90px -208px;
    width: 30px;
    background-size: 477px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_tool_axe5 {
    background: url(../img/items.png) -119px -208px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_head_head1 {
    background: url(../img/items.png) -1px 0px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_head_head2 {
    background: url(../img/items.png) -30px 0px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_head_head3 {
    background: url(../img/items.png) -60px 0px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_head_head4 {
    background: url(../img/items.png) -90px 0px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_head_head5 {
    background: url(../img/items.png) -120px 0px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_legs_legs1 {
    background: url(../img/items.png) 0px -59px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_legs_legs5 {
    background: url(../img/items.png) -120px -59px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_legs_legs4 {
    background: url(../img/items.png) -90px -59px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_legs_legs3 {
    background: url(../img/items.png) -60px -59px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_legs_legs2 {
    background: url(../img/items.png) -30px -59px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_chest_chest1 {
    background: url(../img/items.png) 0px -28px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_chest_chest2 {
    background: url(../img/items.png) -30px -28px;
    width: 30px;
    background-size: 480px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_chest_chest3 {
    background: url(../img/items.png) -59px -28px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_chest_chest4 {
    background: url(../img/items.png) -89px -28px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_chest_chest5 {
    background: url(../img/items.png) -120px -28px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_sword1 {
    background: url(../img/items.png) 0px -120px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_sword2 {
    background: url(../img/items.png) -29px -120px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_sword3 {
    background: url(../img/items.png) -60px -120px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_sword4 {
    background: url(../img/items.png) -90px -120px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_sword5 {
    background: url(../img/items.png) -120px -120px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_item_spaten3 {
    background: url(../img/items.png) -59px -149px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_weapon_stick1 {
    background: url(../img/items.png) -150px -91px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_item_bone0 {
    background: url(../img/items.png) -356px -29px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_item_seemen0 {
    background: url(../img/items.png) -266px 1px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_consumable_fish1 {
    background: url(../img/items.png) -268px -146px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_consumable_fish2 {
    background: url(../img/items.png) -298px -148px;
    width: 30px;
    background-size: 476px;
    margin-left: 5px;
    margin-top: 5px;
}

.item_item_dimond1 {
    background: url(../img/items.png) -350px -150px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.item_item_woods1 {
    background: url(../img/items.png) -349px -33px;
    width: 30px;
    background-size: 506px;
    margin-left: 5px;
    margin-top: 5px;
}


/* Slot Imgs */

.slot_head {
    background: url(../img/items.png) -100px 0px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_chest {
    background: url(../img/items.png) -50px -48px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_legs {
    background: url(../img/items.png) -50px -98px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_boots {
    background: url(../img/items.png) -50px -150px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_weapon {
    background: url(../img/items.png) 0px -200px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_tool {
    background: url(../img/items.png) 0px -348px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

.slot_item {
    background: url(../img/items.png) -350px -150px;
    width: 50px;
    background-size: 800px;
    opacity: 25%;
}

/* Guy */
.guy1-0-0 {
    background: url(../img/guy_sprite.png) 0px 0px;
}

.guy1-0-1 {
    background: url(../img/guy_sprite.png) -32px 0px;
}

.guy1-0-2 {
    background: url(../img/guy_sprite.png) -64px 0px;
}

.guy0--1-0 {
    background: url(../img/guy_sprite.png) 0px -32px;
}

.guy0--1-1 {
    background: url(../img/guy_sprite.png) -32px -32px;
}

.guy0--1-2 {
    background: url(../img/guy_sprite.png) -64px -32px;
}

.guy0-1-0 {
    background: url(../img/guy_sprite.png) 0px 192px;
}

.guy0-1-1 {
    background: url(../img/guy_sprite.png) -32px 192px;
}

.guy0-1-2 {
    background: url(../img/guy_sprite.png) -64px 192px;
}

.guy-1-0-0 {
    background: url(../img/guy_sprite.png) 0px 160px;
}

.guy-1-0-1 {
    background: url(../img/guy_sprite.png) -32px 160px;
}

.guy-1-0-2 {
    background: url(../img/guy_sprite.png) -64px 160px;
}

.guy-1--1-0 {
    background: url(../img/guy_sprite.png) -96px 224px;
}

.guy-1--1-1 {
    background: url(../img/guy_sprite.png) -128px 224px;
}

.guy-1--1-2 {
    background: url(../img/guy_sprite.png) -160px 224px;
}

.guy-1-1-0 {
    background: url(../img/guy_sprite.png) -96px 160px;
}

.guy-1-1-1 {
    background: url(../img/guy_sprite.png) -128px 160px;
}

.guy-1-1-2 {
    background: url(../img/guy_sprite.png) -160px 160px;
}

.guy1-1-0 {
    background: url(../img/guy_sprite.png) -96px -64px;
}

.guy1-1-1 {
    background: url(../img/guy_sprite.png) -128px -64px;
}

.guy1-1-2 {
    background: url(../img/guy_sprite.png) -160px -64px;
}

.guy1--1-0 {
    background: url(../img/guy_sprite.png) -96px 0px;
}

.guy1--1-1 {
    background: url(../img/guy_sprite.png) -128px 0px;
}

.guy1--1-2 {
    background: url(../img/guy_sprite.png) -160px 0px;
}

#main {
    -webkit-transform: scale(1.5);
    transform: scale(2);
    transform-origin: 0;
}

.fass {
    width: 32px;
    height: 43px;
    background: url(../img/objectlayer.png) 157px -18px;
}

.forest {
    width: 46px;
    height: 46px;
    background: url(../img/ground_tiles.png) -135px -17px;
}

.treasure-closed {
    width: 34px;
    height: 36px;
    background: url(../img/chest.png) 95px -221px;
}

.treasure-open {
    width: 34px;
    height: 36px;
    background: url(../img/chest.png) 55px -213px;
}


.water {
    background: url(../img/ground_tiles.png) 192px 254px;
}

.water_1 {
    background: url(../img/ground_tiles.png) -1px -1px;
}

.water_2 {
    background: url(../img/ground_tiles.png) -98px -1px;
}

.ground {
    background: url(../img/ground_tiles.png) 640px 541px;
}

.leftRight_1 {
    background: url(../img/ground_tiles.png) 224px 285px;
}

.leftRight_2 {
    background: url(../img/ground_tiles.png) 224px 414px;
}

.leftRight_3 {
    background: url(../img/ground_tiles.png) 224px 541px;
}

.leftRight_5 {
    background: url(../img/ground_tiles.png) 414px 544px;
}

.grass {
    background: url(../img/ground_tiles.png) 640px 635px;
}

.leftRightT_1 {
    background: url(../img/ground_tiles.png) 192px 317px;
}

.leftRightTT_1 {
    background: url(../img/ground_tiles.png) 224px 253px;
}

.leftRightT_2 {
    background: url(../img/ground_tiles.png) 192px 445px;
}

.leftRightT_3 {
    background: url(../img/ground_tiles.png) 160px 510px;
}

.leftRightT_5 {
    background: url(../img/ground_tiles.png) 383px 540px;
}

.topDown_1 {
    background: url(../img/ground_tiles.png) 256px 253px;
}

.topDown_2 {
    background: url(../img/ground_tiles.png) 252px 381px;
}

.topDown_3 {
    background: url(../img/ground_tiles.png) 256px 509px;
}

.topDown_5 {
    background: url(../img/ground_tiles.png) 448px 509px;
}

.rightLeft_1 {
    background: url(../img/ground_tiles.png) 288px 285px;
}

.rightLeft_2 {
    background: url(../img/ground_tiles.png) 288px 413px;
}

.rightLeft_3 {
    background: url(../img/ground_tiles.png) 288px 541px;
}

.rightLeft_5 {
    background: url(../img/ground_tiles.png) 480px 541px;
}

.rightLeftT_1 {
    background: url(../img/ground_tiles.png) 160px 317px;
}

.rightLeftTT_1 {
    background: url(../img/ground_tiles.png) 288px 254px;
}

.rightLeftT_2 {
    background: url(../img/ground_tiles.png) 160px 445px;
}

.rightLeftT_3 {
    background: url(../img/ground_tiles.png) 192px 509px;
}

.rightLeftT_5 {
    background: url(../img/ground_tiles.png) 352px 541px;
}

.downTop_1 {
    background: url(../img/ground_tiles.png) 256px 317px;
}

.downTop_2 {
    background: url(../img/ground_tiles.png) 256px 445px;
}

.downTop_3 {
    background: url(../img/ground_tiles.png) 256px 573px;
}

.downTop_5 {
    background: url(../img/ground_tiles.png) 448px 573px;
}

.rightLeftB_1 {
    background: url(../img/ground_tiles.png) 192px 285px;
}

.rightLeftBB_1 {
    background: url(../img/ground_tiles.png) 224px 317px;
}

.leftRightB_1 {
    background: url(../img/ground_tiles.png) 160px 285px;
}

.leftRightBB_1 {
    background: url(../img/ground_tiles.png) 288px 317px;
}

.leftRightB_2 {
    background: url(../img/ground_tiles.png) 192px 413px;
}

.leftRightB_3 {
    background: url(../img/ground_tiles.png) 160px 541px;
}

.leftRightB_5 {
    background: url(../img/ground_tiles.png) 383px 509px;
}

.rightLeftB_2 {
    background: url(../img/ground_tiles.png) 160px 413px;
}

.rightLeftB_3 {
    background: url(../img/ground_tiles.png) 192px 541px;
}

.rightLeftB_5 {
    background: url(../img/ground_tiles.png) 352px 509px;
}

.rightLeftBU_2 {
    background: url(../img/ground_tiles.png) 288px 445px;
}

.rightLeftBU_3 {
    background: url(../img/ground_tiles.png) 288px 573px;
}

.rightLeftBU_5 {
    background: url(../img/ground_tiles.png) 480px 573px;
}

.leftRightBU_2 {
    background: url(../img/ground_tiles.png) 224px 445px;
}

.leftRightBU_3 {
    background: url(../img/ground_tiles.png) 224px 573px;
}

.leftRightBU_5 {
    background: url(../img/ground_tiles.png) 416px 573px;
}

.rightLeftTU_2 {
    background: url(../img/ground_tiles.png) 224px 381px;
}

.rightLeftTU_3 {
    background: url(../img/ground_tiles.png) 224px 509px;
}

.rightLeftTU_5 {
    background: url(../img/ground_tiles.png) 416px 509px;
}

.leftRightTU_2 {
    background: url(../img/ground_tiles.png) 288px 381px;
}

.leftRightTU_3 {
    background: url(../img/ground_tiles.png) 288px 509px;
}

.leftRightTU_5 {
    background: url(../img/ground_tiles.png) 480px 509px;
}