@charset "utf-8";
@import url("planestyle.css");
@import url("layout.css");
@import url("category-style.css");


body {
  margin: 0;
  padding: 0;
  background: #010257 url(../images/background-body.jpg) center top ;
  color: #333;
}

a:link,
a:visited,
a:active,
a:hover
 {
  color: #613405;
  text-decoration: underline;
}

#wrapper {
  background: url(../images/background.jpg) center top no-repeat;
}

#header-inner {
  background: url(../images/header-back.jpg) center top no-repeat;
}

#contentbody {
  background: url(../images/background-flame.jpg) center top repeat-y;
}
#home #contentbody-inner {
  background: #000 url(../images/mainimage-left.jpg) left top no-repeat;
}
#individual #contentbody-inner {
  background: #e5cb8e url(../images/content-back.jpg) left top;
}

#home #primary {
}

#home #primary-inner {
  height: 430px;
  width: 353px;
  margin: 0 0 0 418px;
  background: url(../images/mainimage-right.jpg) right top no-repeat;
}

#individual #primary-inner {
}


.imagetitle {
  background: url(../images/imagetitle.jpg) right top no-repeat;
  height: 156px;
  text-indent: -9999px;
  text-align: left;
}



#top-news {
  color: #fff;
  height: 242px;
  background: url(../images/news-back.jpg) right 38px no-repeat;
}

#top-news h2 {
  background: url(../images/news-head.jpg) right top no-repeat;
  height: 38px;
  text-indent: -9999px;
  text-align: left;
}
#newsarea {
  text-align: left;
  width: 280px;
  height: 204px;
  margin: 0 0 0 20px;
  overflow: auto;
  scrollbar-face-color: #0c0c0c;
  scrollbar-track-color: #212121;
  scrollbar-arrow-color: #ffffff;
  scrollbar-highlight-color: #323232;
  scrollbar-shadow-color: #323232;
  scrollbar-3dlight-color: #323232;
  scrollbar-darkshadow-color: #323232; 
}

.news-title,
.news-body p{
  font-size: 1.2em;
  color: #aba67f;
}
.news-body p{
  padding: 0 0 1.2em 2.4em;
}

.news-date {
  color: #585858;
  font-weight: normal;
}

#logo {
  width: 209px;
  height: 70px;
  background: url(../images/logo.jpg) left top no-repeat;
  text-indent: -9999px;
  margin: 0 0 0 5px;
  float: left;
}

#logo a {
  width: 209px;
  height: 70px;
  display: block;
}
#header-inner {
  position: relative;
}

#description {
  position : absolute;
  top : 1em ;
  right: 1em;
  font-size: 1.2em;
  font-weight: normal;
  color: #A8ABCF;
}

#headernavi {
  float: right;
}

#headernavi-list {
  margin: 0;
  padding: 0 5px 0 0;
}

#headernavi-contact,
#headernavi-press,
#headernavi-home {
  height: 70px;
  text-indent: -9999px;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#headernavi-contact a,
#headernavi-press a,
#headernavi-home a {
  display: block;
  height: 70px;
}

#headernavi-contact a:link,
#headernavi-contact a:visited {
  width: 80px;
  background: url(../images/headnavi.jpg) left -70px no-repeat;
}
#headernavi-press a:link,
#headernavi-press a:visited {
  width: 77px;
  background: url(../images/headnavi.jpg) -80px -70px no-repeat;
}
#headernavi-home a:link,
#headernavi-home a:visited {
  width: 131px;
  background: url(../images/headnavi.jpg) -157px -70px no-repeat;
}


#headernavi-contact a:active,
#headernavi-contact a:hover {
  background: url(../images/headnavi.jpg) left top no-repeat;
}
#headernavi-press a:active,
#headernavi-press a:hover {
  background: url(../images/headnavi.jpg) -80px top no-repeat;
}
#headernavi-home a:active,
#headernavi-home a:hover {
  background: url(../images/headnavi.jpg) -157px top no-repeat;
}



#footernavi {
}
#footernavi-list {
  margin: 0;
  padding: 0 0 0 5px;
}

#footernavi-studio,
#footernavi-lessen,
#footernavi-performance,
#footernavi-concert,
#footernavi-profile,
#footernavi-lecture,
#footernavi-spanish,
#footernavi-diary {
  height: 57px;
  text-indent: -9999px;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#footernavi-studio a,
