/*
 * BlogPing
 * by Keith Gaughan <hereticmessiah@users.sourceforge.net>
 *
 * Look-and-feel for site when rendered on-screen.
 *
 * Copyright (c) Keith Gaughan, 2006. All Rights Reserved.
 * See 'LICENSE' file for license details.
 */

address {
	font-size:			75%;
}

body {
	font:				0.8em Verdana, Times, "Times New Roman", sans-serif;
	line-height:		1.6;
	background-color:	#2891CE;
}

h1, input {
	font-family:		Verdana, Helvetica, Arial, sans-serif;
}

form {
	position:			absolute;
	top:				0;
	left:				-45.25em;
	width:				44em;
}

h1 {
	margin:				0;
	font-size:			180%;
}

img {
	vertical-align:		middle;
}

input#name, input#url, input#submit {
	font-size:			150%;
}

input#name, input#url {
	width:				100%;
}

input#submit {
	font-weight:		bold;
	margin:				1ex 0;
}

#wrapper {
	border:				1px solid silver;
	background:			top right white no-repeat;

	position:			absolute;
	top:				1ex;
	left:				46em;
	bottom:				1ex;
	width:				15em;
	background-color:	#2891CE;
}

p, address, h1 {
	margin:				0.5ex 6px 1ex 6px;
	background-color:	#2891CE;
}

address {
	margin-top:			2em;
	background-color:	#2891CE;
}

table {
	border-collapse:	collapse;
}

th, td {
	vertical-align:		top;
	text-align:			left;
	padding:			0;
	margin:				0;
}

table.checkboxes td {
	padding-right:		1ex;
}

table#ping-results {
	background-color:	white;
	width:				100%;
	color:				gray;
}

table#ping-results tr {
	border-top:			1px solid silver;
	border-bottom:		1px solid silver;
}

table#ping-results th {
	white-space:		nowrap;
	padding:			0 0.5em;
}

.failure, .success {
	background:			center left no-repeat;
	padding:			0 0.5em 0 25px;
	width:				100%;
	min-height:			25px;
}

.failure {
	background-image:	url(images/sad.png);
	color:				red;
}

.success {
	background-image:	url(images/smile.png);
	color:				#080;
}

.completed {
	text-align:			center;
	font-size:			200%;
}