body {
	font-size: 14px;
	line-height: 1.5;
}

code {
	border: none;
	background-color: transparent;
	color: #111;
}

a {
	color: #029;
}

a:focus, a:hover {
	background-color: #DEF;
	outline: 2px solid #029 !important;
}

a:active {
	outline: 1px solid #029 !important;
}

ul {
	list-style: disc;
	list-style-type: disc;
}

li {line-height: 1em:} 

figcaption {
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	line-height: 125%;
}

figcaption p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 21px;
	border-left: 5px solid white;
}

h1, .fpost .entry-title {
/* font-size: 2.5em; */
	color: #459;
	margin-top: 15px;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
}

h3 {
	font-weight: normal;
	font-size: 1.5em;
}

h4 {
/* font-size: 1em; */
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

math {
	text-align: center;
	font-size: 1.5em;
}

cite {
	font-weight: bold;
	font-style: italic;
}

/** TITLE/BRANDING **/
.branding_wrap {
	padding: 1em 0;
}

a.plbrand:hover, a.plbrand:focus {
	background-color: #FFF;
}

/** NAV BAR/TOP MENU **/
.navbar.pl-color-blue {
	background-color: #036;
	background-image: none;
}

.navbar {
	font-size: 1.2em;
}

.navbar .navline > li > a {
	float: none;
	display: block;
	padding: 9px 12px 10px;
	line-height: 19px;
	color: #eee;
	text-decoration: none;
	font-weight: normal;
}

.navbar a:hover, .navbar a:focus {
	color: #FFF !important;
	text-decoration: underline !important;
	background-color: #002 !important;
}

.navbar .navline > li.current-menu-item > a {
	color: #FFF !important;
	background-color: #002 !important;
}

.nav-btn-navbar {
	display: none;
	float: left;
	position: relative;
	z-index: 50;
	padding: 7px 10px;
	margin: 5px;
	border-radius: 5px;
	background-color: rgba(155,155,155,0.027);
	background-image: -moz-linear-gradient(center top,rgba(255,255,255,0.1),rgba(0,0,0,0.08));
	background-repeat: repeat-x;
	border-right: 1px solid rgba(0,0,0,0.25);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.17) rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.17);
	border-image: none;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset;
}/* .searchform .searchfield {
	width: 110px;
	height: 23px;
	padding: 5px 5px 5px 28px;
	margin: 0 3px;
	margin-top: -45px;
	z-index: 100;
	float: right;
/* background: url('https://sites.psu.edu/accessibility/wp-content/themes/pagelines/images/search-btn@2x.png') no-repeat scroll 5px 50% / 16px 16px #F2F2F2; */
	
}

.searchform {
	padding-right: 28px;
}

*/

/* CONTENT */
.content .content-pad {
	padding: 0;
}

/** POSTLOOP **/
#postloop {
	color: #444;
}

#postloop a {
	text-decoration: underline;
}

#postloop a:focus {
	text-decoration: underline;
	outline: 2px solid #46A !important;
}

#postloop b {
	color: #333;
}

#postloop strong {
	color: #C01;
}

#postloop h2 {
	margin-top: .5em;
	padding-top: 1.5em;
	color: #036;
}

#postloop ol {
	list-style: decimal outside none;
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
}

#postloop ol li ol {
	list-style: lower-alpha outside none;
	list-style-type: lower-alpha;
	list-style-image: none;
	list-style-position: outside;
}

#postloop ol li ol li ol {
	list-style: lower-roman outside none;
	list-style-type: lower-roman;
	list-style-image: none;
	list-style-position: outside;
}

#postloop ol.ABC {
	list-style: upper-alpha outside none;
	list-style-type: upper-alpha;
	list-style-image: none;
	list-style-position: outside;
}

#pagetitle {
	padding-top: 5px;
}

#postloop .hentry h1, #postloop .hentry h2 {
	margin: .5em 0;
}

ol.pad li, ul.pad li {
	margin-bottom: .1em;
}

figcaption,.caption {
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	line-height: 125%;
}

figcaption p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

/* RESPONSIVE DIVS */
.row:after, landingrow:after {
	clear: both;
}

.col-md-4 {
	float: left;
	width: 33.3333%;
	position: relative;
	min-height: 1px;
	min-width: 200px;
}

.col-md-6 {
	float: left;
	width: 50%;
	position: relative;
	min-height: 1px;
	min-width: 200px;
}

