@import url("LACF2013-1.css");

header .lacf_logo {
	width:80%;
	margin:0 1em;
	vertical-align:bottom;
}

header.ui-header {
    border-bottom:none;
    border-left:none;
    border-right:none;
    background: black;
}
#mainmenu_page header.ui-header,
#concertsmenu_page header.ui-header,
#moremenu_page header.ui-header,
#about_page header.ui-header,
#workshopsmenu_page header.ui-header,
#swinglesvideo_page header.ui-header {
    border-bottom: 1px solid white;
}
section[data-role="content"].ui-content/*, section#mainmenu ul li*/ {
/*    border:3px solid #A4011F;*/
/*    border-top:none;*/
    background:black;
    border:none;
    padding-top:0;
}

header.ui-header h1.ui-title {
    margin-left: 20%;
    margin-right:20%;
	margin-bottom:0;
}

header .backbtn_container {
    float:left;
    padding-left:10px;
}
header .backbtn_container a .ui-btn-text {
    font-size:24px;
    font-weight:bold;
}

a.bottom_back_button {
    text-align:left;
    font-style:italic;
}

#mainmenu h1 {
    text-align:center;
}
#mainmenu h2 {
    text-align:center;
    font-weight:normal;
    font-size:20px;
}
#mainmenu ul li a {
    font-size:20px; 
    line-height:1.3em;   
}
#mainmenu .ui-block-a, #mainmenu .ui-block-b {
    text-align:center;
}
#mainmenu .mainmenu_button {
    background-color: white;
    margin:3em 1em 0 1em;
    padding:1em;
    text-align:center;
    -moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	border-radius: 2.5em;
}

#mainmenu a {
    text-decoration:none;    
}
#mainmenu .mainmenu_button table {
    width:100%;
}
#mainmenu .mainmenu_button table td.button_icon {
    text-align:center;
    width:30%;
}
#mainmenu .mainmenu_button table td.button_label {
    width:60%;
    text-align:left;
    padding-left:0.5em;
    font-size:28px;
    font-weight:bold;
    color:black;
    text-decoration:none;
    border:none;
    margin-bottom:0.3em;
}
#mainmenu .mainmenu_button img {
    width:100%;
    max-width:192px;
}
#mainmenu_button td {
    vertical-align:middle;
}

#mainmenu .bubble_triangle {
    width:30px;
    height:30px;
    margin:0;
    padding:0;
}
#mainmenu .bubble_triangle_l {
    margin-left:64px;
    float:left;
    background: url(img/speech_bubble_tag_30.png) #000 no-repeat top left;
    background-size: 30px;
}
#mainmenu .bubble_triangle_r {
    margin-right:64px;
    float:right;
    background: url(img/speech_bubble_tag_30_r.png) #000 no-repeat top left;
    background-size: 30px;
}

#mainmenu .mainmenu_button.notag {
    -moz-border-radius: 0.75em;
	-webkit-border-radius: 0.75em;
	border-radius: 0.75em;
	padding-top:0;
	padding-bottom:0;
	margin-top:5em;
}
#mainmenu .mainmenu_button.notag img {
    width:100%;
    max-width:96px;
}

#mainmenu #app_sound_button {
    color:white;
    text-shadow:none;
    text-decoration:underline;
}
#mainmenu #app_sound_button:hover {
    cursor:pointer;
}


/*
 * CONCERT & WORKSHOP MENUS
 */
ul.event_list .ui-li-heading, ul.event_list .ui-li-desc {
	white-space: normal;
}

ul.event_list li .event_title {
	font-style:italic;
}


h3.concert_artistname {
	font-size:120%;
	font-weight:bold;
	line-height:1.2em;
}
.ui-btn-down-a h3.concert_artistname {
    font-weight:normal;
}
	
p.concert_date {
	font-weight:bold;
	color:#555;
}

img.artist_image {
	width:90%;
	margin:0 auto;
}


/*
 * ARTIST PAGES
 */
 
.artist_info {
    background:white;
    color:black;
    padding:0.9em;
    -moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.artist_info h1.concert_artistname {
    color:black;    
}
.artist_info .artist_image {
    max-width: 512px;
}
.article {
    color:black;
    background:white;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding:0.9em;
    -moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.article video, .article .videoEmbed {
    max-width:100%;
}

.article blockquote.artist_quote,
.article p.artist_speech {
    font-style:italic;
}

section[data-role="content"] h1 {
    font-size:24px;
    margin-top:15px;
    color:#fff;
}
section[data-role="content"] h2 {
    font-size:16px;
    font-weight:normal;
}
section[data-role="content"] {
    color:#fff;
}
section[data-role="content"] .ui-grid-a {
    margin-top:15px;
}

h1.concert_artistname {
    font-size:24px;
    line-height:1em;
}

.concert_artistname .event_title {
    font-size:80%;
	font-style:italic;
}

.videoEmbed {
    text-align: center;
    margin: 1em auto;
}
.videoEmbed .caption {
    font-style:italic;
}

.audioblock {
    text-align:center;
    margin:0.5em auto 0 auto;
}
.article .audio_caption {
    font-style:italic;
    font-weight:bold;
    text-align:center;
}

.linkout_button_list a {
    font-size:130%;
}

.linkout_button_list .ui-li .ui-btn-text a {
    white-space:normal; /* Avoid ... truncation */
}

.song_credits {
    color:black;
    background:white;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding:0.9em;
    -moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

/*
 * ABOUT
 */
#about_page h2.ui-li-heading {
    text-align:center;
    font-size:1.5em;
    font-weight:normal;
    margin-bottom:0;
}
#about_page h3.ui-li-heading {
    font-weight:normal;
}

#about_page ul[data-role="listview"] .ui-li-desc {
    text-overflow: normal;
    overflow: visible;
    white-space: normal;
}

