/* Flashii.net Style Codename "Mio" remodeled to look like "Nico" */
@charset "utf-8";

@font-face {
	font-family: Gothic;
	src: url('../fonts/gothic.woff');
}

html {
	color: #000000;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Gothic, sans-serif;
	background: #0A0018 url('../img/pclouds.jpg') no-repeat center center fixed;
	background-size: cover;
	text-align: center;
	color: #FFFFFF;
}
img.logo {
	margin: 5px;
	margin-top: 35px;
	height: 74px;
	width: 231px;
	border: 0px;
	background: url('../img/classiclogo.png') no-repeat scroll left top transparent;
	background-size: cover;
}
a {
	color: #0094FF;
}
a:hover {
	color: #0072DD;
}
div.navbar {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	font-size: 30px;
	background-image: linear-gradient(to bottom, #190015, transparent);
	z-index: 1;
	padding: 5px 0px;
}
div.navbar a {
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.4s ease-in 0s, text-shadow 0.4s ease-in 0s, background-image 0.4s ease-in 0s;
}
div.navbar a:hover {
	text-shadow: 0px 0px 8px #F1F1F1;
	background-image: linear-gradient(to bottom, #3B2237, transparent);
}
div.navbar a:active {
	text-shadow: 0px 0px 8px #F1F1F1;
	background-image: linear-gradient(to bottom, #2A1126, transparent);
}
div.navbar ul {
	margin: 0px;
	clear: both;
	width: 100%;
}
div.navbar li {
	float: left;
	display: block;
	z-index: 1;
}
div.navbar a:before {
	content: "\00a0 ";
}
div.navbar a:after {
	content: "\00a0 ";
}
li.notcurrent {
	padding: 2px 1px;
}
li.current {
	padding: 2px 1px;
}
li.first {
	padding: 2px 1px;
}
li.fill {
}
div.pagecontent, div.profile {
	margin: 0px auto;
	margin-top: 5px;
	min-width: 880px;
	max-width: 1024px;
	border: solid 1px rgba(102,0,153,0.5);
}
div.pagecontent > div.content {
	background-image: linear-gradient(to top, rgba(102,0,153,0.5), transparent);
}
div.pagecontent > div.content > h3.title {
	background-image: linear-gradient(to bottom, rgba(102,0,153,0.5), transparent);
}
div.profile {
	min-height: 246px;
	background: rgba(102,0,153,0.5);
}
div.profile_cont {
	text-align: left;
	padding: 0px 20px;
}
div.profile_cont hr {
	border: 0px solid #000;
	height: 1px;
	color: #000;
	background: #000;
	width: 75%;
}
div.mioboards, div.mioblog, div.miowhois {
	margin: 0px auto;
	margin-top: 5px;
	min-width: 660px;
	max-width: 924px;
	border: solid 1px rgba(102,0,153,0.5);
	background: rgba(102,0,153,0.5);
}
div.miobottom{
	margin: 0px auto;
	overflow: auto;
	height: auto !important;
}
div.miobinner {
	position: relative;
	left: -50%;
	float: right;
	clear: both;
	text-align: left;
}
h3.miotitle {
	background-image: linear-gradient(to bottom, rgba(102,0,153,0.5), transparent);
	color: #FFF;
	margin-top: 0px;
	text-align: left;
	padding: 3px;
}
h1.miotitle {
	color: #330066;
	margin: 0px;
	text-align: center;
}
.miosub {
	color: #330066;
	font-size: 8pt;
}
div.mioboxcontent {
	text-align: left;
	margin: 0px;
	line-height: 130%;
	overflow: auto;
	width: 100%;
}
div.mioboxcontent h4 {
	text-decoration: underline;
    display: inline;
}
div.mioboards div.mioboxcontent {
	padding: 0.25em 0.5em 0px;
	padding-left: 20px;
}
div.miocolumn {
	float: left;
	width: 25%;
	display: block;
}
a.boardlink {
	text-decoration: none;
	color: inherit;
}
a.boardlink:hover,a.boardlink:active {
	text-decoration: underline;
}
div.postcontent {
	text-align: left;
	padding: 0px 10px 0px 10px;
}
h3.title {
	margin-top: 0px;
	text-align: left;
	padding: 3px;
}
h1.title{
	margin-top: 0px;
	background-color: rgba(102,0,153,0.2);
	text-align: left;
	padding: 5px;
}
ol,dl {
	text-align: left;
}
dl {
	padding-left: 10px;
}
dt.q {
	font-weight: bold;
	color: #550088;
}
dd.a {
	border-bottom: solid 1px #9475B2;
	padding-right: 10px;
	margin-bottom: 5px;
}
span.permalink {
	float: right;
}
span.permalink a {
	text-decoration: none;
}
span.permalink a:hover {
	text-decoration: underline;
}
input[type="text"],input[type="password"],input[type="date"],textarea{
	margin: 0px 2px 0px 0px;
	padding: 2px 4px 3px;
	border: 1px solid #AAA;
	outline: medium none;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
}
select{
	padding: 1px 2px 2px;
	border: 1px solid #AAA;
	outline: medium none;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
}
div.copyright{
	padding-top: 5px;
	font-size: 11px;
	line-height: 15px;
}
div.copyright a {
	text-decoration: none;
}
.prof_avatar{
	max-height: 200px;
	max-width: 200px;
	border: 1px solid #9475B2;
}
div.prof_avatar_cont{
	text-align: right;
	float: right;
	width: 200px;
	height: 200px;
	clear: both;
	margin-top: -6px;
	margin-right: -11px;
}
table.miotable {width:100%;}
.ucptable tr {width: 100%;}
.ucptable td {width: 50%;}
.ucptable input[type="text"],.ucptable input[type="date"] {width: 292px;}
.miotable tr.head{text-align:center;font-weight:bold;}
.miotable tr.ucpmenu td{width:25%;}
.miotable a{text-decoration:none;}
.miotable a:hover{text-decoration:underline;}
.miotable tr.online a{color:green;}
.miotable tr.semionline a{color:orange;}
.miotable tr.offline a{color:red;}
.miotable td{padding:5px;}
.miotable tr.online{color:green;background:rgba(0,45,0,0.9);}
.miotable tr.semionline{color:orange;background:rgba(51,24,0,0.9);}
.miotable tr.offline{color:red;background:rgba(51,0,0,0.9);}

.registerbutton, .loginbutton {
	display: block;
	background: linear-gradient(to bottom, transparent, rgba(102,0,153,0.5), transparent);
	color: #FFF;
	padding: 10px;
	font-size: 20px;
	text-decoration: none;
	transition: text-shadow 0.2s;
}

.registerbutton:hover, .loginbutton:hover {
	color: #FFF;
	text-shadow: 0px 0px 8px #F1F1F1;
}

/* Flashii Bar */
div.flashii-bar .barAvatar {
	margin-bottom: -5px;
	height: 20px;
	width: 20px;
}

div.flashii-bar {
	color: #000000;
	position: absolute;
	right: 0px;
	background: #FBEEFF;
	padding: 1px 9px;
	/*border-radius: 0px 0px 0px 8px;*/
	border: 1px #9475B2 solid;
	border-top: 0px;
	border-right: 0px;
	/*box-shadow: 0 0 1px grey;*/
	box-shadow: 0 0 1.5em #808080;
	z-index: 997;
}

div.flashii-black {
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	z-index: 998;
}

div.flashii-bar a {
	color: inherit;
	text-decoration: none;
}

div.flashii-bar a:hover {
	text-decoration: underline;
}

div.flashii-horizon {
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index: 999;
}

div#flashii-login,div#flashii-register {
	min-width: 333px;
	max-width: 462px;
	border: solid 1px #9475B2;
	z-index: 999;
	background: #FBEEFF;
	margin: 0px auto;
}

div#flashii-login h3,div#flashii-register h3 {
	background-color: #9475B2;
	color: rgb(51,0,102);
	margin-top: 0px;
	text-align: left;
	padding: 3px;
}

div#flashii-login h3 a,div#flashii-register h3 a {
	float: right;
	color: inherit;
	text-decoration: none;
}

