/* CSS Document for speech accent archive */
/* created by stephanie hurter, 16 february 2005 */

body {
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size:76%;
	text-align:center;
	color: #333;
}
audio#player {
	width: 80%;
	height: 28px;
}
/* content base styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #3A0617;
	font-weight: bold;
}
p, li, td, h5, h6 {
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
}
h1 { font-size: 1.8em; 
	text-align:left;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}

em {color: #333;}

h1 {margin: 0 0 1em 0;}
h2 {margin: 0 0 1em 0;}
h3 {margin: 1em 0 1em 0;}
h4 {margin: .67em 0 .67em 0;}
h5 {margin: .67em 0 .5em 0;}
h6 {margin: 0 0 .5em 0;}

/* default link styles */
a, a:link {
	color: #3A0617;
	text-decoration: none;
	font-weight: bold;}
a:visited {
	color: #998686;
	text-decoration: none; 
	font-weight: bold;}
a:hover, a:active {
	text-decoration: underline;
	color: #C4B5B5;
	font-weight: bold;
}
/* end baseline content */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}

#header {
	margin-bottom: 1em;
	line-height: 100%;
}

/* new banner styles */
#banner {
	position: relative;
	width: 720px;
	height: 154px;
	background-image: url("/images/banner.jpg");
	background-repeat: no-repeat;
	border: 1px solid #fff;
}
#banner #logolink {
	float: left;
	width: 170px;
	height: 140px;
	border: none;
}
#logolink a {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 136px;
	display: block;
	}
#logolink a img {
 	border: none;
}
#banner #navshell {
	margin-top: 92px;
	margin-left: 176px;
	background-color: transparent;
	border: none;
}
#navshell ul#globalnav {
	margin: 0;
	padding: 0;
	text-align: left;
}
#globalnav li {
	display: inline;
	margin-right: 24px;
	margin-left: 0px;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 140%;
}
#globalnav li a {
	font-weight: bold;
	text-decoration:none;
}
/* global nav colors - normal links, and 'on' for when in content area, such as browse, resources, etc. */
#globalnav li a, #globalnav li a:link  {
	color:#3A0617;
}
#globalnav li a:visited {
	color:#3A0617;
}

#globalnav li a:hover {
	color:#C4B5B5;
}

#globalnav li a:active {
	color:#A58787;
}
/* for 'on' state */
#globalnav li a.on, #globalnav li a.on:link  {
	color:#998686;
}
#globalnav li a.on:visited {
	color:#998686;
}

#globalnav li a.on:hover {
	color:#C4B5B5;
}

#globalnav li a.on:active {
	color:#A58787;
}
/* sidebar content */
#sidebar {
	width: 160px;
	float: left;
	text-align: right;
}

div.sidepadding {
	margin: .5em;
	padding: 0;
}
	
ul.sidenav {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding: 0;
} 

ul.sidenav li {
	margin: .5em 0 .5em 0;
	padding: 0;
	text-align: right;
	font-weight: normal;
} 

#sidebar li a, #sidebar li a:link  {
	color:#3A0617;
}
#sidebar li a:visited {
	color:#3A0617;
}

#sidebar li a:hover {
	color:#C4B5B5;
}

#sidebar li a:active {
	color:#A58787;
}
/* for 'on' state */
#sidebar li a.on, #sidebar li a.on:link  {
	color:#998686;
}
#sidebar li a.on:visited {
	color:#998686;
}

#sidebar li a.on:hover {
	color:#C4B5B5;
}

#sidebar li a.on:active {
	color:#A58787;
}

/* end sidebar and begin maincontent */

#maincontent {
	margin: 0px 60px 0px 178px;
	border-left: 1px solid #3A0617;
	text-align: left;
}

#langcontent {
	margin: 0px 0px 0px 178px;
	border: 1px solid #fff;
	border-left: 1px solid #3A0617;
	text-align: left;
}

div.content {
	padding: 0 1em 0 1.3em;
	margin: 0;
	line-height: 1.9em;
}

.content blockquote {
	padding-left: 2.5em;
	padding-right: 2.5em;
	line-height: 1.4em;
}

.content img {
	margin: .5em .5em .5em 1.5em;
}

.content img.right {
	float: right;
	margin:.5em 0 .5em .5em;
	border: 1px solid #3A0617;
}

.content img.left {
	float: left;
	margin:.5em .5em .5em 0;
	border: 2px solid #416680;
}

.content img.trans {
	margin: 0;
	padding: 0;
}

sup a:link {
	background-color: #D0C5C5;
	padding: .1em .3em .1em .3em;
	line-height: 0;
	font-weight: bold;
}

sup a:visited {
	background-color: #C3B4B4;
} 

sup a:hover {
	background-color: #3A0617;
	color: #fff;
}

sup a:active {
	background-color:#C3B4B4;
} 

.rule {
	height: 4px;
	border-top: 1px solid #3A0617;
	margin: 0;
}

p.unicodefont {
	font: "Doulos SIL";
	font-size: 1em;
	line-height: 1.25em;
}

p.transtext {
	line-height: 1.25em;
	font-size: 1.15em;
}

p.key {
	font-size: .925em;
	line-height: 1.25em;
}

ul.transtext {
	margin: 0;
	padding: 0;
}

ul.transtext li {
	line-height: 1.25em;
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0;
}

ul.bio {
	list-style-type: none;
	line-height: 1em;
	margin: 0; 
	padding: 0;
}

