body
	{
	background:#999999 url("random-images/concrete.jpeg ");
	font-family:Verdana, Helvetica, sans-serif;
	overflow:hidden;
	padding:0px;
	margin:0px;
	}

a img
	{
	border: 0px;
	}

h1
	{
	font-family:serif;
	font-size:x-large;
	font-weight:normal;
	}
h2, dt
	{
	font-size:medium;
	font-weight:normal;
	}	

h1, h2, dt
	{
	color:#666666;
	margin-bottom:0px;
	font-style:italic;
	}

p
	{

	margin-top:2px;
	margin-bottom:0.5em;
	}

#box1, #box2, #box3, #box4
	{
	position:absolute;
	color:black;
	}

#box1
	{
	left: 2%;
	top: 20%;
	width: 56%;
	height: 35%;
	}


#box2
	{
	left: 64%;
	top: 20%;
	width: 33%;
	height: 35%;
	}

#box3
	{
	left: 2%;
	top: 64%;
	width: 56%;
	height: 31%;
	}

#box4
	{
	left: 64%;
	top: 64%;
	width: 33%;
	height: 31%;
	}

.container
	{
	margin:20px;
	}

#box1 .inner, #box2 .inner, #box3 .inner, #box4 .inner
	{
	width:100%;
	height:100%;
	overflow:auto;
	background:white;
	}

#dragableCenter, #dragableVertical, #dragableHorizontal
	{
	position:absolute;
	}

#dragableVertical
	{
	left:60%;
	top:17%;
	width:2%;
	height:82%;
	cursor:w-resize;
	}

#dragableHorizontal
	{
	left:1%;
	top:58%;
	width:98%;
	height:3%;
	cursor:n-resize;
	}

#dragableCenter
	{
	left:60%;
	top:58%;
	width:2%;
	height:3%;
	cursor:move;
	}


