/*
Theme Name: Eastcree.org Default
Theme URI: svn://server.eastcree.org/Eastcree.org/eastcree/wp-content/themes/eastcree
Description: The default Eastcree theme v1.0.
Version: 1.0
Author: Delasie Torkornoo
Author URI: http://deltork.com/
Tags: brown, custom header, fixed height, two columns, no-widgets

	DelTork 1.0
	 http://deltork.com/eastcree/

	This theme was designed and built by Delasie Torkornoo
	whose blog you will find at http://deltork.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*embed fonts */
@font-face {
  font-family: "BJCree2 UNI";
  src: url("/downloads/bjcrus2.eot");
  src: local("BJCree2 UNI"), url("/downloads/bjcrus2.ttf") format("truetype");
}
@font-face {
  font-family: "BJCree UNI";
  src: url("/downloads/bjcrus.eot");
  src: local("BJCree UNI"), url("/downloads/bjcrus.ttf") format("truetype");
}
@font-face {  
  font-family: "Doulos SIL" ;  
  src: url("/downloads/DoulosSILR.eot");
  src: url("/downloads/DoulosSILR.ttf") format("truetype");  
}  

body {	
	background: #FFFFCE;/* url(images/bg.png) no-repeat left bottom;*/
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	line-height: 22px;	
	color: #393939;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	
	margin:auto;
	border:0px;
	padding:0px 25px;
	/*width:100%;
	height:100%;*/
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	overflow:hidden;
    }