#footernavi-lessen a,
#footernavi-performance a,
#footernavi-concert a,
#footernavi-profile a,
#footernavi-lecture a,
#footernavi-spanish a,
#footernavi-diary a {
  height: 57px;
  display: block;
}

#footernavi-studio a:link,
#footernavi-studio a:visited {
  width: 105px;
  background: url(../images/footernavi.jpg) left -57px no-repeat;
}

#footernavi-lessen a:link, 
#footernavi-lessen a:visited {
  width: 87px;
  background: url(../images/footernavi.jpg) -105px -57px no-repeat;
}

#footernavi-performance a:link, 
#footernavi-performance a:visited {
  width: 143px;
  background: url(../images/footernavi.jpg) -192px -57px no-repeat;
}

#footernavi-concert a:link, 
#footernavi-concert a:visited {
  width: 107px;
  background: url(../images/footernavi.jpg) -335px -57px no-repeat;
}

#footernavi-profile a:link, 
#footernavi-profile a:visited {
  width: 92px;
  background: url(../images/footernavi.jpg) -442px -57px no-repeat;
}

#footernavi-lecture a:link, 
#footernavi-lecture a:visited {
  width: 137px;
  background: url(../images/footernavi.jpg) -534px -57px no-repeat;
}

#footernavi-spanish a:link, 
#footernavi-spanish a:visited {
  width: 109px;
  background: url(../images/footernavi.jpg) -671px -57px no-repeat;
}

#footernavi-diary a:link, 
#footernavi-diary a:visited {
  width: 107px;
  background: url(../images/footernavi.jpg) -335px -57px no-repeat;
}

#footernavi-studio a:active,
#footernavi-studio a:hover {
  background: url(../images/footernavi.jpg) left top no-repeat;
}

#footernavi-lessen a:active,
#footernavi-lessen a:hover {
  background: url(../images/footernavi.jpg) -105px top no-repeat;
}

#footernavi-performance a:active,
#footernavi-performance a:hover {
  background: url(../images/footernavi.jpg) -192px top no-repeat;
}

#footernavi-concert a:active,
#footernavi-concert a:hover {
  background: url(../images/footernavi.jpg) -335px top no-repeat;
}

#footernavi-profile a:active,
#footernavi-profile a:hover {
  background: url(../images/footernavi.jpg) -442px top no-repeat;
}

#footernavi-lecture a:active,
#footernavi-lecture a:hover {
  background: url(../images/footernavi.jpg) -534px top no-repeat;
}

#footernavi-spanish a:active,
#footernavi-spanish a:hover {
  background: url(../images/footernavi.jpg) -671px top no-repeat;
}

#footernavi-diary a:active,
#footernavi-diary a:hover {
  background: url(../images/footernavi.jpg) -335px top no-repeat;
}

#footernavi-concert {
  display: none;
}
.copyright {
  margin: 20px 0 0 0;
  padding: 10px;
  color:#C08304;
}

.float-box-left {
  float: left;
  padding: 10px;
}
.float-box-left img {
  float: left;
}
.list-press {
  padding: 0;
}
.list-press li {
  background: url(../images/mark-cot-list.gif) left top no-repeat;
  padding: 0 0 0 30px;
  list-style: none;
  font-weight: normal;
}
.list-hr {
  padding: 0;
}
.list-hr li {
  list-style: none;
  display: inline;
  margin: 0 3px;
}

/* Individual */

.content-head {
  background: url(../images/content-head.jpg) left top no-repeat;
  padding: 25px 22px;
}
.category-profile .content-head {
  background: url(../images/content-head-profile.jpg) left top no-repeat;
  padding: 25px 22px;
}
.content-list {
  margin: 0;
  padding: 0;
}
.content-list-item {
  list-style: none;
  display: inline;
}
#content-left {
  display: inline;
  float: left;
  width: 310px;
  margin: 0 0 0 22px;
}
#content-wrapper p {
  margin: 0 0 1em 0;
}
#content-right {
  display: inline;
  float: right;
  width: 400px;
  margin: 0 22px 0 0;
}
#content-middle {
  margin: 20px;
}
#content-wrapper h3 {
  background: url(../images/mark-cot.jpg) left center no-repeat;
  padding: 15px 0 10px 0;
  font-size: 1.6em;
  color: #401902;
}
#content-wrapper table {
  border-collapse: collapse;
  border: solid 1px #401902;
  width: 80%;
  margin: 2% 8%;
}
#content-wrapper th {
  border-collapse: collapse;
  border: solid 1px #401902;
  padding: 5px;
  background: #C58A00;
  color: #fff;
  font-size: 1.2em;
}
#content-wrapper td {
  border-collapse: collapse;
  border: solid 1px #401902;
  padding: 5px;
  font-size: 1.2em;
}

