@font-face
{
	font-family:Armagetronad; 
	src:url(/font/Armagetronad.ttf);
}
@font-face
{
	font-family:Arial;
	src:local("Arial"),url(/font/arial.ttf);
}
*
{
	padding:0;margin:0;
}
body
{
	/*width:99%;height:99%;*/
	padding-left:6px;padding-top:34px;
	color:white;font-family:"Lato";
}
img
{
	text-decoration:none; 
	border:0;
}
fa
{
	color:white;text-decoration:none; 
}
#titlebar
{
	background:rgb(123,163,173);background:rgba(0,0,12,0.4);
	box-shadow:0 0 2px black;
	/*box-shadow:0 5px 5px rgba(0,0,12,0.4);*/
	width:100%;height:35px;
	position:fixed;left:0;top:0;
	color:white;
	padding:0;margin:0;
	display:block;
}
.home-menu
{
	background:#3b3b3b;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	margin-top:-4px;
	height:35px;
}
.pure-menu-list
{
	position:relative;top:0px;
}
.pure-menu-link
{
	color:#B4B4B4;
}
.pure-menu-link:hover, .pure-menu-link:active
{
	background:rgba(255,255,255,0.25);
	color:#EBEBEB;
}
.pure-menu-selected .pure-menu-link
{
	color:white !important;/*margin-bottom:0;*/
	border:3px;border-color:#418BD4;border-bottom-style:solid;
}
.pure-menu-heading
{
	color:#B0B0B0;
	text-transform:none;
}
#designer
{
	box-shadow:0 0 2px black;
}
#website
{
	font-family:"Raleway";font-size:30px;
	color:white;
	transition:all 0.25s linear 0s;
	padding:0;margin:0;
	position:relative;top:-2px; left: -8px;
	display:block;
}
#website img
{
	position:relative; top: 5px; left: 2px;
}
.websitename
{
	transition:all 0.25s linear 0s;
}
.websitename:hover
{
	text-shadow: 
	0 1px  0    rgb(204,204,204),
	0 2px  0    rgb(201,201,201),
	0 3px  0    rgb(187,187,187),
	0 4px  0    rgb(185,185,185),
	0 5px  0    rgb(170,170,170),
	0 6px  1px  rgba(0,0,0,0.0980392),
	0 0    5px  rgba(0,0,0,0.0980392),
	0 1px  3px  rgba(0,0,0,0.298039),
	0 3px  5px  rgba(0,0,0,0.2),
	0 5px  10px rgba(0,0,0,0.247059),
	0 10px 10px rgba(0,0,0,0.2),
	0 20px 20px rgba(0,0,0,0.14902);
	/*padding: 4px 10px 16px 10px;*/
	transition: all 0.25s linear 0s;
}

.title,h1,.lesstitle
{
	font-family:"Oxygen",serif;display:block;font-weight:bold;
	font-weight:400;
	font-size:20pt;
}
.title,h1
{
	font-size:30pt;text-align:center;
}



input[type=number], select, select option,input[type=text],input[type=password], textarea
{
	padding: 2px; border-radius: 4px;border-color:#00F; border:0px;
	-webkit-transition: box-shadow 0.15s linear 0s;
	-moz-transition: box-shadow 0.15s linear 0s;
	-o-transition: box-shadow 0.15s linear 0s;
	transition: box-shadow 0.15s linear 0s;
	background:rgba(0,0,0,0.5); box-shadow: 0 0 0px 0px black;
}
input[type=number]:active, input[type=number]:focus, select:active, select:focus, input[type=text]:active, input[type=text]:focus,input[type=password]:focus, textarea:active, textarea:focus
{
	background:rgba(0,0,0,0.8); box-shadow: 0 0 5px 1px cyan;
	outline: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
    opacity: 1;
}
select option
{
	background:transparent;
}
select option:hover
{
	border-color:rgba(256,256,256,0);background:rgba(256,256,256,0.8);
}
.checkboxThree input[type=checkbox]
{
	display:none;
}
.checkboxThree {
	width: 120px;
	height: 40px;
	background: #333;
	display:inline-block;

	border-radius: 50px;
	position: relative;
}
.checkboxThree:before {
	content: 'On';
	position: absolute;
	top: 12px;
	left: 13px;
	height: 2px;
	color: #26ca28;
	font-size: 16px;
}
.checkboxThree:after {
	content: 'Off';
	position: absolute;
	top: 12px;
	left: 84px;
	height: 2px;
	color: #111;
	font-size: 16px;
}
.checkboxThree label {
	display: inline-block;
	width: 52px;
	height: 22px;
	border-radius: 50px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 9px;
	z-index: 1;
	left: 12px;
	background: #ddd;
}
.checkboxThree input[type=checkbox]:checked + label {
	left: 60px;
	background: #26ca28;
}

