#body					{ margin: 0px; cursor: default; background: black url(backdrop-noshadow.jpg) no-repeat center top fixed; }
#backdrop				{ position: relative; no-repeat; width: 1000px; border: 1px dotted #444444; border-top: 0; border-bottom: 0; }
#logo					{ position: absolute; left: 50px; background: url(logo.png) no-repeat; width: 404px; height: 90px; margin: 25px; }
#pagebody				{ padding: 40px; padding-top: 166px; padding-bottom: 10px; font-family: tahoma, sans-serif; font-size: 9px; color: #FFEAB7; text-align: left; }

#menu					{ position: absolute; right: 10px; top: 10px; width: 450px; height: 105px; text-align: right;background: url(menuitem-glow.png) -200px -200px no-repeat; }
#menu A					{ float: right; display: block; width: 101px; height: 101px; background: url(menuitem.png) no-repeat center center; color: white; overflow: hidden; }
#menu A:hover			{ background: url(menuitem-glow.png) no-repeat center center; }
#menu SPAN				{ display: block; width: 35px; height: 35px; margin: 34px; text-indent: 200px; overflow: hidden; }
#menu-about				{ background: url(icons.png) -76px -200px; }
#menu-news				{ background: url(icons.png) -138px -200px; }
#menu-play				{ background: url(icons.png) -138px -139px; }
#menu-reload			{ background: url(icons.png) -14px -13px; }
#menu-comments			{ background: url(icons.png) -262px -138px; }

.column					{ color: white; line-height: 1.2em; }
.clear					{ clear:both; }
.left .inner			{ margin-left: 40px; margin-right: 60px; * margin-right: 150px; overflow: hidden; }
.centered 				{ width: 50%; text-align: left; }

.icon					{ width: 50px; height: 50px; background: url(icons.png) no-repeat -400px -400px; margin: 10px; margin-bottom: 0px; *margin-top: 0px; }
.right.icon				{ margin-right: 0px; }
.left.icon				{ margin-left: 0px; }

.o1						{ background-position: -10px -9px; }
.o2						{ background-position: -68px -9px; }
.o3						{ background-position: -130px -9px; }
.o4						{ background-position: -192px -9px; }
.o5						{ background-position: -254px -9px; }
.o6						{ background-position: -316px -9px; }
.o7						{ background-position: -10px -71px; }
.o8						{ background-position: -68px -71px; }
.o9						{ background-position: -130px -71px; }
.o10					{ background-position: -192px -71px; }
.o11					{ background-position: -254px -71px; }
.o12					{ background-position: -316px -71px; }
.o13					{ background-position: -10px -133px; }
.o14					{ background-position: -68px -133px; }
.o15					{ background-position: -130px -133px; }
.o16					{ background-position: -192px -133px; }
.o17					{ background-position: -254px -133px; }
.o18					{ background-position: -316px -133px; }
.o19					{ background-position: -10px -195px; }
.o20					{ background-position: -68px -195px; }
.o21					{ background-position: -130px -195px; }
.o22					{ background-position: -192px -195px; }
.o23					{ background-position: -254px -195px; }
.o24					{ background-position: -316px -195px; }

