/*
Theme Name: Seisyunhu Default
Theme URI: http://www.seisyunhu.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: othree
Author URI: http://blog.othree.net/
Tags: green, custom header, fixed width, two columns

        This theme was designed and built by othree,
        whose blog you will find at http://blog.othree.net/

*/

.alt {
    text-indent: -10000px;
}

a, a:visited {
    color: #00f;
}
a:hover {
    color: #f00;
}

html, body {
    margin: 0;
    padding: 0 0 0.5em;
    text-align: center;
    background: #ded url('images/coaster.gif') repeat center top;
    font-family: "Microsoft JhengHei", Verdana, Helvetica, Arial, sans-serif;
}
html {
    height: 100%;
    margin-bottom: 1px;
}

h1, #navigator, #content, #about {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 760px;
}

h1 a {
    height: 75px;
    width: 760px;
    display: block;
}

h1 {
    height: 75px;
    margin-bottom: 30px;
    color: #fff;
/*    background: transparent url('images/logo.png') no-repeat bottom center;*/
    background: transparent url('images/logo.gif') no-repeat bottom center;
}

.hide {
    display: none;
}

#navigator {
    height: 50px;
    background: transparent url('images/navigator.gif') no-repeat 0 0;
}
#navigator a {
    display: block;
    width: 108px;
    height: 50px;
}
#navigator #news,
#navigator #news a {
    width: 112px;
}
#navigator #news a {
    background-position: 0 0;
}
#navigator #about a {
    background-position: -112px 0;
}
#navigator #price a {
    background-position: -220px 0;
}
#navigator #map a {
    background-position: -328px 0;
}
#navigator #order a {
    background-position: -436px 0;
}
#navigator #forum a {
    background-position: -544px 0;
}
#navigator #party a {
    background-position: -652px 0;
}
#navigator #news a:hover,
#navigator #about a:hover,
#navigator #price a:hover,
#navigator #map a:hover,
#navigator #order a:hover,
#navigator #forum a:hover,
#navigator #party a:hover {
/*    background-image: url('images/navigator-hover.png');*/
    background-image: url('images/navigator-hover.gif');
}
#navigator #news.active a,
#navigator #about.active a,
#navigator #price.active a,
#navigator #map.active a,
#navigator #order.active a,
#navigator #forum.active a,
#navigator #party.active a {
/*    background-image: url('images/navigator-active.png');*/
    background-image: url('images/navigator-active.gif');
}

#navigator li {
    display: block;
    float: left;
    width: 108px;
    height: 50px;
}

#content {
    background: #fff;
}

#main-content {
    padding-top: 20px;
    float: left;
    width: 600px;
}

#sub-content {
    float: left;
    width: 160px;
}

#bottom {
    clear: both;
    padding: 30px 3px 3px 3px;
}
#bottom p {
    margin: 0;
    padding: 3px 0.5em;
    font-size: 80%;
    background: #eee;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* old about
#about a {
    float: right;
    display: block;
    padding: 2px 4px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    margin-bottom: -2em;
    position: relative;
    text-decoration: underline;
}
#about a:hover {
    color: #f00;
}
*/

#single-navigation {
    margin: 0 2em 1em 1em;
    height: 1em;
}
#single-navigation .previous {
    float: left;
}
#single-navigation .next {
    float: right;
}

.date {
    float: left;
    display: block;
    width: 2.8em;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    margin: 0 0.5em;
}
.mon {
    display: block;
    text-align: center;
    padding: 2px 0;
    background: #090;
    color: #fff;
    font-size: 75%;
}
.day {
    display: block;
    text-align: center;
    font: bold 180%/1.2 georgia;
    background: #ffc;
}

#main-content h3 {
    font-size: 150%;
    font-weight: bold;
    /*color: #129;*/
    color: #00f;
    margin: 0 1em 0.5em 3em;
    border-bottom: 1px solid #ccc;
}
#main-content h3 a {
    color: #00f;
    text-decoration: none;
}
#main-content h3 a:hover {
    color: #f60;
}

