/* >>> Blyka's Door CSS - Dark Style <<< */

body {
	color: white;
	background-color: black;  
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 80%;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(pics/styles/dark_bg0.gif);
	list-style-image: url(pics/styles/dark_list.gif);
	}
img {border-width: 0px;}

a:link {color: #3CBCFF; text-decoration: none;} /*#4AD6AD; #A1FFE0;*/
a:visited {color: #3CBCFF; text-decoration: none;}
a:hover {color: #9CDDFF; text-decoration: none;}

a.gamelink:link {color: #3CBCFF; text-decoration: none; font-weight: bold; font-size: 125%;}
a.gamelink:visited {color: #3CBCFF; text-decoration: none; font-weight: bold; font-size: 125%;}
a.gamelink:hover {color: #9CDDFF; text-decoration: none; font-weight: bold; font-size: 125%;}

/*.game img {border-width: 2px; border-color: black;}
.game a:hover img {border-width: 2px; border-color: #9CDDFF;}*/

/* >>> TEXT STUFF <<< */

.text-wrap {text-align: left; margin: 0 auto;}
.text-bold {font-weight: bold;}
.text-italic {font-style: italic;}
.text-underline {text-decoration: underline;}
.text-crossed {text-decoration: line-through;}
.text-small {font-size: 88%;}
.text-header {
	font-weight: bold;
	font-size: 125%;
	margin: 0px 0 4px 0;
	}
.text-header-small {
	font-weight: bold;
	margin: 0 26px;
	text-align: left;
	}
.text-title {
	font-weight: bold; 
	font-size: 200%; 
	background-image: url(pics/styles/dark_bg2.png); 
	border: 2px solid white; 
	margin: 0px auto 18px auto;
	width: 498px;
	padding: 4px 4px 4px 4px;
	}
	
.list-padding {padding: 0 34px 0 0;}

/* >>> DESIGN <<< */

div.content-wrap {
	position: relative;
	background-image: url(pics/styles/dark_bg2.png);
	border: 2px solid white;
	margin: 0px auto 18px auto;
	width: 690px;
	padding: 8px;
}
div.content-wrap-lp {width: 698px; padding: 4px;}

.alignright {text-align: right;}
.valigntop {vertical-align: top;}
.valignbottom {vertical-align: bottom;}

td {padding: 0px;}

tr.site-links {vertical-align: top; height: 80px;}
tr.resources {vertical-align: top; text-align: left;}

table.standard-table {width: 100%; margin: 0 auto;}
table.game-table {width: 512px; margin: 0 auto;}

table.link-table {width: 90%; margin: 0 auto;}
table.link-table tr {height: 48px;}

td.home-cells {width: 285px;}

img.ssborder {border: 1px solid black;}
.game-text {padding: 8px 40px 12px 40px; text-align: left;}

.rightclear {float: right; clear: right; display: inline;}
.leftclear {float: left; clear: left; display: inline;}
.rightalign {float: right;}
.leftalign {float: left;}

/* >>> TEMPLATE <<< */

input {
	color: black;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	background-color: white; 
	border: 1px solid #4AD6AD;
}
select {
	border: 1px solid #4AD6AD;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}

a.button {
	display: block;
	width: 100px;
	height: 36px;
	background-position: 0 0;
    margin: 0;
	}
a.button:hover {
    background-position: 0 -36px;
}
a.button-home {background-image: url(pics/box-home.gif);}
a.button-games {background-image: url(pics/box-games.gif);}
a.button-examples {background-image: url(pics/box-examples.gif);}
a.button-resources {background-image: url(pics/box-resources.gif);}
a.button-site {background-image: url(pics/box-site.gif);}
a.button-previews {background-image: url(pics/box-previews.gif);}
a.button-misc {background-image: url(pics/box-misc.gif);}

table.banner-table {
	height: 128px; 
	width: 100%; 
	border: 0;
	/*background-image: url(pics/styles/stars.gif);*/
	}

table.template-table {
	background-image: url(pics/styles/dark_bg1.gif);
	height: 100%; 
	width: 100%; 
	border: 0;
	}

div#index-buttons {
	position: absolute; 
	width: 100%; 
	height: 36px; 
	left: 0px; 
	top: 124px
	}
	
.top-shadow {
	background-image: url(pics/styles/dark_shadow.gif);
	background-repeat: repeat-x;
	height: 32px;
	width: 100%;
	}
	
.htbrick-wrap {
	height: 32px;
	background-image: url(pics/styles/dark_h.gif);
	}

.hbbrick-wrap {
	height: 32px;
	background-image: url(pics/styles/dark_h.gif);
	}

.vbrick-wrap {
	background-image: url(pics/styles/dark_v.gif);
	width: 32px;
	vertical-align: text-top;
	}
.tlbrick-wrap {
	background-image: url(pics/styles/dark_tl.gif);
	width: 32px;
	}
.trbrick-wrap {
	background-image: url(pics/styles/dark_tr.gif);
	width: 32px;
	}
.blbrick-wrap {
	background-image: url(pics/styles/dark_tl.gif);
	width: 32px;
	}
.brbrick-wrap {
	background-image: url(pics/styles/dark_tr.gif);
	width: 32px;
	}
.footer-wrap {
	background-color: black;
	color: white;
	border-width: 1px; border-color: #4AD6AD; border-style: inset; 
	padding: 1px 4px 1px 4px;
	}