/*Headings*/
h1 { margin:20px 0px 5px 0px; font-size:35px; line-height:40px; }      
h2 {	margin:15px 1px 4px 1px; font-size:27px; color: #630000; }
h3 { margin:13px 2px 4px 2px; font-size:23px; } 
h4 { margin:8px 3px 2px 3px; font-size:18px; color: #000000; }
h6 { margin:5px 4px 2px 4px; padding:10px; font-size:15px;  color:#000; text-decoration:underline; }
.head {	margin:8pt 0pt 4pt 0pt; padding:5px 50px; color: #630000; background-color: #FFDD7A; }

/*Font classes*/
.small {	font-size: 65%;  }
.cree, .nc, .sc, .sr, .nr { font-family:"BJCree2 UNI";}
.lang a{color:#CCC}
.nc,  .sc {padding:5px 1%; font-family:"BJCree2 UNI"; font-size:90%}
.meo {font-size: 12px; background-color: #FCDD7A;}
.cu {font-size: 12px; font-weight: bold; background-color: #FFDD7A;}
.me {font-family:"BJCree2 UNI"; font-size:11px; text-decoration:none; color:white; background-color:#630000; border-bottom:thin solid #420000; border-right:thin solid #420000; border-top:thin solid #a5696b; border-left:thin solid #a5696b}
.me1 {font-family:"BJCree2 UNI";/*font-family:Arial;*/ font-size:11px; text-decoration:none; color:white; background-color:#7b4142; border-bottom:thin solid #4a2421; border-right:thin solid #4a2421; border-top:thin solid #947173; border-left:thin solid #947173}
.me2 {font-family:"BJCree2 UNI";/*font-family:Arial;*/ font-size:11px; text-decoration:none; color:white; background-color:#b5656b; border-bottom:thin solid #4a2421; border-right:thin solid #4a2421; border-top:thin solid #947173; border-left:thin solid #947173}
.bjcex {font-family:"BJCree2 UNI"; color:darkgreen; font-weight:normal}
.bjct {font-family: 'BJCree2 UNI'; font-weight:normal}
.crex, .syllable {font-style:normal}
.crt {font-style:italic;}
.emphasis {font-size:140%; }
.ipa , td.ipa {font-family:  "Doulos SIL"; font-size:110%; }
/*dictionary */
#toolTipText	{position:fixed;; background-color:#eee; left:0px; display:none; border:2px solid #333;  padding:25px; }
.english {color:green; font-family:Tahoma;}
.french {color:purple; font-family:'Trebuchet MS';}
.roman {color:#666; font-family:verdana;}
.syllabic {color:black; font-family:"BJCree2 UNI";}
/*end of dictionary */


.error{color:#FF0000;}
.success {color:#00CC00}

/*Table styles global  do not change this part if you want it to affect the tabes in the innermain div*
 table tr td{ line-height:13pt; font-size:11pt; } */
ul li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-type: square;	list-style-position: outside; padding-left:10px; }

table {
	color: #FFFFFF;
	padding:5px;
    margin:5px;
	}
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: 22px;
	color: #333333
	}
	.highlight:hover{background-color:#ffffce;}
th {text-align:center; color:#333; background-color:#ffee7a; font-weight:900; text-transform:capitalize; border:1px solid #630000; border-width:0px 0px 1px 0px;}	
	
.clear{border:0px}
  
table a{color:#630000}
/* html tags styles */
a {	color: #666;	text-decoration: none; font-weight:500; }
textarea { font-family: Arial, Helvetica, sans-serif;	 font-size: 11px; }
p{ padding:10px;  width:auto;}
a:hover { text-decoration: underline; color:#600; }
a img {border:0px;}
input.button {border;0px}
button  {  background-image:url(images/c-mid.png);   background-repeat:repeat-x;   background-position: center;      padding:1px; color:#FFFFFF; 		border:0px; background-color:transparent; cursor:pointer; cursor:hand; /*border-bottom:thin solid #222244;border-right:thin solid #222244;border-top:thin solid #963;border-left:thin solid #963;*/}
button:hover {  background-image:url(images/cd-mid.png); background-repeat:repeat-x;   background-position: center; color:#FFFFFF; border:0px; background-color:transparent; color:#630000}
button.selected{  background-image:url(images/cd-mid.png); }

/* misc classes */
.button  {  background-image:url(images/c-mid.png);   background-repeat:repeat-x;   background-position: center;      padding:5px 30px; color:#FFFFFF; 		border:0px; background-color:transparent; cursor:pointer; cursor:hand; /*border-bottom:thin solid #222244;border-right:thin solid #222244;border-top:thin solid #963;border-left:thin solid #963;*/}
.button:hover, .selectedButton {  background-image:url(images/cd-mid.png); background-repeat:repeat-x; padding:5px 30px ;  background-position: center; color:#FFFFFF; border:0px; background-color:transparent; color:#630000}
.player {position:absolute; right:10px; top:30px; margin:0px;  z-index:1}
.selected a, .lang a:hover {color:#fff}
.hidden {display:none;}
.clickable { cursor:pointer; cursor:hand;}
.clickable:hover {background:#ffdd7a;}
.sbut{background:#963 url(/img/Sbut.png)repeat-x ;font-size:12px; line-height:14pt;  text-decoration:none;color:white; border-bottom:thin solid #222244;border-right:thin solid #222244;border-top:thin solid #c96;border-left:thin solid #c96; padding:0px 10px;}
.sbut:hover{background-color:#ffdd7a;}
.title { font-size: 13px; line-height:15px; height:20px;  font-weight:bold;}
#tune .button, #tune .button:hover{ padding:5px 15%;}

.sbut:first{}
/* border classes*/
.bleft{ border-left:1px solid #630000;}
.bright{ border-right:1px solid #630000;}
.btop{ border-top:1px solid #630000;}
.bbottom{ border-bottom:1px solid #630000;}

/* structures of the page display */ 
/*  top stucture*/
div.banner{    position:absolute;    top:0px;    left:0px;    height:100px;    background:url(images/topM.png);    background-position:top;    background-repeat:repeat-x;    vertical-align:bottom;     text-align:center;     border:1px solid #ffdd7a;     padding:0px;    left:2.5%; right:2.5%;      color:#ccc; }

div.banner .langmenu .lang{height:20px; width:60px; color:#CCCCCC; background:url(images/footer.png); position:relative; }
div.banner #banner{top:1px; margin:auto; position:relative; border:0px}
div.banner .mainmenu{ border:0px; position:absolute; margin:0px; left:0px; right:0px; bottom:0px; background:transparent;  padding:0px 5px; width:100%; z-index:15}
div.banner .mainmenu span {position:relative; margin:auto;  }
div.banner .langmenu tr{left:0px; padding:0px; position:relative;} /*{ background:transparent url(images/rfooter.png) no-repeat top right; }*/
div.banner .shortcuts { text-align:left; position:absolute; top:40px; right:5px; overflow:hidden; width:80px; height:25px; z-index:5; color:white;  background:transparent url(images/footer.png) repeat-y top right; }
div.banner .shortcuts:hover {z-index:30; padding:10px; height:400px; width:400px; background: white; border:1px solid #ffdd7a;}
div.banner .langmenu{ position:absolute; margin:0px; min-width:350px; background:transparent url(images/rfooter.png) no-repeat top right; top:0px; left:0px; padding:0px 35px 0px -30px;  background-color:transparent; color:#FFFFFF; cellspacing:0px}
.banner li {border:0px; list-style-image: url(images/point.png); /*border-bottom:1px dotted #ffdd7a;*/}
.banner li:hover{ background: url(images/pointR.png) no-repeat 15px right;}

.langmenu {position:relative; width:360px; left:0px; top:0px; padding:0px}
.search {position:absolute; right:10px; top:0px; margin:0px; padding:5px 10px; background: url(images/footer.png); z-index:10}
.langmenu .selected{ background:none; width:60px; height:20px; background-repeat:no-repeat; font-size:11pt; font-weight:bolder; color:#FFFFFF; background-position:right; }
/*main menu */
.leftBut 	{border:1px solid #630000; border-bottom-width: 0px 1px; /* cursor:pointer;		 height:25px; position:relative; background-image:url(images/c-left.png);  background-repeat:no-repeat;  background-position:left bottom;  padding:5px 0px; padding-left:25px; 	border:0px; background-color:transparent;*/ }
.rightBut   {/*  height:25px; position:relative; background-image:url(images/c-right.png); background-repeat:no-repeat;  background-position:right bottom; padding:5px 0px; padding-right: 25px; 	border:0px; background-color:transparent; */}
.centerBut  { border:1px solid #630000; border-width:0px 1px; vertical-align:bottom; height:25px; position:relative; background-image:url(images/c-mid.png);   background-repeat:repeat-x;   background-position:  bottom;      padding:5px 2%; color:#FFFFFF; 	 background-color:transparent; /*	border:0px;font-size:90%;*/}
.centerBut a, .centerSelBut a:hover, .centerSelBut li a{color:white; font-size:15px;}
.centerBut li a{color:white; font-size:12px;}
.centerSelBut a{color:#630000; font-size:17px;}
.leftBut:hover {/* height:25px; position:relative; background-image:url(images/cd-left.png); background-repeat:no-repeat;  background-position:left bottom; padding:5px 0px; padding-left:25px; border:0px; background-color:transparent; */ }
.rightBut:hover {/* height:25px;  position:relative; background-image:url(images/cd-right.png); background-repeat:no-repeat; background-position:right bottom; padding:5px 0px; padding-right: 25px; border:0px; background-color:transparent; */ }
.centerBut:hover { height:25px; overflow:hidden; position:relative; background-image:url(images/cd-mid.png); background-repeat:repeat-x;  background-position: bottom; color:#FFFFFF; border:0px; background-color:transparent; color:#630000; vertical-align:bottom;}
.leftSelBut { /* height:25px; position:relative; background-image:url(images/cd-left.png); background-repeat:no-repeat;  background-position:left bottom; padding:5px 0px; padding-left:25px; border:0px; background-color:transparent; */}
.rightSelBut {/* height:25px;  position:relative; background-image:url(images/cd-right.png); background-repeat:no-repeat; background-position:right bottom; padding:5px 0px; padding-right: 25px; border:0px; background-color:transparent; */}
.centerSelBut {   height:27px; position:relative; background-image:url(images/cd-mid.png); background-repeat:repeat-x; padding:5px 30px ;  background-position: center; color:#FFFFFF; border:0px; background-color:transparent; color:#630000}

/* main structure */
#main{border: 1px solid #ffdd7a;  background-color:white; position:absolute; top:100px; left:2.5%; right:2.5%; bottom:20px; overflow:auto; }
#main #breadcrumbs{position:absolute; top:-5px; padding:0px 5px; width:95%; left:0px; right:0px; min-height:25px; font-size:10pt; color:#630000}

#main .innermain {  font-weight:inherit;  font-style:inherit; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11pt;	line-height: 13pt; position:absolute;; right:0px; top:20px; bottom:0px; border:0px solid #ffdd7a; left:200px; display:block;}/* overflow:auto}*/
/*table in main content */
/*#main .innermain table, #main .innermain td, #main .innermain tr, #main .innermain .theader  {font-size:13px;  line-height:15px; padding:1px; margin:2px;}*/
#main .innermain td{ padding:0px 10px;  }
#main .innermain table{ 	border:1px solid #630000;  margin:10px 10px 20px 10px;}
#main .innermain table.clear{border:0px;}
#main .innermain table.clear th, #main .innermain .theader { font-weight:900; padding:0px 10px;  border:1px solid #630000; border-width:0px 0px 1px 0px; background:transparent; text-align:left; font-size:13px}
#main .innermain .theader {border:0px}
#main .innermain table.spacedout td { padding:3px 5px; } 
/*grammar section special styles */
.ancestor-23 #main .innermain table {margin:10px 20px; min-width:650px; }
.ancestor-23 #main .innermain ol li { list-style-type: lower-roman;	list-style-position: outside; padding-left:10px; }
#main .innermain table.pop {font-size:6pt; width:auto; position:relative;}
/* this only works 100% in firefox the right is ginored in other browsers */
.ancestor-23 #main .innermain table.pop:hover, .ancestor-23 #main .innermain table.poph{z-index:60; height:auto; font-size:12px; position:relative; right:-200px; min-width:1024px;  overflow:scroll; background-color:white; padding:5px; /*margin:80px 30px;*/ border:3px solid #630000;left:-200px; }

/*html tags in main content */
#main .innermain li {font-size:11pt; margin-left:15pt;}
#main .innermain strong {font-weight:bolder; font-style:inherit;}
#main .innermain em {font-style:italic; font-weight:inherit;}
/*#main .innermain tr:hover {background-color:#ffffce;}*/
#main .innermain p {font-size: 11pt;	line-height: 13pt; }
#main .innermain a {	color: #600;	text-decoration: underline;	font-weight:500;}
#main .innermain a:hover {text-decoration: none;	color:#963;	}
#main .innermain p.small {font-size:8pt; line-height:10pt}
/* dictionary strucute*/
#main .innermain #right, #main .innermain #left  {border:3px solid #ffdd7a; bottom:20px; padding:0px; border:3px solid #ffdd7a; padding:0px}
#main .innermain #left #results, #main .innermain #left #options { position:absolute; width:30.5%; min-width:376px;  top:130px; left:15px; overflow:auto;}
#summary{  color:white; background-color: #ffdd7a; /*background-image: url(/img/footer.png);*/ background-repeat: repeat-x;  background-position: top left; padding:5px 1%;  z-index:10; width:98%;}
h5 {background-color: #FFDD7A; background-image: url(../i/foreground.png); background-repeat: repeat-x;  background-position: top left; padding:5px 1%; border-bottom:2px solid #ccc; z-index:10; width:98%;}
#results span { margin-left:3px; text-align:left; cursor:pointer; cursor:hand; width:99%; position:relative; padding:0px ; overflow:hidden; height:20px; color:#63000; z-index:10; margin:5px 1px; line-height:13px; border:0px }
#results span span {text-align:right; width:auto; padding:0px; margin:0px;}
#results span:first-letter {font-size:120%;} 
#results span:hover, #results span.active {color:white; background-image:url(../i/foreground.png);  background-color:#FFDD7A; border:0px ;  padding:0px; /*z-index:10*/}
#results span.visited {color:#630000; background-color:#ccc; padding:0px}
#results span em {font-family:Garamond, Arial;}
/*catalogue structure*/
#browseby li.selected a {color:#000; font-size:110%}
#main #browseby{position:absolute; top:0px; width:190px; right:0px;  border:1px solid #ffdd7a;  background:#fff;  font-family: "BJCree2 UNI", Geneva, Arial, Helvetica, sans-serif;}
#browseby ul { list-style:none; position:relative; left:5px }
#browseby li{margin:0px 0px 0px -2px; font-size:95%; padding:0px;  font-family: "BJCreeUNI", Geneva, Arial, Helvetica, sans-serif;}

/*side menu structure*/
#main .submenu{position:absolute; left:0px; top:20px; background: transparent url(images/sub.png) repeat-y;/*border:1px solid #ffdd7a;*/ bottom:0px; max-width:180px; min-width:170px; font-size:10pt; padding:0px;}/*  overflow:auto;}/**/
.header{ text-align:center; background:transparent url(images/submenu.png) no-repeat 100% 0%; color:#630000; width:100%; position:relative; left:0px; right:0px; display:block; padding:0px; top:0px; }
#main .submenu .header{ text-align:center; background:transparent url(images/submenu.png) no-repeat 100% 0%; color:#630000; width:100%; position:relative; left:0px; right:0px; display:block; padding:0px; top:0px;  max-width:180px; min-width:180px; }
#main .submenu span , #main .submenu li { border:0px; border-bottom:1px solid #ffdd7a; ; border-right:1px solid #ffdd7a; color:#333; list-style-type:none; padding:0px 10px; background:#ffffce; top:0px; left:0px; right:0px; position:relative;display:block; }
#main .submenu a:hover {background-color: #ffdd7a; color:#630000}
#main .submenu .selected{background-color: #fffffe; border-right:1px solid white; background:transparent url(images/selected-submenu.png) no-repeat 100% 0%;}
#main .submenu .selected li a { color:#ffdd7a; }
#main .submenu ol li {border:0px; margin-right:-11px;  margin-left:3px; padding-left:5px;; border-right:1px solid #ffdd7a; }
#main .submenu ol {display:none; padding:0px; /*list-style-image: url('/img/dot.png');*/ }
#main .submenu li.selected { font-size:11pt;}
#main .submenu ol.selected, #main .submenu li.selected ol{display:inline;}
#main .submenu li ol {font-size:85%}
#main .submenu ol.selected {display:inline;    background:transparent; border:0px;  list-style-image: url(/img/dot.png);}
#main .submenu ol.selected li a {display:inline;  color:#666;  background:transparent; border:0px;}
#main .submenu img:hover{background-color: #ffdd7a;}
#main .submenu hr{ color:#ffdd7a; padding:0px; margin:0px; width:100%; height:1px; border:0px; border-bottom:1px solid #ffdd7a; ; border-right:1px solid #ffdd7a;  background:#ffffce; }

/*pop up window assets*/
.blackscreen {display:none; position:absolute; position:fixed; top:0px; left:0px; right:0px;  bottom:0px;  background:#333; z-index:10; filter:alpha(opacity=65); opacity:0.65; }
.dialog { display:none; position:absolute; position:fixed; top:5%; left:10%; right:10%; bottom:5%;/*width:100%; height:100%; */background:#fff; z-index:150000; border:1px solid #630000; }
.dialog #dialogContent {overflow:auto; top:35px; left:0px; bottom:0px; right:0px; position:absolute; z-index:10000}
.dialog .titleBar{ text-align:right; position:absolute; top:0px; right:0px; left:0px; width:100%; background:url(images/topM.png); color:white; background-position:bottom; background-repeat:repeat-x;}
.close{ background:url(images/close.png) no-repeat right; padding:0px; padding-right:40px; color:#aaa; cursor:hand; cursor:pointer;}
.close:hover{background:url(images/closeHover.png) no-repeat right; color:white;}

/* forum */
#main .innermain a.me {color:white;   font-family: "BJCree2 UNI"; text-decoration:none; font-size:13px;}

/*foot stucture*/
#footer{background:#630000 url(images/footer.png); height:20px; color:white; text-align:center; font-size:8pt; vertical-align:top; padding: 0px 30px; bottom:0px;  left:2.5%; right:2.5%;  position:absolute}
.footer { 	font-family: Arial, Helvetica, sans-serif;	font-size: 7px;	font-weight: bold;	line-height: 9px;	color: #333333;	background-color: #CCCCCC;}

/*admin pages styles*/
/*#browse ul li ul li {position:relative; left:-10px}*/
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertsound span.yui-toolbar-icon {     background-image: url(/img/speak.gif);     background-position: 2px 2px ; }
p.description{ 	font-size: 9px; 	line-height: 11px; 	padding:2px; 	margin:1px; }
.label { text-align:right; font-weight:bold;}
/* flash upload */

div.fieldset {	border:  1px solid #963;	margin: 10px 0;	padding: 20px 10px;}
div.fieldset span.legend {    position: relative;    background-color: #FFF;    padding: 3px;    top: -30px;    font: 700 14px Arial, Helvetica, sans-serif;    color: #73b304; }
div.flash {    width: 375px;    margin: 10px 5px;    border-color: #D9E4FF;    -moz-border-radius-topleft : 5px;    -webkit-border-top-left-radius : 5px;    -moz-border-radius-topright : 5px;    -webkit-border-top-right-radius : 5px;    -moz-border-radius-bottomleft : 5px;    -webkit-border-bottom-left-radius : 5px;    -moz-border-radius-bottomright : 5px;    -webkit-border-bottom-right-radius : 5px;}
#btnSubmit { margin: 0 0 0 155px ; }
.progressWrapper {    width: 357px;    overflow: hidden;}
.progressContainer {    margin: 5px;    padding: 4px;    border: solid 1px #E8E8E8;    background-color: #F7F7F7;    overflow: hidden;}
/* Message */
.message {    margin: 1em 0;    padding: 10px 20px;    border: solid 1px #FFDD99;    background-color: #FFFFCC;    overflow: hidden;}
/* Error */
.red {    border: solid 1px #B50000;    background-color: #FFEBEB;}
/* Current */
.green {    border: solid 1px #DDF0DD;    background-color: #EBFFEB;}
/* Complete */
.blue {    border: solid 1px #CEE2F2;    background-color: #F0F5FF;}
.progressName {    font-size: 8pt;    font-weight: 700;    color: #555;    width: 323px;    height: 14px;    text-align: left;    white-space: nowrap;    overflow: hidden;}
.progressBarInProgress, .progressBarComplete, .progressBarError {    font-size: 0;    width: 0%;    height: 10px;    background-color: #963;    margin-top: 2px; }
.progressBarComplete {    width: 100%;    background-color: green;    visibility: hidden;}
.progressBarError {    width: 100%;    background-color: red;    visibility: hidden; }
.progressBarStatus {    margin-top: 2px;    width: 337px;    font-size: 7pt;    font-family: Arial;    text-align: left;    white-space: nowrap; }
a.progressCancel {    font-size: 0;    display: block;    height: 14px;    width: 14px;    background-image: url(images/cancelbutton.gif);    background-repeat: no-repeat;    background-position: -14px 0px;    float: right;}
a.progressCancel:hover {    background-position: 0px 0px;}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {    vertical-align: top;}
input[disabled]{ border: 1px solid #ccc;  filter:alpha(opacity=50); opacity=0.5; background-color:#ccc; }