@charset "UTF-8";
@import url("common_theme.css");

/* =============== header =============== */

#header {
background: url(../images/header/fade_orange.png) left top repeat-x;
}

#mainTitle {
background: url(../images/header/title450mirror.png) left top no-repeat;
}

/* =============== main contents =============== */

.pageTitle#twelve {
background: url(../images/page_titles/past_gigs_2012.png) left center no-repeat;
text-indent: -99999px;
}

.pageTitle#eleven {
background: url(../images/page_titles/past_gigs_2011.png) left center no-repeat;
text-indent: -99999px;
}

.pageTitle#ten {
background: url(../images/page_titles/past_gigs_2010.png) left center no-repeat;
text-indent: -99999px;
}

.pageTitle#nine {
background: url(../images/page_titles/past_gigs_2009.png) left center no-repeat;
text-indent: -99999px;
}
.pageTitle#eight {
background: url(../images/page_titles/past_gigs_2008.png) left center no-repeat;
text-indent: -99999px;
}
.pageTitle#seven {
background: url(../images/page_titles/past_gigs_2007.png) left center no-repeat;
text-indent: -99999px;
}
.pageTitle#six {
background: url(../images/page_titles/past_gigs_2006.png) left center no-repeat;
text-indent: -99999px;
}
.pageTitle#five {
background: url(../images/page_titles/past_gigs_2005.png) left center no-repeat;
text-indent: -99999px;
}


/* ========== past years list display ========== */

#pastYears {
text-align: right;
margin-bottom: 25px;
}

#pastYears li {
display: inline;
list-style-type: none;
text-align: center;
padding-left: 10px;
}

#pastYears a {
font-weight: normal;
text-decoration: underline;
color: #79552f;
}
#pastYears a:visited {
}
#pastYears a:hover {
color: #5fbcf7;
text-decoration: none;
}
#pastYears li em {
font-weight: bold;
}
#pastYears em a {
color: #c40e03;
text-decoration: none;
}
#pastYears em a:hover {
color: #c40e03;
}

/* ========== each listing ========== */

#pastGigs {
margin-left: 50px;
margin-right: 50px;
}

.shows {
font-size: 85%;
line-height: 1.6;
position: relative;
margin-bottom: 1em;
}

/* =============== 親ボックスの Height 算出 =============== */

.shows:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.shows {
width: 100%
/*¥*//*/
overflow: hidden;
/**/
}

/* =============== 算出 end =============== */

.shows h3, 
.shows h4 {
margin-bottom: 0.1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top: 3px solid #fc9501;
font-size: 105%;
font-weight: bold;
color: #006ab4;
background-color: #fffff0;
}

.shows h3 {
padding-left: 2%;
position: absolute;
top: 0;
left: 0;
z-index: 200;
}

.shows h4 {
width: 99%;
text-align: right;
padding-right: 1%;

}

.shows .bandInfo {
float: right;
width: 49%;
text-align: right;
padding-right: 2%;
display: inline; /* IE doubles margin */
}

.shows .details {
width: 48%;
padding-left: 2%;

text-align: left;
}



/* ========== a:link, visited, hover ========== */

#pastGigs .bandInfo a:link, #pastGigs .details a:link {
text-decoration: underline;
color: #79552f; /*brown*/
font-weight: normal;
}

#pastGigs .bandInfo a:visited, #pastGigs .details a:visited {
text-decoration: underline;
color: #502583; /*purple*/
font-weight: normal;
}

#pastGigs .bandInfo a:hover, #pastGigs .details a:hover {
color: #5fbcf7; /*mpls blue*/
text-decoration: none;
font-weight: normal;
}

#pastGigs h3 a:link, #pastGigs h4 a:link {
text-decoration: underline;
color: #006ab4; /*nba blue*/
font-weight: normal;
font-weight: bold;
}

#pastGigs h3 a:visited, #pastGigs h4 a:visited {
color: #502583; /*purple*/
text-decoration: underline;
font-weight: bold;
font-weight: normal;
}

#pastGigs h3 a:hover, #pastGigs h4 a:hover {
color: #fc9501; /*orange*/
text-decoration: none;
font-weight: bold;
}