/*------------------------------------*\
    Apaxy
    by @adamwhitcroft

    Theme name: Apaxy
    Theme author: @adamwhitcroft
\*------------------------------------*/
/* Have to use @import for the font, as you can only specify a single stylesheet */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	       box-sizing: border-box; 
}
/*html {
	min-height:100%;
	color:#61666c;
	font-size:1em;
	font-family: Times New Roman;
	line-height:2em;
}
body {
	-webkit-backface-visibility:hidden;
	background: #012b5a;
}
code {
    font-family: Times New Roman;
}
a {
	color:#61666c;
	text-decoration:none;
	font-family: Times New Roman;
}
a:hover {
	color:#2a2a2a;
}*/
a {
	color:#61666c;
	font-family: Times New Roman;
}
a:hover {
	color:#2a2a2a;
}
/*------------------------------------*\
    Wrapper
\*------------------------------------*/
.wrapper {
	margin:0 auto;
	padding-top:20px;
	max-width:100%;
	float: left;
	background: #FFFFFF;
}

body {margin: 0; padding: 0; height: 100%; width: 100%; background: #012b5a; }

#header { min-height: 130px; width: 100%; background: #012b5a; }
#header h1 { color: #FFFFFF; padding: 5px;}
#header p { color: #FFFFFF; padding: 0 5px; }
#header h2 { color: #FFFFFF; float: right; padding: 0 30px; font-size:10px; }
#header h2 a { color: #FFFFFF; link:"#FFFFFF" vlink:"#FFFFFF" alink:"#FFFFFF"}

#navigation { min-height: 40px; box-shadow: 0 0 0 1px white inset; width: 100%; background: #012b5a;  overflow: hidden; }
#navigation ul { margin: 9px 0 0 0; padding: 0; list-style-type: none; }
#navigation ul li{ display: inline; margin: 0; }
#navigation ul li a{ color: #FFFFFF; text-decoration: none; padding: 12px; }
#navigation ul li a:hover { background: #e4e4e4; color: #012b5a; padding: 12px; }

#banner { min-height: 400px; max-width: 100%; background: #012b5a; box-shadow: 0 0 0 1px white inset; overflow: hidden; color: #FFFFFF; link:"#FFFFFF" vlink:"#FFFFFF" alink:"#FFFFFF" }
#banner a{ color: #FFFFFF; link:"#FFFFFF" vlink:"#FFFFFF" alink:"#FFFFFF" }
#banner a:hover { background: #e4e4e4; color: #012b5a; padding: 0; }

#content { margin: 0; width: 100%; overflow: hidden; background: #012b5a url(../webelements/buttons/background.png) repeat-y top right; }
#contentleft { width: 85%; min-height: 3000px; float: left; background: #FFFFFF; }
#contentleft p {padding: 0 5px;}
#contentleft h5{ color: #012b5a; link:"#FFFFFF" vlink:"#FFFFFF" alink:"#FFFFFF"}

#iframe {
  -background: #012b5a;
  -moz-transform: scale(0.85, 0.85); 
  -webkit-transform: scale(0.85, 0.85); 
  -o-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85); 
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

#sidebar { color: #FFFFFF; width: 15%; box-shadow: 0 0 0 1px white inset; overflow: hidden; height: 100%; min-height: 3000px; float: right; }
#sidebar h3 { color: #FFFFFF; padding: 0 15px; }
#sidebar h5 { color: #FFFFFF; padding: 0 15px; }
#sidebar p { padding: 0 12px;}
#sidebar p a { color: #FFFFFF; }
#sidebar p a:hover { background: #e4e4e4; color: #012b5a; padding: 0; }

/*------------------------------------*\
    Demo block
\*------------------------------------*/
.block {
	font-size:.875em;
	margin:20px 0;
	padding:20px;
	color:#9099A3;
}
/*------------------------------------*\
    Table (directory listing)
\*------------------------------------*/
table {
	width:100%;
	border-collapse:collapse;
	font-size:.875em;
}
tr {
	outline:0;
	border:0;
}
tr:hover td {
	background:#f6f6f6;
}
th {
	text-align:left;
	font-size:.75em;
	padding-right:20px;
}
/* 2nd Column: Filename */
th + th {
	width:65%;
}
/* 3rd Column: Last Modified */
th + th + th {
}
/* 4th Column: Size */
th + th + th + th {
	width:5%;
}
tr td:first-of-type {
	padding-left:10px;
	padding-right:10px;
}
td {
	padding:5px 0;
	outline:0;
	border:0;
	border-bottom:1px solid #edf1f5;
	vertical-align:middle;
	text-align:left;
	-webkit-transition:background 300ms ease;
	   -moz-transition:background 300ms ease;
	    -ms-transition:background 300ms ease;
	     -o-transition:background 300ms ease;
	        transition:background 300ms ease;
}
td a{
	display: block;
}
tr.parent a {
	color:#9099A3;
}
	.parent a:hover {
		color:#2281d0;
	}
/*------------------------------------*\
    Footer
\*------------------------------------*/
#footer { min-height: 75px; width: 100%; background: #012b5a; }
#footer ul { width: 535px; margin: 0 auto; padding: 0; list-style-type: none; }
#footer ul li { display: inline; }
#footer ul li a { color: #FFFFFF; padding: 0 15px; }
#footer p { color: #FFFFFF; width: 350px; margin: 15px auto; }
#footer p2 { color: #FFFFFF; width: 350px; margin: 15px auto; float; right }

#ircfooter { position:fixed; min-height:5%; height:60%; background-color:#254264; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border: 1px solid #012b5a; }
#ircfooter p { color:white; float:right;  }
#ircfooter p a:hover { background: #012b5a; }
#ircfooter a { padding:5px; color:white; }
#ircfooter a:hover { background: #e4e4e4; color: #012b5a; padding:5px; }