.category-studio #content-wrapper {
  background: url(../images/back-studio.jpg) left bottom no-repeat;
}
.category-profile #content-wrapper {
  background: url(../images/back-profile.jpg) left top no-repeat;
}
.category-studio .content-title {
  background: url(../images/title-studio.jpg) left bottom no-repeat;
  height: 49px;
  text-indent: -9999px;
}
.cot-index {
  font-size: 1.2em;
  border-bottom: solid 1px #CA8F07;
  margin-top: 2em;
  padding: 5px;
  color: #401902;
}
.cot-content {
  padding: 10px 50px 10px 20px;
}

.cot-content dl {
  padding: 10px;
}
.cot-content dt {
  color: #401902;
}
.cot-content ul {
  padding: 0;
}
.mark-cot {
  background: url(../images/mark-cot.gif) left top no-repeat;
  padding: 10px 0 10px 40px;
}
.cot-content li,
.cot-content dt,
.cot-list-mark {
  background: url(../images/mark-cot-list.gif) left top no-repeat;
  padding: 0 0 0 30px;
  list-style: none;
  font-weight: normal;
}

.lecture-main {
  float: left;
  width: 200px;
  text-align: center;
}
.lecture-dance {
  float: right;
  width: 500px;
}
.lecture-dance p {
  width: 220px;
  float: left;
}
.thumbnail-list {
  margin: 0;
  padding: 0;
}
.thumbnail-list-item {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 82px;
  height: 82px;
}

.thumbnail-list-item a:link,
.thumbnail-list-item a:visited,
.thumbnail-list-item a:active {
  width: 50px;
  height: 50px;
  margin: 15px 0 0 15px;
  overflow: hidden;
  display: block;
  border: solid 1px #C28602;
}

.thumbnail-list-item a:link img,
.thumbnail-list-item a:visited img,
.thumbnail-list-item a:active img {
  margin: -15px 0 0 -15px;
}

.thumbnail-list-item a:hover {
  width: 78px;
  height: 78px;
  margin: 0;
  overflow: hidden;
  display: block;
  border: solid 1px #C28602;
}


.thumbnail-list-item a:hover img {
  margin: 0;
}
/* mailform */


#mailform {
  padding: 0 15px;
}
#mailform-name-email {
  float: left;
  width: 200px;
}
#mailform-title-text {
  margin: 0 0 0 250px;
}
#mailform-footer {
  clear: both;
  text-align: center;
}

/* Blog */

.pkg:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.pkg { display: inline-block;}

/* Hides from IE-mac \*/
*html .pkg { height: 1%;}
.pkg { display: block; }
/* End hide from IE-mac */



#container {
  background: url(../images/background.jpg) center top no-repeat;
}
#container-inner {
  width: 790px;
  margin: 0 auto;
}
#banner-inner {
  position : relative;
  background: url(../images/header-back.jpg) center top no-repeat;
}
#banner-header a {
  width: 209px;
  height: 70px;
  display: block;
}
#banner-description {
  position : absolute;
  top : 1em ;
  right: 1em;
  font-size: 1.2em;
  font-weight: normal;
  color: #A8ABCF;
}

#pagebody {
  padding: 5px 10px;
  background: url(../images/background-flame.jpg) center top repeat-y;
}
#pagebody-inner {
  background: #e5cb8e url(../images/content-back.jpg) left top;
}

#banner-header {
  width: 209px;
  height: 70px;
  background: url(../images/logo-diary.jpg) left top no-repeat;
  text-indent: -9999px;
  margin: 0 0 0 5px;
  float: left;
}


