/* ::::: style.css ::::: */

body, div, span, td, p, h1, h2, h3, h4 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; color: rgb(194, 184, 175); }
a:link, a:visited { color: rgb(194, 184, 175); text-decoration: none; }
a:hover, a:active { color: rgb(194, 184, 175); text-decoration: underline; }
body { margin: 0pt auto; background-color: rgb(194, 184, 175); }
.schematic_outer { margin: 20px auto; padding: 10px; position: relative; width: 720px; height: 405px; background-color: rgb(69, 97, 144); }
.schematic_inner { border: 5px solid rgb(194, 184, 175); padding: 10px; position: relative; width: 690px; height: 375px; }
.schematic_left { background: transparent url('schematic_left.png') no-repeat scroll left top; position: absolute; width: 10px; height: 425px; top: 0px; left: 0px; }
.schematic_right { background: transparent url('schematic_right.png') no-repeat scroll left top; position: absolute; width: 20px; height: 425px; top: 0px; right: 0px; }
#link_back { position: absolute; left: 10px; bottom: 10px; font-size: 12px; }

/* ::::: index.css ::::: */

#black { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: black; z-index: 2; }
#qstat { margin: 0pt; padding: 6px; position: absolute; width: 680px; height: 365px; top: 9px; left: 10px; background-color: rgb(69, 97, 144); z-index: 5; cursor: pointer; }
#qstat_inner { border: 2px solid rgb(194, 184, 175); margin: 0pt; padding: 6px; width: 664px; height: 349px; z-index: 5; }
#qstat_inner pre { margin: 0pt; padding: 0pt; font-family: monospace; font-size: 10px; line-height: 1.05; white-space: pre; }
#title { position: absolute; width: 340px; height: 90px; text-align: center; }
#title_top { font-size: 12px; color: rgb(194, 184, 175); cursor: default; }
#title_mid { font-size: 48px; font-weight: bold; color: rgb(194, 184, 175); letter-spacing: 0.4ex; text-transform: uppercase; cursor: default; }
#title_bot { font-size: 20px; color: rgb(194, 184, 175); text-transform: uppercase; cursor: default; }
#currentmap { overflow: hidden; position: absolute; width: 140px; top: 210px; left: 20px; font-size: 14px; }
#mapname { font-size: 12px; font-weight: bold; }
#players { overflow: hidden; position: absolute; width: 560px; height: 44px; top: 333px; left: 145px; font-size: 10px; line-height: 1.05; cursor: pointer; }
#players .playername { font-size: 8px; white-space: nowrap; }

#sandvich:link, #sandvich:visited { background: transparent url('sandvich.png') no-repeat scroll left top; overflow: hidden; position: absolute; display: block; width: 240px; height: 220px; top: 115px; left: 145px; text-decoration: none; }
#sandvich:hover, #sandvich:active { text-decoration: none; background-position: 0px -225px; }

