/*
Theme Name: Falling Leaves
Theme URI: http://www.hexfactor.com/wordpress/
Description: I'll let you be the judge of that.
Version: 0.9
Author: Shawn Grimes
Author URI: http://www.hexfactor.com/
*/

/* The Basics */
* { 
	margin: 0;
	padding: 0;
}

a {
	color: #A73A02;
	text-decoration: none;
}

a:hover {
	color: #D88207;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a img {
	border: 1px solid #bbb;
	text-decoration: none;
}

p {
	padding: 5px 0 5px 0;
	letter-spacing:1px;
	line-height:1.5;
}

small {
	font-size: 85%;
}
acronym, abbr {
	border-bottom: 1px dashed  #444;
	font-size: 90%;
	letter-spacing: 1px;
}

blockquote {
    margin: 5px 5px;
    padding: 5px 5px 5px 20px;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    background: /*url(images/block.gif)*/ #000 no-repeat top left;
    font: 15px Georgia, "Times New Roman", Times, serif;;
    color: #ddd;
    text-align: justify;
}

/* forms */
#CommentForm legend {
    display:none;
}
#CommentForm fieldset {
    border:none;
}

#CommentForm label {
        display:block;
        width:320px;
        float:left;
        text-align:right;
}
/*
#CommentForm input, span, textarea {
    margin-left:5px;
}
*/
#CommentForm input{
    margin-left:5px;

}
#CommentForm div {				
    clear:both;
    margin-bottom:10px;
}
form {
	margin-top: 7px;
}




#sidebar p {
	font-size: 10pt;
	line-height: 1.5;
}

#sidebar li {
	font-size: 10pt;
	line-height: 1.5;
	list-style: NONE;
}



#footer p {
	color: #666;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	text-align: center;
}

.date {
	font-size: 10pt;
	font-weight: normal;
	text-align: right;
	margin-top: -20px;
}

.description {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin-left: 300px;
}

.feedback {
	margin-top: 5px;
	background-color: #000000;
	padding: 5px 5px 0px 5px;
}

.meta {
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}

.post {
	padding: 5px;
	margin-bottom: 5px;
	line-height:1.5;
}