ul.bio li {
	text-align: right;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	margin: 0; 
}

.topline {
	border-top: 1px dotted #3A0617;
	margin: 1em 1em 1em 0;
	padding: 1em;
}

a.border {
	border: 1px dotted #3A0617;
	padding: .5em;
	margin: .5em 0 0 .5em;
}

/* these classes are meant to be used in spans for the IPA translation, actual = red, and green/ blue = potential */

.actual {
	color: #8C1717;
	font-weight: bold;
}

.potential {
	color: #0D4488;
	font-weight: bold;
}

/* styles for main browse search pages with languages */


ul.languagelist {
	float: left;
	width: 150px;
	list-style-type:none;
	margin:0;
	margin-left: 2px;
	padding:0;
	line-height: 1.5em;
	background-color: transparent;
	border: none;
} 

ul.languagelist li {
	margin: .5em 0 .5em 1.5em;
	padding: 0;
	text-align: left;
}

.languagelist li a:link {
	color: #3A0617;
	text-decoration: none;
}

.languagelist  li a:visited {
	color: #998686;
	text-decoration: none;

}

.languagelist li a:hover {
	color: #C4B5B5;
	text-decoration: underline;
}

.languagelist li a:active {
	color: #3A0617;
	text-decoration: underline;
}

/* for translation and transcription blocks */

div#translation {
	float: left;
	width: 260px;
	border: 1px solid #fff;
}

div#translation h5 {
	margin: 10px 20px 10px 10px;
}

div#translation p {
	margin: 10px 0px 10px 10px;
}

div#transcript {
	/* float: left;
	width: 245px; */
	padding: 0;
	margin-bottom: 25px;
	margin-left: 260px;
	border: 1px solid #fff;
}

div#transcript h5 {
	margin: 10px 10px 10px 20px;
}

div#transcript img {
	margin: 10px 10px 10px 20px;
	border: none;
}

/* styles for generalization components */

#genhead {
	height: 26px;
	margin:0;
	padding: 0;
	border: 1px solid #fff;
}

#genhead h4 {
	margin: 4px 130px 4px 0;
}

#genclear {
	float: right;
	width: 120px;
	margin: 0;
	text-align: right;
}

#genclear a {
	border: 1px dotted #3A0617;
	font-size: 10px;
	padding: 2px 3px 2px 3px;
	margin: 2px 4px;
}

#genblock {
	width: 500px;
	margin-top: 4px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#segments {
	float: left; 
	width: 210px; 
	height: 120px; 
}

#vowels {
	float: left; 
	width: 140px; 
	height: 120px; 
}

#syllable {
	float: left; 
	width: 140px; 
	height: 120px; 
}

ul.genlist {
	margin: 0;
	margin-left: 2px;
	padding: 0;
	line-height: 125%;
	background-color: transparent;
	border:none;
} 

ul.genlist li {
	margin: 0 0 0 2em;
	padding: 0;
	text-align: left;
	font-size: 0.915em;
}

div.clear {
	clear: both;
}

div.langrule {
	height: 20px;
	border-bottom: 1px dotted #3A0617;
	margin: 0 0 .5em 0;
}

/* style for pop-up pages */

#popup {
	margin: 5px;
	padding: 5px;
	border: 1px solid #3A0617;
}

#popup p, #popup ol, #popup li, #popup h5 {
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}

#popup img {
	text-align: center;
}
/* style for search page */
#searchcontent {
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 176px;
	text-align:left;
	font-size: 1em;
	line-height:1.8em;
	}

td.bckgrnd {
	background-color: #D3CBCB;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #000000;
	padding-left: .5em;
}
div.table div.td div.tr {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

/* footnote div related links */
#footnotecontainer, footnotecontainer p {
	font-size: .9em;
	line-height: 1.9em;
	text-align: left;
	padding-top: .5em;
	padding-left: .5em;
	color: #333;
}

#footnotecontainer sup a:link {
	background-color: #D0C5C5;
	color: #817373;
	padding: .1em .3em .1em .3em;
	line-height: 0;
	font-weight: bold;
	text-decoration: none;
}

#footnotecontainer sup a:visited {
	background-color: #D0C5C5;
} 

#footnotecontainer sup a:hover {
	background-color: #3A0617;
	color: #fff;
}

#footnotecontainer sup a:active {
	background-color:#D0C5C5;
} 

#footnoteline {
	width: 200px;
	text-align: center;
	border-top: 1px dotted #435C6D;
	padding: .5em;
}
/* footer related styes */
#footer {
	text-align: left;
	margin-left: 155px;
	font-size: 1em;
	color: #3A0617;
	padding: 2em;
	clear: both;
}

#footer p {
	font-size: .824em;
	line-height: 1.25em;
	color: #333;
}
/* footer links */
#footer a {
	font-weight: bold;
	text-decoration:none;
}
/* global nav colors - normal links, and 'on' for when in content area, such as browse, resources, etc. */
#footer a, #footer a:link  {
	color:#3A0617;
}
#footer a:visited {
	color:#3A0617;
}

#footer a:hover {
	color:#C4B5B5;
}

#footer a:active {
	color:#A58787;
}
/* for 'on' state */
#footer a.on, #footer a.on:link  {
	color:#998686;
}
#footer a.on:visited {
	color:#998686;
}

#footer a.on:hover {
	color:#C4B5B5;
}

#footer a.on:active {
	color:#A58787;
}