@charset "utf-8";
/*
Theme Name: Alien Live version 20100503
Theme URI: http://alien9.com/
Description: theme of Alien.
Author: Alien Cheung
Author URI: http://alien9.com/
Copyright (c) Alien Blog.
*/
header, footer, section, aside, nav, menu, article {
    display: block;
}
li{
list-style:none;
}

ul.point li{
list-style-type:square;
padding-left:10px;
margin-left:20px;
}
* {
margin:0;
padding:0;
border:0;
}

body {
/*font-family:"Courier New", Courier, monospace;*/
/*font-family:Arial, Helvetica, sans-serif;*/
font-family: 'MedievalSharp', serif;
overflow:hidden;
font-size:12px;
color:#CCCCCC;
background-color:#191919;
background-image:url(../img/newbg1.png);
letter-spacing: 0.1em;
word-spacing: 0em;
line-height: 1.2;
}

.m10{
position:relative;
right:0px;
z-index:999;
padding-left:10px;
padding-right:10px;
padding-top:10px;
margin-left:0px;
border-left:solid #ff3399 5px;
}
.w100{
width:100%;
}
.scroll{
position:relative;
float:left;
height:100%;
padding-left:5px;
}
.scrollbtn{
position:absolute;
z-index:999;
display:none;
}
.up{
z-index:999;
position:absolute;
cursor:pointer;
padding-left:2px;
padding-right:2px;
width:8px;
height:12px;
opacity:0.1;
}

.down{
z-index:999;
position:absolute;
cursor:pointer;
padding-left:2px;
padding-right:2px;
width:8px;
height:12px;
}
hr {
background-color: #222;
height: 1px;
}
h1 {
color:#666666;
font-size:x-large;
text-shadow: 1px 1px 1px #000;
}
input {
background-color:#191919;
color:#F09;
padding:1px;
}
a {
text-decoration:none;
color:#0099FF;
}
a:hover {
text-decoration:none;
color:#0066FF;
}
:focus { outline:none; }
a:focus, input:focus { outline:none; } /* FF */
.top{
z-index:1999;
}
#navigation{
position: absolute;
top:30%;
left:0px;
}
.hide{
display:none;
}
#menu {
position:absolute;
line-height:30px;
z-index:999;
top:10px;
width:175px;
}
#menu1{
}
#menu2 li{
margin-top:5px;
}
.menu li{
margin-right:5px;
position:relative;
float:left;
}
.MenuWord{
padding-bottom:5px;
padding-left:3px;
}
.MenuBlock{
height:28px;
width:28px;
cursor:pointer;
}
.MenuBlock2{
height:28px;
padding: 2px;
cursor:pointer;
}
.close{
position:absolute;
right:0;
top:0;
width:17px;
height:17px;
background-image:url(../img/close.gif);
cursor:pointer;
}
.over{
background-color:#99FF00;
}
.bg{
/*background-image:url(../img/25bg.png);*/
background-color:#111111;
/*border:solid #222 thin;*/
}
#full {
background-image:url(../img/bg_skull.png);
width: 100%;
height:100%;
position: absolute;
/*background-image:url(../img/dotted_bg.png);
background-repeat:repeat;
*/
z-index: 0;
background-color:#000;
}
#headbar{
}
.rightcorner {
right:10px;
bottom:40px;
line-height:30px; /*important*/
color:#ccc;
text-align:center;
padding:5px;
background-color:#111;
}
.leftcorner {
position:absolute;
left:10px;
top:10px;
padding:5px;
line-height:30px; /*important*/
color:#ccc;
padding-top:10px;
}
#calendar {
position:absolute;
color:#ccc;
right:10px;
bottom:40px;
padding:10px;
color:#ccc;
text-align:center;
display:none;
}

.displayonce{
display:none;
}
#meta {
position:absolute;
right:10px;
top:330px;
padding:5px;
width:150px;
overflow-x:hidden;
overflow-y:hidden;
line-height:30px; /*important*/
color:#ccc;
}
#rightpadtouchbg{
position:absolute;
width:20px;
height:100%;
background-color:blue;
right:0px;
z-index:1000;
}
#rightpadtouch{
position:absolute;
width:20px;
height:60px;
cursor:pointer;
z-index:1001;
top:45%;
right:0;
}


#rightpad{
position:absolute;
width:200px;
height:100%;
color:#CCCCCC;
display:none;
z-index:1000;
top:0;
right:0;
padding:10px;
background-image:url(../img/newbg4.png);
}
#panel {
position:absolute;
top:80px;

}
#panel li{
font-size:11px;
}
#pagination {
position:absolute;
height:20px;
max-width:800px;
top:600px;
padding:5px;
display:none;
}
#panelleft {
float: left;
width:10px;
}
#panelright {
float: left;
width:140px;
}


#scrolltab {
white-space:pre;
float:left;
}
#floatleft {
height:30px;
float:left;
bottom:0px;
}
#floatleft2 {
position:absolute;
bottom:10px;
width:800px;
}
.abso {
position:absolute;
}
#music {
position:fixed;
right:10px;
bottom:0px;
width:150px;
height:160px;
overflow-x:hidden;
overflow-y:hidden;
line-height:30px; /*important*/
}
#loading{
top: 35%;
width:200px;
height:100px;
}
/*content*/
#wrap {
position:absolute;
height:100%;
width:100%;
z-index:1;
}
#shadow {
position:absolute;
width:800px;
top:10px;
height:580px;
z-index:1;
}
#content {
position: absolute;
width:800px;
top:10px;
height:580px;
z-index:2;
display:none;
}
#forchange{
z-index:3;
height:100%;
}
p {
color:#CCCCCC;
}
.spacer{
position:relative;
float:left;
width:1px;
z-index:3;
overflow-x:hidden;
overflow-y:hidden;
height:10px;
}
.p10 {
padding:10px;
}

#contentp {
position:absolute;
height:100%;
width:800px;
z-index:300;
overflow-x:hidden;
overflow-y:hidden;
line-height:30px; /*important*/
}
#contentpleft {
position:relative;
float:right;
height:100%;
width:200px;
z-index:3;
line-height:30px; /*important*/
overflow-x:hidden;
overflow-y:hidden;
/*max-height:100%;*/
}
#contentpmain {
position:relative;
float:left;
width:600px;
height:100%;
max-width:600px;
z-index:3;
line-height:30px; /*important*/
overflow:hidden;
}
#wrap2 {
position:absolute;
width:800px;
height:85%;
overflow-x:hidden;
overflow-y:hidden;
}
#share {
position:relative;
float: left;
width:20px;
}
#footbar {
position:absolute;
bottom:0px;
width:100%;
z-index:1;
height:30px;
margin:0px;
}
#footbar_inner {
position:absolute;
bottom:10px;
left:10px;
width:100%;
z-index:2;
}
.drag { cursor: move; }
#share {
position:absolute;
width:100%;
right:0px;
bottom:30px;
padding:5px;
line-height:30px; /*important*/
color:#ccc;
text-align:center;
}