/*   
Theme Name: Piano Theme	
Theme URI: http://www.koreanconcertsociety.org
Description: Simple theme with piano key navigation. Not too flexible.
Author: David Brown
Author URI: dcb766@gmail.com
Version: 2
*/


@media screen {

* {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	border-radius: 5px;
	line-height: 1.46em;
}

/*clearfix */

 .group:before, .group:after {
    content:"";
    display:table;
	visibility: hidden;
}

.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


/*typography*/

body, h1, h2, h3, h4, h5, p a {
	font-family: HelveticaNeue, helvetica neue, arial, san-serif;
}

a h1, a p {
	color: #FFFFFF;
	text-decoration: none;
}

h2 {
	font-size: 2.2em;
	letter-spacing: 3px;
	font-weight: 200;
	text-shadow: 0.05em 0.05em #636363;
}

h3 a {
	color: inherit;
	text-decoration: none;
	background: transparent;
	font-size: inherit;
    font-weight: inherit;
}

h3 {
    background: transparent;
    font-size: 1.9em;
    font-weight: bold;
    margin-bottom:10px;
}

blockquote {
	font-size:1.2em;
	letter-spacing: 2px;
	font-style: italic;
}
.entry cite {
	font-style: italic;
	font-weight: bold;
}

/*Home page styles*/

.artist-image {
    float: left;
    border-radius: 0;
}
div#home-page-gallery {
    overflow: hidden;
    float: left;
    width: 500px;
	-moz-box-shadow: 0px 0px 2px #999; 
	-webkit-box-shadow: 0px 0px 2px #999; 
	box-shadow: 0px 0px 2px #999; 
	
}

span#artist-name { 
    display: none;
}
a#artist-image:hover span#artist-name {
    display: inline-block;
    position: relative;
    background: black;
    height: 40px;
    color: white;
    border-radius: 5px 5px 0px 0px;
    bottom: 45px;
    width: 125px;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    clear: none;
	padding-top:5px;
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
}
a#artist-image {
	width:125px;
	height:125px;
}


/*styles for gform*/
.gform_wrapper * {
	border-radius: 0px;
}

h3.gform_title {
	color: black
}

h2.gsection_title {
	text-shadow: none;
	font-weight: normal;
}

.gf_progressbar_title {
	color: gray;
}

.gform_title {
	margin: 0px;
	padding: 0px;
}


div.gform_page_fields_expanded ul.gform_fields {
	position: absolute;
	width: 80%;
	top:40%;
	left:10%;
	z-index:51;
	border-radius: 5px;
	border-width:10px;
	-moz-border-image:url("images/white_key_button.png") 10 10 10 10 repeat stretch;
	-webkit-border-image:url("images/white_key_button.png") 10 10 10 10 repeat stretch;
	border-image:url("images/white_key_button.png") 10 10 10 10  repeat stretch;
	background: white;
	padding: 0px 5px; 
	border-radius: 5px;
	padding:5px 10px 25px 10px;
}

div.gform_page_fields_expanded ul.gform_fields a.expand {
	display:none;
}
div.gform_page_fields_expanded ul.gform_fields a.shrink {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	color:blue;
	text-decoration: underline;
	cursor:pointer;
}

div.gform_page_fields ul.gform_fields a.expand {
	display:block;
	color:blue;
	text-decoration: underline;
	cursor:pointer;
	clear:both;
}

div.gform_page_fields ul.gform_fields a.shrink {
	display: none;
}

ul.gform_fields a.expand, ul.gform_fields a.shrink {
	float:right;
}

.gfield_list_40_cell1 {
    width: 15%;
}
.gfield_list_40_cell2 {
    width: 25%;
}
.gfield_list_40_cell3 {
    width: 15%;
}
.gfield_list_40_cell4 {
    width: 10%;
}
.gfield_list_40_cell5 {
    width: 10%;
}
.gfield_list_40_cell6 {
    width: 10%;
}

