@charset "utf-8";
/* CSS Document */

html {
	height: 101%;
	margin: 0 0 1px;
}
smiley {
	vertical-align:middle;
	border:none;
}

body {
	width:100%;
	background-image:url(images/bg_main.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#090909;
	margin:0; padding:0;
	color:#ddd;
	font-family:Arial, Helvetica, sans-serif;
}

#statusline img {
	vertical-align:middle;
}

a {
	color:#F00;
	text-decoration:none;
}
a:hover {
	border-bottom:1px dotted #f00;
}

h1 {
	margin-top:0px;
}

#wrapper {
	width:980px;
	margin:0em auto 0em auto;
	padding:0px;
}

#shadow {
	width:980px;
	height:100%;
	background-image:url(images/shadow.png);
	background-repeat:repeat-y;
	padding:0px;
}

#container {
	width:900px;
	background-image:url(images/50pcblack.png);
	background-repeat:repeat;
	margin-left:auto; margin-right:auto;
	padding:0px;
	height:100%;
	border-left:1px solid black;
	border-right:1px solid black;
}

#byline {
	text-transform:capitalize;
	font-size:10px;
	text-indent:1em;
	text-align:right;
	font-style:italic;
	height:30px;
}

#header {
	background-image:url(images/50pcblack.png);
	background-position:top;
	background-repeat:repeat;
}
#menu {
	background:none;
	float:right;
	position:relative;
	top:60px;
	margin-right:1em;
}
#menu ul li {
	font-size:10px;
	display:inline;
	list-style-type:none;
	padding:0.5em;
	background-image:url(images/20pcwhitebrd.png);
	background-position:top;
	background-repeat:repeat-x;	
}
#menu ul li:hover {
	font-size:10px;
	display:inline;
	list-style-type:none;
	padding:0.5em;
	background-image:url(images/25pcredbrd.png);
	background-position:top;
	background-repeat:repeat-x;	
}

#menu ul li a:hover {
	position:relative;
	border-bottom:none;
}
#menu ul li a {
	color:#fff;
	text-decoration:none;
}
#menu ul li a span {
	display:none;
}

#menu ul li a:hover span {
	display:block;
	position:absolute;
	top:-22px;
	left:0;
	color:#FFF;
	width:105px;
	height:25px;
	text-indent:0.5em;
	background-image:url(images/tooltip.png);
	background-repeat:no-repeat;
	padding-top:2px;
}

#header img#logo {
	height:100px;
}

img#bgimg {
	width:100%;
	position:absolute;
	left: 0;
	top: 0;
}

#statusline {
	margin-top:2px;
	background-image:url(images/50pcblack.png);
	background-position:top;
	background-repeat:repeat-x;
	min-height:2em;
	font-size:10px;
	padding-top:4px;
	padding-right:1.5em;
	text-align:left;
	color:#aaa;
	text-indent:2em;
}

#content {
	background-image:url(images/contentbg.jpg);
	background-repeat:repeat-x;
	padding:1em;
	background-color:#000;
	min-height:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#content h1 {
	font-size:3em;
	color:#900;
	margin-top:0.5em;
	margin-bottom:0.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px #900 solid;
}
#content  h2{
	font-size:1.25em;
	color:#900;
	margin-top:0.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content  h3{
	font-size:1em;
	color:#900;
	margin-top:0.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

.contentsectiontitle {
	font-size:2em;
	color:#CCC;
	font-style:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align:bottom;
}
.contentsectionheader {
	border-bottom:1px #333 solid;
	height:3em;
}
.contentsectionfooter {
	border-top:1px #111 solid;
	border-bottom:1px #333 solid;
	margin-bottom:3em;
	clear:both;
}

.contentsectiontext {
	padding:0 1em 0 1em;
	clear:both;
}

.contentsectiontext h1{
	font-size:2em;
	color:#900;
	margin-top:0.5em;
	margin-bottom:0.25em;
	background-image:none;
}
.contentsectiontext h2{
	font-size:1.25em;
	color:#900;
	margin-top:0.25em;
	background-image:none;
}
.contentsectiontext h3{
	font-size:1em;
	color:#900;
	margin-top:0.1em;
	background-image:none;
	font-weight:bold;
}



.contentsectiontext img {
	border:1px solid #000;
}

#content .headdate {
	float:right;
	font-size:1.5em;
	color:#333;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

<!-- -->
#column2 {
	float:right;
	display:block;
	margin-right:2em;
	margin-top:-3px;
}
#column1 {
	display:block;
}