/* Headings */
h1 { font: normal 28px Georgia, "Times New Roman", Times, serif; margin-left: 300px; padding-top: 15px; }
h1 a { color: #fff; text-decoration: none; border: none; }
h1 a:hover { color: #fff; text-decoration: none; border: none; }
/*
h2 { border-bottom: 1px solid #ddd; color: #336; padding-bottom: 2px; font: normal 17px Arial, Helvetica, sans-serif; }
h2 a { color: #336; text-decoration: none; border: none; }
h2 a:hover { color: #889AC2; text-decoration: none; border: none; }
*/
h2 { /*border-bottom: 3px solid #ddd; */color: #cc0000; padding-bottom: 2px; font: normal 17px Arial, Helvetica, sans-serif; font-weight: 600;}
h2 a { color: #cc0000; text-decoration: none; border: none; }
h2 a:hover { color: #dd3333; text-decoration: none; border: none; }

#sidebar h5 { font-size: 17px; font-weight: normal; }
#sidebar h2 { font-size: 13px; font-weight: normal; }
h3 { border-bottom: 1px dotted #ddd; color: #336; padding-bottom: 2px; font: normal 15px Arial, Helvetica, sans-serif; padding-top: 20px; }
h4 { font: 10pt Arial, Helvetica, sans-serif; }
h5 { font: 10pt Arial, Helvetica, sans-serif; }
h5 a { color: #aaaaaa ; text-decoration: none; border: none; }
h5 a:hover { color: #D88207; text-decoration: none; border: none; }
h6 {font: 16pt Arial, Helvetica, sans-serif; color: #D88207;}
h6 a { color: #D88207;text-decoration: none; border: none;}
h6 a:hover { color: #ffffff; text-decoration: none; border: none;}


/* Layout */
body { 
	background-color: #e0e0e0;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #444;
	margin: 10px 0;
	behavior:url(/templates/OT/csshover.htc);
}

#container {
	width: 960px;
	margin: 0 auto;
	background-color: #000000;
	padding: 10px 10px 0 10px;
    border-right: 2px solid #C2C295;
    border-left: 2px solid #C2C295;
    border-top: 1px solid #c2c295;
    border-bottom: 2px solid #c2c295;
}

#content {
	margin-top: 15px;
	padding-left: 10px;
	float: left;
	width: 540px;
}
/* footer */

#footer {
	clear: both;
	border-top: 1px dashed #999;
	padding-bottom: 8px;
	text-align: left;
}

.footer-font {
	margin-left: 0px;
	color: #FFFFFF;
	font-size: 12px;
}
div#otlogo {
	width: 38px;
	height: 38px;
	background: url(images/ot-logo.jpg) no-repeat;
}
div#ot-map {
	margin-left: 5px;
	width: 38px;
	height: 38px;
	background: url(images/map-logo.jpg) no-repeat;
}


#header {
	height: 200px;
	margin-bottom: 0px;
	background: url(images/index_01.jpg);
	text-align: center;
}

.sep {
	margin: 0px 0 0px 0;
	padding: 0;
	height: 20px;
	border:none;
	background: url(images/sep2.gif);
}

.news-icon {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	border: 1px solid #bbb;
	height: 100px;
	width: 100px;
}

.storytitle {
	position: relative;
	margin-left: 120px;
	margin-top: -100px;
	/*min-height: 110px;*/
}

.storycontent {
	/*position: relative;*/
	margin-left: 120px;
	margin-top: 0px;
	/*top: -90px;*/
	min-height: 80px;
}

.otnews {
	position: relative;
	margin: -5px 0 10px 0;
	padding: 0;
	height: 30px;
	border: none;
	background: url(images/otnews-title.gif) no-repeat;
}

.latest-pnews {
	margin: 10px -3px 0;
	padding: 0;
	height: 30px;
	border: none;
	background: url(images/latest-pnews.gif) no-repeat;
}

#sidebar {
	float: right;
	width: 380px;
	padding-left: 15px;
	margin-bottom: 35px;
	background-color: #333333;
}

/* Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
	
}
	
img.alignright {
	padding: 4px;
	margin: 4px 0 5px 7px;
	display: inline;
	border: 1px solid #ddd;
	
}

img.alignleft {
	padding: 4px;
	margin: 4px 7px 5px 0;
	display: inline;
	border: 1px solid #ddd;
	
}

/* Lists */
.post ol{
margin-left:40px;
}

.post ul{
margin-left:40px;
}


li {
	color: #ccc;
	line-height: 1.5;
}

li li {
	list-style: circle;
}

/* Comments */
.alt {
	margin: 0;
	padding: 10px;
}
	
.alt {
	/*background-color: #dda;*/
	background-color: #777777;
	/*border-top: 1px dashed #c2c295;
	border-bottom: 1px dashed #c2c295;*/
	border: 1px dashed #c2c295;
}

.commentlist {
	padding: 0;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.commentlist ol {
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}


.calendarhead {
	FONT-SIZE: 10pt;
	COLOR: 	#4B4B3C;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	Font-Family: palatino,  georgia, verdana, arial, 
	height: 30px;
	width: 100%;
	padding-bottom: 5px;
	line-height:1.5;
}
.calendartable {
	WIDTH: 100%;
	TEXT-ALIGN: center;
	margin-bottom: 5px;
}
.calendarweek {
	FONT-SIZE: 10pt; 
	COLOR: #333333;
	TEXT-ALIGN: left;
	line-height:1.5;	
}
.calendarwd {
	
	background-repeat: no-repeat;
}
.calendard {
	empty-cells: show;
}
.calendardbg {
}
.calendar {
	FONT-SIZE: 10pt;
}

.pager {
	clear:all;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
 text-decoration: none;
 border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
	padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
	margin-right:20px;
}
.pager .pagerLinkNextPage {
	margin-left:20px;
}

.pager .pagerCurrent {
	padding: 2px 6px; 
	border-color: #999; 
	font-weight: bold; 
	font-size: 13px; 
	vertical-align: top; 
	background: #fff; 
	color: #FF0084;	
}

/* sub-nav-bg */
div#sub-nav {
	margin-top: -25px;
	border: 0;
	display: block;
	height: 25px;
	background: url(images/subnavigation_bg.jpg) no-repeat;
}

/* menu */

div#menu {
	position: relative;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	border: 0;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 25px;
	background: #000000 url(images/navigation_over3.jpg) no-repeat;
}

a, a:link, a:visited {
	text-decoration: none;
}

p, p a {
	/*color: #ddd4a6;*/
	color: #dddddd;
	font: 15px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}


/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
	/* background: url(images/navigation.jpg) no-repeat; */
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 25px;
	background: url(images/navigation3.jpg) no-repeat;

}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/navigation_over3.jpg);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	width: 65px;
 }

