/* @override http://iaian7.com/files/lipsync/style.css */

/* BASIC LAYOUT*/

body {
	color: #000;
	font: 14px/16px "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-align: justify;
	background: #969696 url(background.png) repeat-x;
}

#page {
	text-align: justify;
	width: 400px;
}

h1, h2, h3 {
	text-shadow: #c8c8c8 0 1px 0;
	font-weight: bold;
}

h1 {
	font-size: 32px;
	line-height: 32px;
	margin: 20px 0 0 65px;
	margin: 20px 0 0;
	text-align: center;
}

h2 {
	font-size: 16px;
	line-height: 16px;
	margin: 20px 0 0;
}

p {
	font-size: 14px;
	text-align: justify;
	margin: 10px 0;
	padding: 0;
}

small {
	font-size: 12px;
	text-shadow: none;
	font-weight: normal;
	font-style: normal;
}


/* INPUT / OUTPUT*/

textarea, input {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
}

textarea {
	background-color: #e1e1e1;
	width: 400px;
}

input#customPhoneme, input#framerate, input.phonemeInput {
	background-color: #e1e1e1;
}


/* TABLES*/

table {
	width: 400px;
	text-align: left;
}

table, tbody, tr, td {
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
}

table.PHt2, table.PHt3 {
	border: 1px solid #7d7d7d;
	padding: 5px 0;
	text-align: center;
}

table h2 {
	margin: 0;
	padding: 0;
}

tr {
	font-size: 14px;
	line-height: 10px;
	vertical-align: top;
	width: 400px;
}

td {
	margin-right: auto;
	margin-left: auto;
}

table.PHt2 td {
	width: 80px;
}

table.PHt3 td {
	width: 57px;
}

.sub {
	font-size: 12px;
	font-style: italic;
}

#customPhonemes table, #customPhonemes tr {
	width: 380px;
}

/* LINKS */

a, a:link, a:visited {
	color: #3a3a3a;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}