h4 {
    font-size: 1.25em;
    font-weight: bold;
    margin: 10px 0px;
	clear:both;
}

.button, #gform_submit_button_1 {
	background: transparent;
	border-width:10px;
	border-style:solid;
	-moz-border-image:url("images/white_key_button.png") 10 10 10 10 repeat stretch;
	-webkit-border-image:url("images/white_key_button.png") 10 10 10 10 repeat stretch;
	border-image:url("images/white_key_button.png") 10 10 10 10  repeat stretch;
	-moz-box-shadow: 0px 0px 2px #999; 
	-webkit-box-shadow: 0px 0px 2px #999; 
	box-shadow: 0px 0px 2px #999; 
	background: white;
	padding: 0px 5px; 
	color: black; 
	text-decoration: none; 
	display: block;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	margin-top: 10px;
	float:right;
}
.button {  
	-moz-box-shadow: 0px 0px 2px #999; 
	text-decoration: none !important; 
}

ul#artist-info-box a.button {
	width: 85%;
	margin: 0 0 10px;
}

.black-button, .gform_previous_button, .gform_next_button { 
	border-width:10px;
	border-style:solid;
	-moz-border-image:url("images/black-key.png") 10 10 10 10 repeat stretch;
	-webkit-border-image:url("images/black-key.png") 10 10 10 10 repeat stretch;
	border-image:url("images/black-key.png") 10 10 10 10  repeat stretch;
	background: black;
	padding: 0 5px;
	color: white; 
	text-decoration: none;
	font-weight: bold;
	margin: 10px auto;
	display:block;
	float: left;
	border-radius:5px;
	cursor:pointer;
}

.gform_next_button {
	float: right !important;
}

#gform_submit_button_1 {
	margin: 10px auto !important;
	float: right;
	text-transform: uppercase !important;
	font-weight: bold !important;
	float: right;
	cursor: pointer;
}

.page-id-7 .black-button {
	max-width: 200px;
	float:none;
	margin: 10px auto;
	clear:both;
	text-align: center;
}

.black-button { background-image: none; 
	-moz-box-shadow: 0px 0px 2px #999; 
	text-decoration: none !important; 
}

.button img {
	border-radius: 0px;
	vertical-align: middle;
	margin-right: 5px;
}

a.more-link {
	float:right;
}

.entry p {
	padding:0px 0px 10px 0px;
}

/*page layout styles*/

body {
	background-color: #E8E8E8;
	margin-top: 0px;
}

#page-wrap {
	width: 900px;
	height: auto !important;
	-moz-box-shadow: 0 0 15px 1px #999999;
  	-webkit-box-shadow: 0 0 15px 1px #999999;
  	box-shadow: 0 0 15px 1px #999999;
	margin: 0px auto 5px auto;
	background: url(images/faux-column.png);
	border-radius: 0px;
}  

#main-content {
	width: 540px;
	float: right;
	padding: 30px 30px 30px 10px;
	border-radius:0;
}

aside {
	float: left;
	background-color: transparent;
	color: white;
	width: 300px;
	border-radius:0px;
}

#footer {
	margin: 10px auto;
	text-align: center;
}

.entry ul, .entry ol {
	padding-left: 30px;
}

/*header*/

header {
	background-color: black;
	color: white;
	border-radius: 0px;
}  
#logo {
	float:left;
}

#f-hole img {
float:left;
height:250px;
position:absolute;
margin-left:-60px;
margin-top:-5px;
}

#logo-text {
    float: left;
}

a#home-link img {
    /*height: 130px;
    margin-left: 55px;
    margin-top: 45px;*/
	border-radius:0px;
}

#header-image {
	float:right;
	height: 180px;
	width: 600px;
	background: url(images/kcs-violin-header.jpg);
	border-radius:0px;
}



a img {
	border: none;
}
/* sidebar styles */
#widget-area {
	clear:both;
}

aside h3 {
	background:transparent;
	color:black;
}

/* Search Form */

.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