div#flashii-login table,div#flashii-register table {
	margin: 0px auto;
	text-align: left;
}

div#flashii-login tr td:first-child,div#flashii-register tr td:first-child{
	background: #C9BBCC;
	border: 1px #746677 solid;
	color: #400070;
	font-weight: bold;
	padding: 0px 5px;
	font-size: 10pt;
	width: 35% !important;
}

div#flashii-login table tr:last-child td, div#flashii-register table tr:last-child td{
	background: transparent !important;
	border: none !important;
	color: inherit !important;
	font-weight: normal !important;
	padding: 0 0 !important;
	font-size: inherit !important;
	text-align: center;
}

div#flashii-login #recaptcha_response_field,div#flashii-login input[type="text"],div#flashii-login input[type="password"],div#flashii-register #recaptcha_response_field,div#flashii-register input[type="text"],div#flashii-register input[type="password"] {
	margin: 0px 2px 0px 0px;
	padding: 2px 4px 3px;
	border: 1px solid #AAA;
	outline: medium none;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	width: 292px;
}

#recaptcha_widget img {
	cursor: pointer;
}

div#recaptcha_image {
	margin: 0px 2px 0px 0px;
	border: 1px solid #AAA;
	outline: medium none;
}

#recaptcha_response_field {
	margin-top: 4px !important;
}

.recaptcha_custom_buttons {
	font-size: smaller;
}