* {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
body {
	height: 100%;
	background: #181317;
	background-attachment: fixed;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	font-size: 81.25%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	color: #7b7074;
}
fieldset {border: none;}
ul { list-style-type: none; }
a, button { outline: none; }
a, a:link, a:visited { color: #ea7125; text-decoration: none }
a:hover { color: #ffaf24; }
img {
	border: none;
	vertical-align: bottom;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
}
#logo {
	float: left;
	margin: 0;
	z-index: 100;
	position: relative;
	top: -18px;
	left: -36px;
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: #181317;
}
#section {
	float: left;
	width: 60%;
	position: relative;
	top: -17px;
	left: -35px;
}
#plus {
	float: right;
	position: relative;
	/* height: 54px;
	width: 54px; */
	top: -17px;
	right: -35px;
	text-align: right;
  /* opacity */
	filter: alpha(opacity=40); /* internet explorer */
	-khtml-opacity: 0.4;      /* khtml, old safari */
	-moz-opacity: 0.4;       /* mozilla, netscape */
	opacity: 0.4;           /* fx, safari, opera */
}
#content {
	margin-top: 110px;
	margin-bottom: 10px;
}
#footer {
	position: relative;
	padding: 30px;
	color: #1a1a1a;
}
#footer a {
	color: #242424;
}

/***
 * Stretched BG
 ***/
#background_container {height: 100%; overflow: hidden; position: absolute; width: 100%;	top: 0; clear: both;}
#background {min-width: 1280px;	position: absolute;	width: 100%; height: auto; z-index: -1;}

/***
 * Page Body
 ***/
#page-body {
	width: 60%;
	margin: 0px auto;
	padding-top: 17px;
	padding-bottom: 25px;
	left:-35px;
	padding-left:35px;
	right: -35px;
	padding-right: 35px;
	/* background-color: #4b3b42; */
	background-image: url(trbg.png);
}
#page-body h1,
#page-body h2 { font-weight: normal; line-height: 1.1em; margin-top: 0.2em; margin-bottom: 0.8em; }
#page-body h1 { font-size: 190%; /*color: #eb6700;*/ }
#page-body h2 { font-size: 138.5%; margin: 1.5em 0 0.45em; }
#page-body h2.first { margin-top: 1em; }
#page-body h3 { font-size: 100%; margin: 0 0 0.5em 0;}
#page-body h3.compact { margin-bottom: 0.1em; }
#page-body h3.first { margin-top: 1em; }
#page-body h3.special { color: #e41420; font-weight: normal; }
#page-body h4,
#page-body h5 { font-size: 85%; font-weight:normal; }
#page-body h4.special { margin-top: 2.5em; }
#page-body h3.special .clickable { border-bottom-color: #e41420; }
#page-body .padded-content { padding-left: 15px; }
#page-body p, #page-body ul  { margin-bottom: 1.3em; }
#page-body p.smaller { font-size: 85%; }
#page-body p.larger { font-size: 115%; }
#page-body p.footer-info { font-size: 85%; color: #838383; }
#page-body p img.left { margin: 0 20px 10px 0; }
#page-body table {
	width: 100%;
}
#page-body ol {
	list-style-position: outside;
	left: -2em;
	margin-bottom: 1.3em;
	}
