/* Tooku Reo CSS */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { 
	margin:0;
	padding:0;
}

/* basic layout */
body {
	font: normal 11px tahoma, verdana, arial;
	color: #000;
	background: #ebe8e1;
}

.center {
	width: 950px;
	margin: 0 auto;
}
u
.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	margin: 0;
	line-height: 0px;
}

#header {
	height: 64px;
	background: #40341f url('../img/css/toku/toku-bg-header.jpg') repeat-x left top;
}

#content {
	background: #ebe8e1 url('../img/css/toku/toku-bg-content.gif') repeat-x left top;
}

#content .center {
	background: #ebe8e1 url('../img/css/toku/toku-bg-columns.gif') repeat-y left top;
}

#navbar {
	height: 50px;
	width: 950px;
	margin: 0 auto;
	background: transparent url('../img/css/toku/toku-bg-navbar.gif') no-repeat left top;
}

#banner {
	height: 76px;
	width: 950px;
	margin: 0 auto;
	background: #8b1808 url('../img/css/toku/toku-banner-inside.jpg') no-repeat left top;
}

#bannerHome {
	height: 176px;
	width: 950px;
	margin: 0 auto;
	background: #8b1808;
}

body.p1 #bannerHome {
	background: #8b1808 url('../img/css/toku/toku-banner-home-p1.jpg') no-repeat left top;
}

body.p2 #bannerHome {
	background: #8b1808 url('../img/css/toku/toku-banner-home-p2.jpg') no-repeat left top;
}

#sitemap {
	background: #544837 url('../img/css/toku/toku-bg-sitemap.jpg') repeat-x left top;
}

#footer {
	height: 64px;
	background: #40341f url('../img/css/toku/toku-bg-header.jpg') repeat-x left top;
	border-top: solid 1px #1d130a;
}

.maincol {
	width: 680px;
	padding: 0px 0px 0px 0px;
	background: transparent url('../img/css/toku/toku-bg-maincol.gif') no-repeat right top;
}

.subcol {
	width: 270px;
	padding: 0px 0px 0px 0px;
	color: #60574c;
}

/* language */

#language {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

/* header */

#logo {
	float: left;
}

#search {
	width: 183px;
	height: 21px;
	background: #272015 url('../img/css/toku/toku-bg-search.gif') no-repeat left top;
	float: right;
	margin-right: 72px !important;
	margin: 23px 36px 0px 0px;
}

#searchBox {
	border: 0px;
	font-size: 11px;
	color: #ebe8e1;
	float: left;
	background: #272015;
	margin: 4px 0px 0px 5px;
	width: 150px;
}

#searchButton {
	float: right;
}

a#tewhanake {
	display: block;
	width: 136px;
	height: 64px;
	background: transparent url('../img/css/toku/toku-tewhanake.jpg') no-repeat left top;
	float: right;
	margin: 0px 0px 0px 10px;
	padding-right: 35px;
}

#subnav {
	float: right;
	margin-top: 27px;
	padding-right: 0px;
}

/* nav bar */
/* see links section below for more nav styles */

#navbar ul {
	list-style-type: none;
	height: 50px;
	width: 500px;
	margin: 0px 0px 0px 65px;
}

#navbar ul.home {
	width: 885px;
}

body.p1 #navbar ul.home {
	background: transparent url('../img/css/toku/toku-bg-navbar-home-p1.jpg') no-repeat right bottom;
}

body.p2 #navbar ul.home {
	background: transparent url('../img/css/toku/toku-bg-navbar-home-p2.jpg') no-repeat right bottom;
}

#navbar ul li {
	display: block;
	float: left;
	height: 35px;
	margin: 15px 0px 0px 0px;
	padding-left: 0px;
	background-image: none;
}

#navbar ul li#navSeries {
	width: 54px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../img/css/toku/toku-nav-series.gif') no-repeat left 0px;
}


/* banner */

a#bannerLink {
	display: block;
	width: 950px;
	height: 176px;
	background: #419499 url('../img/css/toku/toku-banner-home.jpg') no-repeat left top;
}

#chooseEp {
	float: right;
	width: 255px;
	height: 24px;
	margin-top: 29px;
	background: transparent url('../img/css/toku/toku-choose-episode.gif') no-repeat 0px 4px;
	clear: right;
}

form#ep {
	padding-left: 95px;
}

form#ep select {
	font: normal 10px tahoma, arial;
	border: solid 1px #502010;
	padding: 1px;
	width: 140px;
}

#bannerHome #chooseEp {
	background: none;
	margin-top: 133px;
	padding-left: 24px;
	width: 250px;
	float: left;
}

#bannerHome form#ep {
	padding-left: 0;
}

#bannerHome form#ep label {
	color: #fff;
	float: left;
	margin: 2px 10px 0 0;
}




