h1,h2,h3 {
  margin-top: 5px;
}

h1 {
  font-size: 30px;
  color: #562300;
  clear: both;
}

h2 {
  font-size: 26px;
  color: #a77540;
  clear: both;
}


.page-header {
  margin-top: 5px;
}

@font-face {
  font-family: CS Avva Shenouda;
  src: 	
	url('/media/cs_avva_shenouda.ttf'), local("CS Avva Shenouda"); 
}

.coptictext{font-size: 1.1em; font-family: CS Avva Shenouda, CS Coptic Manuscript, CS Pishoi;}
.arabictext{font-size: 1.2em; font-family: Tahoma; direction: rtl; unicode-bidi: embed;} 


.coptictext_utf8, .coptictext_utf8 {
    font-family: "CSU Avva Shenouda", "Noto Sans Coptic", "Segoe UI Historic";
}

.footer {
  padding: 30px 0;
  text-align: center;
  background-color: #fcf5da;
  border-top: 1px solid #e5e5e5;
}


#album {
  width: 85%;
  padding: 10px;
}

#album div.albumname {
  color: #673417;
  font-size:2.5em;
}

#album div.albumartist {
  font-size:1.2em;
}

tr.mediarow td {
	border-bottom: 1px solid #e7e7e7;
	line-height: 2.0;
	vertical-align: center;
}

.mediarow td.tracknumber {
	text-align: center;
	width: 40px;
	color: #cb975b;
}

.mediarow td.tracknumber div.play-button {
	display: none;
	margin: 0 auto;
	horizontal-align: center;
} 

tr.nowplaying td {
  background-color: #A7E7FC;
}

td.playthis div.title {
   height: 30px;
}

td.playthis:hover {
   cursor: hand;
   color:rgba(0, 173, 239, 0.9);   
   color: #905416;
}

.play-button {
    height: 32px;
    width: 32px;
    background-color: rgba(0, 0, 0, 0.7);
    background-color: #f5e29d;
    border-radius: 50%;
    position: relative;
}

.play-button:hover {
    background-color: rgba(0, 173, 239, 0.9);
    background-color: #4e1800;
    cursor:hand;
}

.play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 6.5px;
    left: 12px;
    margin: 0 auto;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.download-button {
    cursor: hand;
}

.mediarow td.mediatitle {
	font-family: Roboto,Arial;
	font-weight: 500;
	font-size: 15px;
	padding-right: 10px;
	line-height: 300%;
}

td.mediatitle a {
  display:block;
}

td.mediatitle a:hover {
 text-decoration: none;
}

.mediarow div.english {
	float: left;
	display: inline-block;
}

.mediarow div.arabic {
	font-family: Tahoma;
	float: right;
	text-align: right;
	display: inline-block;
	white-space: nowrap;
}

.mediarow td.duration {
	font-size:12px;
	width: 20px;
	text-align: center;
	color: #cb975b;
	padding-right:10px;
}

.mediarow i.fa {
  color: #cb975b;
}

.mediarow a:hover i.fa {
  color:#4e1800;
}


// main navbar
.dropdown:hover .dropdown-menu {
    display: block;
}


.navbar-default {
  background-color: #f5e29d;
}

.navbar-default .navbar-brand {
  color: #673417;
}


/* link */
.navbar-default .navbar-nav > li > a {
  color: #a77540;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #562300;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #673417;
    background-color: #c3b284;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #673417;
    background-color: #c3b284;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #562300;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #c89c65;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navbar-form {
  margin-bottom: 0;
  vertical-align: middle;
}

.breadcrumb {
  background-color: #fcf5da;
  padding: 4px 10px;
}

div.arabictext { float: right; }
.bootstrap-switch { height: 1.8em }

#collapse-related {
  float: right;
}