#basicblock
{
	vertical-align: bottom;display:inline-block;width:128px;height:128px;background:rgba(0,0,0,0.1);font-family:Armagetronad;font-size:10pt;
	margin: 5px; padding: 7px; border-radius:3px;
	border:0px;border-style:solid;border-color:#F00;
	color:white;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#basicblock:hover
{
	background:rgba(0,0,0,0.2);
	/*padding:10px;*/
	/*margin: 0px; border:5px;*/
	/*padding-top:2px;border-bottom: 5px;border-style:solid;border-color:#F80;*/
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#basicentry
{
	vertical-align: bottom;display:inline-block;width:100%;height:24px;background:rgb(0,0,0);background:rgba(0,0,0,0.5);color:#101;font-family:Armagetronad;font-size:10pt;
	color:white;
	border:0px;border-style:solid;border-color:#F00;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#basicentry:hover
{
	background:rgb(0,0,0);background:rgba(0,0,0,0.8);
	/*padding:10px;*/
	/*margin: 0px; border:5px;*/
	border-left: 5px;border-style:solid;border-color:#08F;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#basicentry2
{
	vertical-align: bottom;display:inline-block;width:100%;height:24px;background:rgb(256,256,256);background:rgba(256,256,256,0.5);color:#101;font-family:Armagetronad;font-size:10pt;
	border:0px;border-style:solid;border-color:#F00;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#basicentry2:hover
{
	background:rgb(256,256,256);background:rgba(256,256,256,0.8);
	/*padding:10px;*/
	/*margin: 0px; border:5px;*/
	border-left: 5px;border-style:solid;border-color:#08F;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#timeblock
{
	display:inline-block;
	width:356px;
	height:128px;
	bottom:10px;
	right:10px;
	background:rgb(0,0,0);background:rgba(0,0,0,0.8);
	color:white;
	position:fixed;
	margin: 5px ; padding: 7px;
	/*vertical-align: center;*/
	/*padding-top: 42px;
	padding-bottom: 42px;*/
	text-align: center;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#timeblock #timeclock
{
	font-family:Ubuntu;
	font-weight:300;
	font-size: 80px;
	position:relative;
	right: -10px;
	top:   -30px;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#timeblock #timedate
{
	font-family:Ubuntu;
	font-weight:300;
	font-size: 15pt;
	position:relative;
	left:  110px;
	top:   41px;
	text-align: left;
}

#mtimeblock
{
	display:inline-block;
	width:256px;
	height:80px;
	bottom:10px;
	right:10px;
	background:rgb(0,0,0);background:rgba(0,0,0,0.8);
	color:white;
	position:fixed;
	margin:5px;padding:7px;
	transition: all 0.25s linear 0s;
	/*vertical-align: center;*/
	/*padding-top: 42px;
	padding-bottom: 42px;*/
	text-align: center;
}
#mtimeblock #mtimeclock
{
	font-family:Ubuntu;
	font-weight:300;
	font-size:50px;
	position:relative;bottom:25px;left:5px;
	transition: all 0.25s linear 0s;
}
#mtimeblock #mtimedate
{
	font-family:Ubuntu;
	font-weight:300;
	font-size: 12pt;
	position:relative;left:65px;top:22px;
	text-align: left;
}

#sidebar
{
	background-color: #777777;
	position:fixed;top:35px;left:0;
	width:148px;height:100%;
	display:block;
	color:white;
	background:rgba(0,0,12,0.4);
	/*box-shadow:5px 0 5px rgba(0,0,12,0.4);*/
}
#sidebar section
{
	color:white;
	position:relative;
	padding-left:3px;
	border-color:#0088FF;
	
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
#sidebar section:hover
{
	background-color:rgba(255,255,255,0.25);
}
#sidebar section.current, #sidebar section:active
{
	background:rgba(0,128,255,0.5);
}
#sidebar a
{
	text-decoration:none
}
#sidebarsep
{
	background-color: #FF8800;
	position:fixed;
	top:32px;
	left:0;
	height:3px;
	width:234px;
	
}
#sidebarsep2
{
	background-color: #0088FF;
	position:fixed;
	top:32px;
	left:234px;
	height:3px;
	width:100%;
	
}

#sidebarsep,#sidebarsep2
{
	display:none;
}

#main
{
	/*left:151px;
	top:33px;*/
	position:absolute;
	/*min-width: fill-available;*/
	/*overflow: auto;*/
	/*display: inline-block;*/
	width: 90%;
}

#chatsec
{
	border-top-right-radius:5px;
	width:200px;
	height:400px;
	max-height:66%;
	position:fixed;
	background:white;
	bottom:0px;
	display:block;
	transition: left 0.5s linear 0s;
	-moz-transition: left 0.5s linear 0s;
	-webkit-transition: left 0.5s linear 0s;
	-o-transition: left 0.5s linear 0s;
	-khtml-transition: left 0.5s linear 0s;
}
.chattitle
{
	position:relative;margin:0px;
	background:#00aa00;
	display:block;
	width:100%;
	border-top-right-radius:5px;
	height:22px;
}
.chattitle .minimize
{
	color:#0000aa;
	font-size:20px;
	max-height:22px;
	padding:0px;margin:0px;
	right:3px;position:absolute;
}

.fullframe
{
	border: 0px; border-style: none;
	width:100%; height:100%;
	margin: 0px; padding: 0px;
	position:fixed;
}

.menu
{
	background:#fff;background:rgba(256,256,256,0.9);
	border-radius:3px;
	border:4px;
	border-style:solid;
	padding:2px;padding-top:1px;
	transition: opacity 0.25s linear;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	font-size:16pt;
	font-family:Ubuntu;
	font-weight:300;
	color:#000000;
}

.menu a
{
	width:100%;
	cursor:pointer;
	color:#000;
	position:relative;
	border:0px;border-left:3px;border-style:solid;border-color:#FFFFFF;
	display:inline-block;width:100%;
	transition: border-color 0.15s linear;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
}
.menu a:hover
{
	text-decoration:none;
	border-color:#FF8800;
}

.tabcontent
{
	display:none;
}

.flipped
{
	-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);
	-ms-filter:"FlipH";filter:FlipH;
}

.datelinkr
{
	border:3px;border-color:transparent;border-style:solid;
	color:#00A;background:rgba(256,256,256,0.5);border-radius:4px;padding-left:3px;padding-right:3px;display:inline-block;margin-bottom:3px;
}
.datelinkr:hover
{
	border-left-color: #0088ff;
	text-decoration:none;
}
.datelinkr:active
{
	
}

.alert,.alert.alert
{
	text-shadow:none;color:#FFFFFF;
	background-color:#f39c12;
	padding:8px 35px 8px 14px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:6px;
}
.alert.danger
{
	background-color:#e74c3c;
}
.alert.success
{
	background-color:#18bc9c;
}
.alert.info
{
	background-color:#3498db;
}

.pure-menu
{
	/*background-color:white;*/
	background-color:#141419;
	color:white;
	box-shadow:0 0 7px black;
}
.pure-menu-link
{
	padding:4px 12px;color:#eee;
	
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	-ms-transition: background 0.25s;
	-o-transition: background 0.25s;
	transition: background 0.25s;
}
.pure-menu-link:hover
{
	background-color:#3B83B3;
	color:white;
	text-decoration:none;
}

.button
{
	cursor:pointer;
	font-family:Roboto,serif;font-size:12pt;
	border-radius:3px;border-style:solid;padding-left:3px;padding-right:3px;
	background:#ccc;border-color:#ccc;
	color:#000;
	outline:none;text-decoration:none;
}
.btn
{
	background:#333;border-color:#333;
	color:white;
}
.btn-yes
{
	background:#00ff00;border-color:#00ff00;
}
.btn-no
{
	background:#ff0000;border-color:#ff0000;
}
.button:active
{
	background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}

.button-aadiaclose
{
	background:Transparent;background-repeat:no-repeat;border: none;cursor:pointer;overflow:hidden;outline:none
}

.pure-menu-link:focus
{
	background-color:black;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}