li#perform a {
	width: 90px;
}

li#perform a:link,
li#perform a:visited,
li#perform a:hover {
	background-position: -65px 0px;
}

li#course a {
	width: 90px;
}

li#course a:link,
li#course a:visited,
li#course a:hover {	
	background-position: -155px 0px;
}


li#member a {
	width: 90px;
}

li#member a:link, 
li#member a:visited, 
li#member a:hover {	
	background-position: -245px 0px;
}

li#rent a {
	width: 90px;
}

li#rent a:link, 
li#rent a:visited, 
li#rent a:hover {	
	background-position: -335px 0px;
}

li#otfile a {
	width: 90px;
}

li#otfile a:link,
li#otfile a:visited, 
li#otfile a:hover {	
	background-position: -425px 0px;
}

li#company a {
	width: 115px;
}

li#company a:link, 
li#company a:visited, 
li#company a:hover {
	background-position: -515px 0px;
}

li#guestbook a {
	width: 70px;
}

li#guestbook a:link,
li#guestbook a:visited, 
li#guestbook a:hover {
	background-position: -625px 0px;
}


li#teachingblog a {
	width: 100px;
}
li#teachingblog a:link,
li#teachingblog a:visited, 
li#teachingblog a:hover {
	background-position: -695px 0px;
}

li#taichungsale a {
	width: 120px;
}
li#taichungsale a:link,
li#taichungsale a:visited, 
li#taichungsale a:hover {
	background-position: -795px 0px;
}

/*</group>*/

/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	height: 10px;
	left: 0px;
	width: 560px;
	margin: 0;
	/*background: url(subnavigation_bg.jpg) no-repeat; */
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#perform ul {
	background: none;
	height: 25px;
	margin-left: 33px;
}
#navigation li#course ul {
	background: none;
	height: 25px;
	margin-left: 130px;
}
#navigation li#member ul {
	background: none;
	height: 25px;
	margin-left: 223px;
}
#navigation li#rent ul {
	background: none;
	height: 25px;
	margin-left: 313px;
}
#navigation li#otfile ul {
	background: none;
	height: 25px;
	margin-left: 395px;
}

/*
* html #navigation li#perform ul {
	margin-left: 100px;
}
* html #navigation li#course ul {
	margin-left: 100px;
}
*/


/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#perform ul li#child a:link, 
ul#navigation li#perform ul li#child a:visited {
	margin-left: 34px;
	width: 80px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat 0px 0px;
}
ul#navigation li#perform ul li#child a:hover {
	margin-left: 34px;
	width: 80px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat 0px -25px;
}

ul#navigation li#perform ul li#modern a:link, 
ul#navigation li#perform ul li#modern a:visited {
	width: 85px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -80px 0px;
}
ul#navigation li#perform ul li#modern a:hover {
	width: 85px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -80px -25px;
}

ul#navigation li#perform ul li#school a:link, 
ul#navigation li#perform ul li#school a:visited {
	width:  95px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -165px 0px;
}
ul#navigation li#perform ul li#school a:hover {
	width:  95px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -165px -25px;
}

ul#navigation li#perform ul li#tour a:link, 
ul#navigation li#perform ul li#tour a:visited {
	width: 120px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -260px 0px;
}
ul#navigation li#perform ul li#tour a:hover {
	width: 120px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -260px -25px;
}

