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

body {
	color: white;
	background-color: black;  
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	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;}
hr {border: 1px solid white; margin: 24px auto; width: 85%; }

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: 12pt;}
a.gamelink:visited {color: #3CBCFF; text-decoration: none; font-weight: bold; font-size: 12pt;}
a.gamelink:hover {color: #9CDDFF; text-decoration: none; font-weight: bold; font-size: 12pt;}

/*.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: 8pt;}
.text-header {
	font-weight: bold;
	font-size: 12pt;
	margin: 0px 0 4px 0;
	}
.text-header-small {
	font-weight: bold;
	margin: 0 26px;
	text-align: left;
	}
.text-title {
	font-weight: bold; 
	font-size: 18pt; 
	background-image: url(pics/styles/dark_bg2.png); 
	border: 2px solid white; 
	margin: 0px auto 18px auto;
	width: 498px;
	padding: 4px 4px 4px 4px;
	}
.games-category {
	background-image: url(pics/styles/dark_bg2.png); 
	border: 2px solid white; 
	margin: 0px auto 18px auto;
	width: 690px;
	padding: 8px;
	}
.games-download {
	font-weight: bold;
	font-size: 15pt;
	margin: 0px 0 4px 0;
}

.list-padding {padding: 0 34px 0 0;}
.dif {cursor: help; border-bottom: 1px dotted;}
.ex-updated {cursor: help; border-bottom: none;}

/* >>> 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.resources {vertical-align: top; text-align: left;}

table.standard-table {width: 100%; margin: 0 auto;}
table.game-table {width: 512px; margin: 0 auto;}
td.game-info-screen {width: 322px; height: 242px; background-color: black;}

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;}

table.chart-table {margin: 0 auto; font-weight: bold; }
table.chart-table td {width: 32px; height: 32px; background-image: url(pics/guides/sd2wpch-bg.gif);}
.chart-btxt {font-size: 18pt;}

.scrapped-img {float: right; margin: 0 0 0 10px; }

div.home-video-embed {
	position: absolute; 
	left: 32px; top: 13px; /*left: 103px; top: 54px;*/
	border: 1px solid white; 
	background-color: #000000; 
	font-style: italic;
}

/* >>> TEMPLATE <<< */

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

a.button {
	display: block;
	width: 100px;
	height: 36px; /*25px;*/
	background-position: 0 0;
    margin: 0;
	}
a.button:hover {
    background-position: 0 -36px; /*-25px;*/
}
a.button-home {background-image: url(pics/box-home.gif);}
a.button-games {background-image: url(pics/box-games.gif);}
a.button-create {background-image: url(pics/box-create.gif);}

div#index-buttons {
	position: absolute; 
	width: 100%; 
	height: 36px; /*25px;*/
	left: 0px; 
	top: 128px; /*126px; 130px;*/
	}
	
table.banner-table {
	height: 128px; 
	width: 100%; 
	border: 0;
	font-size: 40pt;
	/*background-image: url(pics/styles/stars.gif);*/
	}
	
table.template-table {
	background-image: url(pics/styles/dark_bg1.gif);
	height: 100%; 
	width: 100%; 
	border: 0;
	}
	
.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 {
	font-family: "Arial", "Helvetica", "Trebuchet MS", "Verdana", sans-serif;
	font-size: 8pt;
	background-color: black;
	color: white;
	border-width: 1px; border-color: #4AD6AD; border-style: inset; 
	padding: 1px 4px 1px 4px;
	}