#content .minicontent {
	width:400px;	
}
#content .minicontentsectiontitle h2 {
	font-size:10px;
	color:#CCC;
	font-style:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align:bottom;
	margin:0px;
}
.minicontentsectionheader {
	border-bottom:1px #333 solid;
	height:3em;
}
.minicontentsectionfooter {
	border-top:1px #111 solid;
	border-bottom:1px #333 solid;
	margin-bottom:1em;
}

.minicontentsectiontext {
	padding:0 1em 1em 1em;
}
.minicontentsectiontext img {
	border:1px solid #000;
}

.minicontentsectiontitle h2 {
	font-size:1em;
}
#content .miniheaddate {
	float:right;
	font-size:1em;
	color:#333;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content .minicontentsectiontext {
	width:100%;
	height:300px;
	overflow:hidden;
}
 .minicontentsectiontext h1 {
	font-size:2em;
	color:#900;
	margin-top:0.5em;
	margin-bottom:0.25em;
}

.minicontentsectiontext h2 {
	font-size:1.25em;
	color:#900;
	margin-top:0.25em;
}
.minicontentsectiontext h3 {
	font-size:1em;
	color:#900;
	margin-top:0.1em;
	font-weight:bold;
}
.minicontentsectiontext blockquote {
	width:200px;
}

blockquote {
	background-color:#100;
	color:#f00;
	border:1px #300 solid;
	padding:0 60px;
	width:350px;
	min-height:50px;
	padding-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
blockquote:before, blockquote:after {
color: #300;
display: block;
font-size: 700%;
width: 50px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left:-60px;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -60px;
margin-left: 360px;
}

<!-- -->

#footer {
	clear:both;
	border-top:1px solid #333;
	background-color:#ccc;
	color:#222;
	height:100%;
	background-image:url(images/topshad.png);
	background-repeat:repeat-x;
	background-position:top;
	min-height:100px;
	padding:1em;
	font-size:9px;
}
#footer h1 {
	font-size:11px;
	border-bottom:1px solid #333;
}
#footer2 {
	background-color:#333;
	min-height:2em;
	border-bottom:1px solid #000;
	font-size:9px;
	color:#111;
	text-align:center;
	padding:1em;
}
#ender {
	background-image:url(images/botglow.png);
	background-repeat:repeat-x;
	background-position:top;
	min-height:31px;
}

#contactform input {
	border:1px solid #000;
	border-left:4px solid #f00;
	padding-left:0.5em;
	width:300px;
}
#contactform input.submit, #commentform input.submit {
    border:0px; padding:0;
	width:100px; height:40px;
	background-image:url(images/redbutton.jpg);
	color:#FFF; font-weight:bold;
}
#contactform input.submit:hover, #commentform input.submit:hover {
    border:0px; padding:0;
	width:100px; height:40px;
	background-image:url(images/redbutton_hover.jpg);
}

#contactform textarea {
	width:400px;
	height:200px;
	border:1px solid #000;
	border-left:4px solid #f00;
	padding-left:0.5em;
}

span.required {
	color:#ff0000;
}
.numcom {
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#contactform .LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

#contactform .LV_valid {
    color:#00CC00;
}
	
#contactform .LV_invalid {
    color:#CC0000;
}

#commentform {
	clear:both;
	display:block;
	width:100%;
	padding-left:2em;
}
#commentform input, #commentform textarea {
	margin-left:0.5em;
    border: 1px solid #000000;
}

#commentform #recaptcha_widget_div {
}

#commentslist {
	width:400px;
	border-left:1px #333 solid;
	float:right;
	padding-left:2em;
	min-height:329px;
	font-size:14px;
	margin-bottom:1em;
	padding-right:2em;
}

#commentslist div.comment {
	background:#000;
	background-image:url(images/commentbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:#600 1px dashed;
	margin-bottom:1em;
	padding:1em;
	width:100%;
	font-size:13px;
	min-height:3em;
}

#commentslist div.comment img.userport {
	border:1px black solid;
	margin-right:1em;
	display:block;
	float:left;
}