#about_page ul[data-role="listview"] li {
}

#about_page ul[data-role="listview"] p.ui-li-desc {
    padding:0.5em 1em 0.5em 1em;
    font-size:16px;
}

#about_page ul li .partner_logo {
    float:left;
    padding: 10px 15px 10px 10px;
    width:15%;
}

#about_page .partner_link {
    text-align:center;
    font-size:120%;
    word-wrap: break-word;
}
/*
 * MORE
 */
 
#workshops_page ul li a, #more_page ul li a h3.concert_artistname {
    padding-top:0; 
    margin-top:5px;
}

#moremenu_page ul li p,
#moremenu_page ul li h2,
#moremenu_page ul li h3 {
    white-space:normal;
}
#moremenu_page ul li h2 {
    white-space:normal;
    font-size:150%;
}

#moremenu_page a[data-role="button"]  .ui-btn-inner{
    font-size:50%;
    text-overflow:normal;
}

/*
 * SWINGLES
 */
 
#swingles_video_list h3 a .ui-button-inner{
    font-size:140%;
}

#swingles_video_list .swingle_headshot {
    height:3em;
    margin-right:1em;
}
#swingles_video_list .swingles_video_item .ui-btn-inner .ui-btn-text {
    font-size:140%;
}

#swingles_page .event_list li h3, #swingles_page .event_list li h2 {
    font-size:130%;
}


/*
 * GAME
 */
 
#game_page section {
    background: none;
}

#game_header, #game_footer {
/*    background-color:#444;*/
    height:20px;
}
#game_area {
/*    background-color:#222;*/
    background-color:rgba(0,0,0,0.75);
    min-height:100px;
    padding:5px;
    margin:5px auto;
    border: 2px solid white;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#game_status {
    height: 40px;
    background: rgba(0,255,0,.5);
    margin: 3px 0;
    -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding:0 20px;
}
#status_line {
    font-weight:normal;
    text-shadow:none;
    padding-top:10px;
    margin:0;
    text-align:center;
}

#intro_text {
    font-weight:normal;
    text-shadow:none;
    padding:1em;
}
#intro_text h1 {
    font-style:italic;
}
#intro_text h2 {
    text-decoration: underline;
}
#end_text {
    font-weight:normal;
    text-shadow:none;
}
#end_text p {
    font-size: 24px;
}

#end_text a[data-role="button"] .ui-btn-inner {
    white-space:normal;
}

.game_row {
    width:100%;
    background: url(img/cream_dust.png) #eee repeat top left;
    border: 1px solid #999;
    cursor:pointer;
}

.sw_headbox {
    float:left;
    padding:0 1em 0 0;
}

.game_row h3 {
    text-align:center;
    margin:0;
    padding:0;
    color:black;
}

img.sw_head {
    width:128px;
    height:181px;
    padding:5px 0 0 5px;
}

p.hint {
    font-size:25px;
    font-style:italic;
    color:#333;
    padding-right:1em;
}

#end_text {
    padding:1em;
}
#end_text .social_share_button, #end_text .social_share_button .social_share_button_txt {
    text-align:center;
    font-size:24px;
}
#end_text .social_share_button a {
    margin-bottom:0;
    border-bottom:none;
}

#end_text .bubble_triangle {
    width:30px;
    height:30px;
    margin:0 auto;
    padding:0;
}
#end_text .bubble_triangle_l {
    background: url(img/speech_bubble_tag_30.png) #000 no-repeat top left;
    background-size: 30px;
}
#end_text .bubble_triangle_r {
    background: url(img/speech_bubble_tag_30_r.png) #000 no-repeat top left;
    background-size: 30px;
}

#end_text .ui-btn-inner {
    text-overflow: initial;
}

/*
 * Retina images
 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
     #mainmenu .bubble_triangle_l { background: url(img/speech_bubble_tag_60.png) #000 no-repeat top left; }
     #mainmenu .bubble_triangle_r { background: url(img/speech_bubble_tag_60_r.png) #000 no-repeat top left; }
     #end_text .bubble_triangle_l { background: url(img/speech_bubble_tag_60.png) #000 no-repeat top left; }
     #end_text .bubble_triangle_r { background: url(img/speech_bubble_tag_60_r.png) #000 no-repeat top left; }
     .game_row { background: url(img/cream_dust_2x.png) #eee repeat top left; }

 }
 
/*
 * MISC
 */
 
.tinyIcon { border-style:none; margin: 4px 3px 0 4px; padding:0;}