.col-md-8 {
	float: left;
	width: 66.66667%;
	position: relative;
	min-height: 1px;
	min-width: 200px;
}

/* BLOG ENTRIES */
#postloop .entry-title a {
	font-weight: normal;
	text-decoration: none;
	color: #018;
}

#postloop .entry-title a:hover, #postloop .entry-title a:focus {
	text-decoration: underline;
}

/** LANDING PAGE **/
.landingrow {
	margin-top: 1em;
	margin-bottom: 2em;
}

/*LANDING PSEUDO CELLS */
.landingcell /* colored boxes to highlight important content */ {
	margin: 2.5em 3em .5em 0;
	padding: 10px;
	border: 1px solid #666;
	border-radius: 10px;
/* background-color: #EEE; */
}

.hentry .landingcell h2 {
	margin: -10px -10px 10px;
	padding: 7px;
	color: #FFF;
	background-color: #000;
	font-weight: normal;
	font-size: 1.75em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.landingcell h1 {
	font-size: 1.3em;
}

.hentry .landingcell h3 {
	font-weight: normal;
	font-size: 1.25em;
	margin-top: 0;
	color: #333;
}

.landingcell ul li, landingcell ul li {
	list-style-type: none;
	padding-left: 0 !important;
	margin-left: .75em !important;
	margin-bottom: .5em;
}

.landingcell ol {
	padding-left: 1em !important;
	margin-left: 0 !important;
}

.hentry .landblue h2 {
	background-color: #006;
}

.landblue {
	border: 1px solid #006;
}

.hentry .landgreen h2 {
	background-color: #053;
	border: 1px solid #053;
}

.landgreen {
/* 	background-color: #EFE; */
	border: 1px solid #053;
}

.landgreen a, .noletter {
	color: #063;
}

.hentry .landorange h2 {
	background-color: #FC5;
	color: #620;
}

.landorange a {
	color: #920;
}

.withletter {
	color: #C40;
}

div.fullwidth div.hubpage
.hubpage {
	width: 74%;
}

div.fullwidth div.hubpage
.hubpage {
	width: 23%;
}

/** HOME PAGE **/
/* HOME PAGE */
.home-page #content.clone_1 {
	background-color: #FFF;
}

.homepage-boxes, .homepage-3-boxes {
	margin: 30px 0;
}

#boxes.clone_2 {
	background-color: #FFF;
}

#masthead.no_clone h1, #masthead.no_clone .masthead-tag {
	color: #fff;
}

#masthead.no_clone hr.soften {
	display: none;
}

.masthead h1, .masthead p {
	text-shadow: rgba(0,0,0,0.4) 0 1px 3px, rgba(0,0,0,0.0745098) 0 0 30px;
}

.hero {
	font-size: 1.25em;
}

.border {
	border: 1px solid #000;
}

/* HERO Stuff */
.pl-hero-wrap {
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.pl-hero {
	padding-top: .6em;
	font-size: 18px;
	font-weight: 200;
	line-height: 1.5em;
	margin-right: 3em;
	color: #000;
}

.pl-hero b {
	font-weight: bold !important;
}

.hero_image .pl-imageframe img, .hero_image img.pl-imageframe {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.btn-extra {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

.pl-hero-wrap .pl-hero h1 small {
	color: #1B1B1B;
	display: inline;
}

ul.menu li a:link, ul.menu li a:visited {
	font-weight: bold;
}

ul.sub-menu li a:link, ul.sub-menu li a:visited {
	font-weight: normal;
}

/* Button links */
a.btn {
	font-weight: normal;
	font-size: large;
	text-decoration: none !important;
}

a.btn-extra:focus, a.btn-primary:focus {
	text-decoration: underline !important;
}

a.btn-extra:hover, a.btn-primary:hover {
	text-decoration: underline !important;
}

a.btn-success {
	color: #FFF;
	background-color: #063;
	background: linear-gradient(to bottom,#396,#063);
}

a.btn-success:hover, a.btn-success:focus {
	color: #FFF;
	background-color: #19685B;
	text-decoration: underline !important;
	background: linear-gradient(to bottom,#063,#052);
}

/* Page Content */
.alert {
	font-size: 1.2em;
	color: #000;
	padding: 10px;
	border: 1px solid #666;
	background-color: #FFC;
}

.anav {
	font-size: 80%;
}

.border {
	border: 1px solid #000;
}

.bkw {
	background-color: #FFF;
}

.indent {
	margin-left: 15px;
}

ol.pad li, ul.pad li {
	margin-bottom: .1em;
}

/* This page blue div */
#postloop .thispage {
	margin: 0 0 2em;
	padding: 0;
	border-top: 1px solid #99A;
	border-bottom: 1px solid #99A;
}

#postloop .thispage h2 {
	margin-top: 10px;
	padding-top: 0;
}

.thispage ul {
	display: inline;
	list-style: none outside none;
	margin: 0;
}

.thispage ul li {
	display: inline;
	padding: 0;
	padding-right: 1.2em;
	font-size: 1em;
}


#postloop .thispage ul li a:hover {
	color: #000;
}

#postloop .thispage ul li a:focus {
	color: #000;
}

.thispage ul.long li {
	display: block;
	font-size: 1em;
	padding-left: 1em;
	margin-left: 1em;
}

.thispage h3 {
	font-size: medium;
	margin: 0;
	padding-bottom: 1em;
	padding-top: 1em;
	font-weight: bold;
}

.thispage h3.first {
	font-size: medium;
	margin: 0;
	padding-bottom: 1em;
	padding-top: 0;
}

/* TOC Plugin */

#toc_container {}

div#toc_container /*that's how the plugin's CSS works */
{}

#toc_container p.toc_title {
    font-weight:bold;
    text-align:center;
    color: #000;
}