#page-body ol li {
	margin-left: 1.7em;

}
#page-body table th {
	font-weight: normal;
	font-size: 70%;
	padding-bottom: 15px;
}
#page-body table td {
	font-size: 81.25%;
}
#page-body table th,
#page-body table td {
	padding: 5px 10px 5px 0;
	text-align: left;
	white-space: nowrap;
}
#page-body ul {
	margin: 0;
	padding: 0;
	margin-bottom: 1.3em;
	list-style-type: none;
}
#page-body ul li {
	background-image: url(dot_7b7074.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#page-body ul li ul li {
	padding-left: 1.4em;
	/* background: url(dot_black_10.png) no-repeat 0 0.4em; */
}
#page-body blockquote {
	padding: 10px 10px 10px 1.9em;
	margin-bottom: 1.3em;
	color: #9fd067;
	background-color: #58494f;
}
#section h1 { font-size: 44px; font-variant:normal; font-weight: normal; line-height: 35px; margin-top: 18px; margin-left: 12px; padding: 0; margin-bottom: 0px;}
h1.drop-shadow { text-shadow: 4px 4px 4px #58494f; }

/* forms */
#page-body form {margin-bottom: 3em;}
#page-body fieldset {border: 0px; color: #7b7074;}
#page-body label {float: left; display: block; clear: both; color: #7b7074; font-size: 90%; margin-top: 0.2em; margin-bottom: 0.8em; }
#page-body legend {font-size: 150%;}
#page-body input, #page-body textarea {
	color: #9fd067;
	background-color: #7b7074;
	border: 6px solid #7b7074;
	font-weight: bold;
	margin-top: 0.4em;
	font-size: 100%;
}
#page-body label.required {
	float: left;
	display: block;
	position: relative;
	background-image: url(required_10.png);
	background-repeat: no-repeat;
	background-position: 0 2.6em;
	padding-left: 1.5em;
	left: -1.5em;
	clear: both;
}
#page-body span.required {
	float: left;
	width: 10px;
	/* position: relative; */
	background-image: url(required_10.png);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	margin-left: -1.34em;
	/* left: -1.5em; */
	text-indent: -9999px;
}
#page-body button {
	color: #ea7125;
	width: 180px;
	height: 21px;
	display: block;
	clear: both;
	background: transparent;
	font-weight: bold;
	text-align: left;
	/* GRAPHICS START */
	margin: 0;
	padding: 0;
	border: 0;
	/* text-indent: -1000em; /* hide text */
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	/* GRAPHICS END */
}
#page-body button:hover {
	color: #ffaf24;
	/* text-decoration: underline; */
}
button#wlpeLoginButton, button#wlpeResetButton {
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_enter.png) no-repeat left top;
}
button#wlpeReminderButton {
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_reminder.png) no-repeat left top;
}
button#wlpeRegisterButton, button#wlpeSaveRegisterButton, button#wlpeSaveProfileButton {
	height: 21px;
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_add.png) no-repeat left top;
}
button#wlpeCancelRegisterButton, button#wlpeResetCancelButton, button#wlpeLogoutButton, button#wlpeProfileDoneButton, button#wlpeProfileCancelButton {
	height: 21px;
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_close.png) no-repeat left top;	
}
button#wlpeProfileButton {
	height: 21px;
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_info.png) no-repeat left top;	
}
button#wlpeProfileDeleteButton {
	height: 21px;
	padding-left: 22px;
	margin-left: -1px;
	background: transparent url(/assets/images/glider/button_recycle.png) no-repeat left top;	
}
#registration-form, #profile-form {
	float: left;
	margin-right: 70px;
}
#registration-form input, #profile-form input {
	width: 150px;
}
#avatar-form {
	margin-top: 0.8em;
	width: 300px;
	float: left;
}
#avatar-form img {
	float: left;
	margin: 0 10px 10px 0;
}
#avatar-form textarea {
	width: 288px;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 120%;
	font-weight: 300;
	/* border: 6px solid #7b7074;*/
}
#avatar-form input {
	background: transparent;
	border: none;
}
#tos-form {
	float: right;
}
#vericode-form {
	display: block;
	float: left;
	width: 312px;
}
#vericode-form .vericode_block {
	width: 120px;
	height: 20px;
	margin-top: 3px;
	font-size: 20px;
	line-height: 1em;
	vertical-align: middle;
	font-weight: 300;
	border: 11px solid #7b7074;
	float: right;
}
#vericode-form .vericode_image {
	float: left;
	margin-top: 3px;
	width: 140px;
	height: 40px;
	border: 1px solid #181317;
}
#photolabel input {
	background-color: transparent;
	border: none;
}
#wlpeMessage { margin-bottom: 10px; padding: 0; }
#wlpeMessage p { margin-top: 0.5em; padding: 0;}
#wlpeMessage .frm-cfm {/*border: 1px solid green;*/ font-weight: bold; color: #4b3b42; background-color: #9fd067; padding: 5px 2px;}
#wlpeMessage .frm-err {/*border: 1px solid red;*/ font-weight: bold; color: #4b3b42; background-color: /*#de5262*/ #ff212e; padding: 5px 2px;}
#wlpeTosCheckboxLabel {
	width: 300px;
	text-align: left;
}
#wlpeTosCheckbox {
	float: left;
}
#wlpeUserRegisterButtons {
	width: 300px;
	text-align: left;	
}

/***
 * HOME
 ***/

/* glider map */
dl#glider-map {
  display:block;
  width:165px;
  height:165px;
  background:url(/assets/images/glider/glider-165px.png) no-repeat;
  /* opacity */
	filter: alpha(opacity=20); /* internet explorer */
	-khtml-opacity: 0.2;      /* khtml, old safari */
	-moz-opacity: 0.2;       /* mozilla, netscape */
	opacity: 0.2;           /* fx, safari, opera */
}
#glider-map a {
	position: absolute;
	width: 51px; height: 51px;
	/* mandatory for IE */
	/* background:url(spiral-51-7b.gif); */
} 
#glider-map #news a {
  left: 57px;
  top: 3px;
  }
#glider-map #enter a {
  left:111px;
  top:57px;
  }  
#glider-map #more a {
  left:111px;
  top:111px;
  }
#glider-map #world a {
  left:3px;
  top:111px;
  }
#glider-map #sound a {
  left:57px;
  top:111px;
  display: block;
  }
#glider-map #mover a {
	left:57px;
	top:57px;
  }
#news a:hover, #enter a:hover, #more a:hover, #world a:hover, #sound a:hover {
	background:url(spiral-51.gif);
}
#mover a:hover {
	/* background:url(spiral-51-lt.gif); */
}
#glider-map a span{ display: none; visibility: hidden; }
/*
#glider-map a:hover span{
 display: block;
 position: absolute;
}
*/
.glider-overlay {
	display: none;
	/* background: #181317; */
	margin: 0;
	padding: 0;
	/* width: 165px;
	height: 165px; */
}
.glider-overlay img {
	display: inline;
	vertical-align: bottom;
}
.last_music, .last_photo {
	float: left;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
.last_music img {
	float: left;
	margin: 0 10px 10px 0;
}
/* home centering */
#outer { display: table; width:100%; height:100%; overflow:hidden; /*border: 1px solid #c00000;*/ }
#inner { position: absolute; top: 50%; left: 50%; display: table-cell; vertical-align: middle; margin: -27px 0 0 -27px; /* border: 1px solid #7b7074; */ }

.num {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background: transparent url(/assets/images/glider/button_58494f.gif) no-repeat center top;
	text-align: center;
	vertical-align: middle;
	color: #9fd067;
	font-size: 8px;
	font-weight: bold;
	line-height: 18px;
	margin-right: 2px;
	margin-left: -1px;
}
span.date {
	font-size: 90%;
	font-style: italic;
}