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

@import url(http://fonts.googleapis.com/css?family=Alegreya:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Alegreya+SC:400,400italic,700,700italic);

*{
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:300,300italic,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: 'WalrodRegular';
    src: url('webfonts/walrod__-webfont.eot');
    src: url('webfonts/walrod__-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/walrod__-webfont.woff') format('woff'),
         url('webfonts/walrod__-webfont.ttf') format('truetype'),
         url('webfonts/walrod__-webfont.svg#WalrodRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}



/* ================================= site css ================================= */


body{
background:#fffcf0;
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:22px;
font-weight:400;
text-rendering:optimizeLegibility;
font-variant-numeric: oldstyle-nums;
color:#7d7d7d;
}

#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;
}

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

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

p.codetextimprovedfontstacks{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	margin:22px 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:18px 0;
}

p.bodytext:before, p.footertext:before{
content:"A";
font-family:PrintersDevilsRegular;
color:#9b0101;
font-size:24px;
margin:0 11px 0 0;
font-weight:normal;
position:relative;
top:5px;
}
p.introduction{
	margin:0 0 0 0;
}

p.introduction:first-letter{
font-family:WalrodRegular;
font-size:52px;
line-height:1em;
float : left;
width:1em;
color:#646259;
margin:0.2em 4px 0 1px;
}
 
p.introduction:first-line{
font-family:"Alegreya SC", Cambria, Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 0 -5px;
text-indent:none;
letter-spacing:0.01em;
}

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

h1:before {
    color: #9B0101;
    content: "A";
    font-family: PrintersDevilsRegular;
    font-size: 60px;
    margin: 0 0 -20px -52px;
    padding: 0 33px 0 0;
    position: relative;
    text-transform: uppercase;
    top: 20px;
}

h2{
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:400;
text-transform:lowercase;
line-height:26px;
margin:0 0 0 55px;
font-size:18px;
letter-spacing:0.02em;
}

h3 {
    color: #9B0101;
    font-size: 18px;
    font-weight: normal;
    margin: 21px 0 0 55px;
    text-transform: uppercase;
	letter-spacing:0.01em;
}

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

h3.nav{ /* no preceding submenu */
text-transform:uppercase;
font-size:12px;
margin:0 22px 0 0;
font-style:normal;
line-height:22px;
padding:14px 0 0 0;
font-family:"Alegreya SC", Georgia, "Times New Roman", Times, serif;
font-weight:700;
color:#000;
}

h3.nav2{ /* extra space below preceding submenu */
text-transform:uppercase;
font-size:12px;
margin:0 22px 0 0;
font-style:normal;
line-height:22px;
padding:21px 0 0 0;
}

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

h4{
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
letter-spacing:0.02em;
font-weight:700;
font-size:12px;
line-height:22px;
}

h5{
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
line-height:22px;
color:#9b0101;
}

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

em{
	font-style:italic;
	font-family:Alegreya, Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	}
	
strong{
	font-weight:700;
	font-family:Alegreya, Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	}

.bodylist:before{
	content:"Q";
	font-family:PrintersDevilsRegular;
	font-style:normal;
	font-weight:400;
	font-size:16px;
	color:#9b0101;
	margin:0 21px 0 0;
	line-height:14px;
}

li.bodylist {
	margin:0 0 0 21px;
	list-style:none;
	font-style:normal;
	font-family:Alegreya, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.02em;
	color:#646259;
}

.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:13px;
	line-height:19px;
	font-variant:normal;
}

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

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

blockquote{
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
font-style:italic;
letter-spacing:0.02em;
font-weight:400;
color:#99998d;
font-size:18px;
margin:0px 44px 0 44px;
}

blockquote:before{
content:"\201C";
color:#9b0101;
font-size:24px;
position:relative;
top:7px;
padding:0 11px 0 0;
line-height:22px;
font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote:after{
content:"\201D";
color:#9b0101;
font-size:24px;
position:relative;
top:7px;
padding:0 0 0 11px;
line-height:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.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 0 0;}

#nav{
width:192px;
overflow:hidden;
float:left;
text-align:right;
padding:1px 25px 0 0;
margin:-14px 0 0;
line-height:44px;
min-height:300px;
text-transform:lowercase;
font-family:Alegreya, Georgia, "Times New Roman", Times, serif;
letter-spacing:0.02em;
font-style:italic;
}

    .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:"O"; font-family:PrintersDevilsRegular; font-size:22px; font-weight:400; color:#646259; padding:0 0 0 11px;text-transform:uppercase;font-style:normal;position:relative;top:1px;}
    
    .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;}
	.menu ul a:after{content:"O";text-transform:uppercase;font-size:14px;position:relative;top:0px;}
    .hidden {display:none;}
	
	.menu ul a.nav-indicator{color:#900;}
	
	
.nav-title{text-transform:uppercase; color:#9B0101 /*red*/;list-style:none;font-style:normal; font-size:12px;margin:0 22px 0 0;}
.nav-title-list{list-style:none;margin:2px 0 0 0;line-height:22px;}

/* ========= grouped nav elements ========== */
.submenu{margin:0 22px 7px 0;}
li.grouped, li.grouped a{line-height:22px;list-style:none;color:#7d7d7d;text-decoration:none;letter-spacing:0.01em;}
li.grouped a:after{content:"O"; font-family:PrintersDevilsRegular; font-size:22px; font-weight:400; color:#646259 /* grey */; text-transform:uppercase;font-style:normal;position:relative;top:1px;padding:2px 0 0 11px;line-height:14px;}
li.grouped a:hover{color:#9B0101;}
li.grouped a:hover:after{content:"O"; font-family:PrintersDevilsRegular; font-size:22px; font-weight:400; color:#9B0101 /* red */; text-transform:uppercase;font-style:normal;position:relative;top:1px;}
	
	
/* ============= 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#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#fontface a#fontfacenav{color:#900;}
	body#fontface a#fontfacenav:after{color:#900;}
	
	body#osrendering a#osrenderingnav{color:#900;}
	body#osrendering a#osrenderingnav:after{color:#900;}
	
	body#sifr a#sifrnav{color:#900;}
	body#sifr a#sifrnav:after{color:#900;}
	
	body#recommendations a#recommendationsnav{color:#900;}
	body#recommendations a#recommendationsnav:after{color:#900;}
	
	body#improvedfontstacks a#improvedfontstacksnav{color:#900;}
	body#improvedfontstacks a#improvedfontstacksnav:after{color:#900;}
	
	body#cufon a#cufonnav{color:#900;}
	body#cufon a#cufonnav:after{color:#900;}

	body#bringhurst a#bringhurstnav{color:#900;}
	body#bringhurst a#bringhurstnav:after{color:#900;}
	
	body#image a#imagenav{color:#900;}
	body#image a#imagenav:after{color:#900;}
	

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

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

}

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

#sidebar p{
font-family:Alegreya, Cambria, Georgia, "Times New Roman", Times, serif;
letter-spacing:0.02em;
font-style:italic;
font-size:12px;
line-height:22px;
margin:0 0 22px 0;
color:#646259;
}

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

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

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

.footer:before{
	content:"Y";
	color:#900;
	font-family:PrintersDevilsRegular;
	font-size:60px;
}

.footerlink{margin:22px 0 0 0;}
.footerlink:before{content:"{"; font-family:PrintersDevilsRegular; font-size:32px; margin:0 22px 0 0; color:#900;position:relative; top:7px;}
.footerlink:after{content:"}"; font-family:PrintersDevilsRegular; font-size:32px; margin:0 0 0 22px; color:#900;position:relative; top:7px;}

/* ========== 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;}

.image{border:1px solid #646259; padding:11px;width:400px; font-size:10px;}
.image h4{font-weight:400;}

/* ============= @fontface page ================== */
.fontfacebree{font-family:'Bree serif', Georgia, Times New Roman, Times, serif;font-style:normal;font-weight:400;font-size:18px;margin:21px 0 0 0;}

/* ============ recommendations page list links ====== */

a.rec_list:link, a.rec_list:visited{
color:#646259;
text-decoration:none;
}

a.rec_list:hover{
color:#9B0101;
}