aside div#searchform {
	clear: both;
    float: left;
    margin-left: 25px;
    margin-top: 40px;
}
aside #s {
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;*/
	border-radius: 10px;
	padding: 2px 10px;
	width: 230px;
}
aside #s:focus {
	background-color: #f9f9f9;
}
aside #searchsubmit {
}

#searchform form {
border: 1px black solid:  
}

#nav-container {
	margin-top: 75px;
}

#main-nav ul, #toolbar ul {
	list-style: none;
}

#main-nav ul li a {
	background: #777777 url(images/white-key.png);
	-moz-box-shadow: 10px 8px 15px 0px #777777;
  	-webkit-box-shadow: 10px 8px 15px 0px #777777;
  	box-shadow: 10px 8px 15px 0px #777777;
	display: block;
	width: 396px;
	height: 60px;
	margin: 2px 0px 2px -90px;
	text-indent: 250px;
	font-size: 1.75em;
	line-height:2.5em;
	text-decoration: none;
	color: black;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5), 0 1px 1px #FFFFFF;
	position: relative;
	}
#main-nav ul li a:active {
	-moz-box-shadow: 10px 8px 6px 0px #777777;
  	-webkit-box-shadow: 10px 8px 6px 0px #777777;
  	box-shadow: 10px 8px 6px 0px #777777;
}

#toolbar-container {
	position: relative;
}

#toolbar ul li a {
	background: black url(images/black-key.png);
	display: block;
	width: 248px;
	height:33px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	text-indent: 130px;
	line-height: 2.2em;
	-moz-box-shadow: 10px 8px 15px 0px #777777;
  	-webkit-box-shadow: 10px 8px 15px 0px #777777;
  	box-shadow: 10px 8px 15px 0px #777777;
	font-weight: bold;
	text-shadow:  0px 1px .5px #FFFFF6;
	position: relative;
	font-size: 1.1em;
}

#toolbar ul li a:active {
	-moz-box-shadow: 10px 8px 6px 0px #777777;
  	-webkit-box-shadow: 10px 8px 6px 0px #777777;
  	box-shadow: 10px 8px 6px 0px #777777;
}
  	
#toolbar ul li {
	position: absolute;
  	top: -212px;
  	left: -110px;
}  	

#toolbar ul li:nth-child(2) {
  	top: -147px;
}

#toolbar ul li:nth-child(3) {
  	top: -82px;
}

#secondary-nav {
	padding:20px;
}
#secondary-nav li {
	list-style: none;
}

#secondary-nav ul li {
	margin-left: 30px;
	padding: 2px 0;
}

#secondary-nav ul li a {
	display: inline-block;
	min-width: 75px;
	max-width: 150px;
	padding: 2px 20px 6px;
}

#secondary-nav ul li a, #secondary-nav ul li a:visited {
	color: black;
	font-size: 1.3em;
}

#secondary-nav ul li a:active {
	background: gray;
}

#secondary-nav ul li a:hover {
	background: black;
	color: white;
}

ul.children {
	display:none;
}

/* main-content styles */

 #main-content #featured-performer {
	border-radius: 15px;
    padding: 0 10px;
    overflow:auto;

}

#featured-performer ul {
	list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
}

#main-content #featured-performer #button {
	float: right;
	margin: -60px 0 30px 0;
}

#main-content {
	background:white;
}

#main-content #featured-performer img {
	display:block;
}

.post {
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 0;
}

.meta {
	padding: 0px 0px 5px;
}

h2 {
	margin-bottom:5px;
}

/*upcoming-concert or audition*/

#upcoming-concert {
	background-image: url(images/bokeh-2.jpg);
	color:white;
	-moz-box-shadow: 0 0 15px 1px #999999;
  	-webkit-box-shadow: 0 0 15px 1px #999999;
  	box-shadow: 0 0 2px 1px #000000;
}

#upcoming-audition #audition-info ul{
	list-style:none;		
}