/* main col */

.maincol p {
	margin-right: 7px;
	padding-right: 14px;
}

.marginRight {
	margin-right: 24px;
}

div.headerBar {
	background: transparent url('../img/css/toku/toku-border-red.gif') no-repeat left top;
	border-bottom: solid 1px #cfcbc0;
	padding: 14px 20px 11px 0px;
	margin: 18px 7px 4px 0px;
}

div.headerBar h5 {
	margin-top: 0px;
}

img.photo {
	border: solid 1px #beb9ab;
	background: #fff;
	padding: 3px;
	float: left;
	margin: 22px 20px 18px 0px;
}

/* sub col */

.subcol p {
	margin-left: 16px;
	overflow: visible;
	height: 1%;
}

.marginLeft {
	margin-left: 16px;
}

img.featured {
	margin: 12px 0px -6px 10px;
	display: block;
}

/* site map */

#sitemap ul {
	list-style-type: none;
	padding: 18px 0px 18px 0px;
	margin: 0px;
}

#sitemap ul li {
	line-height: 15px;
	color: #857d67;
	margin: 0px;
	padding-left: 0px;
	background-image: none;
}

#sitemap ul.one {
	width: 217px;
	float: left;
}

#sitemap ul.two {
	width: 240px;
	float: left;
}

#sitemap ul.three {
	width: 310px;
	float: left;
}

#sitemap ul.four {
	width: 160px;
	float: left;
}

#sitemap ul li {
	height: 16px;
}

/* footer */

#footer p {
	color: #a39b86;
	margin-top: 14px;
	float: left;
	width:770px;
}

a#kuralogo {
	float: right;
	display: block;
	padding-right: 124px;
	margin-top: 16px;
}	

/* text */

h1 {
	font: normal 26px tahoma;
	padding: 25px 0px 10px 20px;
	color: #fff;
	float: left;
}

h1.episode {
	padding-left: 15px;
	background: transparent url('../img/css/toku/toku-h1-episode.gif') no-repeat 14px 21px;
}

h1.episode span {
	font-size: 20px;
	font-weight: bold;
	padding-right: 24px;
	color: #4f0702;
	width: 40px;	
}

h2 {
	font: bold 17px tahoma, arial;
	margin: 20px 20px -2px 0px;
	color: #a31f04;
}

h2.sitemap {
	margin-bottom: 12px;
}

h3 {
	font: bold 11px tahoma, arial;
	text-transform: uppercase;
	color: #4c3e29;
	background: #e4dbc8 url('../img/css/toku/toku-bg-h2.jpg') no-repeat left top;
	border-top: solid 1px #a3937b;
	padding: 8px 16px 8px 16px;
	margin: 18px 0px 0px 0px;
}

h3.top {
	margin-top: 0px;
	border: none;
	padding-top: 1px;
	background-position: 0px -7px;
}

h4 {
	font: bold 12px tahoma, arial;
	text-transform: uppercase;
	color: #a31f04;
	margin: 16px 0px -4px 16px;
	padding: 4px 16px 4px 0px;
}

h4.episode {
	
}