#toc_container a {text-decoration: none}


ul.toc_list li{list-style-type:none; display: block; ;
margin:0; padding:0;}
ul.toc_list li ul li {padding:0; padding-left:2em; margin:0;}


/* Other navigational info */

.local {
	margin: 0;
	margin-bottom: 1.25em;
	padding: 5px;
	border: 1px solid #999;
	background-color: #E8EEFF;
	border-radius: 5px;
	width: 97%;
	font-weight: bold;
	text-align: center;
}

.local ul {
    display: inline;
	list-style: none outside none;
	margin: 0;
}

.local ul li {
	display: inline;
	padding: 0;
	padding-right: 1.2em;
	font-size: 1em;
}

.othertab {
	background-color: #036;
	padding: 0 3px;
	color: white;
}

/*Related Link Boxes*/
.heythere /* colored boxes to highlight important content */ {
	margin: 0 .5em 1.25em 0;
	padding: 10px;
	background-color: #F2F2F2;
	border-radius: 10px;
	border: 1px #999 solid;
}

.heythere h2 {
	margin: -10px -10px 10px;
	padding: 7px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #FFF;
	background-color: #000;
	font-weight: normal;
	font-size: 1.4em;
}

.heythere h1 {
	font-size: 1.3em;
}

.heythere ul {
	list-style-type: disc !important;
	padding-left: 1em !important;
	margin-left: 0 !important;
}

.heythere ul li {
	padding-left: 0 !important;
	margin-left: 1em !important;
}

.heythere ol {
	padding-left: 1em !important;
	margin-left: 0 !important;
}

.heythere ol li {
	padding-left: 0 !important;
	margin-left: 1em !important;
}

.heyblue {
	border: 1px solid #006;
/* background-color: #EEF8FF; */
}

.heyblue h2 {
	background-color: #006;
}

/* .heygreen {
	border-color: #053;
	background-color: #EFE;
} */
.heygreen h2 {
	background-color: #053;
}

.heygreen a {
	color: #063;
}

/* .heyorange {
	border-color: #920;
	background-color: #FFE;
} */
.heyorange h2 {
	background-color: #FC5;
	color: #620;
}

.heyorange a {
	color: #920;
}

.badge {
	width: 5em;
	height: 5em;
	text-align: center;
	background-color: #000;
	color: #FFF;
	border: 5px solid #FFF;
	outline: 1px solid #000;
	display: inline-block;
	vertical-align: middle;
	font-size: xx-large;
	padding: 1em;
}

.badge2 {
	width: 70%;
	text-align: center;
	background-color: #000;
	color: #FFF;
	border: 7px solid #FFF;
	outline: 1px solid #000;
	font-size: 1.7em;
	line-height: 1.6em;
	padding: .6em;
}

.badge figcaption {
	display: inline-block;
	vertical-align: middle;
	padding: .1em 0;
}

/*Font and Table Tweaks */
/* Weird special characters. Note font changes */
:lang(es) {
	color: #029 !important;
	font-weight: bold;
	font-style: italic;
}

.large {
	font-weight: bold;
	font-size: 1.5em;
}

.serif {
	font-family: Baskerville, "Charis SIL", Junicode, "Palemonas MUFI", Gentium, Cambria, "Times New Roman", "serif";
	font-weight: bold;
}

