@charset "UTF-8";
/* CSS Document */

*{
border:0;
margin:0;
padding:0;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: local('Ubuntu'), url(''http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic'');
}

@font-face {
    font-family: 'FleuronsRegular';
    src: url('webfonts/fleurons-webfont.eot');
    src: url('webfonts/fleurons-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fleurons-webfont.woff') format('woff'),
         url('webfonts/fleurons-webfont.ttf') format('truetype'),
         url('webfonts/fleurons-webfont.svg#FleuronsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QubixRegular';
    src: url('webfonts/qubix-webfont.eot');
    src: url('webfonts/qubix-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/qubix-webfont.woff') format('woff'),
         url('webfonts/qubix-webfont.ttf') format('truetype'),
         url('webfonts/qubix-webfont.svg#QubixRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
/*background:#fffae4;*/
background:#f2f6f7;
font-family:Ubuntu, Calibri, "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif;
font-size:14px;
line-height:22px;
text-rendering:optimizeLegibility;
font-variant-numeric: oldstyle-nums;
font-weight:300;
}

#container{
width:960px;
margin:0 auto;
}

/* ======= type ===== */


a.sidebar:link{
	color:#9b0101;
	text-decoration:none;
}

a.sidebar:visited{
	color:#9b0101;
	text-decoration:none;
}

a.sidebar:hover{
	color:#9b0101;
	text-decoration:underline;
}

a.nextpagelink:link{
	padding:21px 0 0 0px;
	text-decoration:none;
	color:#9b0101;
	}

a.nextpagelink:visited{
	color:#9b0101;}
a.nextpagelink:hover{
	text-decoration:underline;
	color:#9b0101;}

p{
	margin: 22px 0 21px 0;
}

p.codetext{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	margin:11px 0 -11px 21px;
	letter-spacing:-0.05em;
	line-height:22px;
}

a.bodylink:link{
display:inline;
color:#9b0101;
text-decoration:none;
}

a.bodylink:visited{
	color:#9b0101;
	text-decoration:none;
	}
	
a.bodylink:hover{
	color:#9b0101;
	text-decoration:underline;
	}

p.footertext{
    border-top: 1px solid #9B0101;
    display: block;
    margin: 0 0 42px;
    width: 520px;
}

p.bodytext{
	margin:21px 0;
	}

p.bodytext:before, p.footertext:before{
content:'\00A7';
font-family: Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana, Ubuntu, sans-serif;
color:#9b0101;
font-size:18px;
margin:0 11px 0 0;
font-weight:bold;
position:relative;
top:1px;
}
p.introduction{
	margin:0 0 0 0;
}

p.introduction:first-letter{
font-family:QubixRegular;
font-size:84px;
line-height:0.7em;
float : left;
color:#a2a7aa;
margin:0.1em 2px -0.1em 0;
width:0.7em;
}
 
p.introduction:first-line{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
text-transform:uppercase;
font-size:14px;
margin:0 0 0 -5px;
text-indent:none;
}

h1{
font-weight:normal;
text-transform:uppercase;
line-height:22px;
margin: -30px 0 0 25px;
color:#646259;
}

h1:before {
    color: #9B0101;
    content: "*";
    font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
    font-size: 90px;
    margin: 20px 0 -20px -39px;
    padding: 0 25px 0 0;
    position: relative;
    top: 45px;
}

h2{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-style:italic;
font-weight:300;
text-transform:lowercase;
line-height:22px;
margin:0 0 0 58px;
font-size:18px;
letter-spacing:0.02em;
}

h3{
text-transform:uppercase;
font-size:18px;
color:#9b0101;
margin:21px 0 0 58px;
font-weight:normal;
}

h3.summary{
text-transform:uppercase;
font-size:14px;
color:#9b0101;
margin:23px 0 -22px 0px;
font-weight:normal;
}

h3.table{
text-transform:uppercase;
font-size:14px;
color:#9b0101;
margin:20px 0 0px 0px;
font-weight:normal;
}

h4{
font-style:italic;
font-size:12px;
line-height:22px;
}

h5{
font-style:italic;
font-size:12px;
line-height:22px;
color:#9b0101;
}

h6{
font-size:28px;
line-height:44px;
color:#9b0101;
}


.bodylist:before{
	content:"\25B8";
	font-family:Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana, Ubuntu, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:17px;
	color:#9b0101;
	margin:0 21px 0 0;

}

li.bodylist {
	margin:0 0 0 21px;
	list-style:none;
	font-style:italic;
	line-height:21px;
	font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
}

.codetext{
	font-family:"Courier New", Courier, monospace;
	margin:10px 0 11px 40px;
	font-size:12px;
	letter-spacing:0em;
}

.codetext-inline{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	line-height:19px;
}

.fleuron{
font-family:FleuronsRegular;
color:#9b0101;
font-size:60px;
}

blockquote{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-size:16px;
font-style:italic;
font-weight:300;
margin:0px 21px 0 21px;
color:#646259;
}

blockquote:before{
content:"“";
color:#9b0101;
font-size:24px;
position:relative;
top:7px;
padding:0 11px 0 0;
line-height:22px;
}

blockquote:after{
content:"”";
color:#9b0101;
font-size:24px;
position:relative;
top:7px;
padding:0 0 0 11px;
line-height:15px;
}

.quotefrom{
padding:0 0 0 250px;
font-weight:normal;
text-transform:uppercase;
font-size:10px;
color:#9b0101;
}

/* ===== header ====== */

#header{
width:800px;
height:100px;
padding:50px 0 0 160px;
}

/* ======= nav ======== */

#content ul{margin:22px 0 23px 0;}

#nav {
    float: left;
    font-family: Ubuntu,Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    line-height: 44px;
    margin: -12px 0 0;
    min-height: 300px;
    overflow: hidden;
    padding: 0 25px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 192px;
}

h3.nav{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-size:12px;
}

    .menu,{
    margin:0;
    padding:0;
    list-style:none;
    }
	.menu ul{
    padding:0;
    list-style:none;
	margin:11px 0 11px 0;
	}
	
    .menu {width:172px;}
    .menu li {
    margin:0;
    padding:0;
    margin-bottom:22px;
    }
	
	.menu ul li ul{
		margin:0 0 0 0;
	}
	
    .menu a {
    display:block;
	width:172px;
	height:22px;
    color:#646259;
    text-decoration:none;
	}
	
	.menu a:after{
	content: "\25C0"; /*Hexadecimal for arrow*/
	position:relative;
	top:1px;
	font-size:14px;
	}
    
    .menu a:hover:after {color:#900;}
	.menu a:hover{color:#900;}
	
    .menu ul li {
		padding-right:0px;
		line-height:22px;
		color:#646259;
		font-size:12px;
		margin:0;}
    .menu ul a {color:#646259;margin:0 0 0 -5px;}
	.menu ul a:after{content:"\25C0"; font-size:10px;text-transform:lowercase;position:relative;top:0;}
    .hidden {display:none;}
	.menu ul.submenu{margin:33px 10px -11px 0;}
	.menu ul a.nav-indicator{color:#900;}
	
	/*#legacynav:after, #fontstacksnav:after, #bestpracticenav:after{content:"\25BC";font-size:14px;}*/
	
	li.grouped a:after {
    color: #646259;
    content: "\25C0"; /*Hexadecimal for arrow*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    padding: 2px 0 0 11px;
    position: relative;
    text-transform: uppercase;
    top: 1px;
}
li.grouped a:hover:after{
	color: #9B0101;
    content: "\25C0"; /*Hexadecimal for arrow*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    padding: 2px 0 0 11px;
    position: relative;
    text-transform: uppercase;
    top: 1px;
	}
	
li.grouped, li.grouped a {
    color: #646259;
	font-size:14px;
    line-height: 22px;
    list-style: none outside none;
    text-decoration: none;
    text-transform: lowercase;
	font-weight:300;
}

a#intronav{
font-size:14px;
text-transform:lowercase;
font-weight:300;
}

	
/* ============= nav indicators =============*/

	body#introduction a#intronav{color:#900;}
	body#introduction a#intronav:after{color:#900;}
	
	body#downloads a#downloadsnav{color:#900;}
	body#downloads a#downloadsnav:after{color:#900;}
	
	body#acknowledgements a#acknowledgementsnav{color:#900;}
	body#acknowledgements a#acknowledgementsnav:after{color:#900;}
	
	body#bestpractice a#bestpracticenav{color:#900;}
	body#bestpractice a#bestpracticenav:after{color:#900;}
	
	body#eula a#eulanav{color:#900;}
	body#eula a#eulanav:after{color:#900;}
	
	body#fontstacks a#fontstacksnav{color:#900;}
	body#fontstacks a#fontstacksnav:after{color:#900;}
	
	body#legacy a#legacynav{color:#900;}
	body#legacy a#legacynav:after{color:#900;}
	
	body#fontface a#fontfacenav{color:#900;}
	body#fontface a#fontfacenav:after{color:#900;}


/* ======= content ===== */

#content{
width:500px;
overflow:hidden;
float:left;
padding:0 19px 0 0;
}

em{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-style:italic;
}

strong{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-weight:700;
}

/* ====== sidebar ===== */

#sidebar p{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-style:italic;
font-size:11px;
line-height:22px;
margin:0 0 22px 0;
color:#646259;
}

#sidebar{
width:200px;
padding:1px 0 0 20px;
overflow:hidden;
float:left;
}

#sidebar h4{
font-family: Ubuntu, Calibri,"Gill Sans","Gill Sans MT","Trebuchet MS",Verdana,sans-serif;
font-weight:700;
	letter-spacing:0em;
	font-size:11px;
}

/* ========== ascii popup ========== */
#monalisa{
	margin:10px auto 0  10px;
	width:100%;}
p.monalisatext{
	font-family:"Courier New", Courier, monospace;
	line-height:10px;
	font-size:10px;
}

/* ========= tables =============== */

table {
    border-collapse: collapse;
    border-spacing: 0;
	font-size:12px;
	line-height:20px;
}
.tablehead{border-bottom:2px solid #99978b;}

tr{border-bottom:1px solid #99978b;height:22px;}

.col1{width:200px;}

tr:hover{background:url(images/thover.png);}

tr.nohover:hover{background:none;}

/* ============ image as text - hiders ============ */

.hidden-text-image{display:block; width:446px; height:56px;background:url(images/image-as-text.png) no-repeat;}
.hidden-text{visibility:hidden;}

/* ============= @fontface page ================== */
.fontfacebree{font-family:'Bree serif', font-family:Calibri, "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, Ubuntu, sans-serif;font-style:normal;font-weight:400;font-size:18px;margin:21px 0 0 0;}


/* =========== footer ============== */

#footer, .footer{
    line-height: 44px;
    margin: 22px auto 44px;
    overflow: hidden;
    padding: 0px 242px 0 197px;
    text-align: center;
    width: 521px;
}

.footer:before{
	content:"\25C9";
	color:#900;
	font-size:50px;
	position:relative;
	top:8px;
}

.footerlink{margin:22px 0 0 0;}
.footerlink:before{content:"{"; font-family: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:32px; margin:0 11px 0 0; color:#900;position:relative; top:4px;}
.footerlink:after{content:"}"; font-family: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:32px; margin:0 0 0 11px; color:#900;position:relative; top:4px;}