* {
margin: 0;
padding: 0;
}

a {
color: #36C;
text-decoration: none;
}

img {
vertical-align:middle;
border:0;
}

p {
padding-top: 1em;
font: normal 10pt 'Segoe UI', Arial;
line-height: 1.5em;
text-align:justify;
text-shadow: 0px 0px 1px silver;
}

body {
width:100%;
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}

.text_gu {
font-family: 'Noto Sans Gujarati', Shruti, 'Lohit Gujarati', SamsungGujarathi, 'Gujarati MT';
}

#wrapper {
margin: 0 auto;
width:840px;
padding:0;
background:white;
}

#header {
text-align:center;
font-family:'Segoe UI',Arial,Helvetica;
}

#selection, #gen-options, #kirtan-nav {
display:none;
}

#content {
margin:4px;
padding:4px;
}

#content h2 {
text-align:center;
padding:4px;
font-family:'Segoe UI',Calibri,Arial;
font-size:12pt;
}

.kirtan {
width:100%;
margin:8px auto 0 auto;
padding:4px;
border:1px solid lightgray;
font-size:14pt;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.kirtan h1 {
margin:2px;
color:black;
text-align:center;
font-size:16pt;
}

.kirtan h1.gu {
font-family: 'Mukta Vaani', Shruti, 'Lohit Gujarati', SamsungGujarathi, 'Gujarati MT';
padding-top:4px;
padding-bottom:0px;
text-shadow: 0px 0px 1px silver;
}

.kirtan h1.en {
font-family: 'Source Sans Pro', 'Segoe UI',Arial,Helvetica;
padding-top:6px;
padding-bottom:6px;
text-shadow: 0px 0px 1px silver;
}

.kirtan h1.hari {
font-family: Harikrishna, HARIKRISHNA;
font-size:18pt;
padding-top:6px;
padding-bottom:6px;
}

.kirtan_info_en {
width:96%;
margin:0 auto 8px auto;
color:gray;
text-align:center;
border-bottom:1px solid lightgray;
padding:4px;
font-size:8pt;
}

.kirtan_info_gu {
width:96%;
font-family: 'Noto Sans Gujarati', Shruti, 'Lohit Gujarati', SamsungGujarathi, 'Gujarati MT';
margin:0 auto 8px auto;
color:gray;
text-align:center;
border-bottom:1px solid lightgray;
padding:2px;
font-size:10pt;
}

.kirtan_info_hari {
width:96%;
font-family: Harikrishna, HARIKRISHNA;
font-size:12pt;
margin:0 auto 8px auto;
color:gray;
text-align:center;
border-bottom:1px solid lightgray;
padding:2px;
font-size:12pt;
}

.kirtan pre {
color:black;
padding:4px 4px 4px 8px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.kirtan pre.gu {
font-size:13pt;
line-height:1.75em;
}

.kirtan pre.en {
font-family:'Segoe UI',Arial,Helvetica;
font-size:14pt;
line-height:1.5em;
}

.kirtan pre.hari {
font-family: Harikrishna, HARIKRISHNA;
font-size:16pt;
line-height:1.5em;
}

#kirtan-info_gu, #kirtan-info_en, #kirtan-info_hari {
text-align:center;
}

#media-info {
width:100%;
margin:8px auto 8px auto;
padding:4px;
border:1px solid lightgray;
text-align: center;
}

#media-info h3 {
color:gray;
font-size:14pt;
border-bottom:1px solid lightgray;
}

#media-info p.nomedia {
font-size:14pt;
font-family:'Segoe UI',Arial,Helvetica;
color:gray;
text-align: center;
margin-bottom: 12px;
margin-top: 12px;
}

#media-info div.title {
font-size:12pt;
margin-top:4px;
padding-top:6px;
color: black;
font-weight:bold;
line-height:1.5em;
}

#media-info div.artist {
font-size:10pt;
font-style:italic;
color:gray;
padding-top:10px;
line-height:1.5em;
}

#media-info div.track {
font-size:8pt;
color:gray;
padding-top:6px;
}

#media-info img.album_art {
height:128px;
margin:4px;
color:gray;
font-size:10pt;
border:1px solid gray;
-moz-box-shadow: 2px 2px 3px #444;
-webkit-box-shadow: 2px 2px 3px #444;
box-shadow: 2px 2px 3px #444;
}

#media-info img.album_art_ua {
height:128px;
margin:4px;
color:gray;
font-size:10pt;
}

#media-info table {
border:0;
}

#media-info table td {
border:0;
}

#media-info table td.album_head {
color:gray;
font-size:12pt;
border-bottom:1px solid lightgray;
padding-top: 24px;
}

#media-info table td.album_kirtan {
color: black;
font-size:11pt;
padding: 12px;
line-height: 1.5em;
}

#media-info table td.album_kirtan a {
color:navy;
}

#media-info span.artist {
color: gray;
font-family: "Noto Sans Gujarati", Shruti;
}

#footer {
clear:both;
margin: 8px 0 0 0;
padding:16px 4px 4px 4px;
border-top: 1px solid lightgray;
font-family:'Segoe UI',Arial,Helvetica;
text-shadow: 0px 0px 1px silver;
font-size:8pt;
font-weight:normal;
text-align:center;
}

#footer a {
color:black;
}

#footer ul {
list-style-type:none;
line-height:2em;
}

