/*### COLORS ###*/
@font-face {
        font-family: daily;
        src: url('./fonts/hand/FAIL.TTF');
	font-family: newfont;
        src: url('./fonts/hand/Positiv-A.otf');
        }

.green {
	color: #90E82D;
	}
	
hr {
	color: black;
	}

body { font-family: Arial;
        font-size: 12px;
        padding: 0px;
        background: black;`
	margin: 0;
        }

a {outline: none;}
a:link {text-decoration: none; color:#333}      /* unvisited link */
a:visited {color:#00CCFF}  /* visited link */
a:hover {color:#00CCFF}  /* mouse over link */
a:active {outline: none; color:#0000FF}  /* selected link */

#container {
        width: 880px;
	min-height: 710px;
        height: auto;
        margin: 0;
	margin-left: -900px;
        }


/*### HEADER DATA ###*/
#header {
        width: 100%;
        height: 193px;
        margin: 0;
        }


#title {
        position: relative;
        width: 400px;
        height: 100px;
        left: 0px;
        top: 70px;
        font-size: 50pt;
	font-family: DroidSansBold, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
        color: #555555;
        }
.t2 {
        position: relative;
        left: 1px;
        font-size: 20pt;
        font-family: monospace;
        color: #90E82D;
        }

#main_form {
        position: relative;
	top: 10px;
        left: 5px;
        }
.search2_fields {
	
        color: gray;
        width: 229px;
        height: 22px;
        border: 1px solid #333;
        background: none;
        padding: 0 5px;
        }
.sbmt2 {
        background-color: black;
	color: #333;
	border: 1px solid;
	border-color: #333 #333 #333 #333;
        }
#dom_info {
        position: absolute;
        margin-left: 70px;
        margin-top: 25px;
        font-size: 8pt;
        width: 255px;
	height: 100px;
        color: #777777;
	overflow: hidden;
        }

#tips {
        position: relative;
        /*left: 800px;*/
	top: -22px;
        float: right;
        left: 12px;
        width: 175px;
        height: auto;
        margin-right: 0px;
	font-size: 8pt;
        }
.tips_title {
        color: white;
	font-family: newest;
        }
.tips_p {
        color: #555555;
	font-family: newest;
        }
.command {
        color: #90E82D;
	font-family: newest;
	font-size: 7pt;
        }
#linni {
        position: absolute;
	top: 75px;
	margin-left: 150px;
        bottom: 30px;
        width: 150px;
	height: 145px;
        left: 600px;
        }
#linni_txt {
	position: relative;
	top: 14px;
	left: -12px;
	opacity: 0.6;
	}
.lin {
        width: auto;
        height: 150px;
        }
/*### END OF HEADER ### */

/*### MENU DATA ### */
@font-face {
        font-family: days;
        src: url('./fonts/Comic_Fonts/acmesai.ttf');
        }

#menu {
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        position: relative;
        width: 100%;
        display: block;
        height: 28px;
	font-family: newest;
        text-align: center;
        background-image: url(./images/black_gradient_nav.gif);
        padding: 0 0px;
        margin: 0 auto;
        }
#menu span {
	/*background: url(.images/images/pattern-zebra.png) repeat-x;*/
 	position: absolute;
  	display: block;
  	width: 100%;
	height: 100%;
	}
#menu ul {
        height: 23px;
        margin: 0;
        padding: 0px 0 0 0;
        list-style: none;
}
#menu ul li {
        padding: 0;
        margin: 0;
        display: inline-block;
}
#menu ul li a {
        position: relative;
	top: -5px;
        float: left;
        display: block;
        height: 23px;
        padding: 7px 49px;
        font-size: 14.5px;
        color: #777;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
        outline: none;
}
menu ul li a:hover {
	background: gray;
	}
#menu a, #menu a:hover { color: #DBDBDB;
	font-size: 11pt;
        }
/*### END MENU ###*/

/*### INDEX CONTENT ###*/
#content {
        position: relative;
        width: 800px;
        height: 430px;
        color: white;
        margin-top: 20px;
	left: 40px;
	background: black;
	font-family: Arial;
        }
#content a {
	text-decoration: none;
	color: #666;
	}
#content a:hover {
	color: #00CCFF;
	}

@font-face {
        font-family: newest;
        src: url('./fonts/Comic_Fonts/acmesa.TTF');
        }

#home_p {
	position: relative;
        width: 400px;
	top: 20px;
        height: auto;
	left: 330px;
	margin-right: 60px;
        /*padding: 10px 10px 10px 10px;*/
	padding-left: 30px;	
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*font-family: DroidSansBold, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; */
	font-family: newest;
        margin-top: 20px;
        border-width: 1px;
	border: 1px solid #222;
	overflow: hidden;
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 3px  3px 12px #333;
	-webkit-box-shadow: 3px 3px 12px #333;
	box-shadow: 3px 3px 12px #333;
	/*background-image: url(./images/grad_new.png);*/
	background: -moz-linear-gradient(top, #222, #000 30%);
	background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#222), to(#000), color-stop(.6,#000))
        }
/*#home_p .bg {
	position: relative;
	top: -10px;
	height: 380px;
	width: 600px;
	padding: -20px;
	background: gray;
	padding: 0px;
	margin: 0px;
	}*/
.home_p_title {
        /*color: #FFFAFA;*/
	color: #2E88A2;
        font-size: 11pt;
        }
/*.home_p_title d:hover {
	color: #333;
	}*/
.home_p_title2 {
        color: #2E88A2;
        font-size: 13pt;
	text-decoration: underline;       
	}
/*.home_p_title2 d:hover {
	color: #333;
	}*/
.home_p_title3 {
        color: white;
        font-size: 13pt;
	height: auto;
	width: 10px;
	background: white;
        }
.home_p_title3 p:hover {
	color: #666666;
	}
.home_p_text {
        color: #F3F6F8;
        font-size: 8pt;
        }

#player {
        position: absolute;
        top: 15px;
        left: 30px;
        float: left;
	width: auto;
	height: auto;
	background: black;
	background: black;
	z-index: 1;
        }
#player a {
	text-decoration: none;
	color: #555;
	}
#player a:hover {
	color: #00CCFF;
	}
#player .transparency {
        opacity:0.6;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        /*background: #111;*/
	background-image: url(./images/grad1.png);
        width: 100%;
        height:96%;
	margin-bottom: 15px;
        position:absolute;
        top:10px;
        left:10px;
	z-index: -1;
        }
/*### END OF INDEX CONTENT ###*/

/*### NOTES DATA ###*/
#note_search {
        position: relative;
        width: 100%;
	height: auto;
        color: white;
        margin-top: 20px;
	background: black;
        }
#note_content {
        position: relative;
        top: 80px;
        left: 305px;
        width: 350px;
        height: auto;
        }
#notes_container {
	position: relative;
	left: 70px;
	margin-top: 100px;
	margin-bottom: 75px;
	height: auto;
	max-height: 400px;
	overflow: auto;
	width: 700px;
	border: 1px solid #444;
	z-index: 10;
	padding: 20px 20px 20px 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	background: black;
	-moz-box-shadow: 3px  3px 15px #333;
        -webkit-box-shadow: 3px 3px 15px #333;
        box-shadow: 3px 3px 15px #333;
	-moz-scrollbar-face-color: green;
	}


.search2_fields {
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        color: #777;
        width: 229px;
        height: 22px;
        border: 1px solid #333;
        background: none;
        padding: 0 5px;
	font-family: newest;
        }
.search2_fields:hover {
	border: 1px solid #777;
	}
.sbmt {
	-moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        color: #333;
        background: black;
	border: 1px solid;
	border-color: #333 #333 #333 #333;
	font-family: newest;
        }
.sbmt:hover {
	color: #90E82D;
	}
#empty {
        position: relative;
        color: #999;
        left: 275px;
	width: 350px;
        top: 70px;
	font-family: newest;
        }
.empty_2 {
        position: relative;
        left: 65px;
        }

#db_notes {
        position: relative;
	top: -210px;
        height: auto;
        background: black;
        }
.keywords {
        color: #555555;
        }
.db_command {
	position: relative;
        color: #90E82D;
	max-width: 100px;
	width: 100px;
        }
.db_url {
        color: #555555;
        }
/*### END OF NOTES ###*/

/*### GALLERY DATA ###*/
#gallery_content {
        position: relative;
        top: 60px;
        width: 560px;
        height: 410px;
        color: white;
        margin-left: 130px;
        background: black;
        }
#gallery {
        margin-left: 75px;
        width: 500px;
        }
#gallery a:hover {
	color: #00CCFF;
	}

 
.images {
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: #555555;
        padding: 2px;
        margin-right: 10px;
        }

.images:hover {
	border: 1px #00CCFF solid;
	}
/*### END OF GALLERY ###*/


/*### FOOTER ###*/

#footer {
	position: relative;
        left: 350px;
        width: 500px;
       /* color: #90E82D;*/
	color: #444;
        z-index: -1;
	font-family: days;
	font-size: 7.5pt;
        }
#footer2 {
        position: relative;
        left: 350px;
        width: 500px;
       /* color: #90E82D;*/
        color: #333;
        z-index: 9;
        font-family: days;
        font-size: 7.5pt;
        }

.footer_img {
	position: relative;
	right: 20px;
}


.t1 {
        color: white;
        font-size: 30pt;
        }

.t2 {
        position: relative;
        bottom: 5px;
        margin-right: 6px;
        /*color: #2d93c3;*/
	color: #00CCFF;
        font-size: 12pt;
	font-family: DroidSansBold, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
        }


h1 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #464646;
}
h1 span {
  background: url(./images/images/pattern-zebra.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}


#contacts_border {
	position: relative;
	top: 70px;
	left: 240px;
	width: 340px;
	height: 200px;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	padding-top: 10px;
	overflow: auto;
	}
#contacts {
/*	position: relative;
	top: 50px;
/*	left: 260px;*/
	height: 70px;
	width: 270px;
	background: #333;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-left: 19px;
	opacity:0.6;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	}


.contacts_img {
	height: 50px;
	width: auto;
	float: left;
	border-style: solid;
	border-width: 2px;	
	border-color: black;
	bottom: -5px;
	}

.contacts_p {
	position: relative;
	top: -10px;
	left: 10px;
	}	

br {
	height: 1px;
	}


div.hover {
	position: relative;
	top: 50px;
	left: 50px;
	height: 100px;
	width: 250px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}

p.a {
	height: 90%;
	width: 100%;
	z-index: 10;
	position: absolute;
	left: -0;
	padding-left: 5px;
	top: -12px;
	cursor: pointer;
	background: black;
	}

p.b {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	}
#bts {
	height: auto;
	width: 150px;
	position: relative;
	top: -30px;
	left: 56px;
	}

.buttons a {
	position: relative;
        color: black;
        text-decoration: none;
        }

.buttons a:hover {
        position: relative;
        top: 1px;
        left: 1px;
        text-decoration: none;
        }
.white {
	color: white;
}


#info {
        position: absolute;
        height: 50px;
        width: 290px;
	top: -10px;
        left: 430px;
        padding-top: 25px;
        padding-left: 30px;
        z-index: 10;
	color: white;
	border: 1px #444 solid;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	-moz-box-shadow: 3px  3px 20px #333;
        -webkit-box-shadow: 3px 3px 20px #333;
        box-shadow: 3px 3px 15px #333;
        }
#info_bg {
        position: absolute;
	left: 100px;
        height: 100px;
        width: 290px;
        background: gray;
        opacity: 0.1;
        }

#browser {
        float: left;
        top: 5px;
        left: 10px;
        height: 50px;
        width: 50px;
        }
#os {
        position: relative;
        left: 20px;
        }

#ip {
        position: relative;
        top: -35px;
        left: 110px;
        }

#mouse {
	position: absolute;
	top: 80px;
	left: -500px;
	}
#arrow {
	position: relative;
	opacity: 0.2;
	top: -14px;
	left: 50px;
	}
.gray {
	color: #444;
	opacity: 0.8;
	}

#mouse_icon {
	position: absolute;
	top: 12px;
	left: 18px;
	height: auto;
	width: auto;
	opacity: 0.3;
	z-index: 1;
	}
.mouse_text {
	position: relative;	
	top: 50px;
	left: 25px;
	color: black;
	font-family: newfont;
	font-size: 13pt;
	font-weight: bold;
	}

/*##### PLAYLIST OVERLAYS####*/
.dh-img {
	position: absolute;
	top: -20px;
	}

#play1 {
	position: relative;
	float: left;
	width: 190px;
	height: auto;
	}

#play2 {
	position: relative;
        float: right;
        width: 190px;
        height: auto;
        }

#dropdown {
	position: absolute;
	padding-top: 20px;
	top: 35px;
	left: 623px;
	background: black;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 140;
	width: 120;
	border: 1px #333 solid;
	border-top: black;
	color: white;
	z-index: 9;
	opacity: 0.8;
	overflow: hidden;
	}	
#dropdown a {
	position: relative;
	left: -45px;
	}
#dropdown ul li a {
	width: auto;
	font-size: 8pt;
	color: #90E82D;
	width: 100%;
	text-align: left;
	}
#dropdown ul li a:hover {
	font-size: 10pt;
	color: white;
	background: #333;
	}

#dropdown2 {
        position: absolute;
        padding-top: 20px;
        top: 35px;
        left: 445px;
        background: black;
        text-align: left;
        padding: 0;
        margin: 0;
        height: 70;
        width: 120;
        border: 1px #333 solid;
        border-top: black;
        color: white;
        z-index: 10;
        opacity: 0.8;
        overflow: hidden;
        }
#dropdown2 a {
        position: relative;
        left: -45px;
        }
#dropdown2 ul li a {
        width: auto;
        font-size: 8pt;
        color: #90E82D;
        width: 100%;
        text-align: left;
        }
#dropdown2 ul li a:hover {
        font-size: 10pt;
        color: white;
        background: #333;
        }

h.arrow {
	font-size: 8pt;
	}
.smaller {
	font-size: 7pt;
	}

#md5_form {
	position: relative;
	top: 80px;
	left: 270px;
	width: 280px;
	}
#md5_form .md5_title {
	position: relative;
	top: -20px;
	left: -10px;
	font-family: newest;
	font-size: 14pt;
	color: #333;
	}
#md5_form .empty {
	position: relative;
	color: #999;
	font-family: newest;
	top: -10px;
	left: -5px;
	}
#md5_pass {
	position: relative;
	left: -100px;
	top: 30px;
	font-family: newest;
	font-size: 15pt;
	color: #90E82D
	}	
#md5_pass:hover {
	color: #444;
	}
#reset {
	position: relative;
	top: 20px;
	left: -12px;
	font-family: days;
	font-size: 9pt;
	color: #444;
	}
#reset2 {
	position: relative;
        top: 35px;
	left: -15px;
        font-family: days;
        font-size: 9pt;
        color: #444;
        }
#htpasswd_form {
        position: relative;
        top: 80px;
        left: 270px;
        width: 280px;
        }
#htpasswd_form .htpasswd_title {
        position: relative;
        top: -20px;
        left: -10px;
        font-family: newest;
        font-size: 14pt;
        color: #333;
        }
#htpasswd_form .empty {
        position: relative;
        color: #999;
        font-family: newest;
        top: -10px;
        left: -5px;
        }
#htpasswd_pass {
        position: relative;
        top: 30px;
	left: 35px;
        font-family: newest;
        font-size: 15pt;
	width: auto;
	height: auto;
        color: #90E82D;
        }
#htpasswd_pass:hover {
        color: #444;
        }
#clippings_form {
	position: relative;
	top: 80px;
	/*left: 70px;*/
	float: left;
	left: 50px;
	width: 280px;
	}
	
	
.newest {
	font-family: newest;
	color: #999;
	}
.newest2 {
	font-family: newest;
	color: #90E82D;
	}
.clipp_class {
	font-family: newest;
	background: black;
	color: #999;
	border: 1px solid #333;
	}
.clipp_class:focus, .clipp_class:hover {
	border: 1px solid #777;
	}
#clippings_form .clippings_title {
        position: relative;
        top: -20px;
        left: -10px;
        font-family: newest;
        font-size: 14pt;
        color: #333;
        }
textarea {
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;	
	}

#clippings_current {
	position: relative;
	float: right;
	top: 20px;
	right: 20px;
	padding: 10px 10px 0 10px;
	height: 350px;
	width: 300px;
	border: 1px solid #444;
	overflow: auto;
	-moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
	-moz-box-shadow: 3px  3px 20px #333;
        -webkit-box-shadow: 3px 3px 20px #333;
        box-shadow: 3px 3px 20px #333;
	}

#script_container {
	position: relative;	
	height: 300px;
	width: 475px;
	top: 40px;
	left: 140px;
	overflow: auto;
	border: 1px solid #444;
	padding: 10px 20px 20px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: black;
	-moz-box-shadow: 3px  3px 15px #333;
        -webkit-box-shadow: 3px 3px 15px #333;
        box-shadow: 3px 3px 15px #333;
	}
#script_container a:hover {color: #90E82D;}
	
.script_title {
	font-family: newest;
	font-size: 10pt;
	}
.script_contents {
	position: relative;
	left: 50px;
	width: auto;
	max-width: 400px;
	}