.error {
	background-color:#600;
	color:#F00;
	width:300px;
	border:1px #f00 solid;
	padding:0.5em;
}
.success {
	background-color:#060;
	color:#0F0;
	width:300px;
	border:1px #0f0 solid;
	padding:1em;
}
#commentform .LV_invalid {
	display:block;
	width:300px;
    color:#CC0000;
	margin-bottom:-1em;
}
#commentform .LV_valid {
	width:300px;
    color:#00CC00;
	display:none;
	margin-bottom:-1em;
}
#commentform .LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	background-color:#EEFFEE;
}

div.downloaddir {
	background-image:url(images/folder_sm.png);
	background-repeat:no-repeat;
	text-indent:30px;
	min-height:30px;
	padding-top:0.5em;
}
div.downloadfile {
	background-image:url(images/file_sm.png);
	background-repeat:no-repeat;
	text-indent:30px;
	min-height:30px;
	vertical-align:middle;
}
#downloads {
	margin-left:2em;
}

/* coding */

.java .de1, .java .de2 {margin:0; background:none; vertical-align:top; padding: 0px 4px; font-size: 12px;}
.java  {border-collapse: collapse; width: 100%; border: 1px solid #054b6e; background: #f8f8f8;}
.java .head {background: #dddddd; color: #054b6e; padding: 2px 0px; text-align:center; font: bold italic 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.java .imp {font-weight: bold; color: red;}
.java li, .java .li1 {font-weight: normal; vertical-align:top; color:#333; }
.java .ln {width: 1px; background: #f0f0f0; vertical-align:top; color: #676f73; border-right:1px dotted #dddddd; font-size: 12px; text-align:right;}
.java .li2 {font-weight: bold; vertical-align:top;}
.java .kw1 {color: #000000; font-weight: bold;}
.java .kw2 {color: #000066; font-weight: bold;}
.java .kw3 {color: #003399;}
.java .kw4 {color: #000066; font-weight: bold;}
.java .co1 {color: #666666; font-style: italic;}
.java .co2 {color: #006699;}
.java .co3 {color: #008000; font-style: italic; font-weight: bold;}
.java .coMULTI {color: #666666; font-style: italic;}
.java .es0 {color: #000099; font-weight: bold;}
.java .br0 {color: #009900;}
.java .sy0 {color: #339933;}
.java .st0 {color: #0000ff;}
.java .nu0 {color: #cc66cc;}
.java .me1 {color: #006633;}
.java .me2 {color: #006633;}
.java .ln-xtra, .java li.ln-xtra, .java div.ln-xtra {background-color: #ffc;}
.java span.xtra { display:block; }


.actionscript3 .de1, .actionscript3 .de2 {margin:0; background:none; vertical-align:top; padding: 0px 4px; font-size: 12px;}
.actionscript3  {color:#000; border-collapse: collapse; width: 100%; border: 1px solid #054b6e; background: #f8f8f8;}
.actionscript3 .head {background: #dddddd; color: #054b6e; padding: 2px 0px; text-align:center; font: bold italic 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.actionscript3 .imp {font-weight: bold; color: red;}
.actionscript3 li, .actionscript3 .li1 {font-weight: normal; vertical-align:top;}
.actionscript3 .ln {width: 1px; background: #f0f0f0; vertical-align:top; color: #676f73; border-right:1px dotted #dddddd; font-size: 12px; text-align:right;}
.actionscript3 .li2 {font-weight: bold; vertical-align:top;}
.actionscript3 .kw1 {color: #0033ff; font-weight: bold;}
.actionscript3 .kw2 {color: #6699cc; font-weight: bold;}
.actionscript3 .kw3 {color: #339966; font-weight: bold;}
.actionscript3 .kw4 {color: #9900cc; font-weight: bold;}
.actionscript3 .kw5 {color: #004993;}
.actionscript3 .kw6 {color: #004993;}
.actionscript3 .kw7 {color: #004993;}
.actionscript3 .kw8 {color: #004993;}
.actionscript3 .co1 {color: #009900;}
.actionscript3 .coMULTI {color: #3f5fbf;}
.actionscript3 .br0 {color: #000000;}
.actionscript3 .sy0 {color: #000000; font-weight: bold;}
.actionscript3 .st0 {color: #990000;}
.actionscript3 .nu0 {color: #000000; font-weight:bold;}
.actionscript3 .me0 {color: #000000;}
.actionscript3 .ln-xtra, .actionscript3 li.ln-xtra, .actionscript3 div.ln-xtra {background-color: #ffc;}
.actionscript3 span.xtra { display:block; }