#index-list-EN, #index-list-GU, #index-Hari, #kirtan-options {
clear:both;
}

#kirtan-options {
display:none;
}

table {
border-collapse: collapse;
text-align: center;
margin-left: auto;
margin-right: auto;
width:100%;
padding:4px;
font-family: 'Segoe UI', Arial;
font-size: 8pt;
line-height: 1.25em;
border-spacing: 0px;
}

tr.header {
text-align: center;
background-color: #FFF284; 
color: navy;
font-weight: bold;
font-size:9pt;
}

tr.header td {
padding:2px 2px;
border:0;
}

tr.header a {
color: navy;
text-decoration: none;
}

tr.header a:hover {
text-decoration: underline;
font-weight: bold;
}

td {
border: 1px solid gray;
padding: 2px;
}

td.group {
font-weight:bold;
font-style:italic;
font-size:9pt;
}

td.hari-group {
font-family:Harikrishna,Harikrishna;
font-size:14pt;
padding:4px 2px;
font-weight:bold;
}

tr.hari-item {
font-family:Harikrishna,Harikrishna;
font-size:12pt;
padding:4px 2px;
}

tr.hari-item td {
padding:4px 2px;
}

/*Introduction styling*/
.intro {
clear:both;
padding:10px;
margin-top: 24px;
}

.intro h1 {
text-align: center;
}

.intro h1.text_gu {
font-size: 24pt;
font-family: "Noto Serif Gujarati";
font-weight: bold;
color: #C00000;
}

.intro_section {
padding:0;
margin:8px 0 24px 0;
overflow:auto;
}

.intro_section h2 {
padding: 8px;
text-align:center;
color: navy;
}

.intro_section h2.text_gu {
font-size: 14pt;
font-family: 'Mukta Vaani';
}

.intro_section h2.text_en {
font-size: 14pt;
font-family: 'Mukta Vaani', 'Segoe UI';
}

.intro_section h3 {
font-family: 'Mukta Vaani', 'Segoe UI';
font-size: 12pt;
text-align: center;
}

.intro_section p {
color: black;
padding:12px;
text-indent: 24pt;
}

.intro_section p.text_en {
font-family: "Segoe UI", Arial, Helvetica;
font-size: 12pt;
line-height: 1.5em;
text-align: justify;
}

.intro_section p.text_gu {
font-family: "Noto Sans Gujarati", Shruti;
font-size: 12pt;
line-height: 1.5em;
text-align: justify;
}

.audio_link {
font-size: 12pt;
text-align: center;
padding-bottom: 12px;
margin-bottom: 24px;
}

.audio_artist {
font-size: 10pt;
text-align: center;
padding-bottom: 12px;
margin-bottom: 24px;
}

/*Kirtan formatting*/
.k_pad_gu {
font-family: "Noto Sans Gujarati";
font-size: 11pt;
font-weight: bold;
line-height: 1.5em;
color: gray;
text-align: center;
}

.k_pad_en {
font-family: "Source Sans Pro";
font-size: 11pt;
font-weight: bold;
line-height: 1.5em;
color: gray;
text-align: center;
}

.k_line_gu {
font-family: "Noto Sans Gujarati";
font-size: 14pt;
line-height: 1.75em;
color: black;
text-indent: -2em;
margin: 0 0 0 2em;
text-shadow: 0 0 1px silver;
}
.k_line_sm_gu {
font-family: "Noto Sans Gujarati";
font-size: 12pt;
line-height: 1.75em;
color: black;
text-indent: -2em;
margin: 0 0 0 2em;
text-shadow: 0 0 1px silver;
}

.k_line_en {
font-family: "Source Sans Pro";
font-size: 14pt;
line-height: 1.5em;
color: black;
text-indent: -2em;
margin: 0 0 0 2em;
text-shadow: 0 0 1px silver;
}
.k_line_sm_en {
font-family: "Source Sans Pro";
font-size: 12pt;
line-height: 1.5em;
color: black;
text-indent: -2em;
margin: 0 0 0 2em;
text-shadow: 0 0 1px silver;
}

.k_meaning_gu {
font-family: "Noto Sans Gujarati";
font-size: 11pt;
color: gray;
font-style: italic;
line-height: 1.5em;
}

.k_meaning_en {
font-family: "Source Sans Pro";
font-size: 10pt;
color: gray;
font-style: italic;
line-height: 1.5em;
}

.underline {
text-decoration: underline;
}

.k_alt_gu {
font-family: "Noto Sans Gujarati";
font-size: 10pt;
color: green;
}

.k_alt_en {
font-family: "Source Sans Pro";
font-size: 10pt;
color: green;
}

.k_info_gu {
font-family: "Noto Sans Gujarati";
font-size: 12pt;
color: green;
text-align: center;
}

.k_info_en {
font-family: "Source Sans Pro";
font-size: 12pt;
color: green;
text-align: center;
}

.k_ref_gu {
font-family: "Noto Sans Gujarati";
font-size: 12pt;
color: green;
text-align: right;
}

.k_ref_en {
font-family: "Source Sans Pro";
font-size: 12pt;
color: green;
text-align: right;
}

.k_rule {
border-top: 1px solid black;
padding: 8px 0;
width: 50%;
margin: auto;
}
.k_center {
color: black;
font-size: 16pt;
text-align: center;
}