.sans {
	font-family: "Arial Unicode MS", "Lucida Grande", sans-serif;
}

.code, code {
	color: #369;
}

.math {font-family: STIXGeneral, "Lucida Grande", "Arial Unicode MS", sans-serif}

.coptic {
	font-family: Analecta, Calibri, Quivira, "New Athena Unicode";
}

.mdvl {font-family: Quivira, Cardo, "Palemonas MUFI", "Andron Scriptor Web";}

.hebrew {font-family: "Ezra SIL", "Cardo", "David", "Miriam","Arial Unicode MS"} 

.megaglyphs {
	font-size: 2.5em;
}

.furigana {
	font-size: 0.3em;
}

.devmt {
	color: #009;
	font-family: "Devanagari MT";
}

.gujmt {
	color: #009;
	font-family: "Gujarati MT";
}

.punmt {
	color: #009;
	font-family: "Gumurkhi MT";
}

/*Enlarge text in cells */
.enlargea {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	color: #009;
}

/* Changes text color */
.teal {
	color: #369 !important;
}

.tealdark {
	color: #036 !important;
}

.navy {
	color: #029 !important;
}

.black {
	color: black !important;
}

.fakebutton {
	color: #69F;
	font-weight: bold;
	font-size: xx-large;
	font-family: "Times CY", "Times New Roman", "Times", serif;
	background-color: #009;
	padding: 5px 10px;
	margin-left: 30px;
	border: 4px solid #69F;
	text-align: center;
	width: 100px;
}

/*** Data tables and chart tables only ***/
table.chart td.gray {
	background-color: #DDD;
}

table.chart, table.vowelcode {
	border: 1px solid #036;
	margin: 1em 2em 2em;
	width: auto !important;
}

table.chart caption, table.vowelcode caption {
	font-size: 1.25em;
	color: #036;
	text-align: center;
	font-family: "Josefin Sans", "Futura", "Century Gothic", sans-serif;
}

table.chart tr, table.vowelcode tr {
	vertical-align: initial;
}

table.vowelcode th {
	background-color: #E8EEFF;
	color: #222;
	border-right: 1px #CCD solid;
	text-align: center;
}

table.chart td.gray {
	background-color: #DDD;
}

/* For Vowel Tables */
span.hiddenv {
	font-size: xx-small;
	color: #E8EEFF;
}

.line {
	border-top: 1px #CCD solid;
}

table.vowelcode th.hiddenv, table.vowelcode th.hiddenv[scope=row] {
	font-size: xx-small;
	color: #E8EEFF;
}

/* table.vowelcode th.thv {
	border-right: 1px #CCD solid;
} */
table.chart th, table.vowelcode th[scope=col] {
	padding: 7px !important;
	border: 1px solid #036;
	border-collapse: collapse;
	background-color: #036;
	color: #FFF;
	font-weight: normal;
	vertical-align: middle;
}

table.chart th[scope=row] {
	background-color: #E8EEFF;
	color: #222;
	border: 1px solid #CCD;
	border-collapse: collapse;
	font-weight: bold;
}

table.chart td {
	padding: 7px !important;
	border: 1px solid #CCD;
	border-collapse: collapse;
	padding-left: 15px;
	background-color: #FFF;
	vertical-align: middle;
	color: #000;
}

table.chart td.mightyglyph {
	font-size: 2.5em;
	text-align: center;
	font-weight: normal;
	color: #029 !important;
	line-height: 1;
}

table.chart th.mightyglyph {
	font-size: 2.5em;
	text-align: center;
	color: #222 !important;
	font-weight: normal;
	line-height: 1;
}

table.chart td.altcode, table.vowelcode td {
	text-align: center;
}

table.chart td.navycode, table.chart td.optioncode {
	text-align: center;
	color: #036;
}

/* Shrink text in cells */
table.shrink td {
	font-size: 80%;
	vertical-align: top;
}

table.shrink td h4 {
	font-family: "Tahoma", sans-serif;
	font-size: 1em;
}

table.shrink td li {
	margin-left: 1px;
}

/* For correctly floating tables */
.tile {
	margin-left: 20px;
	float: left;
}

.clear {
	clear: both;
}

/** Other Custom Content **/
ol.pad li, ul.pad li {
	padding-bottom: 5px;
}

strong.myth {
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E8F8FF;
	border: 1px solid #07A;
	color: #058;
	margin-bottom: 7px;
}