ul#navigation li#perform ul li#others a:link, 
ul#navigation li#perform ul li#others a:visited {
	width: 50px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -380px 0px;
}
ul#navigation li#perform ul li#others a:hover {
	width: 50px;
	height: 25px;
	background: url(images/subnavigation_perform.jpg) no-repeat -380px -25px;
}	

ul#navigation li#course ul li#vital a:link, 
ul#navigation li#course ul li#vital a:visited {
	margin-left: 31px;
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat 0px 0px;
}
ul#navigation li#course ul li#vital a:hover {
	margin-left: 31px;
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat 0px -25px;
}

ul#navigation li#course ul li#cell a:link, 
ul#navigation li#course ul li#cell a:visited {
	width: 100px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat -115px 0px;
}
ul#navigation li#course ul li#cell a:hover {
	width: 100px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat -115px -25px;
}

ul#navigation li#course ul li#external a:link, 
ul#navigation li#course ul li#external a:visited {
	width: 150px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat -215px 0px;
}
ul#navigation li#course ul li#external a:hover {
	width: 150px;
	height: 25px;
	background: url(images/subnavigation_course.jpg) no-repeat -215px -25px;
}	

ul#navigation li#member ul li#actor a:link, 
ul#navigation li#member ul li#actor a:visited {
	margin-left: 27px;
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat 0px 0px;
}
ul#navigation li#member ul li#actor a:hover {
	margin-left: 27px;
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat 0px -25px;
}

ul#navigation li#member ul li#join a:link, 
ul#navigation li#member ul li#join a:visited {
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat -115px 0px;
}
ul#navigation li#member ul li#join a:hover {
	width: 115px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat -115px -25px;
}

ul#navigation li#member ul li#crew a:link, 
ul#navigation li#member ul li#crew a:visited {
	width: 105px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat -230px 0px;
}
ul#navigation li#member ul li#crew a:hover {
	width: 105px;
	height: 25px;
	background: url(images/subnavigation_member.jpg) no-repeat -230px -25px;
}	

ul#navigation li#rent ul li#agreement a:link, 
ul#navigation li#rent ul li#agreement a:visited {
	margin-left: 29px;
	width:  80px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat 0px 0px;
}
ul#navigation li#rent ul li#agreement a:hover {
	margin-left: 29px;
	width:  80px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat 0px -25px;
}	

ul#navigation li#rent ul li#pic a:link, 
ul#navigation li#rent ul li#pic a:visited {
	width:  83px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat -82px 0px;
}
ul#navigation li#rent ul li#pic a:hover {
	width:  83px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat -82px -25px;
}	

ul#navigation li#rent ul li#equip a:link, 
ul#navigation li#rent ul li#equip a:visited {
	width:  85px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat -163px 0px;
}
ul#navigation li#rent ul li#equip a:hover {
	width:  85px;
	height: 25px;
	background: url(images/subnavigation_rent.jpg) no-repeat -163px -25px;
}

ul#navigation li#otfile ul li#about a:link, 
ul#navigation li#otfile ul li#about a:visited {
	margin-left: 30px;
	width:  85px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat 0px 0px;
}
ul#navigation li#otfile ul li#about a:hover {
	margin-left: 30px;
	width:  85px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat 0px -25px;
}	

ul#navigation li#otfile ul li#news a:link, 
ul#navigation li#otfile ul li#news a:visited {
	width:  90px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -85px 0px;
}
ul#navigation li#otfile ul li#news a:hover {
	width:  90px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -85px -25px;
}	

ul#navigation li#otfile ul li#backstage a:link, 
ul#navigation li#otfile ul li#backstage a:visited {
	width:  110px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -175px 0px;
}
ul#navigation li#otfile ul li#backstage a:hover {
	width:  110px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -175px -25px;
}

ul#navigation li#otfile ul li#history a:link, 
ul#navigation li#otfile ul li#history a:visited {
	width:  110px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -285px 0px;
}
ul#navigation li#otfile ul li#history a:hover {
	width:  110px;
	height: 25px;
	background: url(images/subnavigation_file.jpg) no-repeat -285px -25px;
}