#alpha {
  width: 500px;
  float: left;
  border: slid 1px red;
}
#beta {
  width: 240px;
  float: right;
  border: slid 1px red;
}
#alpha-inner,
#beta-inner {
  padding: 10px;
  overflow: hidden;
}
#archive-title,
.entry-header,
.search-results-header {
  background: url(../images/mark-cot.jpg) left center no-repeat;
  font-size: 1.4em;
  padding: 15px 0;
}
.entry {
  overflow: hidden;
  width: 480px;
}

.trackbacks-header,
.comments-open-header,
.comment-preview h3,
.comment-pending h3,
.comments-header,
.search-results-container h3 {
  background: url(../images/mark-cot.gif) left center no-repeat;
  font-size: 1.4em;
  padding: 15px 0 15px 40px;
}

.date-header,
.comment-header,
.comment-footer-experimental {
  display:none;
}

.entry,
.search-results-container,
#search-form {
  margin: 15px;
}
.entry-content p {
  margin: 1em 0;
  font-size: 1.6em;
}
.entry-footer {
  color: #613405;
  padding: 3px;
  margin: 10px 0;
}

.entry-tags-header {
  font-size: 1.2em;
  font-weight: normal;
}
.entry-tags-list {
  margin: 0;
  padding: 0;
}
.entry-tag {
  list-style: none;
  display: inline;
  margin: 0;
}

.module-header {
  background: url(../images/mark-cot.jpg) left center no-repeat;
  font-size: 1.4em;
  padding: 15px 0;
}
.module-list-item,
.module-tags li {
  background: url(../images/mark-cot-list.gif) left top no-repeat;
  padding: 0 0 0 30px;
  list-style: none;
  font-weight: normal;
}

.typelist-thumbnailed .module-list-item {
    display: block;
    clear: both;
    margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list:after .module-list-item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .typelist-thumbnailed .module-list .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list .module-list-item { display: block; }
/* */


.module-calendar table {
  width: 90%;
  border-collapse: collapse;
}

.module-calendar th,
.module-calendar td {
  text-align: center;
  height: 2em;
  font-size: 1.2em;
  color: #AF9557;
}

.module-calendar td a {
  background: url(../images/cal-active-back.gif) center center no-repeat;
  display: block;
}
.module-search label {
  display: none;
}

.module-tagcloud ul {
  padding: 10px;
}

.module-tagcloud li {
  display: inline;
  list-style: none;
  background: none;
  padding: 3px;
  margin: 2px;
  background: #CA8D01;
  border-top: solid 1px #613405;
  border-right: solid 1px #DFBB63;
  border-bottom: solid 1px #DFBB63;
  border-left: solid 1px #613405;
}

.module-tagcloud li a {
  color: #333;
}
.taglevel6 {
  font-size: 1em;
  line-height: 1.4em;
}
.taglevel5 {
  font-size: 1.1em;
  line-height: 1.5em;
}
.taglevel4 {
  font-size: 1.2em;
  line-height: 1.6em;
}
.taglevel3 {
  font-size: 1.3em;
  line-height: 1.7em;
}
.taglevel2 {
  font-size: 1.4em;
  line-height: 1.8em;
}
.taglevel1 {
  font-size: 1.5em;
  line-height: 1.9em;
}

.icon-feed {
  background: url(../images/icon-feed.gif) left top no-repeat;
  padding: 0 0 0 18px;
}

/* Comment */
.comment {
  margin: 10px;
  padding: 10px 0;
  border: solid 1px #C28A01;
}
.comment p {
  margin:0 10px;
}
.comment-content {
}
.comment-footer {}
.comments-open-content {
  margin: 15px;
}
.comment {
  margin: 15px;
}


/* Trackback */
#trackbacks-info {
  margin: 15px;
}
.trackbacks-content {
  margin: 15px;
}
.trackback {
  margin: 10px 0;
  padding: 0 0 0 0;
  border: solid 1px #C28A01;
}
.trackback-content {
  margin: 10px;
}
.trackback-footer {
  background: #D3AF57;
  padding: 3px;
  margin: 10px 0 0 0;
}

.news-list {}
.news-list-head {
  font-size: 1.4em;
  border-bottom: solid 1px #C1AC77;
}