/* Good/Bad Example */
.example, .badexample {
	padding: 1em;
	background-color: #E9E9E9;
	border: 1px solid #999;
	border-radius: 10px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.badexample {
	background-color: #FFE2D6;
}

.example code,.badexample code {
	font-weight: bold;
	display: block;
	margin: 10px 30px;
}

.badexample h3, .example h3 {
	font-family: Tahoma, "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 15px;
}

.badexample h4, .example h4 {
	font-family: Tahoma, "Lucida Grande", "Lucida Sans", sans-serif;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 15px;
	font-size: 1em;
}

/* Encoding Tutorial */
.fakeh1 {
	text-align: center;
	font-size: 1.8em;
	margin: .5em;
	color: #000;
	font-family: "Josefin Sans", "Century Gothic", Verdana, sans-serif;
}

.encocodetitle {
	text-align: center;
	color: #459;
	font-weight: normal;
	font-size: 1.75em;
	padding: 3px;
	border: 1px solid #999;
	background-color: #E8EEFF;
	border-radius: 5px;
	margin: .5em 25%;
	font-family: "Josefin Sans", "Century Gothic", Verdana, sans-serif;
}

/* Forms */
label.sameline {
	display: inline;
	margin-bottom: 0;
}

input[type="radio"], input[type="checkbox"] {
/* margin: 4px 0px 0px; */
	margin: 0;
	line-height: normal;
	cursor: pointer;
}

/*MathJax*/
.MathJax_Display {
/* text-align: center;
	margin: 1em 0;
	position: relative;
	display: block !important;
	text-indent: 0;
	max-width: none;
	max-height: none;
	min-width: 0;
	min-height: 0;
	width: 100%;*/
}

.MathJax,.MathJax_Display {
	font-size: 1.25em;
}

/* WIDGETS */
/* 
.widget.widget_recent_comments li, #sb_primary .widget.eventsAdvancedListWidget li, #sb_primary #twitter-2 li {
	background: none repeat scroll 0 0 #F3F3F3;
	font-size: .9em;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #FFFFFF;
}

h3.widget-title {
	font-size: 18px;
} */
#sidebar1 ul.blogroll li {
	display: inline;
}

.widget.widget_recent_comments li, #sb_primary .widget.eventsAdvancedListWidget li, #sb_primary #twitter-2 li {
}

#sidebar-wrap {
	margin-bottom: 1em;
}

#list_sb_primary {
	margin-top: 20px;
}

#list_sb_primary .widget-pad {
	padding: 5px;
	border: 1px solid #036;
	border-radius: 10px !important;
	margin-bottom: 1em;
	background-color: #E8EEFF;
}

#list_sb_primary .widget_nav_menu .widget-pad h3.widget-title {
	margin: -5px -5px 10px;
	padding: 7px;
	color: #EEE;
	background-color: #036;
	font-weight: normal;
	font-size: 1.25em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.widget .widget-title {
	margin: -5px -5px 10px;
	padding: 7px;
	color: #EEE;
	background-color: #036;
	font-weight: normal;
	font-size: 1.25em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.widget ul {
	padding-left: 1em !important;
	margin: 0;
}

.widget ul li {
	margin-left: 1em;
	font-size: .95em;
	line-height: 110%;
	display: block;
	padding: 0 2px;
	padding-left: 0 !important;
	margin-bottom: 7px;
}

ul.sidebar_widgets {
	list-style-type: disc;
}

.widget ul.sub-menu {
	margin: .2em 0;
}

/* FOOTERS */
#morefoot_area {
	background: #f5f5f5;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

#morefoot .content {
	background: #f5f5f5;
	color: #262626;
}

#footer {
	background: #001444;
}

#footer a, #footer li h5 a {
	color: #A9B9B9;
	font-weight: bold;
	letter-spacing: .025em;
	text-decoration: none;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
}

#footer a:hover, #footer li h5 a:hover {
	color: #EEE;
	font-weight: bold;
    text-decoration: underline;
	letter-spacing: .025em;
	text-decoration: none;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
    background-color: #001144;
}


#sb_fullwidth {
	background: #014;
}

ul#list_sb_fullwidth {
	list-style-type: none;
}

ul.psu-links {
	list-style: none outside none;
}

ul.psu-links li {
	display: inline;
}

.psu-links li.first {
	border-left: none;
}

#text-6 {
	float: left;
}

.bold {
	font-weight: bold;
}

@media print
{
.noprint {display:none;}
}