#main-content #about p {
    margin-top: 0;
    padding: 4px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}
#main-content p,
#main-content address {
    font-size: 100%;
    margin: 0.5em 1.5em 1em 4.5em;
    padding: 0;
    color: #444;
    font-style: normal;
}

#main-content ol,
#main-content ul {
    margin: 0.5em 1.5em 1em 4.5em;
    padding: 0 1.5em;
}
#main-content blockquote {
    margin: 0.5em 1.5em 1em 4.5em;
    padding: 0.5em;
    border-left: 8px solid #ccc;
}
#main-content blockquote p {
    margin: 0;
}

#main-content.single-column {
    width: 760px;
}
#main-content.single-column h3 {
    margin-left: 1em;
}
#main-content.single-column h4 {
    color: #069;
    margin: 0 1.5em;
    padding: 2px 0;
    border-bottom: 1px solid #eee;
}
#main-content.single-column p,
#main-content.single-column address,
#main-content.single-column ol,
#main-content.single-column ul {
    margin-left: 1.5em;
}
#main-content.single-column dl {
    margin: 0 1.5em 1em 1.5em;
}
#main-content.single-column dl dt {
    border-bottom: 1px solid #ddd;
    margin-bottom: 3px;
}
#main-content.single-column dl dd {
    margin-bottom: 0.5em;
}
#main-content.single-column dl dd ol,
#main-content.single-column dl dd ul {
    margin-left: 0;
}

#main-content .entry-info {
    border: 3px solid #ccc;
    border-width: 2px 0 1px;
    background: #eee;
    padding: 3px 6px;
}
#main-content .entry-info span {
    font-size: 80%;
}

.entry-info .poster {
    background: url('images/user.gif') no-repeat left center ;
    padding: 0 5px 0 20px;
}

.entry-info .cat {
    background: url('images/brick.gif') no-repeat left center ;
    padding: 0 5px 0 20px;
}

.entry-info .time {
    background: url('images/time.gif') no-repeat left center ;
    padding: 0 5px 0 20px;
}

.entry-info .edit {
    background: url('images/page_edit.gif') no-repeat left center ;
    padding: 0 5px 0 20px;
}

#sub-content {
    border-left: 1px solid #ccc;
    margin: 20px 0 0 -1px;
    padding: 0 0 3em;
}

#sub-content h2 {
    font-size: 120%;
    margin: 0 0 0.1em 0.5em;
}

#sub-content p {
    font-size: 80%;
    margin: 0 0.625em 0.625em;
    padding: 0;
}
#sub-content ul {
    margin: 0 0.5em 0.5em;
    padding: 0;
}
#sub-content ul li {
    margin: 0 0 0 1.25em;
    padding: 0;
    font-size: 80%;
    white-space: wrap;
}

#sub-content #page-info {
    padding: 4px;
    background: #eee;
    border: 1px solid #ccc;
}

.price-table {
    margin: 0.5em 1.5em;
    text-align: center;
    border-collapse: collapse;
    position: relative;
}

.price-table th {
    font-size: 120%;
    padding: 4px;
    border: 1px solid #000;
    text-align: center;
}
.price-table th.empty {
    border-left: none;
    border-top: none;
}
.price-table tbody th,
.price-table tfoot th {
    width: 5em;
}
.price-table td {
    width: 10em;
    height: 2.5em;
    font-size: 100%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.price-table td.first {
    border-left: 1px solid #ccc;
}

.price-table .small {
    font-size: 80%;
}
.price-table .xsmall {
    font-size: 64%;
}

.map-link {
    font-size: 80%;
}

#main-content #index-about {
    border-bottom: 1px solid #aaa;
    padding-bottom: 4px;
}
#index-about a {
    font-size: 80%;
}

/* added style */
caption {
    font-size: 120%;
    font-weight: bold;
    padding: 4px;
}

#main-content li {
    line-height: 1.5;
}
span.majorminor {
    font-size: 70%;
}
span.minor {
    font-size: 70%;
    color: #999;
}
th.small {
    font-size: 100%;
}