.gap					{ margin-top: 50px; margin-bottom: 50px; }
.dif					{ color: #D6CDAB; }

A						{ text-decoration: none; }
A						{ color: #FFA500; }
A:hover					{ color: red; }
H1						{ color: white; font-size: 16px; letter-spacing: 4px; text-decoration: none; }
H5						{ color: orange; font-size: 10px; letter-spacing: 3px; text-decoration: none; }
H6						{ color: #FD4309; font-size: 9px; letter-spacing: 0px; text-decoration: none; margin: 0px; text-transform: lowercase; font-weight: normal; }
P SPAN					{ color: #F9E1AC; }
P						{ text-align: justify; line-height: 1.4em; }
TD						{ font-family: tahoma, sans-serif; font-size: 9px; color: #FFFFFF; }
INPUT, SELECT, TEXTAREA	{ font-family: tahoma, sans-serif; font-size: 9px; color: #FFFFFF; background: black; border: 1px solid white; padding: 2px; *padding:4px; padding-right: 2px; padding-left: 0px; text-indent: 1px; }
SELECT.disabled			{ color: gray; border: 1px solid #999999; }
TEXTAREA:hover,
INPUT:hover				{ outline: 1px solid orange; }
FORM					{ margin: 0px; padding: 0px; }


.cellleft				{ text-align: left; }
.cellright				{ text-align: right; }

.wide					{ overflow: hidden; text-align: left; margin-bottom: 10px; }
.wide .inner			{ margin: 20px; overflow: hidden; }

.key					{ width: 56px; height: 47px; background: url(key.png) no-repeat; display: block; overflow: hidden; font-size:0px; text-indent: 999em; }
.key DIV				{ width: 40px; height: 33px; margin: 8px; margin-top:2px; background-repeat: no-repeat; }
.key-space				{ background: url(keys.space.png); }
.key-arrow-up			{ background: url(keys.arrow-up.png); }
.key-arrow-left			{ background: url(keys.arrow-left.png); }
.key-arrow-right		{ background: url(keys.arrow-right.png); }
.key-arrow-down			{ background: url(keys.arrow-down.png); }
.key-return				{ background: url(keys.return.png); }
.key-space				{ background: url(keys.space.png); }
.key-backspace			{ background: url(keys.backspace.png); }
.key-shift				{ background: url(keys.shift.png); }
.key-del				{ background: url(keys.del.png); }
.key-caps				{ background: url(keys.caps.png); }
.key-page-down			{ background: url(keys.page-down.png); }
.key-page-up			{ background: url(keys.page-up.png); }
.key-home				{ background: url(keys.home.png); }
.key-end				{ background: url(keys.end.png); }
.key-tab				{ background: url(keys.tab.png); }
.key-control			{ background: url(keys.ctrl.png); }
.key-alt				{ background: url(keys.alt.png); }
.key-ins				{ background: url(keys.ins.png); }
.key-menu				{ background: url(keys.menu.png); }
.key-scrolllock			{ background: url(keys.scrolllock.png); }
.key-f1					{ background: url(keys.f1.png); }
.key-f2					{ background: url(keys.f2.png); }
.key-f3					{ background: url(keys.f3.png); }
.key-f4					{ background: url(keys.f4.png); }
.key-f5					{ background: url(keys.f5.png); }
.key-f6					{ background: url(keys.f6.png); }
.key-f7					{ background: url(keys.f7.png); }
.key-f8					{ background: url(keys.f8.png); }
.key-f9					{ background: url(keys.f9.png); }
.key-f10				{ background: url(keys.f10.png); }
.key-f11				{ background: url(keys.f11.png); }
.key-f12				{ background: url(keys.f12.png); }

DIV.key-text			{ font-size: 18px; font-weight: bold; text-indent: 0px; color: black; text-align: center; margin-top: 6px; background: transparent; }
DIV.key-numpad			{ font-size: 18px; font-weight: bold; text-indent: 0px; color: black; text-align: center; margin-top: 6px; background: url(keys.numpad.png) no-repeat 0px -3px; }

.fleft					{ float:left; }
.fright					{ float:right; }


/* ICICLE STYLES */

.icicle-panel				{ font-family: tahoma, sans-serif; font-size: 11px; color: black; }

.editor-toolbox BUTTON			{ width: 30px; height: 29px; margin: 0px; padding: 0px; font-size: 10px; margin-right: 2px; }
.editor-toolbox SELECT			{ position: relative; top: 0px; margin: 0px; margin-right: 2px; padding: 4px; font-size: 10px; border: 1px solid black; background: white; color: black; }
.editor-toolbox BUTTON.on		{ border: 1px solid #8092A8; background: #CBD2DC; outline: 1px solid #6275A2; }
.editor-toolbox BUTTON.off		{ border: 1px solid #A2AFBF; background: #EBEEF1; }

.popover-title				{ margin: 0px; padding: 0px; margin-top: 3px; }
.popover-title H1			{ margin: 0px; padding: 0px; color: black; letter-spacing: 0px; }
.popover-title H1 SPAN.a	{ font-size: 18px; }
.popover-title H1 SPAN.b	{ font-size: 16px; font-weight: normal; text-transform: lowercase; color: #519E00; letter-spacing: 1px; }
.popover-title H1 SPAN.c	{ font-size: 16px; font-weight: normal; text-transform: lowercase; color: #000000; letter-spacing: 1px; }

.floatLeft	{ float: left; }
.floatRight	{ float: right; }

.tab { border: 1px solid black; background: white; }
.tab:focus { border: 1px solid red; }
.tab:hover { border: 1px solid orange; }

.blogmenu A			{ display: block; padding: 3px; border: 1px solid transparent; *border:0px; text-decoration: none; }
.blogmenu A:hover	{ display: block; padding: 3px; border: 1px dotted white; *border:0px; color: red; background: url(http://www.familiarity.co.uk/images/white25.png); text-decoration: none; }
.listmenu A			{ display: block; float: right; padding: 5px; border: 1px solid transparent; *border:0px; text-decoration: none; }
.listmenu A:hover	{ display: block; float: right; padding: 5px; border: 1px dotted white; *border:0px; color: red; background: url(http://www.familiarity.co.uk/images/white25.png); text-decoration: none; }