.dragableMouseOver
	{
	background: #ff0055;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	}


.dragableMouseOut
	{
	background:transparent;
	}


#box1inner
	{
	margin:20px;
	background:white;
	overflow:auto;
	height:90%;
	}


.roundedCornerTopLeft, .roundedCornerTopRight, .roundedCornerBottomLeft, .roundedCornerBottomRight
	{
	width:20px;
	height:20px;
	position:absolute;
	}

.roundedCornerTopLeft
	{
	top:-20px;
	left:-20px;
	background: transparent url("corner-top-left.png") no-repeat top left;
	}

.roundedCornerTopRight
	{
	top:-20px;
	right:-20px;
	background: transparent url("corner-top-right.png") no-repeat top left;
	}
.roundedCornerBottomLeft
	{
	bottom:-20px;
	left:-20px;
	background: transparent url("corner-bottom-left.png") no-repeat top left;
	}
.roundedCornerBottomRight
	{
	bottom:-20px;
	right:-20px;
	background: transparent url("corner-bottom-right.png") no-repeat top left;
	}



.roundedCornerTop, .roundedCornerBottom
	{
	width:100%;
	height:20px;
	position:absolute;
	}

.roundedCornerRight, .roundedCornerLeft
	{
	height:100%;
	width:20px;
	position:absolute;
	}

.roundedCornerTop
	{
	top:-20px;
	left:0px;
	margin-right:20px;
	background: transparent url("corner-top.png") scroll repeat-x top left;
	}

.roundedCornerRight
	{
	top:0px;
	right:-20px;
	
	background: transparent url("corner-right.png") scroll repeat-y top right;
	}
.roundedCornerBottom
	{
	bottom:-20px;
	left:0px;
	background: transparent url("corner-bottom.png") scroll repeat-x bottom left;
	}
.roundedCornerLeft
	{
	top:0px;
	left:-20px;
	background: transparent url("corner-left.png") scroll repeat-y top left;
	}


.location
	{
	text-align:center;
	margin:20px 20px;
	padding: 10px;
	font-size:small;
	background:#999999 url("not-squidfingers.gif");
	}

	.location p
		{
		margin:0px;
		padding:0px;
		}


	.location .content
		{
		background:#ffffcc;
		}

	.location a
		{
		color: #cc0000;
		}

.logo
	{
	text-align:center;
	padding: 0px;
	margin: 0px;
	}

a
	{
	color:#3399ff; 
	}

a:hover
	{
	color:#3366cc;
	}

strong
	{
	color:#666666;
	}


.stripe
	{
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	}


.tagCloud
	{
	position:absolute;
	left:-500px;
	top:-500px;
	background: transparent url("cloud.png") no-repeat scroll top left;
	width: 194px;
	height:	146px;
	overflow: hidden;
	}

	.tagCloud p
		{
		text-align:center;
		}

	.tagCloud .inner
		{
		margin:50px 25px 0px 25px;
		line-height:70%;
		}


	.tagCloud, .tagCloud a
		{
		font-weight:bold;
		text-decoration:none;
		color: #66ccff;
		}

		.tagCloud a:hover
			{
			text-decoration:underline;
			color: #006699;
			}



#cloudControl
	{
	position:absolute;
	right:2%;
	background:#666666;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	
	top:2px;
	padding:0px 4px 6px;
	border:solid 2px #dddddd;
	-moz-border-radius:10px;
	z-index:101;
	font-size:x-small;
	}

	#cloudControl a, #cloudControl
		{
		text-decoration:none;
		color:#ffffff;
		}

.tagCloudButtonsEnabled, .tagCloudButtonsDisabled
	{	
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	border:solid 2px #dddddd;
	-moz-border-radius:10px;
	padding: 0px 7px 0px 5px;
	cursor:hand;
	}

.tagCloudButtonsEnabled
	{
	background:red;
	}


#tagCloudMinus, #tagCloudPlus
	{
	background:#cccccc;
	border: outset 1px #eeeeee;
	width:10px;
	color:black;
	font-family: Courier, "Bitstream Vera Sans Mono", monospace;
	font-size:15px;
	padding: 2px 4px;
	font-weight:bold;
	}

#tagCloudButtonsOn, #tagCloudButtonsOff
	{
	cursor: pointer;
	cursor: hand;
	}

#shooter
	{
	border:none;
	vertical-align:bottom;
	}

.tagCloudButtonsEnabled #tagCloudMinus,
.tagCloudButtonsEnabled #tagCloudPlus
	{
	background: darkred;
	}


.cloudExplosion
	{
	width:71px;
	height:100px;
	background: url("explosion.gif");
	}


#shooterScore
	{
	display:none;
	position:absolute;
	left:45%;
	bottom:2px;
	font-size:xx-large;
	color:#ffffcc;
	background:#666666;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	padding:0px 4px 6px;
	border:solid 2px #dddddd;
	-moz-border-radius:10px;
	z-index:101;
	font-family: Courier, "Bitstream Vera Sans Mono", monospace;
	}


#hamishMacEwanBot
	{
	position:absolute;
	right:260px;
	bottom:0px;
	width:220px;
	}

#jeremyNaylorBot
	{
	position:absolute;
	right:20px;
	bottom:0px;
	width:220px;
	}


#jeremyChatWindowTitle, #hamishChatWindowTitle
	{
	background: #73a6ff url('chat-available.gif') scroll no-repeat 3px 3px;
	color:#ffffff;
	font-size:small;
	font-weight:bold;
	padding:2px 2px 2px 20px;

	}

#jeremyChatHistory, #hamishChatHistory
	{
	background:white;
	height:150px;
	overflow:auto;
	font-size:small;
	padding: 0.5em;
	}

#jeremyChatForm, #hamishChatForm
	{
	background:white;
	border-top: solid 1px #cccccc;
	}


#jeremyChatTextarea, #hamishChatTextarea
	{
	border: solid 1px #999999;
	width: 188px;
	margin: 11px 0px 11px 11px;
	font-family: sans-serif;
	font-size:small;
	overflow:auto;
	}

	#jeremyChatTextarea:focus,
	#jeremyChatTextarea:hover,
	#hamishChatTextarea:focus,
	#hamishChatTextarea:hover
		{
		border: solid 2px #73a6ff;
		margin: 10px 0px 10px 10px;
		}


.chatSignature
	{
	font-family: monospace;
	color:#999999;
	}


.chatName
	{
	font-weight:bold;
	color:black;
	}


.idleDatestamp
	{
	color:#999999;
	}


.message 
	{
	margin: 4px;
	}


.aerofallosov
	{
	position:absolute;
	left:0px;
	top:500px;
	background: url('aerofallosov.gif') scroll no-repeat;
	width:32px;
	height:27px;
	}


#hidereveal
    {
    position:absolute;
    left:10px;
    top:10px;
	z-index:200;
	cursor: pointer;
	cursor: hand;
    }

    #hidereveal a
        {
        color:#333333;
        text-decoration:none;
        font-weight:bold;
        display:block;
        float:left;
        padding:0.5em;
        }

        #hidereveal a:hover
            {
            background: #999999;
            }