h4.episode span {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 8px 2px;
	color: #fff;
	background: #7e1b19 url('../img/css/toku/toku-h4-episode.gif') repeat-x left top;
	border: solid 1px #97220c;
	margin-right: 8px;
	/* rounded corners */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

h5 {
	font: bold 10px tahoma, arial;
	text-transform: uppercase;
	color: #4c3e29;
	margin-top: 18px;
}

h5 span {
	font-size: 11px;
	color: #4c3e29;
	margin-left: 5px;
	text-transform: none;
	font-weight: normal;
}

p {
	margin: 12px 0px 12px 0px;
	line-height: 18px;
}

p.large {
	font-size: 12px;
}

p.light {
	color: #60574c;
}

p.borderBottom {
	padding-bottom: 18px;
	border-bottom: solid 1px #cfcbc0;
}

p.borderBottomThick {
	padding-bottom: 30px;
	background: transparent url('../img/css/toku/toku-border-red.gif') no-repeat left bottom;
	margin-bottom: -4px;
}

div.borderThick {
	padding-bottom: 0px;
	background: transparent url('../img/css/toku/toku-border-red.gif') no-repeat left bottom;
	margin-bottom: -4px;
	height: 11px;s
}

ul {
	list-style-type: none;
	margin: 12px 0px 12px 0px;
}

ul li {
	line-height: 18px;
	margin: 0px 0px 8px 0px;
	color: #000;
	padding-left: 20px;
	background: transparent url('../img/css/toku/toku-bullet.gif') no-repeat left 3px;
}

ul.simple li {
	margin: 0px;
	padding-left: 0px;
	background-image: none;
}

ul.lines {
	border-top: solid 1px #cfcbc0;
	margin: 12px 7px 0px 0px;
}

ul.borderBottomThick {
	background: transparent url('../img/css/toku/toku-border-teal.gif') no-repeat left bottom;
	padding-bottom: 25px;
	margin-bottom: -7px;
}

ul.lines li {
	border-bottom: solid 1px #cfcbc0;
	padding: 8px 0px 6px 20px;
	margin: 0px;
	background: transparent url('../img/css/toku/toku-bullet.gif') no-repeat left 10px;
}

ul.exercises {
	margin: 0px;
}

ul.exercises li {
	background-image: none;
	border-bottom: solid 1px #cfcbc0;
	margin: 0px;
	padding: 3px 0px 3px 16px;
}

ul.exercises li.current {
	padding-left: 34px;
	background: transparent url('../img/css/toku/toku-bullet.gif') no-repeat 16px 6px;
}

ul.exercises li.current a {
	color: #000;
	font-weight: bold;
}

ul.epIndex {
	margin-right: 7px;
}

ul.epIndex li {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: solid 1px #cfcbc0;
}

ul.epIndex li a,
ul.epIndex li a:visited {
	display: block;
	color: #000;
	padding: 7px 0px 6px 0px;
}

ul.epIndex li a:hover {
	text-decoration: none;
	background: #f6efd4;
}

ul.epIndex li a span.episode {
	font: bold 11px tahoma, arial;
	color: #a31f04;
	padding: 4px 16px 4px 0;
	margin: 0px;
	display: inline;
	text-transform: none;
	line-height: 14px;
}

ul.epIndex li a span.episode span {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 7px 2px;
	color: #fff;
	background: #7e1b19 url('../img/css/toku/toku-h4-episode.gif') repeat-x left top;
	border: solid 1px #97220c;
	margin-right: 8px;
	/* rounded corners */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

ul.searchDetails {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: -6px;
}

ul.searchDetails li {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 20px;
	background-image: none;
	color: #60574c;
}

ul.sitemap {
	margin-left: 36px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.sitemap li {
	margin-bottom: 4px;
}

ul.sitemap ul {
	font-size: 11px;
	margin-top: 4px;
	font-weight: normal;
	text-transform: none;
}

ul.sitemap ul li {
	background: none;
	margin: 0px;
}

span.here {
	line-height: 10px;
	font-size: 12px;
	background: transparent url('../img/css/toku/toku-here.gif') no-repeat 4px 7px;
	padding: 5px;
}

hr {
	height: 1px;
	border: none;
	line-height: 0px;
	color: #cfcbc0;
	background: #cfcbc0;
	margin: 0px 7px 0px 0px;
	clear: both;
}

/* forms */

label {
	font: bold 11px tahoma, arial;
	display: block;
	clear: both;
	margin: 10px 0px 4px 0px;
}

input.input,
textarea.input {
	border: solid 1px #b3ac9f;
	background: #f6f4ef url('../img/css/toku/toku-bg-inputbox.gif') no-repeat left top;
	font: normal 11px tahoma, arial, verdana;
	padding: 4px;
}

select.input {
	border: solid 1px #b3ac9f;
	background: #f6f4ef url('../img/css/toku/toku-bg-inputbox.gif') no-repeat left top;
	font: normal 11px tahoma, arial, verdana;
	padding: 2px;
	margin-top: 4px;
}

.input:focus {
	border-color: #a31f04;
}

.button {
	display: block;
	margin: 14px 0px 0px 0px;
}

fieldset {
	border: none;
	margin-right: 0px;
}

.check {
	display: block;
	margin-top: 12px;
	background-image : url( /img/site/button-checkanswer.gif );
	border:none;
	width:97px;
	height:21px;
}

.reveal {
	background-image : url( /img/site/button-revealanswer.gif );
	border:none;
	width:99px;
	height:21px;
}

.half {
	width: 250px;
	float: left;
}

/* links */

a img { border: none }

a,
a:visited {
	color: #0f66a3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h4.level a,
h4.level a:visited {
	color: #a31f04;
}

h4.level a:hover {
	color: #0f66a3;
}

#subnav a,
#subnav a:visited {
	color: #6ea3c1;
	margin-right: 11px;
}

#subnav a:hover {
	color: #87bbd8;
}

#navbar ul li a {
	display: block;
	height: 35px;
	text-indent: -5000px;
}

#navbar ul li a#episodes {
	width: 100px;
	background: transparent url('../img/css/toku/toku-nav-episodes.gif') no-repeat left 0px;
}

#navbar ul li a#profiles {
	width: 97px;
	background: transparent url('../img/css/toku/toku-nav-profiles.gif') no-repeat left 0px;
}

#navbar ul li a#productions {
	width: 171px;
	background: transparent url('../img/css/toku/toku-nav-kura.gif') no-repeat left 0px;
}

