body
{
	background: black url("backdrop.png");
	color: #fff;
	font: 12px "Segoe UI", "Tahoma", "MS Sans Serif", "Helvetica", "Arial", sans-serif;
}
a img
{
	border: 0px none;
}
.leftLink
{
	clear: left;
	float: left;
	padding: 4px;
}
a
{
	text-decoration: none;
	color: #0ff;
}
a:visited
{
	color: #088;
}
a:hover
{
	color: #0cc;
}
.quote
{
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1em;
	text-align: center;
	text-shadow: #fff 0px 0px 16px;
}
.window
{
	width: 270px;
	border: 1px solid #444;
	background: #000 url("header.png") repeat-x;
	margin-bottom: 8px;
}
.window h3
{
	font-style: italic;
	text-shadow: #000 1px 1px 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.window .in
{
	padding: 4px;
}
.window .in ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.oldstuff li a
{
	padding-left: 12px;
	background: url("list2.png") center left no-repeat;
}
ul.oldstuff li a:hover
{
	background: url("list.png") center left no-repeat;
}

.logoheaderpart
{
	width: 470px;
	margin: auto;
}

.destiny
{
	margin-top: 64px;
	text-align: center;
	font-style: italic;
	text-shadow: #fff 0px 0px 8px;
}


.mainAttract a img
{
	border: 1px solid #000;
	opacity: 0.5;
}
.mainAttract a:hover img
{
	border: 1px solid #088;
	opacity: 1;
}

.buttons a img
{
	border: 1px solid #000;
	opacity: 0.5;
}
.buttons a:hover img
{
	border: 1px solid #088;
	opacity: 0.9999;
}


td
{
	vertical-align: top;
	text-align: center;
}
td div
{
	text-align: left;
}

input[type="text"], textarea, select, button
{
	background: #222;
	color: #fff;
	border: 1px solid #444;
}

dl.blog
{
	padding: 0px;
	margin: 0px;
}
dl.blog dt
{
	font-weight: bold;
}
dl.blog dd
{
	margin: 0px;
	padding-left: 32px;
	font-style: italic;
	position: relative;
	top: -8px;
}

dt.blog_pika
{
	background: url("button_lp.png") no-repeat top left;
	height: 24px;
	padding-left: 32px;
}
dt.blog_cynth
{
	background: url("button_cynth.png") no-repeat top left;
	height: 24px;
	padding-left: 32px;
}
dt.blog_emil
{
	background: url("button_emil.png") no-repeat top left;
	height: 24px;
	padding-left: 32px;
}
dt.blog_tyty
{
	background: url("button_tyty.png") no-repeat top left;
	height: 24px;
	padding-left: 32px;
}
dt.blog_tenshi
{
	background: url("button_dap.png") no-repeat top left;
	height: 24px;
	padding-left: 32px;
}

attr
{
	font-style: italic;
}

/* Vega */
.window
{
	border-radius: 5px;
	box-shadow: #444 0px 0px 4px;
}
.mainAttract a img, .buttons a img
{
	        transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.mainAttract a:hover img, .buttons a:hover img
{
	        transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;

	        transform: scale(1.05);
	     -o-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
x}
.quote
{
	        transform: rotate(-3deg);
	     -o-transform: rotate(-3deg);
	   -moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);

	        transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	   -moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
.quote:hover
{
	        transform: rotate(2deg);
	     -o-transform: rotate(2deg);
	   -moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
.destiny
{
	        transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	   -moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
.destiny:hover
{
	        transform: translateX(15px);
	     -o-transform: translateX(15px);
	   -moz-transform: translateX(15px);
	-webkit-transform: translateX(15px);
}
.window
{
	opacity: 0.60;

	        transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.window:hover
{
	opacity: 1;
}
.logoheaderpart
{
	margin-top: 24px;
}
h1.logoheaderpart
{
	text-align: center;
	content: url(testlogo.png); /* Reported to not work in Fx 3.6, see if I care :) */
}
body
{
	background-color: hsl(240, 50%, 15%);
	background-image: url("cornercynthia.php"), url("backdrop.png");
	background-repeat: no-repeat, repeat;
	background-attachment: fixed;
	background-position: right bottom;
}