#schematic_lines { background: transparent url('main_lines.png') no-repeat scroll left top; position: absolute; width: 147px; height: 237px; top: 80px; left: 350px; }
#toothpick { background: transparent url('toothpick.png') no-repeat scroll left top; position: absolute; width: 6px; height: 32px; top: 7px; left: 494px; }
.schematic_link:link, .schematic_link:visited { font-size: 12px; }
.schematic_link:hover, .schematic_link:active { text-decoration: none; }
#pin_1 { background: transparent url('pin_1.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 339px; }
#link_1 { position: absolute; left: 560px; bottom: 337px; }
#link_1:link .piece, #link_1:visited .piece { background: transparent url('olive.png') no-repeat scroll left top; position: absolute; width: 27px; height: 24px; top: -6px; left: -77px; }
#link_1:hover .piece, #link_1:active .piece { background-position: 0px -24px; }
#pin_2 { background: transparent url('pin_2.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 314px; }
#link_2 { position: absolute; left: 561px; bottom: 312px; }
#link_2:link .piece, #link_2:visited .piece { background: transparent url('bread_top.png') no-repeat scroll left top; position: absolute; width: 82px; height: 40px; top: -6px; left: -110px; }
#link_2:hover .piece, #link_2:active .piece { background-position: 0px -40px; }
#pin_3 { background: transparent url('pin_3.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 283px; }
#link_3 { position: absolute; left: 561px; bottom: 281px; }
#link_3:link .piece, #link_3:visited .piece { background: transparent url('lettuce.png') no-repeat scroll left top; position: absolute; width: 74px; height: 36px; top: 1px; left: -106px; }
#link_3:hover .piece, #link_3:active .piece { background-position: 0px -36px; }
#pin_4 { background: transparent url('pin_4.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 243px; }
#link_4 { position: absolute; left: 561px; bottom: 241px; }
#link_4:link .piece, #link_4:visited .piece { background: transparent url('tomatoes.png') no-repeat scroll left top; position: absolute; width: 82px; height: 36px; top: 1px; left: -108px; }
#link_4:hover .piece, #link_4:active .piece { background-position: 0px -36px; }
#pin_5 { background: transparent url('pin_5.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 183px; }
#link_5 { position: absolute; left: 561px; bottom: 181px; }
#link_5:link .piece, #link_5:visited .piece { background: transparent url('cheese.png') no-repeat scroll left top; position: absolute; width: 80px; height: 82px; top: -24px; left: -105px; }
#link_5:hover .piece, #link_5:active .piece { background-position: 0px -82px; }
#pin_6 { background: transparent url('pin_6.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 120px; }

#pin_8 { background: transparent url('pin_5.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 183px; }
#link_8 { position: absolute; left: 115px; bottom: 110px; }
/* #link_8:link .piece, #link_5:visited .piece { background: transparent url('circle.png') no-repeat scroll left top; position: absolute; width: 120px; height: 120px; top: -24px; left: -105px; } */
#link_8:hover .piece, #link_5:active .piece { background-position: 0px -145px; }

#link_6 { position: absolute; left: 561px; bottom: 118px; }
#link_6:link .piece, #link_6:visited .piece { background: transparent url('meat.png') no-repeat scroll left top; position: absolute; width: 85px; height: 40px; top: -7px; left: -113px; }
#link_6:hover .piece, #link_6:active .piece { background-position: 0px -40px; }
#pin_7 { background: transparent url('pin_7.png') no-repeat scroll left top; position: absolute; width: 32px; height: 8px; left: 522px; bottom: 85px; }
#link_7 { position: absolute; left: 561px; bottom: 83px; }
#link_7:link .piece, #link_7:visited .piece { background: transparent url('bread_bottom.png') no-repeat scroll left top; position: absolute; width: 85px; height: 36px; top: -3px; left: -111px; }
#link_7:hover .piece, #link_7:active .piece { background-position: 0px -36px; }
#circle:link, #circle:visited { background: transparent url('circle.png') no-repeat scroll left top; overflow: hidden; position: absolute; display: block; width: 120px; height: 120px; bottom: 20px; left: 20px; }
#circle:hover, #circle:active { text-decoration: none; }
#circle_1 { position: absolute; width: 100px; top: 37px; left: 10px; font-size: 18px; font-weight: bold; color: rgb(69, 97, 144); text-align: center; text-transform: uppercase; }
#circle_2 { position: absolute; width: 100px; top: 60px; left: 10px; font-size: 10px; font-weight: bold; color: rgb(69, 97, 144); text-align: center; text-transform: uppercase; }
#triangle:link, #triangle:visited { background: transparent url('triangle.png') no-repeat scroll left top; overflow: hidden; position: absolute; display: block; width: 110px; height: 90px; top: 6px; right: 5px; }
#triangle:hover, #triangle:active { text-decoration: none; }
#triangle_1 { position: absolute; top: 10px; left: 25px; font-size: 9px; font-weight: bold; color: rgb(69, 97, 144); text-transform: uppercase; }
#triangle_2 { position: absolute; top: 24px; left: 45px; font-size: 9px; color: rgb(69, 97, 144); text-transform: uppercase; }
#triangle_3 { position: absolute; top: 48px; left: 74px; font-size: 7px; color: rgb(69, 97, 144); text-transform: uppercase; }
#triangle_4 { position: absolute; top: 55px; left: 84px; font-size: 7px; color: rgb(69, 97, 144); text-transform: uppercase; }