#navbar ul li a#forum {
	width: 63px;
	background: transparent url('../img/css/toku/toku-nav-forum.gif') no-repeat left 0px;
}

#navbar ul li a#episodes:hover,
#navbar ul li a#profiles:hover,
#navbar ul li a#productions:hover,
#navbar ul li a#forum:hover {
	background-position: 0px -35px;
}

#navbar ul li.current a#episodes,
#navbar ul li.current a#profiles,
#navbar ul li.current a#productions,
#navbar ul li.current a#forum {
	background-position: 0px -35px;
}

#navbar ul li a#series1,
#navbar ul li a#series2, 
#navbar ul li a#series3, 
#navbar ul li a#series4,
#navbar ul li a#series5 {
	width: 25px; 
	height: 25px;
	margin-right: 3px;
}

#navbar ul li a#series1 { background: transparent url('../img/css/toku/toku-nav-1.png') no-repeat left 0px; }
#navbar ul li a#series2 { background: transparent url('../img/css/toku/toku-nav-2.png') no-repeat left 0px; }
#navbar ul li a#series3 { background: transparent url('../img/css/toku/toku-nav-3.png') no-repeat left 0px; }
#navbar ul li a#series4 { background: transparent url('../img/css/toku/toku-nav-4.png') no-repeat left 0px; }
#navbar ul li a#series5 { background: transparent url('../img/css/toku/toku-nav-5.png') no-repeat left 0px; margin-right: 25px;}

#navbar ul li a#series1:hover,
#navbar ul li.current a#series1,
#navbar ul li a#series2:hover,
#navbar ul li.current a#series2,
#navbar ul li a#series3:hover,
#navbar ul li.current a#series3,
#navbar ul li a#series4:hover,
#navbar ul li.current a#series4,
#navbar ul li a#series5:hover,
#navbar ul li.current a#series5 {
	background-position: 0px -25px;
}

a.bullet {
	padding: 2px 0px 2px 18px;
	background: transparent url('../img/css/toku/toku-bullet.gif') no-repeat left 2px;
}

#sitemap a {
	color: #857d67;
}

#sitemap a:hover {
	color: #87bbd8;
}

#sitemap a em {
	color: #a39b86;
	font-style: normal;
	font-size: 10px;
	text-transform: uppercase;
}

#sitemap a:hover em {
	color: #87bbd8;
}

#footer a {
	color: #6ea3c1;
}

#footer a:hover {
	color: #87bbd8;
}

.seriesPick {
	width: 655px;
	margin: 24px 0;
	height: 100px;
}

.seriesPick li {
	float: left;
	width: 130px;
	height: 100px;
	margin-right: 1px;
	background: none;
	padding: 0;
}

.seriesPick li a {
	display: block;
	float: left;
	width: 130px;
	height: 100px;
	overflow: hidden;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: left top;
}

.seriesPick li a#s1 { background-image: url('../img/css/toku/toku-series-1.jpg'); }
.seriesPick li a#s2 { background-image: url('../img/css/toku/toku-series-2.jpg'); }
.seriesPick li a#s3 { background-image: url('../img/css/toku/toku-series-3.jpg'); }
.seriesPick li a#s4 { background-image: url('../img/css/toku/toku-series-4.jpg'); }
.seriesPick li a#s5 { background-image: url('../img/css/toku/toku-series-5.jpg'); }

.seriesPick li a:hover {
	background-position: left -100px;
}







/* added Benek 2011-09-29 */

.tabBar {
	height: 30px;
	overflow: hidden;
	margin: 20px 0 -16px 0;
}

.tabBar li {
	height: 30px;
	float: left;
	margin-right: 3px;
	padding: 0;
	background: none;
}

.tabBar li a {
	display: block;
	float: left;
	height: 29px;
	font: bold 14px/30px tahoma, arial;
	color: #a31f04;
	text-decoration: none;
	padding: 0 19px;
	background: #e4ddcd url('../img/css/toku/bg-h2.jpg') repeat-x -1px -1px;
	border-top: solid 1px #cfcbc0;
	border-right: solid 1px #cfcbc0;
	border-left: solid 1px #cfcbc0;
}

.tabBar li a:hover {
	background-position: -1px 0;
	color: #7d1505;
	line-height: 31px;
}

.tabBar li a.current,
.tabBar li a.current:hover {
	background: #a31f04 url('../img/css/toku/bg-tab-current.gif') repeat-x left top;
	height: 30px;
	border: 0;
	padding: 0 20px;
	color: #fff;
	line-height: 30px;
}

div.whakaari 
,div.streaming{
display:none;
}


ul.epIndex li p { padding:0;margin:0;display:inline; width:523px; float:right; }
ul.epIndex li , ul.epIndex li a {float:left;clear:both}
ul.epIndex li { width:673px;}