#audition-info ul li p {
	font-size:1.5em;
}
#concert-info {
	width: 33%;
	float:left;
	padding:10px;
}
#performer-img {
	float:right;
	width:60%;
	margin-bottom:-5px;
}
#upcoming-concert a img {
	border-radius:0 5px 5px 0;
}
#concert-info ul {
	list-style:none;
}

#concert-info ul li {
	margin:10px 0px;
}

#concert-info ul li h3 {
	line-height:1em;
}
#concert-info .button {
	margin-top: 20px;
}
#concert-info ul li a {
	color:white;
}



/* main-content after featured performer*/

div#other-content {
	margin-top:20px;
}
#other-content ul {
	list-style: none;
	padding-left: 0px;
}

#other-content ul li img {
	width: 150px;
	height: 150px;
	float: left;
	margin: 16px 10px 10px 0px;
}

#other-content ul li h3 {
	clear: both;
}

/* Artist page and archive styles */

}
#artist-image {
	float: left;
}
ul#artist-info-box { 
	background: rgba(100,100,100,0.8); 
	padding: 0 10px; 
	float: right;
	width: 210px; 
	top: 25px; 
	list-style: none; 
	border-radius: 5px;
}
ul#artist-info-box  li { 
	margin: 10px 0 10px 0; 
	text-align: left;
}

ul#artist-info-box  li h5 {
	color:white;
	background:#444444;
	padding: 2px 10px;
}


#artist-meta h5 { 
	color: black;
	font-size: 1.1em;
}
#artist-meta {
	padding-bottom: 10px;
}
#artist-meta-date { 
	float:left;
	margin-right:10px;
}

#artist-meta-location { 
	float:left;
	margin-left:10px;
	}
	
.archive-entry #cancellation-note {
	font-style: italic;
	font-size: .8em;
	padding: 5px;
	margin-left: 20px;
}

#artist-info-box #cancellation-note {
	font-style: italic;
	padding: 5px;
	background: gray;
	color: white;
}

.entry {
	text-align: justify;
}

.attachment-thumbnail, .alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 50px;
}

#artist-bio {
	clear: both;
	padding-top:10px;
}

div#program-description {
	font-style: italic;
	margin-bottom: 15px;
}
/* tooltip styles */

.tooltip {
			cursor: hand; text-decoration: none;
			position: relative;
		}
		.tooltip div {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover div {
			-moz-box-shadow: 15px 11px 10px 0px #000000;
			-webkit-box-shadow: 15px 11px 10px 0px #000000;
			box-shadow: 15px 11px 10px 0px #000000;
			font-family: helvetica neue, arial, sans-serif;
			position: absolute; left: 1em; top: -1em; z-index: 99;
			margin-left: 0; 
			width: 250px;
			font-weight: normal;
			padding: 10px;
			border: solid .5px gray;
		}

		* html a:hover { background: transparent; }
		.classic {background: #FFFFFF;}
		.classic p {
			color:black;
		}

/*Navigation styles*/

div.navigation {
	clear:both;
	padding-top: 20px;
}

div.navigation a, div.navigation a:visited {
	color: black;
	text-decoration: none;
}

div.prev-posts {
	float:right;
}

div.next-posts {
	float:left;
}

/*board members table*/

#post-224 h2 {
	text-align: center;
}
table#board td, table#board th {
     border-radius: 0px 0px 0px 0px;
}

table#board td p {
     padding:0;
}

table#board {
	font-size:1.25em;
}

#post-224 td a {
	display: inline-block;
	min-width: 75px;
	max-width: 150px;
	padding: 2px 10px 6px;
}

#post-224 .emeritus {
	padding: 5px 10px;
}

#post-224 td a, #post-224 td a:visited {
	color: black;
	font-size: 1.3em;
}

#post-224 a:hover {
	background: black;
	color: white;
}


/*wp styles*/
.post { }

.entry { }
.entry a { }
.entry a:hover { }

.hentry {
	clear:both;
}
.wp-caption p {
	padding:0 15px 0 0;
	font-style: italic;
}
pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

 /* END screen media */
 
}




@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */